Web Design Foundations

MODULE 1

Codecademy HTML and CSS
Use login posted in Classroom
Due Friday before Fall break

HTML5 and CSS3 Beginners Tutorial by Quentin Watt

Editing Graphics with Pixlr
Pixlr Assignments – Visual idiom, face swap, and create a sketch

Poster Design Project

MODULE 2

CIW IBA – Lesson 1: Introduction to IT Business and Careers
Lab 1-2: Using Internet technology to conduct job searches
Lab 1-3: Creating a plain-text résumé for online application forms
Lab 1-4: Creating a PDF résumé in Google Docs
Activity 1-1: Identifying IT job roles
Activity 1-2: Diagramming a business ontology
Lesson 1 Review

CIW IBA – Lesson 2: Internet Communication
Lab 2-1: Using the Google+ social networking service
Lab 2-3: Sending text messages using Twitter
Lab 2-5: Creating a blog
Activity 2-1: Identifying Web 2.0 technologies
Lesson 2 Review

MODULE 4

HTML5 and CSS3 Beginners Tutorial by Quentin Watt

CIW IBA – Lesson 3: Introduction to Internet Technology
Lab 3-1: Sampling current and historic Web site designs
Lab 3-2: Using Internet protocols in a Web browser
Activity 3-1: Identifying direct Internet connection types
Activity 3-2: Identifying websites based on domain name structure
Lesson 3 Review

CIW IBA – Lesson 4: Web Browsing
Lab 4-3: Using Google Chrome and Incognito Mode
Lab 4-5: Configuring font size in Mozilla Firefox
Lab 4-6: Setting a browser home page in Mozilla Firefox
Lab 4-7: Managing the History folder in Mozilla Firefox
Lab 4-8: Configuring the browser cache in Mozilla Firefox
Activity 4-1: Defining Browser Terminology
Lesson 4 Review

MODULE 5

HTML5 and CSS3 Beginners Tutorial by Quentin Watt

Create a Simple Website Layout

CIW IBA – Lesson 5: Multimedia on the Web
Google Chrome Apps, Extensions, and Add-Ons
Lab 5-7: Viewing Ogg Vorbis files in Windows Media Player
Activity 5-1: Identifying Computer Languages
Lesson 5 Review

CIW IBA – Lesson 6: Databases and Web Search Engines
Lab 6-3: Using the plus sign (+) and minus sign (-) operators in Google
Lab 6-4: Performing an advanced search in Google
Lab 6-5: Using the Internet to perform job tasks using Bing
Lab 6-6: Reviewing Web search tips and tricks
Lab 6-7: Using additional search tricks
Activity 6-1: Identifying database components
Activity 6-2: Identifying Boolean operator actions
Lesson 6 Review

MODULE 6

Code-Only Web Project

CIW IBA – Lesson 7: Business E-Mail and Personal Information Management
Lab 7-1: Configuring Thunderbird as your email client
Lab 7-3: Creating and sending email messages using Thunderbird
Lab 7-5: Creating email signatures in Thunderbird and Gmail
Lab 7-8: Setting up a spam filter in Thunderbird
Activity 7-1: Defining email terms and concepts
Lesson 7 Review

CIW IBA – Lesson 8: Protecting Yourself Online
Lab 8-5: Locking your computer by using a screen saver
Lab 8-6: Viewing your desktop firewall settings
Activity 8-1: Identifying security terms
Activity 8-2: Identifying types of viruses
Lesson 8 Review

MODULE 7

Insert a JavaScript Slideshow in a Web Page
Images must be all the same size
Style your slideshow to be in the center of the page

CIW IBA – Lesson 9: Internet Services and Tools for Business
Lab 9-1: Exploring LISTSERV
Lab 9-2: Installing the FireFTP Firefox add-on as your FTP client
Lab 9-3: Downloading files using command-line FTP
Lab 9-4: Downloading files using the Firefox FTP client
Lab 9-5: Downloading files using FireFTP
Lab 9-6: Uploading files to an FTP site using FireFTP
Lab 9-7: Defining MIME types
Lab 9-9: Using the TightVNC remote administration application
Lab 9-10: Using Remote Desktop Connection
Lab 9-11: Using TCP/IP diagnostic tools
Activity 9-1: Choosing the right tool for the job
Lesson 9 Review

