This course covers the essential skills needed to create responsive websites,
using HyperText Markup Language (HTML) and Cascading Style Sheets (CSS). Students are
introduced to the concepts, foundations, syntax, and structure of HTML and CSS. Additional
topics include the use of File Transfer Protocol (FTP) to publish websites and validation
to web standards established by the World Wide Web Consortium (W3C) and other organizations.
3 hrs. lecture/wk.
Course Objectives
Upon completion of this course,
students will be able to:
Explain how to create sites that are compliant with current W3C standards in web development
Create valid and semantically correct HTML pages
Organize website files and FTP them to a web server
Create valid HTML tables
Create absolute, relative, and anchor links
Apply cascading styles to an HTML document through inline, internal, or external style sheets
Test and troubleshoot HTML and CSS
Create web forms using HTML and style them with CSS
Apply responsive web design principles
Content Outline and Competencies
Web Page Building Blocks:
Develop web page files. Describe W3C standards. Discuss how Section 508 of the American Disabilities Act affects web page design. Write the source code of a web page. Describe web page elements, attributes and value.
Structure and Formatting:
Declare the encoding and create the foundation. Write semantically correct HTML. Identify the body of the web page. Apply styles. Create structures for the web page. Create hypertext and hypermedia links.
Web Page Files:
Define web file naming conventions and file management. Use FTP to deploy pages to a web server.
Tables:
Discuss the appropriate use for tables. Create and modify table rows and columns. Apply styles to tables.
Absolute, Relative, and Anchor Links:
Create links. Use images as links. Discuss image maps.
Cascading Style Sheets:
Apply style rules. Select elements by name, type or id. Select part of an element. Create an external style sheet. Apply styles locally. Apply alignments. Apply float. Create flexible layouts.
Testing and Validation:
Test and validate HTML of the published website. Test and validate CSS of the published website. Employ popular browsers to test web pages.
Web Forms:
Create a web form. Create form styles using CSS. Define form input elements and other controls. Create form labels.
Responsive Web Design:
Define the goals and techniques of responsive web design. Describe and apply flexible units of measurement for fonts and layout.
Create flexible images using CSS. Create media queries in CSS.
Insert appropriate HTML meta tags for responsive design.