Unit 4: Building a Web Culture (Style Design Standards and HTML 5)
The entrance to Hyde Park, London, in the 1970s. Photo credit C. T. Evans.
When you do anything publicly on the web, you should be aware that there are certain basic style guidelines that you should observe. In a way this is not much different than observing specific formatting requirements when writing a paper for publication. By putting something on the web, you are publicizing.
must do in this unit
- Read Rosenzweig's textbook (chapter 2: Getting Started and chapter 4: Designing for the History Web).
- Read this week's note.
- Watch the video for this unit of the course on ItunesU for NVCC (look for HIS 295) or on YouTube.
- Web Accessibility (ADA guidelines) are an important consideration for any web project. Have a look at Michael Beil, How Do I Know If My Web Project Is Accessible?
- Check out some web design information:
- Post on your blog (10 points): (1) When you post to your blog, try using some different style examples (subheads for sections, a numbered list, an unnumbered list, bold or italicized words, a link, and an image); (2) Think about some web creation tool options, from complicated (Adobe Dreamweaver) to simple (Webnode or Weebly); (3) think in terms of a possible project and what sort of web presence you might need.
- Submit the URL of your blog post on Canvas for grading.
Extra credit options
- Please suggest any online materials relevant to this unit of the course.
- At this point in the course, I VERY MUCH ENCOURAGE you to try and create a simple web page from scratch. This will require three things:
- a place on the web to put your work. Fortunately, each NVCC student can set up a web account with web space. Here are updated directions (PDF) for accessing your NVCC web space.
- a file transfer program (FTP) to upload files from your computer to your web space. There are some free ones available.
- a design program to create your web page. In other words, you need a tool! Keeping it simple, I suggest Composer (part of the Seamonkey project), but I have also found some other options listed here, including KompoZer.
- Your first effort might not look good, but you'll have created that first page. It gets easier, especially once you learn to borrow code snippets!
- Please let me know if you are trying this so that I can help you out.
- Well, you can probably ignore some of what I just noted since the NVCC space is now located behind a firewall and so cannot be seen by people on the web, but you could still put things there s you practice
- You can also just practice on your own computer and design web pages, but not upload them yet.
Unit learning objectives
- Upon successful completion of this unit, you will be able to (1) describe key principles of good web design and (2) demonstrate a level of familiarity with the software tools frequently used for the design of digital historical materials.