The Non-Designer’s Web Book by Robin Williams & John Tollett has some great information about the basics of web design.
Please complete the following activities….
- Referring to page 54 – What is the different in a paragraph and a break? When would you use each? What are the tags for each?
- Referring to pages 56 & 57 – Which is usually better for web page backgrounds — patterned background images or textured background images?
- Referring to pages 58 & 59 – What is the difference in internal and external links? Create a webpage that provides coding for internal, external and email links as well as anchors for links within the same page.
- Referring to page 76 – When creating a website, why and when would you need to create folders?
- Referring to pages 77 & 78 – What are 7 basic concepts to follow when naming files within your website?
- Referring to pages 79 & 80 – What is the difference between a file name and a page title? Provide examples of each.
- Referring to pages 83 – 87 – Explain what a server, domain name, and domain name server are. Provide a summary of two different hosting services including the name of the hosting service, cost of service for specified megabytes or storage space limits, is the domain name included or is that an extra cost and if so how much is it, what types of scripting are supported. Is a domain name that would represent you available? Provide me an example of an available domain name that you could use to represent a portfolio of your work.
- Referring to pages 88 – 90 – What are four things you should do when preparing to build a website (not including learning coding or how to use your software)?
- Complete the quiz at https://nwtechdigitaldesign.wordpress.com/non-designers-web-book-quiz-1/.
- Referring to pages 97 – 110 – What are seven differences in print and web media and what are the advantages for web media? Name four advantages for print media.
- Complete the quiz at https://nwtechdigitaldesign.wordpress.com/non-designers-web-book-quiz-2/.
- Referring to page 113 – What are the four basic design principles?
- Referring to pages 114 – 117 – What does alignment mean? What is one basic rule to follow regarding alignment on a web page? What changes were made regarding alignment from the web page at the top of page 115 to the web page at the bottom of page 115 and why were the changes made? Is centered alignment usually the best option for all elements on your web page, why or why not? Are borders on tables usually needed to provide visual separation of elements?
- Referring to pages 118 – 120 – Explain the principle of proximity.
- Referring to pages 122 – 125 – Explain the principle of repetition. Name at least five ways to use repetitive elements on web pages throughout a website. What design principles have been applied to the web site example on page 125?
- Referring to pages 126 – 129 – Explain the principle of contrast. What is a focal point and why is it important? What was changed from the example at the top of page 127 to the example at the bottom of page 127 to provide contracts and a focal point?
- Referring to pages 130 – 131 – What changes were made from the first example on page to the last example on the bottom of page 131 to adhere to design principles?
- Referring to pages 132 – What are two things that can destroy the professional effect of your web site?
- You have already created a web site for Frillio’s Pizza. Create a copy of the folder with all the Frillio’s Pizza files and rename it Frillios2. Using the design principles and suggestions listed on page 134, redesign or update the Frillio’s Pizza website you previously created… unless it already adheres to all the design principles.
- Referring to pages 135 – 152 – What does “interface” refer to? What is “navigation design”? What are normally the ideal locations for navigation systems? What are some techniques that can be used to give a user an idea of where they are within a web site? What is a site map and why would it be used?
- Visit the following websites which cover information regarding interface, navigation, planning, and designing websites:
Close Photoshop and Grab a Pencil: The Lost Art of Thumbnail Sketches by Design Shack
Learning to Design: How I Bombed Art Class But Still Designed a Remarkable Website by GiftRocket Blog
A Beginner’s Guide to Wireframing by Webdesigntuts+
18 Great Examples of Sketched UI Wireframes and Mockups by Webdesignledger.com
- Look at the top graphic on page 154. What is your first impression regarding interface and navigation? Look at the bottom graphic on page 154. What is your first impression regarding interface and navigation? As a web site user, which site do you think has the best design and why?
- Referring to pages 156 – 159, describe six common design mistakes that can sometimes be found on web sites.
- Using the checklists on pages 162 – 164, does your original website for Frillio’s Pizza have more checked boxes on the Not-So-Good Design Checklist or the So-Much-Better Design Checklist? What about your redesigned Frillio’s Pizza website? Do you need to make any revisions to the second design so that you do not have any boxes checked on the Not-So-Good Design Checklist?
- Referring to pages 245 – 249, name four things you should NOT do on websites regarding typography and four things you should do on websites regarding typography.