Skip to main content
DistrictCampusDirectory
CAMPUS

Assignments: Web Technologies

 

 

 

I reserve the right to modify and change any day's lesson plan as needed to ensure the objectives are being met.  This could mean that the lessons will proceed slower some days and faster others.

All students are to be responsible for making up any missed assignments, whether absence is excused or not.  Knowledge of how to use computer is like building a house.  You need the foundation before you start on the walls or roof!  The student is responsible for checking this website for assignments as well as looking on Schoology.  All missed work is counted as zero (0) until completed and graded.


Objectives

Unit 4: Advanced HTML5 Design
• Employ the use of Notepad or Notepad++ as a text editor to create a simple web page, saving as .htm or .html
• Use more advanced HTML5 tags to create desired effect
• Examine results compared to expected
• Revise code to ensure desired end result is achieved (if necessary)
***
Lesson 1: CSS Class & IDs
• Learn about CSS Class and IDs
• Apply CSS classes
• Discover when to apply IDs to web documents
Lesson 2: Color Design
• Discover how to control colors presentation with more finesse
• Learn more about the RGB color system
• Practice creating websites with transparent background colors
• Demonstrate how to set gradient backgrounds to their elements
Lesson 3: Element Positioning
• Control the layout and positioning of a website’s elements using style sheets
• Customize a website’s appearance by using absolute and relative positioning of and setting the left, right and top offset to define specific placement of content
Lesson 4: Merging Table Cells
• Discover advanced data table design techniques
• Customize a table by merging table cells across columns and rows using colspan and rowspan
Lesson 5: Styling Navigation Bars
• Create tables on a webpage to display data
• Arrange table position as desired
• Customize a table’s appearance
Lesson 6: Embedding Media
• Create tables on a webpage to display data
• Arrange table position as desired
• Customize a table’s appearance
Lesson 7: Transforming Elements
• Modify an element’s shape and placement
• Change elements on a webpage by rotating, skewing horizontally and vertically
• Customize an element’s appearance by scaling
• Animate transitions from one form to another
Lesson 8: Filter Effects
• Discover the filters available in CSS 3
• Apply filters to modify and/or distort page elements
• Identify alternatives to using filters when available

Web Design Project 3 - Instructional Website
* Plan and develop a quality tutorial website on How To do something according to specific guidelines
* Focus on CSS classes, ID's and page layout will be accomplished using absolute and relative positioning techniques
* Advanced color will be achieved by the use of gradients
* Plan topic, page and site design
* Research the content for the website
Web Design Project 4 - International Travel Site
* Plan and develop a multi-level international travel website
* Bring together and utilize all the design elements and techniques in Units 3 & 4
* Design elements will include navigation bars, embedding media, transforming and transitioning elements, and filter effects
* Plan and develop the site
* Research the content for the website
TEKS: §130.308. 1(A)(B)(C)(D)(E)(F), 5(A), 6(A)(B)(C)(D)(E)(F), 7(A)(B)(C)(D) (H)(I), 9(A)(B)(C)(D), 10(A)(B)(C)(D)

 

Monday, 2 March 2020 through Friday, 22 May 2020
Web Technologies Project Tracker & Goals
* Log into Schoology for detailed information and submit assignment

Web Technologies Knowledge Check (daily)
* Log into Schoology for detailed information and submit assignment

Student's Choice

As soon as you complete one assignment, ensure you submit/upload the files to Schoology.

Unit 4: Advanced HTML Design
Unit 4: Lesson 1 - CSS Class & IDs
Unit 4: Lesson 2 - Color Design
Unit 4: Lesson 3 - Element Positioning
Unit 4: Lesson 4 - Merging Table Cells
Unit 4: Lesson 5 - Styling Navigation Bars
Unit 4: Lesson 6 - Embedding Media
Unit 4: Lesson 7 - Transforming Elements
Unit 4: Lesson 8 - Filter Effects
* Log into IEClass.com for the corresponding lesson material
* Log into Schoology to submit assignments
TEKS: §130.308. 1(A)(B)(C)(D)(E)(F), 5(A), 6(A)(B)(D)(E)(F), 7(B)(C)

