2nd Semester Matrix

Theme Website Design Assignments
1. Business Website

I can:
Create a “local” Camas/Washougal business website promoting your products or services available to local consumers.  Note this is not a site you’ll sell items or services from but rather a site that informs the consumer of what you have available to offer product/service wise.

See assignment sheet here.
Optional Site Templates
2. Create a Website Using “HyperText Markup Language (HTML)”

I can:
Create a website using just “HyperText Markup Language (HTML) and Notepad software” Note: The theme for the site has to relate to “Music”.

Resources:

Example “HTML Code” to help get you started….

<html> 
 
<head>
 
<title>
 
This is the title of your page
 
</title> 
 
<body>
 
This is where all your contents will appear
 
</body> 
 
</html>
3. How To Site “Instructional Website”

I can:
Teach someone how to do something through a website I design and create.

4. Elective Topic Website (Teacher Approved Topics)

I can:
Choose a topic and design a responsive website using a variety of tools and skills applied in class.

  1. Identify an elective topic to build your site around. (Music, Sports, Outdoors, Technology, Entertainment, Travel, History, Art, etc.)
  2. The site must have 5 subtopic pages in addition to the main page.
  3. Create a custom header or graphic image.
  4. Create a page for additional “Resources”
  5. Code the site? or use Dreamweaver. No blog engines (WordPress, Google Sites)
  6. W3Schools Tutorials Resource Site

Other Website Design Related Assignments

  1. Photoshop Photo/Graphics Effects – Using the Photoshop tutorial links outlined below, produce an example of each.  Locate all your examples on separate Assignment Web Page called “assignment2.html” in your Assignment Site Folder.  (Include BOTH the original and edited effect versions). Link to this page from your Assignment page. Refer to the link name as Graphics Effects Page. NOTE: Keep the example photos relatively small…  approximately 200-400 px in height and or width.

    1. Color Splash Effect
    2. Creating an Oil Painting Photo Effect
    3. Fashion Watercolor Effect
    4. Adding Images in Text
    5. Enhance Photos with Text
    6. Text Portrait Poster
    7. Water Reflection Effect

    Extra: Photoshop Sites with Tutorials (Locate 4 examples)

    1. 24 Best New Photoshop 2019
    2. 50 Fantastic Photo Effect Tutorials with Photoshop
    3. 40 Superb Photoshop Tutorials For Attractive Photo Effects
    4. 45 Photo Editing Tutorials for Photoshop
    5. 200++ Photoshop Photo Effects
    6. 100 Wonderful Photo Effects Photoshop Tutorials
    7. Photoshop CS4: A Picture Worth a Thousand Words
    8. 350 Best Photoshop Tutorials
  2. Introduction to Adobe Animation and Web Sites

(Watch each video overview)
– Adobe Animate: Getting Started (interfaces, tools and tips)
– Adobe Animate: Multi-Layer Animation

Activity Assignments
All 4 examples should be placed on a separate page. Link to this page from your Assignment Page.

  • Adobe Animate: Frame by Frame Animation  (Animated Horse File)
    (Create 1 Example)
  • Create an Animated Page Banner for a website with Graphics and a Title using Adobe Animate.  View short video tutorial example…  Pt. 1 
    (Create 1 Example)
  • Create a Animation using the CHS Joe Papermaker or Mean Machine and or any other related CHS logos. This animation could be used on our CHS website.
    (Create 1 Example)
  • Create an Animation for your How To Instructional Website.
    (Create 1 Example)
  • . HTML Tutorial Activity – (Quiz)

3. HTML 5 Tutorial Activity – (Quiz)

4. CSS Tutorial (Cascading Style Sheets) – (Quiz)

5. Adding Sound (Music)

6. Website Hosting and Ftp Uploading via Dreamweaver

Free Hosting Sites

– http://www.thefreesite.com/Free_Web_Space/
– http://byethost.com/free-hosting/
– http://www.0catch.com/
– http://host-ed.net/
– http://1gb.me/

7. Content Management Systems

Optional Site Topics