WD-Assign10

Web Site Development

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

• Updated: 07/09/2017 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

Review: Please join or attend an On-Line or On-Ground Users Group, or another User Group of interest to you.

1 extra credit point for each 100 words you share your experience.

Read: Chapter 15 Lists http://htmlcssvqs.com/8ed/examples/#chapter-15

Watch the FREE TreeHouse tutorial on creating a Drop Down Menu. It incorporates CSS3, Lists and Menu's

http://blog.teamtreehouse.com/create-simple-css-dropdown-menu

Download the Supporting Documents http://treehouse-blog.s3.amazonaws.com/downloads/css-dropdown.zip

NOTE: when you UnZip the files - note there is a Before/Start & After/Final folders

Note: You have the option to get a FREE 7 day trial of TreeHouse courses ($25 per month to learn anything & everything you want)

You also have the option of getting a FREE 30 day trial from Lynda.com ($25 per month to learn anything & everything you want)

If you need written directions/steps you may like the basic & free CSS:

from http://www.csstutorial.net/part-1/basic-css-concepts-part1.php

and then move on the CSS Menu Building http://www.csstutorial.net/how-to-style-a-horizontal-navigation-menu-with-css.php

They Updated the CSS Training in 2017 http://www.studioweb.com/courses/view/beginners_css3 but note ... the new version is video based AND not free.

- or - Mozilla (creators of Firefox) https://developer.mozilla.org/en-US/docs/Web/Guide/CSS/Getting_started

Research: Lists/Menu's this can include the tutorials above or others you have found. 100+ words and links to your research.

Workshops & Videos:

Embed a Google Presentation into your Google site (and how to convert it to PowerPoint)

• • Save a Google Presentation (you can use a PowerPoint - and Save it to Google Documents

  • then imbed it into your Google WebSite)

  • Click INSERT > DRIVE > Presentation (note: It looks like a slide show!)

• Embed Calendar into your Google & HTML Websites

  • Click INSERT > CALENDAR > SELECT

  • Note: you can combine calendars by selecting your first calendar,

  • and on the second screen select "Display Another Calendar"

Google Sites - Horizontal Menu

using the NEW Google Sites https://www.youtube.com/watch?v=8sYdmmfrFCk

using CLASSIC Google Sites https://www.youtube.com/watch?v=10AeNB9_Fq0

Before+After: do 3 Before & After examples from the Chapter 15,

put links to them on your Google Web Site's Assignment10 web page.

-or-You might even feel comfortable using an example from the

W3schools, TreeHouse, Lynda.com, CSStutorial.net, DeveloperMozella.net CSS.net , etc.

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

NOTE: For those of you how have been thinking about WordPress - You are FREE to substitute WordPress assignments for these or use it for Extra Credit. All the Information about creating a WordPress site on Class Web - is found on the WordPress from the Left Navigation https://sites.google.com/site/jilmactraining/web-app-programming/cms-wordpress

Please note - there is NO Assign10 Word Document everything is on this page.