Basics of Web Design: HTML5 & CSS Author: Terry Ann Felke-Morris, Ed.D.

Similar documents
SAULT COLLEGE OF APPLIED ARTS AND TECHNOLOGY SAULT STE. MARIE, ONTARIO COURSE OUTLINE

Course Information Course Number: IWT 1229 Course Name: Web Development and Design Foundation

Foundations. Web Development and Design. with HTML5. [Terry Ann Felke-Morris, Ed.D.J. 6th Edition. Harper College. Piyali Sengupta.

Garfield Public Schools Fine & Practical Arts Curriculum Web Design

EUROPEAN COMPUTER DRIVING LICENCE / INTERNATIONAL COMPUTER DRIVING LICENCE WEB EDITING

Fast track to HTML & CSS 101 (Web Design)

Responsive Web Design Creative License

Course Duration: One hour Theory and 3 hours practical per week for 15weeks. As taught in 2010/2011 Session

WEB DEVELOPMENT IA & IB (893 & 894)

We automatically generate the HTML for this as seen below. Provide the above components for the teaser.txt file.

Web Development. Owen Sacco. ICS2205/ICS2230 Web Intelligence

Learning Web Design. Third Edition. A Beginner's Guide to (X)HTML, Style Sheets, and Web Graphics. Jennifer Niederst Robbins

Web Developer Jr - Newbie Course

Using Adobe Dreamweaver CS4 (10.0)

Creating Web Pages with HTML Simplified. 3rd Edition

Mobile Web Design with HTML5, CSS3, JavaScript and JQuery Mobile Training BSP-2256 Length: 5 days Price: $ 2,895.00

Chapter 7 Page Layout Basics Key Concepts. Copyright 2013 Terry Ann Morris, Ed.D

CLASSROOM WEB DESIGNING COURSE

Advanced Web Development SCOPE OF WEB DEVELOPMENT INDUSTRY

Web Development I & II*

Web Designing with UI Designing

Textbook s Website for Online Review of Each Chapter

WEB DESIGN COURSE CONTENT

^/ CS> KRIS. JAMSA, PhD, MBA. y» A- JONES & BARTLETT LEARNING

#177.M4. Page 1 of 13

Dreamweaver CS3 THE MISSING MANUAL. David Sawyer McFarland. POGUE PRESS" O'REILLY 8 Beijing Cambridge Farnham Koln Paris Sebastopol Taipei Tokyo

How to Edit Your Website

Web Authoring CSS. Module Descriptor

Lesson Review Answers

IE Class Web Design Curriculum

Enduring Understandings: Web Page Design is a skill that grows and develops throughout the careful planning and study of software and design.

Web Design and Development Program (WDD)

Macromedia Dreamweaver 8 Developer Certification Examination Specification

Dreamweaver Domain 2: Planning Site Design and Page Layout

BLACKBOARD 9.1: Text Editor

Web Page Design (Master)

Programming exercises (Assignments)

BASICS OF WEB DESIGN CHAPTER 2 HTML BASICS KEY CONCEPTS COPYRIGHT 2013 TERRY ANN MORRIS, ED.D

Basic tutorial for Dreamweaver CS5

Dreamweaver. Introduction to Editing Web Pages

IAS Web Development using Dreamweaver CS4

Web Authoring. Module Descriptor

Saucon Valley School District Planned Course of Study

Quick Guide to the Cascade Server Content Management System (CMS)

STATEMENT OF PURPOSE

Website Planning Checklist

SUBJECT CODE : 4074 PERIODS/WEEK : 4 PERIODS/ SEMESTER : 72 CREDIT : 4 TIME SCHEDULE UNIT TOPIC PERIODS 1. INTERNET FUNDAMENTALS & HTML Test 1

Dreamweaver CS4 Day 2 Creating a Website using Div Tags, CSS, and Templates

Coding HTML Tips, Tricks and Best Practices

Google Docs Basics Website:

Introduction to XHTML. 2010, Robert K. Moniot 1

ANDROID TRAINING COURSE MODULES. Module-I: Introduction to Android. Introducing Android. Installing Development Tools. Using the Emulator.

JOOMLA 2.5 MANUAL WEBSITEDESIGN.CO.ZA

HTML5 & CSS3. ( What about SharePoint? ) presented

Ingeniux 8 CMS Web Management System ICIT Technology Training and Advancement (training@uww.edu)

Extended Reference for Freeway 7

San Joaquin County Office of Education Career & Technical Education Web Design ~ Course Outline CBEDS#: 4601

Web Design Basics. Cindy Royal, Ph.D. Associate Professor Texas State University

CSS for Page Layout. Key Concepts

Google Sites: Creating, editing, and sharing a site

Style & Layout in the web: CSS and Bootstrap

Professional IT and Outsourcing Training in Bangladesh. Course Name: Professional Web Design and Mobile Responsive Design

Parallels Panel. User s Guide to Parallels Presence Builder Revision 1.0

COMP-205 COURSE SYLLABUS FOR WEB DESIGN TECHNOLOGIES. Darla Thornburg Instructor

The Essential Guide to HTML Design

WCAG 2.0 Checklist. Perceivable Web content is made available to the senses - sight, hearing, and/or touch. Recommendations

Tutorial 6 Creating a Web Form. HTML and CSS 6 TH EDITION

South Plainfield Public Schools Web Design Scope and Sequence of Curriculum Grade Date August 2011

RADFORD UNIVERSITY. Radford.edu. Content Administrator s Guide

Virtual Exhibit 5.0 requires that you have PastPerfect version 5.0 or higher with the MultiMedia and Virtual Exhibit Upgrades.

Interactive Data Visualization for the Web Scott Murray

Dreamweaver. Links and Tables

Introduction 3. Getting Familiar With Presence Builder Creating and Editing Websites 6

Introduction to Web Design Curriculum Sample

Web Development 1 A4 Project Description Web Architecture

Cut-to-the-Chase Series Web Foundations. HTML Assignment. By Eric Matthews Visit us at:

This document will describe how you can create your own, fully responsive. drag and drop template to use in the creator.

Adobe Dreamweaver CC 14 Tutorial

USER GUIDE. Unit 4: Schoolwires Editor. Chapter 1: Editor

ACE: Dreamweaver CC Exam Guide

Skills for Employment Investment Project (SEIP)

Course: CSC 224 Internet Technology I (2 credits Compulsory)

CONTENTM WEBSITE MANAGEMENT SYSTEM. Getting Started Guide

How To Create A Website In Drupal 2.3.3

Artisteer. User Manual

CWU Content Management System (CMS) User Guide

MyCompany Professional Web Developer Certification Examination Specification

TIME SCHEDULE OBJECTIVES

Introduction to Adobe Dreamweaver CC

Dreamweaver CS5. Module 1: Website Development

LaGuardia Community College Thomson Ave, Long Island City, New York Created by ISMD s Dept. Training Team. Overview

ITP 101 Project 3 - Dreamweaver

Introduction to Microsoft Word 2008

Transcription:

Chapter 1 Internet and Web Basics The Internet and the Web Web Standards and Accessibility Information on the Web Web Browsers and Web Servers Internet Protocols Uniform Resource Identifiers and Domain Names HTML Overview Your First Web Page Head, Body, Title, and Meta Elements Name, Save, and Test Your Web Page Chapter 2 Web Page Structural Basics Heading Element Paragraph Element Line Break and Horizontal Rule Blockquote Element Phrase Elements Unordered List Ordered List Description List Special Entity Characters Div Element HTML Syntax Validation Chapter 3 Hyperlink Basics Anchor Element Absolute and Relative Hyperlinks Practice with Hyperlinks E-mail Hyperlinks Fragment Identifiers 1

Chapter 4 Chapter 5 Chapter 6 Web Design Basics Design for Your Target Audience Website Organization Principles of Visual Design Design to Provide for Accessibility Use of Text Web Color Palette Use of Color Use of Graphics and Multimedia Navigation Design Page Layout Design More Design Considerations Web Design Best Practices Checklist Web Project Case Study Cascading Style Sheets Basics Cascading Style Sheets Overview CSS Selectors and Declarations CSS Syntax for Color Values Inline CSS with the style Attribute Configure Embedded CSS Configure External CSS CSS Class, Id, and Contextual Selectors Span Element Practice with CSS CSS Syntax Validation Review & Apply Web Graphics Styling Basics Type of Web Graphics Image Element Optimize a Photo for the Web Image Hyperlinks Configure Background Images Position Background Images Practice with Background Images CSS3 Multiple Background Images The Favorites Icon Configure List Markers with CSS 2

Chapter 7 More CSS Basics Fonts with CSS Text Properties with CSS Align and Indent Text with CSS Width and Height with CSS The Box Model Margin and Padding with CSS Borders with CSS CSS3 Rounded Corners Center Page Content with CSS CSS3 Box Shadow and Text Shadow CSS3 Opacity CSS3 RGBA Color CSS3 Gradients Chapter 8 Page Layout Basics Normal Flow Relative and Absolute Positioning Float Clear a Float Overflow CSS Two-Column Page Layout Hyperlinks in an Unordered List CSS Interactivity with Pseudo-classes Practice with CSS Two-Column Layout Caption a Figure HTML5 Structural Elements More HTML5 Elements CSS for Print CSS for the Mobile Web 3

Chapter 9 Table Basics Table Overview Table Rows, Cells, and Headers Span Rows and Columns Configure an Accessible Table Style a Table with CSS CSS3 Structural Pseudo-classes Configure Table Sections Chapter 10 Form Basics Form Overview Text Box Submit Button and Reset Button Check Box and Radio Button Hidden Field and Password Box Textarea Element Format a Form with a Table Select Element and Option Element Label Element Fieldset Element and Legend Element Style a Form with CSS Server-Side Processing Practice with a Form HTML5 Text Form Controls HTML5 Datalist Element HTML5 Slider and Spinner Controls HTML5 Date and Time Controls Practice with an HTML5 Form 4

Chapter 11 Chapter 12 Media & Interactivity Basics Plug-ins, Containers, and Codecs Configure Audio and Video XHTML Audio: Object Element XHTML Video: Object Element Configure Flash Multimedia HTML5 Embed Element HTML5 Audio Element HTML5 Video Element Embed a YouTube Video CSS Image Gallery CSS3 Transform Property CSS3 Transition Property HTML5 Canvas Element Web Publishing Basics Register a Domain Name Choose a Web Host Publish with File Transfer Protocol Search Engine Submission Search Engine Optimization Accessibility Testing Usability Testing Appendix Answers to Review Questions XHTML Cheat Sheet HTML5 Cheat Sheet CSS Cheat Sheet WCAG 2.0 Quick Reference 5