9th-Grade-WebDev Assignments

  • Internet Terms Introduction

    Essential Questions

    • Why is it important for someone to know common internet terms before they  create a website?

    Objectives:

    • You will be able to identify and understand various internet terms.
    • Language Objective:  Students will complete a series of activities on quizlet.

    Internet Terms Quizlet

    1. Review terms
    2. Review Flashcards
    3. Match
    4. Gravity
    5. Test.

    To the top

    Lesson 1: Evaluating Web Site Designs

    • Essential Questions:
      • What is a high-quality website?
      • How might website quality be judged differently across different audiences?
    • Objectives: At the completion of this exercise:
      • you will be able to critically evaluate websites based on purpose, design, and usability.
      • you will be able to identify the major criteria that experts use to evaluate websites and apply those criteria to your own evaluations

    Lesson 2: Color Theory

    • Essential Questions:
      • What role does color play in effective web design?
      • How does color affect people with a visual disability?
    • Objectives: At the completion of this exercise:
      • you will be able to explain the basic concepts related to using color and the web.
      • you will be able to identify and make use of color-related resources online
      • you will be able to identify accessibility concerns related to color and implement key strategies to make sites accessible to people who are color blind
    • https://youtu.be/r9gYdD-REI0
    • Extra Assignment: Read all of the resources in the Resources section below and complete the assignment.
      • Assignment-Doc-GoogleDoc place in classroom

    Resources/Online Documents

    To the top

    Lesson 3 Planning a Website

    • Essential Questions
      • Why is it important to plan out a website?
    • Objectives: At the completion of this exercise
      • you will be able to apply theories and techniques to effectively organize content on a web site
      • you will be able to explain principles of information architecture including the five basic steps to organizing information on a web page and the three essential structures for organizing web sites
      • you will be able to organize web content by creating a navigation system that appropriately chunks web content and allows users to quickly, easily access important content

    Assignment:

    • Objectives: At the completion of this exercise
      • you will be able to use pre-coding design steps to aid in the planning of a web site prior to building it
      • you will be able to identify a site’s purpose and audience and utilize that information in designing a web page
      • you will be able to conceptualize a web site’s design and prepare a sketch of the web site outlining key design elements
    • Assignment:
      • The following are the initial pre-coding steps to take in preparing to design your web portfolio site.
        • Consider the site’s purpose. If you are clear about the site’s purpose (to sell, to inform, to entertain, etc.) and who you are communicating with, you are much more likely to create a better site. For this web portfolio, the purpose is simply to inform an audience about what skills you are developing. At first, the audience may only be your instructor, but you may want to make it more general so that it could be modified into a resume, in which case the audience would include prospective employers
        • Sketch the homepage. Before sitting down to a computer it is sensible to make a sketch on paper of the content of your website. Start with the home page, since the homepage serves as the portal through which most other site content is accessed. This should be an outline of content only – remember that at this point in the design process were not so interested in how the page will appear visually. That comes later.

    Next Step:

      1. Set up the folder structure for containing files that make up your portfolio site. Open your folder on the server.Make a new folder named “websites”. This main folder, also known as a parent folder or root folder will hold all the files that you create in this class. Note that there should not be any spaces in file names or folder names. The underscore is a common convention for indicating separations between words in a folder or file name
      2.  Open your text editor program.(Start-All Programs-Accessories-Notepad) Create a new file, and save the file in the root folder as “index.html“. For now, this is just a blank file but you’ll add content to it in the next lesson.
        1. About the filename index.html -When users request a web address (URL) that does not include a filename (for example, http://www.somedomain.com) the server automatically looks at that address for a file named index.html. If it finds that file, that’s the file it sends to the browser. If index.html is not available, the server has a short list of other filenames it will try (e.g., index.htm, index.shtml, default.htm, etc.). These vary by server.

      To the top

    Lesson 5 HTML

    • Essential Question:
      • Explain what HTML syntax is?
      • Why should there be essential tags used in HTML?
    • Objectives: At the completion of this exercise
      • you will have a basic understanding of HTML syntax, including the difference between elements and attributes.
    • Overview:
    • >>> HTML stands for HyperText Markup Language. HTML is the language that has historically been used to create documents on the web. It is plain text, but includes a variety of codes or “tags” that define the structure of the document, and allow documents to include headings, paragraphs, images, links, lists, tables, and other features. HTML has undergone various revisions over the years.
    1. HTML Modules
    2. HTML Worksheet Ch 2-4
    3. http://www.goodellgroup.com/tutorial/chapter1.html (Chapter 1-6) (4 & 5 exercises)
    4. Students create their own template (paper and color pencils). They add tags to it as they are introduced.
    5. Image- save it— same folder as your source code—

    html template 2.PNG

    html templae

    notepad.PNG

    • Assignment: After completing lessons 4 and 5 above, print out your web page and pass it in. (notepad and browser)

    To the top

    About Me and Your Choice Website Assignment

    • Essential Questions
      • What is the pre-planning process of creating a website that you design?
    • Objective:
      • Students will be able to develop a simple website with information about themselves incorporating the HTML tags that they have learned.

    Web Developer Career Information

    Essential Questions:

    • Describe the skills that employers look for in a web developer/designer?

    Objective:

    • Students will be able to identify skills needed to become a web developer/designer, as well as general job-related information.

  • Career Spotlight – Developer
  • Assignment: Complete the handout researching information about the career Web Developer.  Web Developer Career Research Assignment
    Sources:

    To the top

    Wrap Up:

    Course Review

    • Essential Questions
      • Why is it important to learn about web site development?
    • Objective:
      • Students will be able to demonstrate their knowledge of website design/creation by creating a website incorporating their knowledge of the course curriculum.
    • After completing the lessons above, create a website/presentation that shows your understanding of the content you learned. (at least two items for each category)
      1. Internet Terms
      2. Evaluating Web Site Designs
      3. Color Theory
      4. Planning a Web Site
      5. Creating Pages with HTML
      6. HTML
      7. Web Developer Career Information
    • Emaze: https://www.emaze.com/   
    • upload the link to your presentation on classroom.
    • rubric-presentation

    Web Site Wrap Up Assignment-3
    To the top

    Soft Skills:

  • Checklist

Additional Soft Skills Resources:

An HTML editor is a program for editing HTML, the markup of a web page. Although the HTML markup in a web page can be controlled with any text editor, specialized HTML editors can offer convenience and added functionality.

To the top

  • Last Rotation – Final Project:

    Research: Research a career to develop an in-depth understanding of a career that interests you.  

    Your Assignment Deliverables:

    • In a well thought out slide presentation document your research.

www.masscis.intocareers.org

Work Permit Assignment:

 

Videos:

Careers in IT, Computers and Technology

Career Path in IT (Information Technology)