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)
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)
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)
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)
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)
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.