Mr. Espinola

• Web 3 Home
• Web 3 Assignments
• Course syllabus (PDF)
• Sudent Sites
• Print this page

Web Design and Development 3 Assignments (subject to change)

 

Mar 13

Return signed progress report

 

Case 2 Culinary website

Mar 10

Tutorial 10: Monroe Public Library

Objective: Create JavaScript elements for use in a website

Case 4: Happy Birthday News

Tutorial 10: Review

Tutorial 10: Your Own Site

• Use javascript to write your email link on each page. (i.e. page 705)
• Create a new page and include a script to zoom on and image or gallery on the page. Make sure it uses jquery. Try searching for jquery image zoom.

Mar 2

Tutorial 9: Wizard Works Fireworks

Objective: Create valid XHTML documents

Tutorial 9: Review

Jan

Tutorial 5: KPAF Nightly Schedule

Objective: Use tables to crea a multicolumn layout

• 

Tutorial 5: Case1: Sudoku

• 

Tutorial 5: Review

Tutorial 5: Your Own Site

• Use the table from Case 2 as a guide.
• Create a new page in your site and insert a table on the page. Use it to contain tabular information such as a calendar, schedule, etc.
• The table uses images. You can use and modify them to match your site or create your own.
• Make sure to add the page to your menu.
• Upload it and preview.

Jan

DUE: Tutorial 4: Your Own Site

DUE: Tutorial 4: Review

Jan

DUE: Case 4: Park City Gazette

Jan

DUE: Case2: Red Ball Pizza

Jan

DUE: Tutorial 4: Cycle Pathology

Jan

Tutorial 4: Cycle Pathology

Objective: use CSS to create layout

Case2: Red Ball Pizza

Tutorial 4: Review

Case 4: Park City Gazette

• The finished page will be similar to the preview below.
• Follow directions in book.
• It must be uploaded to get credit.
  

Tutorial 4: Your Own Site

Make the following changes.

• Use the files and directions from the Review Assignments on pages304-306.
• Complete the assignment making the changes as directed.
• However, change the content so it is from YOUR HOME page.
• Also change the color scheme to match what you are using.
• When you are done save the rosetxt.htm as index.html in your mysite folder.
• Upload it and preview.

Jan

Tutorial 3: Sunny Acres

Objective: use CSS to create layout

Case 2: Mountain Wheels

Tutorial 3: Review

Tutorial 3: Your Own Site

• Change the index page you created in Tutorial 1 for your own site look similar to the one for the pages from the book.
• Copy the files from Case 2: Mountain Wheels.
• Make the following changes.
  • Change the color scheme to one of your choosing.
  • Change all of the information so that it relates to your web site.
  • Keep the rounded rectangle box but change the color scheme.
  • Change the banner at the top of the page.
  • Make the navigation horizontal and place it right below the banner.
  • Have two columns of content. Name one leftinfo and the other rightinfo
  • Have a section heading for each with an H1 tag.
  • Retain the footer but change the information.
  • Upload it and preview.

Jan

DUE: Tutorial 2: Camshots

Jan

Tutorial 2:

Objective: Create a basic website with links and images

Tutorial 2: Review

Case 2: Fiddler

Oct 24

Tutorial 8: Tree and Book

• Please read The Anatomy of a Successful Responsive Website
• You can preview the page using one of the following to ensure the mobile CSS is working.
• http://www.dudamobile.com
• http://mobiletest.me/
• http://www.brickandmobile.com/mobile-emulator/
• http://www.mobilephoneemulator.com/
• http://iphone4simulator.com/

Case 2: Willet Creek Golf Course

Tutorial 8: Review

Tutorial 8: Your Own Site

• Create two new pages. This should bring the total to five.
• Each page should have at least one image on it.
• On one page use a frame around the image. You can either make this in PhotoShop or find one online.
• On the other page use apply rounded corners and drop shadow to the image.
• Use a CSS gradient background on all of your pages.
• Create a mobile version of your site. Make sure to preview it. This can be done with the simulators above; by shrinking the display of your web browser; or in Dreamweaver.
• Make sure to add the new pages to your menu.
• Upload it and preview.

 

Sep 2

Connect to your old website using Filezilla

Tutorial 1: J Prop

Tutorial 1: Case 3: Dessert Web

Tutorial 1: Review

Tutorial 1: Your Own Site

• Make the index page for your own site look similar to the pages from the book.
• Include a rectangle with rounded corners, and shadowing.
• Some type of image based logo.
• At least one other image on the page.
• CSS.

Aug 26-28

Tutorial 1

Save the files in the Tutorial 1 folder

Aug 25

Connect to site

• Connect to your old site using Dreamweaver or Filezilla.
• Go to the advwebfiles folder and install Filezilla if needed. You will be using this for FTP.
• Download the files into your mysite folder in your Lab2 Folder.
• If your site is no longer active, register for a new site and connect to it.

Return syllabus signed by parents

 

---