Untitled document
At the conclusion of this course, the student should be able to:
1. Create a simple multi-page Web site.
2. Develop Web pages that utilize HTML elements to address the following: basic document structure, filesystem concepts, links and navigation, structural, text content, semantic, table, form, rich media, and interactive HTML.
3. Develop Web pages that utilize CSS to control the appearance of the site, including: font and text, pseudo-classes, box model, backgrounds, element positioning, responsive layout, and media queries.
4. Develop Web pages that utilize CSS selector and declaration syntax and concepts of the cascade, specificity, and inheritance with user agent, external, embedded and inline style rules.
5. Summarize the following Web site development concepts and knowledge: Hypertext Transfer Protocol (HTTP), rich media preparation, responsive design, interaction design, visual design, accessibility, hosting, domain names, and professional practices.
Untitled document
I. Hypertext Markup Language Version 5 (HTML5)
A. Document Type Declarations and language versions
B. Elements, opening and closing tags, self-closing tags, attributes, nesting, and syntax
C. Filesystem concepts: Web root, file paths, absolute, relative, and in-page URLs/URIs
D. Links and navigation, hyperlink formats, including mailto: pseudo-protocol
E. HTML structural elements: Main root, document metadata, sectioning root, content sectioning
F. HTML text content elements, including lists
G. HTML semantic elements, including inline text semantics
H. HTML embedded content elements
I. HTML scripting elements
J. HTML demarcating edit elements
K. HTML table content elements, including caption, rows, headers, cells, nesting and spanning
L. HTML form elements, including server-side data handling, POST/GET methods, required and data validations
M. HTML interactive elements
N. HTML Web component elements
O. HTML character sets, including Unicode, and character entities
II. Cascading Style Sheets Version 3 (CSS3)
A. CSS language standards and versions
B. Style rule composition and syntax: selectors, declarations, property name and value pairs
C. Stylesheet options: user agent, external, internal, and inline styles
D. Cascading and specificity
E. Style property inheritance
F. Selector types, including ID- and class-based selectors, descendent selectors, and pseudo-classes
G. Declaration properties for font and text characteristics
H. Declaration properties and underlying concepts for box model, including backgrounds
I. Declaration properties, concepts, and approaches for page layout, including flexbox and CSS grid
J. Declaration properties, concepts, and approaches for element positioning, including floating, z-index, relative and absolute position
K. Declaration properties, concepts, and approaches for interactive, behavioral, transformational, and time-based animation of elements
L. Media types and media queries, including print media
III. HTTP
A. Client-server HTTP communication model, including roles of Web servers and browsers
B. HTTP request and response formats
C. Common HTTP status codes
IV. Rich Media: Images, Audio, Video
A. HTML image and multimedia elements and attributes
B. Image sources, including intellectual property (IP) and copyright considerations
C. Web-ready image formats, including JPEG, PNG, GIF, SVG, and WebP
D. Media editing software tools for preparing web-ready rich media, including image, audio, and video
V. Visual Design
A. Color theory fundamentals, history, principles, and practices
B. Typography fundamentals, history, principles, and practices
C. Layout fundamentals, history, principles, and practices
D. User interface design patterns, including references
E. Design process, including wireframing and comps
VI. Interaction Design
A. User experience (UX) research fundamentals, principles, and practices
B. User-centered design (UCD) fundamentals, principles, and practices
VII. Responsive Web
A. Responsive Web design (RWD) fundamentals, history, principles, and practices
B. CSS media queries applied for responsive design solutions
C. Mobile-first design approach
VIII. Accessibility Principles
A. WCAG and US Section 508 accessibility requirements, and standards
B. Accessible Rich Internet Applications (ARIA) standard and HTML attributes
C. Accessibility testing tools and approaches
D. Accessibility compliance documentation, including Voluntary Product Accessibility Template (VPAT)
IX. Professional Practices
A. Code validation practices and tools
B. Code editors and integrated development environments (IDEs)
C. Filesystem management approaches for organizing and backing up static site files
D. Managing files, including server uploads
E. Separation of concerns, including presentation vs. structure
F. Continuous learning approach, including professional publications and online learning and reference resources
X. Hosting and Domain Names
A. Common approaches to Web site hosting solutions
B. Commercial hosting providers
C. Domain name registration and name resolution services (DNS)
Untitled document
Learn Enough HTML CSS, and Layout to be Dangerous: An Introduction to Modern Website Creation and Templating Systems. Donahoe, Lee and Hartl, Michael. Addison-Wesley Professional. 2022.
Responsive Web Design with HTML5 and CSS. Frain, Ben. Packt. 2020.
Learning Web Design. 5th ed. Robbins, Jennifer. O'Reilly Media. 2018.
Head First HTML and CSS. 2nd ed. Robson, Elisabeth and Freeman, Eric. O'Reilly Media. 2012 (classic).
Web Design Playground, Second Edition. McFedries, Paul. Manning Publications. 2024.
Instructor prepared materials