Unit 5: Design Technologies
Unit 5: Lesson 1 - Design Applications
Unit 5: Lesson 2 - WordPress Site Setup
Unit 5: Lesson 3 - Managing WordPress Content
Unit 5: Lesson 4 - Visual Web Editors
Unit 5: Lesson 5 - Tables, Images and Style Sheets
Unit 5: Lesson 6 - The Style Properties Panel
Unit 5: Lesson 7 - Web Template
Unit 5: Lesson 8 - SVG Vector Graphics
* Log into IEClass.com for the corresponding lesson material
* Log into Schoology to submit assignments
TEKS: §130.308. 1(A)(B)(C)(D)(E)(F), 3(D), 5(A), 6(A)(B)(C)(D)(E)(F)

Unit 6: JavaScript
Unit 6: Lesson 1 - Program Development
Unit 6: Lesson 2 - Creating Forms
Unit 6: Lesson 3 - Beginning JavaScript
Unit 6: Lesson 4 - Variables and Functions
Unit 6: Lesson 5 - Processing Data
Unit 6: Lesson 6 - Custom Windows
Unit 6: Lesson 7 - JavaScript Arrays
Unit 6: Lesson 8 - Control Structures
Unit 6: Lesson 9 - Canvas Graphics
* Log into IEClass.com for the corresponding lesson material
* Log into Schoology to submit assignments
TEKS: §130.308. 1(A)(B)(C)(D)(E)(F), 5(A), 6(A)(B)(C)(D)(E)(F), 7(A)(E)(F)(H) (I)

Unit 7: PHP / MySQL Scripting
Unit 7: Lesson 1 - Getting Started with PHP
Unit 7: Lesson 2 - Variables & Predefined Functions
Unit 7: Lesson 3 - User Defined Functions
Unit 7: Lesson 4 - Program Control
Unit 7: Lesson 5 - Repetition Statements
Unit 7: Lesson 6 - Form Processing & Data Files
Unit 7: Lesson 7 - MySQLi Databases / Storing Data
Unit 7: Lesson 8 - Array & Strings
Unit 7: Lesson 9 - Sessions and Cookies
* Log into IEClass.com for the corresponding lesson material
* Log into Schoology to submit assignments
TEKS: §130.308. 1(A)(B)(C)(D)(E)(F), 5(A), 6(A)(B)(D)(E)(F), 7(A)(E)(F)(H)(I) (J)

Web Design Project 1 - People of Inspiration
* Log into IEClass.com for the corresponding lesson material
TEKS: §130.308. 1(A)(B)(C)(D)(E)(F), 2(D), 4(E)(G), 5(A), 6(A)(B)(D)(E)(F), 7 (B)(C), 10(A)

Web Design Project 2 - Autobiography
* Log into IEClass.com for the corresponding lesson material
TEKS: §130.308. 1(A)(B)(C)(D)(E)(F), 2(D), 4(E)(G), 5(A), 6(A)(B)(D)(E)(F), 7 (B)(C), 10(A)

Web Design Project 3 - Instructional Website
* Log into IEClass.com for the corresponding lesson material
TEKS: §130.308. 1(A)(B)(C)(D)(E)(F), 2(D), 4(E)(G), 5(A)(B)(C), 6(A)(B)(D)(E) (F), 7(B)(C), 10(A)

Web Design Project 4 - International Travel Site
* Log into IEClass.com for the corresponding lesson material
TEKS: §130.308. 1(A)(B)(C)(D)(E)(F), 2(D), 4(E)(G), 5(A)(B)(C), 6(A)(B)(D)(E) (F), 7(B)(C), 10(A)

Web Site Design - Student's Choice (from variety of topics)
* Plan a website using knowledge gained in Unit 1 Web Design Process such as: quality assurance plan, site design evaluation, site planning
* Create a website with multiple links and pages
* Use images etc. with usage rights of ‘free to use, share ((or modify), even commercially)’

