Web Design 1 - Assignments

 

week 21: June 19 - June 21

  • Optional: End of Class Survey
  • Continue to take time to view the finished websites and provide feedback
    - go through the blogs and click on the link to view each site
    - leave a short piece of commentary for each that includes at least one compliment and one constructive comment - be sure your post is thougtful, professional and grammatically correct

 

week 20: June 12 - June 16

  • If you are caught up with the work below then take some time to work through these HTML/CSS tutorials from Khan Academy - some information you will already know, and other information may be new to you
    Khan Academy: Intro to HTML/CSS
  • Continue/Complete: Project 1
    - be sure to test your pages online
    - take time to be sure your pages look attractive - all those small style changes can make a big difference
  • Add a link to your project on your index page
    - this should be here even if you are still updating some of your pages
  • Add a Blog Post:
    Include link to your website
    Write up a short description of your site
    - what is the purpose of the site
    - do you like the way the final site came out?
    - if there were more time to work what would you change or add to it?
    - what parts were challenging for you and how did you resolve any problems?
  • This week on Thu June 15 & Fri Jun 16 you will be viewing each other's sites and providing feedback on the projects - so the links and sites need to be ready BEFORE class starts....
    • Today you will take time to view the finished websites and provide feedback
      - go through the blogs and click on the link to view each site
      - leave a short piece of commentary for each that includes at least one compliment and one constructive comment - be sure your post is thougtful, professional and grammatically correct

week 19: Jun 5 - 9

  • Continue/Complete: Project 1
    - be sure to test your pages online
    - take time to be sure your pages look attractive - all those small style changes can make a big difference

  • Add a link to your project on your index page

  • Add a Blog Post:
    Include link to your website
    Write up a short description of your site
    - what is the purpose of the site
    - do you like the way the final site came out?
    - if there were more time to work what would you change or add to it?
    - what parts were challenging for you and how did you resolve any problems?

  • Next week on Thu June 15 & Fri Jun 16 you will be viewing each other's sites and providing feedback on the projects - so the links and sites need to be ready BEFORE class starts....

week 18: May 30 - Jun 2

  • Continue: Project 1
    - add a link to your project on your lessons index page
    ** be sure to view your pages online and check that everything is working correctly!

Here are some advanced tools you can use:

html_lesson_17 - adding a revolving photo gallery

html_lesson_18 - image borders, using Google fonts

 

 

week 17: May 22 - May 26

  • Continue: Project 1
    - add a link to your project on your lessons index page
    ** be sure to view your pages online and check that everything is working correctly!

Here are some advanced tools you can use:

html_lesson_17 - adding a revolving photo gallery

html_lesson_18 - image borders, using Google fonts

 

week 16: May 15 - May 19

  • Continue: Project 1
    - add a link to your project on your lessons index page
    ** be sure to view your pages online and check that everything is working correctly!

    - advanced topics if interested:|
    - using Google Fonts
    - adding a JavaScript slideshow
    - trying out a wider variety of CSS styles and using a stylesheet

 

week 15: may 8 - May 12

  • Continue your projects

 

week 14: May 1 - May 5

  • Continue: Project 1
    - the design of the first page will take the longest
    - after that adding pages is pretty easy so spend your time getting the main page to look the way you would like
    - keep your logo and menu setup the same on all your pages

 

week 13: Apr 24 - Apr 28

  • Complete Lessons if you still need to
  • Continue Planning and setting up your Project Website
    - the design of the first page will take the longest - after that adding pages is pretty easy so
    spend your time getting the main page to look the way you would like
    - keep your logo and menu setup the same on all your pages

 

week 12: Spring Break

 

week 11: Apr 10 - Apr 13

 

week 10: Apr 3 - Apr 7

  • Complete: html_lesson_13 - horizontal menu
  • Complete: html_lesson_14 - seamless tiles, adding a form
  • Complete: html_lesson_15 - special characters, comments
  • Complete: html_lesson_16 - CSS Style Sheets
  • Continue: Project 1
    - start planning your project - a webpage about a new invention (think of an infomercial)
    - consider the following and make a design plan
    - colors to use, logo (create one of your own), a slogan, product name and description, cost, where to buy and much more... we will start with a simple page and add on to it during Term 4

 

