| Week |
Link |
Chapter |
Available |
| 1 |
Week01 |
Chapters 1 Intro to the Internet & WWW
Read Chap 2
| yes |
| 2 |
Week02 |
Chapter
2 - XHTML basics | 6/06/2009 |
| 3 |
Week03 |
Chapter
s
3 Color & Text w/CSS
Chapter 4 - Visual Elements
| 6/13/2009 |
| 4 |
Week04 |
Chapters 5 Web Design
Chapter 6 Page Layout w/CSS
| 6/23/2009 |
| 5 |
Week05 |
Chapter
7-Links, Lists & Layout
Appendix A XHTML reference
| 6/30/2009 |
| 6 |
Week06 |
Chapter
8-Tables
Appendix B Special Characters
| 7/06/2009 |
| 7 |
Week07 |
Chapter
9 - XHTML Forms
Appendix C CSS Property Reference
| 7/13/2009 |
| 8 |
Week08 |
Chapter
10 Web Site Development
Appendix D Compair HTML & XHTML
| 7/20/2009 |
| 9 |
Week09 |
Chapter
11 Web Multimedia
Appendix E Section 508 Standards
| 7/26/2009 |
| 10 |
Week10 |
Chapter
12 - E Commerce Overview | 8/03/2009 |
| 11 |
Week11 |
Chapter
13 - Web Promotion | On-Line |
| 12 |
Week12 |
Chapter
14 - JavaScript | 8/17/2009 |
This is a bulleted list, it contains the same data - just displayed differently
Week01 - Do for 1st Class: Discussion Questions:
- Research – Read Chapter 1 & 2 and look over the WebSite http://webdevfoundations.net – tell me what you think, and what does Hand Coding and Zipped files mean use http://Dictionary.com if you need to look up
- Introduce yourself,
- Tell me about your computer
- Create an index.html (we did this in Week 1 Workshop)
- Content Collection and ePortfolio – read about them (we will do this in Week 2 Workshop)
Week02 – Do for 2nd Class - We will review them in Class on 6/8/2009
- Content Collection and ePortfolio (we will do this in Week2 Workshop)
- Chapter 2 – http://stweb.ccv.edu/CIS-1151-VS01-V09SU/jam08260/Chapter2 Web Site Cast Studies from Chapter 2:
- Create the JavaJam Coffee House (pages 60-63) and
- Fish Creek Animal Hospital ...........(pages 63-67)
- Tell me when you have them FTP'ed to your STWEB space in Week02 and how the process went.
- Research – Check out http://Dictionary.com
Week03 - Do for 3rd Class - These are from Chapters 3 & 4. We will review them in Class on 6/15/2009
- Content Collection and ePortfolio (we will reveiw this in Week03 Workshop)
- Chapter 3 – Web Site Cast Studies http://stweb.ccv.edu/CIS-1151-VS01-V09SU/jam08260/Chapter3
- NOTE ... Why does the above link open a web page instead of displaying a list of files???
- ............... because it has an index.html file - so it is automatically opened in your browser
- ............... go to jam08260 in you WinSCP software to copy the files to your PC
- ... BUT - make them your own, put your own words on them.
- Create the JavaJam Coffee House........ (pages111-113) and
- Create the Fish Creek Animal Hospital (pages 113-116)
- Tell me when you have them FTP'ed to your STWEB space in Week03-C03 and how the process went.
- Chapter 4 – Web Site Cast Studies ... BUT - make them your own.
- Create the JavaJam Coffee House ........(pages 154-158) and
- Create the Fish Creek Animal Hospital (pages 158-160)
- Tell me when you have them FTP'ed to your STWEB space in Week03-C04 and how the process went.
- Research – From Chapter 3 Page 110 there are many links. Please choose 3 that are of interest to you. Review the pages and give me 200+ words about what you learned. Please enclude links.
Week04 - Do for 4th Class - These are from Chapters 5 & 6. We will review them in Class on 6/22/2009
- Content Collection and ePortfolio (we will reveiw this again in Week04 Workshop)
- Chapter 5 –Web Site Cast Studies ... BUT - make them your own.
- Design a Web Site that you would like to create (note this could be your project) from page 193 Checkpoint 5.1
- Create a list of who the audience is, and what they can get from the site.
- Write up what pages you would like included, and other information. Put this on a web page and have it linkable from Week 04..
- Chapter 6 –http://stweb.ccv.edu/CIS-1151-VS01-V09SU/jam08260/Chapter6 Web Site Cast Studies ... BUT - make them your own.
- Create the JavaJam Coffee House ........(pages 251-254) and
- Create the Fish Creek Animal Hospital (pages 255-257)
- Tell me when you have them FTP'ed to your STWEB space in Week06-C04 and how the process went.
- Research – From Chapter 5 Page 205 Example 3 or 4 or 5 or 6. It is your choice which question you answer - Please choose 3 examples for any of the questions above. Please choose the one which might help you with your project, or is of interest. Write up what you learned, give me 200+ words about what you and add it to the Week 4 Discussion Research Question. Please enclude links.
Week05 - Do for 5th Class - These are from Chapters 7 & Appendix A-XHTML. We will review them in Class on 6/29/2009
- Content Collection and ePortfolio
- a Quick Reminder this week - but I think you have the concept.
- I have left a comment in each students ePortfolios
- What does Web 2.0 mean?? Is the comment in ePortfolio an example of that?
- Chapter 7 - Links, Lists & Layout.
- Chapter 7 – Web Site Cast Studies ... BUT - make them your own.
- Create the JavaJam Coffee House ........(pages _297_-_298_) and
- Create the Fish Creek Animal Hospital (pages _298_-_299_)
- Tell me when you have them FTP'ed to your STWEB space in Week07 and how the process went.
- Research – From Chapter 7 Page 297 there are two topics:
- Focus on Web Design - which has you visit http://CSSzenGarden.com and other sites
- Web Research - using Background Images in Navigation Links - Do a Tutorial
- Please Read/Research both of these and give me 100+ words on each what you learned and what you tried. Please include links to locations you visited. Post your answers in the Week05 Discussion
Workshops will be:
A. Review of Chapter 6:
- Page Layout what is it - look ahead to Chapter 8 Page 316 for ideas on layouts
- CSS - Cascading Style Sheets http://CSSzenGarden.com
B. Let's get your feedback about last weeks assignment - to create a Web Site Design - maybe for your Project ...
- Design a Web Site that you would like to create (note this could be your project) from page 193 Checkpoint 5.1
- Create a list of who the audience is, and what they can get from the site.
- Write up what pages you would like included, and other information. Put this on a web page and have it linkable from Week 04.
C. In the News - What is Free?? What does it mean for Web Sites?
BREAK
D. What tools/software is used to create Web Pages - Dreamweaver
=========================================================================================================
Week06- Do for 6th Class - These are from Chapters 08 & Appendix B-Spec Char. We will review them in Class on 7/06/2009
- Content Collection and ePortfolio
- a Quick Reminder this week - but I think you have the concept.
- I have left a comment in each students ePortfolios
- What does Web 2.0 mean?? Is the comment in ePortfolio an example of that?
- Chapter 8 - Tables.
- Chapter 7 – Web Site Cast Studies ... BUT - make them your own.
- Create the JavaJam Coffee House ........(pages _330_-_331_) and
- Create the Fish Creek Animal Hospital (pages _331_-_332_)
- Tell me when you have them FTP'ed to your STWEB space in Week08 and how the process went.
- Research – We will be having the Librarian visit our class electronically on July 13th. To prepair for this you will need to watch 3 videos
- There are two reasons we are having the Librarian visit:
- To see and participate in how the technology works - because it is done via the web
- To be part of the "HartnessTV pilot project"
- Our session librarian will be Janette Shaffer Assistant Library Director,
Hartness Library System, CCV
- Please Review the three links above. Give me 100 words what you thought of the links.
- Please think about what you would like to research during our session on July 13th with the Librarian. This could be research for your project - your web site, or if you can't think of anything - please have a research goal in mind for the July 13th meeting. This could be for another class, your family, or something else of interest. 100 words for your research goal.
- Post your answers in the Week06 Discussion
Workshops will be:
A. Review of Chapter 6 CSS = Cascading Style Sheets
- make Web Pages Smaller,
- Easier to Change,
- Ability to support platforms(PC, Phone, etc.)
- ...but ...Browser Support (IE-Internet Explorer, Fire Fox, etc) is key.
- Pg 266 shows some properties
- Pg 242 shows importance of using comments...... /* comments go between the slash asterics */
B. Introduction to Chapter 7 - Hyperlinks
C. Bonus Material
- In the front of your book - scratch off the silver foil strip
- WEWFWD-BLINK-COLIC-CRUMB-ABBOT-MUSES
- Go to http://www.aw.com/felke
- Click Student Resources (valid for 6 months)
- Click Register button
- Enter code above (you can enter uppor or lower case, do not use dashes)
====================================================================================================
Week07- Do for 7th Class - These are from Chapters 09 & Appendix C-CSS. ***Project Outlines are Due*** We will review them in Class on 7/13/2009
On-Line Librarian will be on-line from 6:30-7:30pm on 7/13/2009 Connect room URL: http://vsc.mymeeting.acrobat.com/hartnessstudent/
- Review of Chapter 8
Tables pg 302 Tables have rows & columns like a spreadsheet.
I have modified out internal links at the top of this page into a Table layout.
- Tables: <table> </table> Optional Attributes: Border, width, height, cell spacdin, cellpadding
- Table Row:
<tr> </tr>,
- Table Data: <td> </td>
- Chapter 9 – the examples are in JilMac's STWEB http://stweb.ccv.edu/CIS-1151-VS01-V09SU/jam08260/Chapter9 Forms XHTML
- You have access to ALL the files from the chapter - you can use any of them for your before & after examples - but ... make them your own.
- Create the JavaJam Coffee House........ (pages_376_-_378_) and
- Create the Fish Creek Animal Hospital (pages _378_-_380_)
- Tell me when you have them FTP'ed to your STWEB space in Week07 and how the process went.
- Appendix C-CSS – Pg 599 - 606 this is a summary from the W3C CSS2 recommendations http://www.w3.org/TR/REC-CSS2/ and Properties http://www.w3.org/TR/REC-CSS2/propidx.html
- Research – From the Librarian Workshop - practice what you learned. Show that you ordered a book/research paper. Write up what you learned, give me 200+ words about what you and add it to the Week 7 Discussion Research Question. Please enclude links.
- FUN - here is a link that Jil & Lisa worked on during a Before Class Workshop. It shows and gives directions how to EMBED a YouTube Video on your web page. EmbedThisChannel-VideoClip/VideoLink.html
Workshop:
a. Upgrade your index.html in your root directory to include a Table of your weekly Assignments using DreamWeaver (Insert, Table, select how many rows & columns - remember headers)
b. Using http://tinyURL.com to make your URL link more manageable
====================================================================================================
Week08- Do for 8th Class - These are from Chapters 10 & App D-HTML vs. XHTML. We will review them in Class on 7/20/2009
- Review of Chapter 9XHTML Forms and how to create a form.
- Text Boxes
- Check Boxes
- Radio Buttons
- Submit Buttons
- Chapter 10 Web Site Development & Appendix D-HTML vs. XHTML.
- Chapter 10 does not have any accompaning files - Do three tutorials in WordPress and implement them on your Blog:
Write a new post: http://jilmacwebdevelopment.wordpress.com/wp-admin/post-new.php
Change your blog's settings: http://jilmacwebdevelopment.wordpress.com/wp-admin/options-general.php
Choose another theme: http://jilmacwebdevelopment.wordpress.com/wp-admin/themes.php
See what others are writing about: http://wordpress.com/tags/
If you're just getting started, there are tons of helpful resources available and easily searched for on our support site and forums.
http://support.wordpress.com/getting-started/
More Frequently Asked Questions: http://support.wordpress.com
We hope you dig your new blog. If you have any questions or comments, please let us know!
http://support.wordpress.com/contact/
-
- Tell me when you have them FTP'ed to your STWEB space in Week08-C03 and how the process went.
- Research – http://www.surveymonkey.com, Sign up, create a survey and put the link on your index.html AND post the link in the Week08 Research question. Write up what you learned, give me 200+ words about what you and add it to the Week 8 Discussion Research Question. Please enclude links.
- FUN: http://www.webmonkey.com/blog/10_Reasons_to_Politely_Decline_a_Web_Design_Gig
Workshop
- Put a Form in your WebSite - from the text book and also from http://mac-rand.com/GardenClub/contact-us.html
- Put Sound in your Web Site from Dreamweaver HELP file type "Insert Sound" follow directions
or view source and FIND SOUND, copy the code.
- Learn about creating a Blog: Introduction to http://WordPress.com a Blog site that has grown up
Some useful links:
Write a new post: http://jilmacwebdevelopment.wordpress.com/wp-admin/post-new.php
Change your blog's settings: http://jilmacwebdevelopment.wordpress.com/wp-admin/options-general.php
Choose another theme: http://jilmacwebdevelopment.wordpress.com/wp-admin/themes.php
See what others are writing about: http://wordpress.com/tags/
If you're just getting started, there are tons of helpful resources available and easily searched for on our support site and forums.
http://support.wordpress.com/getting-started/
More Frequently Asked Questions: http://support.wordpress.com
We hope you dig your new blog. If you have any questions or comments, please let us know!
http://support.wordpress.com/contact/
Your WordPress.com API key allows you to use services like Akismet @ http://akismet.com/
API Key: ac3054800aa0
=================================================================================================
Week09- Do for 9th Class - These are from Chapters 11 & App E-508 Standards. We will review them in Class on 7/27/2009
- Review Review of Chapter 10 - Web Site Development and Appendix C-CSS.
From the files in our text book - Chapter10
- Creating and using a Blog
- Project Development pg 386
- Project Manager
- Information Architect
- Marketing Representative
- Copywriter & Editor
- Content Manager
- Graphic Designer
- Database Administer
- Network Administrator
- Web Developer
- Project Staffing Criteria
- Development Process 387
- Conceptualization
- Analysis
- Design
- Production - Web Authoring Tool, Site Files, Develop & Test Components
- Testing - Tools, Accessibility, Usability, Browsers, Screen Resolutions, Bandwidths, Locations, Test, Test, Test
- Launch
- Maintenance
- Evaluation
- Shared Web Hosting - pg 398 has an excellent checklist
- Chapter 11-Web Multimedia and Interactivity, and Appendix E Section 508 Standards
- You have access to ALL the files from the chapter - you can use any of them for your before & after examples - but ... make them your own.
- From the files in our text book - Chapter11
- Tell me when you have them FTP'ed to your STWEB space in Week08-C03 and how the process went.
- Create the JavaJam Coffee House........ (pages_449_) and
- Create the Fish Creek Animal Hospital (pages _449_ - _450_ )
- Research – What you want to be when you grow up. Now that you have read about the different types of jobs there are in Web Development, pick one and do some research.
- What software packages would I need to know?
- What additional classes would I need to take or certifications to earn?
- What is the demand for that job?? In this area??
- Since we live in Rural Vermont - you need to be a "Jil of all Trades" - Which Hats do you think you would need to get a good understanding of to work in Vermont in Web Development?
- Add your research to Week 9 Discussion Research Question. Please enclude links you used to find the information.
- FUN: http://www.webmonkey.com/blog/10_Reasons_to_Politely_Decline_a_Web_Design_Gig <-- lets look at this again now that we have reviewed this Chapter 10.
Workshop
- Review the Form in your WebSite - from the text book and also from http://mac-rand.com/GardenClub/contact-us.html <-- Javascript is used for Verification (Fall Class)
- Enter Each others Survey's
- Bea's http://www.surveymonkey.com/s.aspx?sm=LsUUUIlMSAKBki0wlSKrQg_3d_3d
- Jil's http://www.surveymonkey.com/s.aspx?sm=lCUC_2fUH2pWfNfNlU7LltrQ_3d_3d
- Mikala's
http://www.surveymonkey.com/s.aspx?sm=yq9ssvbVUOHofEikt6tBMA_3d_3d
- Lisa's
http://www.surveymonkey.com/s.aspx?sm=xbDOYYhwUEyGTLoRGTECTw_3d_3d
- Angela's http://www.tinyurl.com/webdevuse
- Continue work on your Blog http://WordPress.com a Blog site that has grown up
- Lisa's Blog http://lisahmurray.wordpress.com/
- Bea's Blog http://honeybeasblog.wordpress.com/
- Heather D http://hgd01100.wordpress.com/.
- Mikala's http://mikkiofdarkness.wordpress.com/
- Angela's
http://soulsearchergirl.wordpress.com/
====================================================================================================
Week10- Do for 10th Class - These are from Chapters 12 & eCommerce. We will review them in Class on 8/3/2009
- Review of Chapter 11 Web Multimedia & Interactivity.
From the files in our text book - Chapter11
- Plugins, Audio, Sound, Podcoasting, Video, Adobe Flash, Flash Animation, Java Applets, Javascript, DHTML, Ajax
- Pictures - Graphic Software Packages
- Appendix E Section 508 Standards
- Tell me when you have them FTP'ed to your STWEB space in Week10 and how the process went.
Review of Survey Monkey - log in and Click the MySurveys TAB, Click the Analize ICON on the survey you want to look at
- Log in http://www.surveymonkey.com
- Click the Member Login button on the Left-Nav
- Enter your UserName and Password; jilmac@sover.net just me.
- Select MySurveys from the Top Menu
- To see the results of a survey - click the Analize ICON on the survey you want to look at
- Do a screen capture - and you can paste the graphic on your page.
- Chapter 12 E Commerce Overview.
- From the files in our text book - Chapter12
- Chapter 12 only contains icons that you can use if you want to create a store front. I would use tables because it keeps things neat.
- They intensionally don't want you to write anything that might tempt you to build something that needs a LOT of security
- Pg 458 - B2B, C2C, B2C, B2G
- eCommerce Security - if you are entering Secure information, Look UP, make sure it is a https:// site
- Only BIG companies can afford to build a shopping cart!! So buy a GOOD one - it's your money!!
- Create the JavaJam Coffee House........ (pages_475_ - _ 479_) and
- Create the Fish Creek Animal Hospital (pages _480_ - _483_
- Research –
Set up a free web site on http://000webhost.com - from the C-Panel (Control Panel), set up your FTP - you can use WinSCP - but don't use SFTP use FTP. Give me 200+words about how the experience was, and post a link to your web site.
- B+A - Before & After Examples: Week 12 does not have any HTML files. So use the graphics - and a Table to build an inventory page - you can use the Add-to-Cart icon that links to another page.... make them your own.
- Tell me when you have them FTP'ed to your STWEB space in Week10 and how the process went.
- Tell me when you have copied the files to your Content Collection and they are accessable from your ePortfolio
- Fun: xhtml cartoon http://media1.smashingmagazine.com/wp-content/uploads/images/xhtml2-html5/comic-960px.jpg
Workshop
- Let's talk about Web Hosting:
- Forum http://www.webhostingtalk.com
- Trade Shows http://www.webhostbootcampvirtual.com
- Top 10 http://www.google.com/search?sourceid=navclient&aq=1&oq=top+10+Web&ie=UTF-8&rlz=1T4ADBF_enUS236US238&q=top+10+web+hosting
- Review how to set up a FREE WEBSITE: http://000webhost.com
- Here are the Web Sites set up so far:
- JilMac's http://ccv-web.hostzi.com
- Angela's
- Lisa & Mikiala
- Control Panels - what are they - and what do they have in them
- FTP - What do we do differently on this server than STWEB?? No SFTP, use FTP instead
- Shopping Carts - Merchant Account -vs- Pay Pal
- eMail -
- Learn how to walk around (navigate) in http://www.w3.org
====================================================================================================
Week11- Do for 11th Class - This is an on-Line class - There is NO Formal On-Ground Class this week.
JilMac is out of the country from 8/8-8/16 and will have very limited internet access if at all.
- Review of Chapter 12 E-Commerce
From the files in our text book - Chapter12
- Pg 458 - B2B, C2C, B2C, B2G
- eCommerce Security - if you are entering Secure information, Look UP, make sure it is a https:// site
- Only BIG companies can afford to build a shopping cart!! So buy a GOOD one - it's your money!!
- Read Chapter 13 Web Promotion & SEO = Search Engine Optomization.
Pg 513
From the files in our text book - Chapter13
- Create the JavaJam Coffee House........ (pages_513_ ) and
- Create the Fish Creek Animal Hospital (pages _514_ )
- Post in Wk11-B&A when you have them FTP'ed to your STWEB space in Week11 and how the process went.
- Research –Now that you have set up a BLOG on WordPress.com and you have set up a Shared Web Host, pick one and
- continue working on your Blog or your Shared Web Host http://000webhost.com
- Spend 2 hours learning something new - document what you learned - and post 200+ words with links in Wk11-Research
- B+A - Before & After Examples: You have access to ALL the files from the chapter - you can use any of them for your before & after examples - but ... make them your own.
- Tell me when you have them FTP'ed to your STWEB space in Week10 and how the process went.
- Tell me when you have copied the files to your Content Collection and they are accessable from your ePortfolio
REMEMBER the Aug 11th Class is ON-LINE only - there is no Formal Class this week - while JilMac is in Ireland. You will not be able to phone her or get eMails from her.
Workshop
- This is a virtual workshop - reveiw the links at the top of Page 513 for learning SEO by examples
====================================================================================================
Week12- Do for 12th Class - These are from Chapters 14 & JavaScript. We will review them in Class on 8/17/2009
- Review of Chapter 13 - E Commerce
From the files in our text book - Chapter13
- Page 513 had good links for learning SEO by examples
- Keep your site updated on a regular basis
- Don't try to FAKE how popular you are, Google give you penalities for dishonesty
- Chapter 14 A Brief Look at JavaScript.
From the files in our text book - Chapter14
- Our CCV Site: http://ccv.edu - click the Locations Tab http://www.ccv.edu/locations/index.html do a view source - at the bottom are the Scripts
- Create the JavaJam Coffee House........ (pages_555_-_556_) and
- Create the Fish Creek Animal Hospital (pages _556_ - _559_ )
- Tell me when you have them FTP'ed to your STWEB space in Week08 and how the process went.
- You have access to ALL the files from the chapter - you can use any of them for your before & after examples - but ... make them your own.
- Tell me when you have them FTP'ed to your STWEB space in Week10 and how the process went.
- Research –
Where do you go from here?
- Here is a copy of a section in Angela's survey - it was well written and made me giggle!
. What do you forsee your feelings being about CODE once you have completed this course? (check all that apply)
- FUN: Let's share each other's progress
Workshop
- Review progress on Projects - those who want to present their project will get extra points!!
- Final Questions, Final Workshop
- All work must be turned in to your STWEB space and ePortfolio by 11:58 on 8/20/2009
====================================================================================================
|