Hus 351
HTML CSS Project
Let’s become makers, builders, and inventors as soon as possible. With this in mind, you will use html coding to build your own basic web page, which you will eventually stylize with a Cascading Style Sheet. Not all of the styling with be done through the CSS, as it will be important for you to do some of that work in the HTML coding.
What should your webpage be about? Good question. This is where your own initiative as a humanist comes into play. What are you interested in that relates to the humanities? Your page could be about an object, or thing, that the public should have more information about. Your page could focus on a personal object that has historical value. It could be about your specific area of study, etc. We’re really open to ideas here.
Basic Steps
- On your assigned web space, create a folder for this class.
- In that folder (or subfolder), you will eventually have two basic files: your HTML file (your page) and your CSS file (that page’s stylesheet). These two files will be in the same folder because they need to “talk” to each other.
- When writing your webpages, use the text editor, Notepad++ (or just notepad) and save that file as an HTML file.
- You will use the same text editor to create your CSS file.
- Your basic work in Code Academy will teach you how to create, develop, and link these files.
Your HTML file should include:
- The basic components of an HTML file: file type, head, title, body
- Headers of different size
- Paragraphs of text
- Text of different fonts
- Text of different size
- Text of different colors
- An image without a link
- An image that links out to another page
- A hyperlink that is represented as text
- An ordered list
- An unordered list
- A list within a list
- A table
- Maybe a background color
- Something not covered but that you look up on your own
Addendum: Comments! Use the comment function in HTML to do two things:
- Comment on the functionality of the code
- Comment on the assignment yourself; why are you making the choices that you are? You you able to recreate your vision? DO you have to compromise with what is possible for you in HTML?
You must also have a CSS stylesheet that manages the above:
- Incorporate any of the CSS elements you learned in Code Academy. This is all a matter of taste and audience reception.
- Bonus: Try stylizing an element on the UWGB Commons for the Digital and Public Humanities.
That’s it, coders. See the course schedule for due dates and good luck!
Project Gallery
Sarah Bosquez
Brittany Brocker
Danielle Brocker
Amanda Delforge
Corrina Delongchamp
Jessica Everly
Luke Fisher
Hannah Hacker
Cole Heyn
Katie Hobbs
Laura Lyman
Paul Malcore
Elizabeth Olds
Rebecca Rasmussen
Roberto Rodriguez
Katie Runnoe
Kenda Vedvik
Ari Verhein
Kyra Zehms
Metadata Page