week 9: Mar 27 - Mar 31

* goal is to get all lessons done by the end of next week: Apr 7th
** if you are feeling that you need more time, have been absent, or just would like extra lab time then please let me know and we will arrange for after school hours

 

week 8: Mar 20 - Mar 24

 

week 7: Mar 13 - Mar 17

 

week 6: Mar 6 - Mar 10

  • This weekend I will be grading your x10 site for index, and lessons 1-6

  • Complete: Initial index page setup & uploading to website
    - create a page and name it index.html
    - include the following:
    1. a logo
    2. information about the page and what the links are for
    3. hyperlinks to lessons 1, 2, 3 & 4
    4. use color for the page background and paragraph text
    5. include hyperlinks back to the index page from each of the lessons - use the text "Home" for the links
    6. upload all pages and images to your website by using the control panel on x10
    7. Test everything to be sure it works - just go to your website link from the blog page on this site
  • Complete: html_lesson_5 - working with fonts
  • Complete: html_lesson_6 - images with text

 

 

week 5: Feb 27 - Mar 3

  • !!! Overdue Homework: Setup: X10 Hosting Account
    - use a personal email for this as you will be the acccount owner & our SHS filters are not easy to open up for the various servers
  • View: Images, Pixels, and RGB
  • Begin/Complete: html_lesson_4 - using colors
  • Play: Hex Invaders
  • Complete: Initial index page setup & uploading to website
    - create a page and name it index.html
    - include the following:
    1. a logo
    2. information about the page and what the links are for
    3. hyperlinks to lessons 1, 2, 3 & 4
    4. use color for the page background and paragraph text
    5. include hyperlinks back to the index page from each of the lessons - use the text "Home" for the links
    6. upload all pages and images to your website by using the control panel on x10
    7. Test everything to be sure it works - just go to your website link from the blog page on this site
  • Complete: html_lesson_5 - working with fonts
  • Complete: html_lesson_6 - images with text
  • Complete: html_lesson_7 - creating lists

 

week 4: Winter Break

 

week 3: Feb 13 - Feb 17

 

Week 2: Feb 6 - Feb 10

  • Complete: Photoshop Projects
    - post each image to your blog once completed
    - Image 1: Select a part of an image and add it to another one (Lesson 3)
    - Image 2: Put yourself into a photo or poster
  • Complete: html_lesson 1 - basic page setup
    - we will do this together in class
  • Read: Bad Web Design
  • Setup: X10 Hosting Account
  • Design: at least one logo for your practice website
    - for now make it 800 wide by 150 high
    - you will need to to complete Lesson 3

 

Week 1: Jan 30 - Feb 3

  • Discuss: Class Expectations & Course Overview
  • Review: Work Rubric
  • Review: Academic Honesty Policy
  • Set up a Google folder for this class and share it with me at: mkelly@sandwich.k12.ma.us
    - Give the folder your name and subject...
  • Discuss: Email Etiquette
  • Send me an Email
    -
    Go to your GMail and send me an email with your class block, subject, and name
    - Send it to mkelly@sandwich.k12.ma.us
  • Set up Web Design Technology Blog
    - go to blogger.com and set up a blog for this class
    * if you would prefer to use another blogging site (wordpress, weebly, etc) that is also fine
    - send me a link to your blog
  • Review: Image File Types

  • Complete: Photoshop Lesson One - Getting Started, Filters
  • Complete: Photoshop Lesson Two - Cropping and Resizing
  • Begin: Photoshop Lesson Three - Selection Tool
  • Begin: Photoshop Lesson Four - Magic Wand and Color Adjustments
  • Begin: Photoshop Lesson Five - Working with Text

  • Complete: Photoshop Review & Practice
    - Use the Lessons to practice/review as needed
  • Continue/Complete: Photoshop Projects
    - post each image to your blog once completed
    - Image 1: Select a part of an image and add it to another one (Lesson 3)
    - Image 2: Put yourself into a photo or poster