Copy and paste the text from this page and, using last week’s lab activity as a guideline, make a webpage, giving each element its proper hierarchy (h1, h2, h3, p, li, etc.).
Do not use the tags bistrongem
Don’t forget to give your page a proper title (<title>).
Those of you in Tuesday labs didn’t do last week’s activity. Please follow this video with the cheat sheet for the assignment.
You want to work offline (on VS Code or another text editor of your choice) saving your files on your computer. Then, make sure to keep checking your file on your browser Firefox. (Drag it to the icon on your Dock or right‑click on it and choose Open In…)
If you don’t want VS Code autoclosing your tags, go to Code > Preferences > Settings > Extensions > HTML: Then, uncheck Enable/Disable autoclosing HTML tags.
Only when you’re happy with the results that you want to upload to GitHub. If you change your mind, you may upload a new file, but what you don’t want is to work straight on GitHub.
You will be evaluated on your capacity to apply appropriate typographical hierarchy to the content, according to HTML syntax and semantics.
Important: The goal of the assignment is to apply the proper hierarchy with HTML tags. If you’re making your decisions based on how the page will render on the browser, you have the wrong mindset for this assignment. “I didn’t like the indentation” or “I didn’t like the bullet points” are not valid reasons not to use list or list items if they are called for. I won’t grade you on how your page will render in the browser, but on the semantically appropriate tags in the HTML file.
Avoid the same mistakes everybody makes.
And make sure to take a look at this page about lists and list items.
When you’re done, use tools such as FreeFormatter, HTML Formatter, or Code Beautify to organize your HTML code. An organized code makes it easier for human beings to read, so you will be able to find mistakes easier, and it will be easier for me to grade your assignment too.
Publish your page on the URL username.github.io/grc338/restaurantmenu (Always copy and paste the last part of the URL to avoid mistakes.)
(Instructions to setup your GitHub pages can be found here.)
You don’t need to submit anything to Canvas. Just click on your name to check if it’s working. If you click on your name, and it’s not working, you probably made a mistake. If it works when you get the link from GitHub, but not when you click on your name, you definitely made a mistake.
You have only submitted the assignment if it works when you click on your name and it works.
Check canvas for deadlines.