CIW IBA – Lesson 10: IT Project and Program Management
Lab 10-2: Reviewing Web trends
Lab 10-3: Installing the GanttProject project management tool
Lab 10-4: Creating a project schedule
Activity 10-1: Identifying project management phases
Activity 10-2: Identifying PMBOK topics
Lesson 10 Review

MODULE 8

CodeHS AP Computer Science Principles: Web Development
Use code to sign up for account
Due Friday before Christmas break

Codecademy Make a Website
Use login posted in Classroom
Due Friday before Christmas break

CIW SDA – Lesson 1: Markup Language and Site Development Essentials
Lab 1-1: Reviewing W3C standards
Lab 1-2: Viewing accessibility standards sites
Lab 1-3: Using a text-only browser to evaluate accessibility
Lab 1-4: Researching ways that websites address cultural diversity
Lab 1-5: Investigating intellectual property concepts and laws
Create a Wireframe with Photoshop
Activity 1-1: Defining web page authoring terms
Lesson 1 Review

CIW SDA – Lesson 2: HTML5 Coding
Lab 2-1: Creating a simple HTML5 page
Lab 2-2: Creating paragraph breaks and line breaks with HTML
Lab 2-3: Using headings in HTML
Lab 2-4: Indenting and centering text with HTML
Lab 2-5: Using text-level phrasing elements in HTML
Lab 2-6: Creating lists with HTML
Lab 2-7: Documenting and commenting HTML code
Activity 2-1: Identifying HTML elements and attributes
Lesson 2 Review

MODULE 9

CIW SDA – Lesson 3: CSS and Graphical Elements
Lab 3-1: Using an external style sheet with HTML
Lab 3-2: Assigning inline CSS attribute values to the <hr> tag in HTML
Lab 3-3: Incorporating images in an HTML page
Lab 3-4: Aligning images relative to text with HTML
Lab 3-5: Adding a copyright statement with an HTML entity
Lab 3-6: Changing page colors and backgrounds with HTML
Lab 3-7: Formatting text with CSS
Lab 3-8: Comparing Web site color combinations
Lab 3-9: Using HTML5 and CSS to structure a page
Activity 3-1: Identifying HTML and CSS terms
Lesson 3 Review

CIW SDA – Lesson 4: Hyperlinks
Lab 4-1: Creating local text hyperlinks in HTML
Lab 4-2: Creating external hyperlinks in HTML
Lab 4-3: Using images as hyperlinks with HTML
Lab 4-4: Using internal hyperlinks
Activity 4-1: Writing HTML hyperlink code
Lesson 4 Review

MODULE 10

CIW SDA – Lesson 5: HTML Tables
Lab 5-1: Creating HTML tables to organize content
Lab 5-2: Customizing HTML tables with CSS formatting
Activity 5-1: Identifying HTML table elements and attributes
Lesson 5 Review

CIW SDA – Lesson 6: Web Forms
Lab 6-1: Studying the FormMail script
Lab 6-2: Creating a simple Web form in HTML
Lab 6-3: Adding a radio button group to an HTML Web form
Lab 6-4: Adding checkboxes to an HTML Web form
Lab 6-5: Adding a single-option drop-down list to an HTML Web form
Lab 6-6: Adding a multiple-option select list to an HTML Web form
Lab 6-7: Adding a scrolling text area box to an HTML Web form
Activity 6-1: Identifying HTML form elements and attributes
Lesson 6 Review

Old-School Web Project

MODULE 11

CIW SDA – Lesson 7: Video, Audio and Image Techniques
Lab 7-2: Converting video to support HTML5 formats
Lab 7-3: Adding video to an HTML5 Web page
Lab 7-4: Adding audio to an HTML5 Web page
Lab 7-5: Defining a client-side image map
Image Map Assignment
Activity 7-1: Reviewing video, audio and image map elements and attributes
Lesson 7 Review

CIW SDA – Lesson 8: Extending HTML
Lab 8-1: Using JavaScript to detect browser type
Lab 8-2: Using simple JavaScript to create an interactive Web page
Lab 8-3: Experimenting with the HTML5 Canvas API
Lab 8-4: Creating an offline Web application
Lab 8-5: Experimenting with the geolocation API
Lab 8-6: Adding drag-and–drop functionality to a Web page
Activity 8-1: Reviewing web technology terms
Lesson 8 Review

