Description

This project is to create a basic website using HTML and to deploy it on a web server. Creating the
website will require HTML and deploying your website will require SSH, FTP, and various other tools.
This is also a good opportunity to set up an editor and begin to learn how it works. Finally, you will
also create basic landing page for your website and future projects.
Requirements
Your task is to create a website using separate HTML files. A web page is a single page, and a web
site is a collection of pages which link to each other. The site should at least five HTML files (meaning
five different pages) and one CSS file. Your website should meet the following criteria:
HTML Criteria
• Has valid HTML5 doctype.
• Has a correct basic page layout, including,, andtags.
• All pages should have a unique title.
• All pages should have a link to them somewhere using an tag. Meaning, I should be able
to navigate your website just by clicking on links.
• At least one use of each of the following HTML tags:

,

,

, ,

,
• ,
  1. • Include at least one image using the
  1. tag.
  1. • At least one table using the

  tag (and other necessary tags).• At least one Youtube video embed.• A comment block at the top of every page with name, date, course, and project description.• All pages must pass an HTML5 validator (https://validator.w3.org/).• You should have one CSS file to add some styling to your pages.Deployment Criteria• You must upload your file to the CS web server in a ‘p1’ directory.• You should create a small landing page which has a link to your project 1 (and will eventuallyhave links to future projects).• Your site should be reachable at http://thor.quincy.edu/~username/ and your project1 should be reachable at http://thor.quincy.edu/~username/p1/.Website ContentYour website may be about any appropriate topic. You won’t be graded on content, but your websiteshould be coherent and make some sense. Some suggested topics are TV shows, movies, music,video games, books, food, cars, flowers, a hobby, or any computer science related topic.

• Deploying your websiteThe CS web server is “thor”. You can remote in to this server using SSH while on the campusnetwork. You should use your email address as your username and the same password as youraccount. To deploy your website, you must create a directory “public_html” in your home directory,and you must set the directory to executable by others (using chmod). You should then be able toput your files in there and visit them using the URL above under Deployment Criteria.Useful ToolsLearning how to use your tools well is a very important part of programming. You will be using thesetools for the rest of the semester (and possibly beyond), so it is worth it to spend the time up frontto learn them. Below are some free tools I recommend getting familiar with for this course:• Command line SSH client – Built into all modern OSes (Use Putty if using old Windows).• Filezilla – FTP client for transferring files to/from the server.• Visual Studio Code – My recommended editor for programming.• Notepad++ – Good general purpose text editor. Like Notepad but better in every way.• XAMPP – Local PHP/Apache environment• Browser development tools (Chrome or Firefox).GradingThe assignment is worth 150 points. The grading is broken down in the following categories:At least five linked HTML pages 40All HTML/CSS requirements met 50Properly deployed to web server 30Created a ‘Landing Page’ with a link to project 1 10Comment block at the top of every file 10Overall cleanliness of code 10Total 150Submitting your workYour work must be submitted as an archive (.zip, .7z, .rar) on Moodle. This archive should includeyour html files and any other necessary files for your website. Late submissions are allowed up to aweek after the due date, but have an automatic 20% penalty.This project is due Wednesday, September 25th at 11:59pm.