WGD229 Week 6 Learning HTML5 Basics for Visual Design

Introduction

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.

iGuide

Week 6 iGuide HTML5

Deliverables 

  • 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

http://johnolaughlin.com/classtools/wgd229/eBook_wk6_1.pdf

http://johnolaughlin.com/classtools/wgd229/eBook_wk6_2.pdf

http://johnolaughlin.com/classtools/wgd229/eBook_wk6_3.pdf

http://johnolaughlin.com/classtools/wgd229/eBook_wk6_4.pdf

http://johnolaughlin.com/classtools/wgd229/eBook_wk6_5.pdf

Video – HTML5 Introduction

Screenshot 2015-02-08 at 11.35.22 AM

Video – HTML5 File Structure

http://johnolaughlin.com/classtools/wgd229/html5_03_file_structure/html5_03_file_structure.html

Video – HTML5 Graphics Prep

http://johnolaughlin.com/classtools/wgd229/html5_04_graphics/html5_04_graphics.html

Video – HTML5 HTML Tags

http://johnolaughlin.com/classtools/wgd229/html5_05_html_tags/html5_05_html_tags.html

Video – HTML5 Creating HTML with a Text Editor

http://johnolaughlin.com/classtools/wgd229/html5_06_creating_html5_page/html5_06_creating_html5_page.html

Video – HTML5 Creating CSS with a Text Editor

http://johnolaughlin.com/classtools/wgd229/html5_08_css/html5_08_css.html

Video – HTML5 Duplicating and Updating an HTML Page

http://johnolaughlin.com/classtools/wgd229/html5_09_duplicate/html5_09_duplicate.html

A Primer on APA Style Citations and References

Screenshot 2015-02-01 at 3.19.06 PM

Advertisements

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 )

Twitter picture

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

Facebook photo

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

Google+ photo

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

Connecting to %s