WD-Assign07

Web Site Development

Assignment07 of 14 due in 1 week (note it may take longer - so be patient with yourselves)

• Updated: 09/27/2016 by http://JilMac.com

• eMail: Jil@JilMac.com or JilMac.MacRand@gMail.com

• Phone: 802-254-8628 M-F 6am-8pm, S-S 8am-8pm or for additional hours call to setup

Read: Chapter 12 Building responsive Web Pages

Research:

Research REACTIVE DESIGN, RESPONSIVE DESIGN, PROGRESSIVE ENHANCEMENT and MOBILE FIRST - what do they mean? Are there other names/phrases/sub-Topics for this? What created the demand for Reactive Design? Who is developing in it? What tools are they using to create/test/develop Reactive Design? Include Links to where you found your research.

Give me 200+ words what you learned.

Note: http://FreshTilledSoil.com and http://cssKarma.com and he has a YouTube Channel

Here is his take on the above 3 terms plus Environmental Design... http://www.youtube.com/watch?v=fe6zv6mX5U4

Workshops & Videos:

Chapter 12

JilMac-Demonstrates-Making_Google_Site-MOBILE

but .... TEST your site and make sure YOUR ideas of Mobile align with theirs!

Project Outline

Before+After: do 3 Before & After examples from the Chapters, put links to them on your Google Web Site's Assignment07 web page.

Alternative Assignment - if the one example in the chapter leaves you confused, SUBSTITUTE it with the W3Schools.com CSS tutorial on Responsive Web Design RWD https://www.w3schools.com/css/css_rwd_intro.asp

When you are ready for JilMac to grade you, put a LINK to the Google Assignment07 web page in Moodle.

W3Schools.com has GREAT TUTORIALS

You can use these as Extra Credit Opportunities or as Before + After code

• Everything is written out - step by step to see if this works for you.

• You can start here at the HTML HOME: http://www.w3schools.com/html

The first 4 chapters would be equivalent to one assignment:

• HTML Introduction: http://www.w3schools.com/html/html_intro.asp

• HTML Editors: http://www.w3schools.com/html/html_editors.asp

• HTML Basic: http://www.w3schools.com/html/html_basic.asp

• HTML Elements: http://www.w3schools.com/html/html_elements.asp

Then write up what you learned and put it on your Google Web Page for the assignment.

• Copy and paste the examples from the Try-IT (Big Green Button)

• here is the link to the HTML Introduction's TryIT

• http://www.w3schools.com/html/tryit.asp?filename=tryhtml_intro

for every 4 W3School Tutorials with what you learned - you receive 2 extra credit points.

If you Upload your code to CLASSweb.ccv.edu space you can receive another extra credit point.

Other IDEAS for Extra Credit Opportunities:

• Other User Groups https://sites.google.com/site/jilmactraining/user-groups with a 100+ word overview

• Review a Google Book – 1 credit for 100+ word overview

• If you have another idea for extra credit - give me a call/email and we can discuss. I want to make this class relevant to YOU and what you are interested in - Web Development is vast, so direct it toward your interests!