WGD229 Week 6 Learning HTML5 Basics for Visual Design


To support learning about interactivity in visual design, work for this week includes creating some basic web pages and interactive links using HTML5. See the interactive step by step instructions in the iGuide for deliverables and demonstrations. You will not be required to publish content to the Internet, but you will be able to preview how the content looks in a web browser and how the HTML code supports interactivity. Screen captures of your offline tests will be presented as part of your growing eBook. See the interactive step by step instructions in the iGuide for deliverables and demonstrations.


Week 6 iGuide HTML5


  • Introduction to Navigation
  • Descriptions of Search Engine Optmization
  • Outline of HTML5
  • File Structure and Site Plan
  • thumbnail.html Code
  • thumbnail.html in a Browser
  • fullsize.html Code
  • fullsize.html in a Browser
  • main.css Code
  • Updated References
  • Delivery in .pdf

One Example of the Deliverables

Screenshot 2015-02-08 at 11.11.39 AMScreenshot 2015-02-08 at 11.11.58 AMScreenshot 2015-02-08 at 11.12.20 AMScreenshot 2015-02-08 at 11.12.42 AMScreenshot 2015-02-08 at 11.13.44 AMScreenshot 2015-02-08 at 11.13.26 AMScreenshot 2015-02-08 at 11.13.03 AMScreenshot 2015-02-08 at 11.14.03 AMScreenshot 2015-02-08 at 11.14.21 AM Screenshot 2015-02-08 at 11.14.40 AM

Week 6 Examples






Video – HTML5 Introduction

Screenshot 2015-02-08 at 11.35.22 AM

Video – HTML5 File Structure


Video – HTML5 Graphics Prep


Video – HTML5 HTML Tags


Video – HTML5 Creating HTML with a Text Editor


Video – HTML5 Creating CSS with a Text Editor


Video – HTML5 Duplicating and Updating an HTML Page


A Primer on APA Style Citations and References

Screenshot 2015-02-01 at 3.19.06 PM


Leave a Reply

Fill in your details below or click an icon to log in:

WordPress.com Logo

You are commenting using your WordPress.com account. Log Out /  Change )

Google+ photo

You are commenting using your Google+ account. Log Out /  Change )

Twitter picture

You are commenting using your Twitter account. Log Out /  Change )

Facebook photo

You are commenting using your Facebook account. Log Out /  Change )


Connecting to %s