MODULE 12

CIW SDA – Lesson 9: GUI HTML Editors and Mobile Web Sites
Lab 9-1: Creating a Web page with a GUI editor
Lab 9-2: Changing font and background color with a GUI editor
Lab 9-3: Adding a horizontal rule to a Web page with a GUI editor
Lab 9-4: Creating bulleted and numbered lists with a GUI editor
Lab 9-5: Creating external hyperlinks with a GUI editor
Lab 9-6: Adding an image to a Web page with a GUI editor
Lab 9-7: Creating an HTML table with a GUI editor
Lab 9-8: Validating and updating HTML code generated by a GUI editor
Lesson 9 Review

CIW SDA – Lesson 10: Web Site Development for Business
Lab 10-1: Comparing pay-per- click (PPC) services
Lab 10-2: Reviewing an SSL/TLS session
Lab 10-3: Converting currency values
Activity 10-1: Defining site development terms
Lesson 10 Review

MODULE 13

CodeHS AP Computer Science Principles: The Internet
Due Friday before Christmas break

CIW NTA – Lesson 1: Introduction to Networking
Lab 1-1: Using a BitTorrent client to download files
Lab 1-2: Exploring network operating systems
Activity 1-1: Reviewing network terminology
Lesson 1 Review

CIW NTA – Lesson 2: Networking Components and Standards
Lab 2-1: Identifying, documenting and diagramming network devices Lab 2-2: Implementing a network
Lab 2-3: Viewing the MAC address on your system
Lab 2-4: Running multiple operating systems with virtualization
Activity 2-1: Reviewing IEEE 802.11 wireless standards
Activity 2-2: Identifying and document your LAN
Lesson 4 Review

MODULE 14

CIW NTA – Lesson 3: Connecting to the Internet
Lab 3-1: Implementing a wireless network
Lab 3-2: Re-configuring your computer with a reserved IPv4 address
Lab 3-3: Testing connectivity using the ping command
Lab 3-4: Identifying IP configuration and MAC address information
Activity 3-1: Reviewing TCP/IP suite protocols
Activity 3-2: Determining IPv4 default subnet masks
Lesson 3 Review

CIW NTA – Lesson 4: Internet Services
Lab 4-1: Creating a file server
Lab 4-2: Using the nslookup utility
Lab 4-3: Researching CMS implementations
Activity 4-1: Recommending the appropriate server
Lesson 4 Review

MODULE 15

CIW NTA – Lesson 5: Hardware and Device Connectivity
Lab 5-1: Viewing resource assignments
Lab 5-2: Identifying common peripheral ports
Lab 5-3: Viewing drive partitions using Disk Management
Lab 5-4: Viewing NTFS permissions
Lab 5-5: Defragmenting hard disks
Lab 5-6: Deleting temporary files
Lab 5-7: Backing up data in Windows 7
Lab 5-8: Restoring data in Windows 7
Activity 5-1: Reviewing DVD/CD maintenance issues
Activity 5-2: Converting decimal, binary, and hexadecimal values
Lesson 5 Review

CIW NTA – Lesson 6: Network and Cloud Security Risks
Lab 6-1: Using the Netcraft Toolbar
Lab 6-2: Applying symmetric-key encryption
Activity 6-1: Reviewing passwords
Activity 6-2: Distinguishing between proxy servers and firewalls
Lesson 6 Review

MODULE 16
v

Attention Parents

The CIW Web Foundations Associate curriculum, that we’ll be using in part, is actually designed to prepare individuals for three industry certifications: the CIW Internet Business Associate certification, the CIW Site Development Associate certification, and the CIW Network Technology Associate certification. If a student is able to pass all three examinations, he or she will automatically receive the CIW Web Foundations Associate certification. If your child is interested in pursuing computer science post graduation, these certifications will be an asset to have on his/her resume. The cost for taking all three exams is $90.00. The deadline for payment is November 10th. The price includes the exam voucher, CTC proctor, and a practice guide that includes objective reviews, quizzes, and practice exams. Checks should be made payable to Cookeville High School.

If you have any further questions, feel free to send me an email or give me a call.

Jay Watson