Digital Design & AdvWebDev

Digital Design (formerly Fundamentals of Web Design) 11.4510000    Digital Design Calendar – FallDigital Design Calendar – Spring
Handouts: Syllabus_DigitalDesign Mr. Lee’s WebMonkey HTML Cheat Sheet
View Final Projects for Fall Semester 2008
Reference Web Sites: WebMonkey – Excellent tutorials to extend your knowledge of HTML, JavaScript & more!W3C Web Site – Extend your knowledge of HTML, JavaScript, & More + practice exams to test your knowledgeThe Web Collection – Online Web Companion Computer History Museum – An excellent site with both the history of Computers and the history of the Internet!Code Academy Tutorials
1st Semester Assignments:Our first semester begins with an introduction to the fundamentals of HTML coding using notepad.  As our HTML skills advance, we will then move into programming with Dreamweaver.  Along the way, we will create web sites, work within “The Web Collection” workbook, and conduct online research projects.CalvinAndHobbes01
CalvinAndHobbes02
CalvinAndHobbes03
CalvinAndHobbes04
Summer Vacation Web Page RubricOnline Research – The Best & Worst Web SitesCalvin & Hobbes Web Page Rubric

Begin Dreamweaver Projects:

Welcome to the City of Atlanta, GA Rubric

Design a one page Chess Board Rubric

The City of Roswell Web Site Rubric (with TABLES)

Ethics in Business Assignment

Halloween Collage

Computing Jobs Rubric

** Formatting Example for Jobs

7 Tips for Interview Success

Support Our Troops For Veteran’s Day

The WebCollection Book Exercises & Projects…

Online Research 1 – Search Engine Optimization

Search Engine Optimization – Google Intro

Search Engine Optimization Guide – PDF

Endangered Tree Octopus Research Project

Open Ended Web Site Design Rubric – Student Choice

Final Projects:

Roswell Rides Web Site Design Rubric   or

Georgia Dogs Breeder Web Site Design Rubric

***NOTE: This project will be combined with a short test on the day of your final for final grade.

2nd Semester Assignments:Our second semester begins with an exploration of the History of the Internet.  Believe it or not, the Internet started way before 1992!  After this, we will get back into interface design work, exploring Javascript and CSS along the way…Online Research 3 -  Who/What is W3C?The History of the Internet RubricFrom the textbook, HTML & JavaScript Programming Concepts, we will explore the following chapters;Online Research 4 – What is Scripting?

Interface Design – RHS Career Tech Prototype Image

Interface Design – RHS Robotics Prototype Image

Interface Design – RHS Robotics Background Image

1) Online Research – Browser Issues

2) Online Research – Copy Rights and Trademark Issues

3) Online Research – Accessibility Issues (What is Section 508 of the Disabilities Act?)

Cascading Style Sheets Online Research – What is CSS?

Learn CSS

CSS Exercise #1

CSS Exercise #2

Add CSS Elements to CSS NavChallenge Web Site Project CSS Challenge Elements;

Dictionary Web Site Prototype – Use CSS

Dictionary Web Site 2 – CSS only.  No graphics except thedictionary logo.

Online Research – What is Usability?

Who is Jakob Nielsen?

Internet Security Articles - SecureWorks
Internet Security Articles #2
Online Research – Internet Security 1
Online Research – Internet Security 2
Wombat State of Phishing (PDF 3MB)
WebDev_Symantec2018ISTRT  (PDF 5MB)

Online Research – Guest Lecture with Dave Centafonti
Online Research – How is an IT Department Managed?

Adding animation with Adobe Animate

  1. Complete Animate’s built in tutorials
  2. Pick one cool animation tutorial to animate and then present to class!
  3. Animation vs Animator IV

App Inventor

Create an account in the cloud with http://www.appinventor.org/

Open the app with http://ai2.appinventor.mit.edu/

Link your droid with http://www.appinventor.org/content/CourseInABox/Intro/Setup

Other AppInventor Tutorials http://explore.appinventor.mit.edu/ai2/tutorials?

Group Project Demand for software developers is shifting from traditional web & application developers to hand-held device programming specialists. -

Group Project Rubric for Hand-held Device Research -

Peer Evaluation -

Group Presentation Evaluation

Welcome back from Spring Break!
FWD-8_EndSemProjectRubric

Cool Websites & Intro to Flash Animation

60 Cool Flash Websites that you should not miss!
T
hen intro to Flash with the “WebCollection” tutorial activity book!

Mr. Lee’s work on Daniel & the Lions Den
http://www.little-ark.com/
https://www.youtube.com/watch?v=WmRk9-85jRc 

 

 

Final Project – Spring Semester20% of your final grade!Due:  Wednesday, May 14th by 4:00pm-10% for each day your project is late.-10% if project is not submitted in clear binder.Rubric for Final Project***NOTE:  Final Project must be presented inside of a clear covered binder including a color cover page! Approved Final Project Themes  (pick one)

  1. Compare the technology of a 1975 Chevrolet Impala to a 2010 Toyota Prius.  Be sure to discuss engine technology, performance statistics, and features of each car, etc on the home page.  The second page should be used to discuss each company’s vision, market share, financial condition, etc.  Flash animation s/b of the two cars racing across the screen OR animation that illustrates how the two engines differ.  The contact us page should also include address information as well as a google style map to one of the company’s major car building plants.
  2. Given the present economic and political environment, research and target one job that should thrive during the next 5 years.  Be sure to discuss reasons the job has great potential (how has the job evolved in today’s environment) as well as provide a full description of the job on the home page (include links to web sites as evidence – consider stem cell research, immigration, tech, and “green” jobs, etc.)  The second page should be devoted to the qualifications necessary to apply for said job. (include links to an existing job add on one of the job board sites.  Flash animation should in some way illustrate what the job does.  The contact us page should include the address information as well as a google style map to the office location of the job listed on the job board.
  3. Discuss the sudden and precipitous drop in the amphibian (specifically frog species) population in the world today.  Be sure to site research results, geographical areas, your specific species, and reasons they are approaching extinction on the home page.  The second page should be devoted to the lifecycle of a developing frog from inception to egg to tadpole to mature frog.  The flash animation should either display a frog jumping or swimming across a pond OR animate the initial cell division of the egg all the way through to adulthood.  The contact us page should include a google map to one of the endangered species last remaining locations as well as include contact information to a “save the frog from extinction” activist group.  (eg Sierra Club, GreenPeace, or something more specific.)
Advanced HTML & Web Site Design 11.4520000  Syllabus_AdvWebDesignNOTE:  Acceptance into Advanced Web Design is by Teacher Invitation Only! This information pertains to the RHS WebDesign Team and Advanced Web Design Students.Final Project Advanced HTML & Web Design – Spring Semester20% of your final grade!Due:  TBD-10% for each day your project is late.-10% if project is not submitted in clear binder.Rubric for Final Project***NOTE:  Final Project must be presented inside of a clear covered binder including a color cover page!