Web Site Design – Student’s Choice (Redesign Existing Website)
* Redesign an existing website: Creek Side Camp & Cabins (http://creekside- camp-cabins.com)
** The owner of this location/website has given permission to use all images and information
* Use a free website platform to redesign
* Use all information and images from Creek Side Camp & Cabins
* Do not add any other content
* Reorganize information and material in a professional manner

Students who have not completed their work during class will need to come to my classroom after school to complete it or have the missed work counted against them.


Objectives

Unit 3: Basic HTML5 with CSS
• Employ the use of Notepad or Notepad++ as a text editor to create a simple web page, saving as .htm or .html
• Use basic HTML5 tags to create desired effect
• Examine results compared to expected
• Revise code to ensure desired end result is achieved (if necessary)
***
Lesson 1: HTML Tags & Structure
• Introduction to HTML and CSS, including inline style sheets
• Learn the basic tags, inline vs. block tags and how to structure a web page
• Apply hexadecimal color code system to background and text color elements
• Introduction and application of special characters
Lesson 2: Creating Lists
• Create ordered, unordered and definition lists
• Customize the lists by modifying the bullet types, numbering system and starting value of the ordered list
• Introduction to embedded style sheets
Lesson 3: Page Layout Design
• Align text and float elements to achieve a better page layout with text wrappings
• Size container elements
• Learn how to handle overflow content
• Understand the concept of parent/child container
Lesson 4: Styling Text Content
• Show how to select fonts for web pages
• Discover various font styles and their differences, including sans-serif and serif
• Demonstrate the use of various font and text style properties
• Illustrate the use of span tags and pseudo-element styles
Lesson 5: Site Structure & Links
• Identify various website structures
• Employ the use of hyperlinks in their web pages to create page jumps, link to other pages within the same website and link to other websites
• Demonstrate the customization of link properties
• Explain external style sheets
Lesson 6: Working with Images
• Show how to insert a basic image
• Discover how to float an image with content and use images as links
• Demonstrate how to use an image as a background to an element and to control its placement
• Use images as bullets in lists
Lesson 7: Margins & Borders
• Apply margins and center elements using auto margins
• Create custom borders around an element
• Demonstrate how to set the border radius to create rounded corners on elements
Lesson 8: Creating Basic Tables
• Create tables on a webpage to display data
• Arrange table position as desired
• Customize a table’s appearance
TEKS: §130.308. 1(A)(B)(C)(D)(E)(F), 5(A), 6(A)(B)(D)(E)(F), 7(B)(C)(D)

Monday, 28 October 2019 through Thursday, 27 February 2020
Web Technologies Knowledge Check (daily)
* Log into Schoology for detailed information and submit assignment

Web Technologies Project Tracker & Goals (at *least* once a week)
* Log into Schoology for detailed information and submit assignment

As soon as you complete one assignment, ensure you submit/upload the files to Schoology. Complete the HTML5 and CSS assignments in the following order:

Unit 3: Basic HTML with CSS
Unit 3: Lesson 1 - HTML Tags & Structure
Unit 3: Lesson 2 - Creating Lists
Unit 3: Lesson 3 - Page layout Design (video)
Unit 3: Lesson 4 - Styling Text Content (video)
Unit 3: Lesson 5 - Site Structure & Links (video)
Unit 3: Lesson 6 - Working with Images (video)
Unit 3: Lesson 7 - Margins & Borders (video)
Unit 3: Lesson 8 - Creating Basic Tables (video)
* Log into IEClass.com for the corresponding lesson material
* Look on your computer under Computer > OS (C:) > IE Class to view How To videos for lessons
* Log into Schoology to submit assignments

Students who have not completed their work during class will need to come to my classroom after school to complete it or have the missed work counted against them.


Objectives

Unit 2: Web Graphics - GIMP
* Differentiate between different image types, image resolution concepts, and terminology
* Prepare existing images for use on the web by resizing and cropping
* Use filter tools to modify and enhance images
* Differentiate between various selection tools to learn how each works to edit images
* Manipulate and enhance text using automated design tools
* Use Image Map feature to create custom image maps for website
* Learn to use layers effectively in graphic design
* Manipulate colors of images and add colors to individual sections of B&W images
* Discover the basic of simple motion graphics and how to create animated .gif images
TEKS: §130.308. 1(A)(B)(C)(D)(E)(F), 6(A)(B)(C)(E)

Monday, 16 September 2019 through Friday, 25 October 2019
Web Technologies Knowledge Check (daily)
* Log into Schoology for detailed information and submit assignment

Web Technologies Project Tracker & Goals (at *least* once a week)
* Log into Schoology for detailed information and submit assignment

As soon as you complete one assignment, ensure you submit/upload the files to Schoology. Complete the GIMP assignments in the following order:

Unit 2: Web Graphics - GIMP
Unit 2: Lesson 1 - Basic Concepts
Unit 2: Lesson 2 - Cropping & Resizing
Unit 2: Lesson 3 - Working with Filters
Unit 2: Lesson 4 - Selected Regions
Unit 2: Lesson 5 - Text and Automation
Unit 2: Lesson 6 - Creating Image Maps
Unit 2: Lesson 7 - Working with Layers
Unit 2: Lesson 8 - Image Colorization
Unit 2: Lesson 9 - Motion Graphics
* Log into IEClass.com for the corresponding lesson material
* Log into Schoology to submit assignments
* Additionally, assignments may be graded in class on the screen

Students who have not completed their work during class will need to come to my classroom after school to complete it or have the missed work counted against them.


Objectives

Unit 1: Lesson 1 - Preparing for the Course
* Review proper netiquette on networks
* Internet and computer safety
* Acceptable Use Policies
TEKS: §130.308. 1(B), 4(A)(G)
Unit 1: Lesson 2 - Computer Basics
* Overview of various components, including the hardware and software of the computer and how they work together
TEKS: §130.308. 3(B)
Unit 1: Lesson 3 - Introduction to the Internet
* Learn about the history of the Internet
* Learn about the type of content online and delivery enablers available
* How information is transferred
* New trends in web and Internet technology
TEKS: §130.308. 3(A)(C)(D), 5(B)(C), 7(E)(F)(G), 8(A)
Unit 1: Lesson 4 - The Web Design Process
* Planning process of web site development
* Web site structure such as page layout and design
* Evaluate and meet customer and client requirements when developing web projects
* Develop a Quality Assurance Plan
TEKS: §130.308. 5(A), 6(A), 9(A)(B)(C)(D), 10(B)(C)(D)
Unit 1: Lesson 5 - Color Theory
* Learn how the computer generates different colors, including the RGB color scale
* Discover different color schemes
* Logically select colors for website based on a specific color scheme
TEKS: §130.308. 6(A)
Unit 1: Lesson 6 - Copyright Guidelines
* Identify copyright guidelines relevant to commercial web design
* Describe copyright qualifications
* Explain What needs to be provided when asking permission to use copyrighted material
* Understand public domain and fair use
TEKS: §130.308. 4(A)(B)(C)(D)(E)(F)
Unit 1: Lesson 7 - Website Administration
* Recognize the process of acquiring a domain name
* Identify the basics of web servers, types of servers and how to select a web server
* Learn the process of uploading web pages to a web server
TEKS: §130.308. 3(A)(C), 7(J), 8(A)(B)(C)(D)(E)(F)(G)(H)(I)(J)(K)
Unit 1: Lesson 8 - Career Exploration
* Explore career options related to web design and similar fields
* Understand required skills and education levels to obtain a job in website design
TEKS: §130.308. 1(A)(B)(C), 2(A)(B)(C)
TEKS: §130.308. 1(A)(B)(C)(D)(E)(F), 2(A)(B)(C), 3(A)(B)(C)(D), 4(A)(B)(C)(D) (E)(F)(G), 5(A)(B)(C), 6(A), 7(E)(F)(G)(J), 8(A)(B)(C)(D)(E)(F)(G)(H)(I)(J) (K), 9(A)(B)(C)(D), 10(B)(C)(D)

Monday, 26 August 2019 through Friday, 13 September 2019
Web Technologies Project Tracker & Goals
* Log into Schoology for detailed information and submit assignment

Web Technologies Knowledge Check (daily)
* Log into Schoology for detailed information and submit assignment

Unit 1: Foundations

Lesson 1: Preparing for the Course
* Log into IEClass.com with id/pw which has been messaged to you via Insight
* Change your ID/PW to the ID/PW you use to log into the computer
* Investigate what IEClass.com has to offer
* Review presentation

Unit 1: Lesson 1 - Preparing for the Course Quiz
* Log into IEClass.com to review the lesson material before taking quiz
* Log into Schoology to complete
TEKS: §130.308. 1(B), 4(A)(G)

Unit 1: Lesson 2 - Computer Basics
* Overview of various components, including the hardware and software of the computer and how they work together

Unit 1: Lesson 2 - Computer Basics Quiz
* Log into IEClass.com to review the lesson material before taking quiz
* Log into Schoology to complete
TEKS: §130.308. 3(B)

Unit 1: Lesson 3 - Introduction to the Internet
* Learn about the history of the Internet
* Learn about the type of content online and delivery enablers available
* How information is transferred
* New trends in web and Internet technology

Unit 1: Lesson 3 - Introduction to the Internet Quiz
* Log into IEClass.com to review the lesson material before taking quiz
* Log into Schoology to complete
TEKS: §130.308. 3(A)(C)(D), 5(B)(C), 7(E)(F)(G), 8(A)

Unit 1: Lesson 4 - The Web Design Process - Site Design Evaluation
* Log into IEClass.com for the corresponding lesson material
* To download the .pdf, select the print option, then print to .pdf to save it to your G:\ drive
* Log into Schoology to submit assignment

Unit 1: Lesson 4 - The Web Design Process - Quality Assurance Plan
* Log into IEClass.com for the corresponding lesson material
* To download the .pdf, select the print option, then print to .pdf to save it to your G:\ drive
* Log into Schoology to submit assignment

Unit 1: Lesson 4 - The Web Design Process Quiz
* Log into IEClass.com to review the lesson material before taking quiz
* Log into Schoology to complete
TEKS: §130.308. 5(A), 6(A), 9(A)(B)(C)(D), 10(B)(C)(D)

Unit 1: Lesson 5 - Color Theory Lesson Worksheet
* Learn how the computer generates different colors, including the RGB color scale
* Discover different color schemes
* Logically select colors for website based on a specific color scheme

Unit 1: Lesson 5 - Color Theory Quiz
* Log into IEClass.com to review the lesson material before taking quiz
* Log into Schoology to complete
TEKS: §130.308. 6(A)

Unit 1: Lesson 6 - Copyright Guidelines
* Identify copyright guidelines relevant to commercial web design
* Describe copyright qualifications
* Explain What needs to be provided when asking permission to use copyrighted material
* Understand public domain and fair use

Unit 1: Lesson 6 - Copyright Guidelines Quiz
* Log into IEClass.com to review the lesson material before taking quiz
* Log into Schoology to complete
TEKS: §130.308. 4(A)(B)(C)(D)(E)(F)

Unit 1: Lesson 7 - Website Administration Simulation
* Log into IEClass.com for the corresponding lesson material
* To save the .pdf with your data entry, select the print option, then print to .pdf to save it to your G:\ drive
* Log into Schoology to submit assignment

Unit 1: Lesson 7 - Website Administration Quiz
* Log into IEClass.com to review the lesson material before taking quiz
* Log into Schoology to complete
TEKS: §130.308. 3(A)(C), 7(J), 8(A)(B)(C)(D)(E)(F)(G)(H)(I)(J)(K)

Unit 1: Lesson 8 - Career Exploration
* Explore career options related to web design and similar fields
* Understand required skills and education levels to obtain a job in website design

Unit 1: Lesson 8 - Career Exploration Quiz
* Log into IEClass.com to review the lesson material before taking quiz
* Log into Schoology to complete
TEKS: §130.308. 1(A)(B)(C), 2(A)(B)(C)

As soon as you complete one assignment, ensure you submit/upload the files to Schoology.

Students who have not completed their work during class will need to come to my classroom after school to complete it or have the missed work counted against them.


 

Objectives

* Learn to be safe at Dayton High School, includes safety rules: evacuation, lockdown, modified lockdown, etc and what to do in alternate circumstances
* Learn class procedures
* Ensure students can log into DISD AD network
* Set up browser to class website to view objectives daily
* Review and discuss DISD's Policy for Acceptable Use of Computers and Networks
* Learn how to log into Schoology and participate in a discussion board
TEKS: §130.308. 1(A)(B)(D)(E)

Thursday, 15 August 2019 through Friday, 23 August 2019
Receive two pages with the following information:
* Course syllabus/letter to parent
* Responsible Use of Computer and Network/Course contract and acknowledgement

Learn about your instructor
* Absolutely no chocolate in classroom
* If chocolate in backpack, leave in classroom across the hall

Class expectations

Collect signed Acknowledgment of Receipt/Contract
* Due Tuesday

Groundwork Presentation
* Safety - evacuation, reverse evacuation, shelter in place, drop & cover, etc
* Classroom setup and expectations
* DHS Grading Guidelines

Ensure students are able to log into workstation with id/pw.

* First 5 letters of last name
* First 3 letters of first name
* Followed by three zeros
* Password is student ID

Check if students have access to:
* C: hard drive
* G: drive, DISD student storage

Set Default Printer
* In the search box, type pri for printer
* Click on Printers & scanners to open
* Scroll down to view "Let Windows manage my default printer" and remove the check from the check box
* HP LaserJet 600 M602 - Room 540 should have the word Default below it

Set up Drive File Stream
* Click on Start button
* In Search box, type Drive File Stream
* Click on the blue and white icon to open the program
* Type in your broncomail.net id and password to log in
Note: You will find your work from many years ago. Please organize it appropriately so you can easily locate your work for this class.

Set up Home Pages (5) on browser to Assignments tab on class website
* 1st tab will be objectives for week
* 2nd tab will be day's assignment
* 3rd tab will be Schoology
* 4th tab will be IE Class
* 5th tab will be Skyward
* 6th tab will be Home for other uses (SAM, Google, etc.)

Autobiography Assignment
* Do this assignment after tabs set and while waiting for other's to get theirs set
* Obtain the sheet with the instructions
* Once completed, print to HP LaserJet 600 M602 - Room 540

1st Class Website check

Dayton ISD Responsible Use of Computers and Network Policy
* On your 5th tab, select Dayton ISD from dropdown box at top > District Info > Forms & Handouts > Responsible Use Policy (RUP) for Computers and Networks
* Learn how to use Socrative Student website (Socrative.com)
* Read and answer questions regarding the DISD RUP

Log into Schoology (pronounced: school-ogy)
* app.schoology.com
If you are a new student to Schoology, do the following:
* Sign up
* Student
* Access Code for your specific course will be provided
* For Username, enter your Broncomail Id (Ex. brownbet000@broncomail.net)
* For password, enter your 6 digit student number (used in cafeteria)
* Enter your birthday information as requested
* Check to agree to EULA
* Click on Register button

Returning students will log in using their Broncomail Id/PW
* Access Code for your specific course will be provided

All students should be able to click on Courses at the top to select your current class.


Welcome to Schoology!
* Log into Schoology

Policy for Responsible Use of Computers and Networks Test
Log into Schoology (pronounced: school-ogy)
* Username is what you set up (should be Broncomail.net id and password)
Click on Courses at the top to select your current class
Click on Assignments to find Career Exploration:
* (it is also listed on the right under Upcoming)
* On your 5th tab, select Dayton ISD from dropdown box at top > District Info > Forms & Handouts > Responsible Use Policy (RUP) for Computers and Networks
* You may use the Responsible Use of Computers and Networks
* Wait to start until directed
* If you fail the test, quietly ask if you can retake it and I'll reset it for you
* Retakes receive a maximum grade of 70

Autobiography
* Log into Schoology for detailed information and submit assignment

Students who have not completed their work during class will need to come to my classroom after school to complete it or have the missed work counted against them.

Janette Hill

Upcoming Events

Contact Janette Hill

School Phone:
936-258-2510