CS 251 - HTML/CSS

Credits: 1-5
LEC hours per week: 5
Students learn the fundamentals of responsive web design using Hypertext Markup Language (HTML) and Cascading Style Sheets (CSS). Students build webpages by encapsulating content with tags appropriate for each content type. Students design the aesthetics of HTML pages by associating responsive CSS to control the visual qualities of each page element. Students analyze existing web pages and replicate them. Students conceive, design and code original, responsive web pages.
Course Outcomes:

Set up and use a code editor.
Construct web pages using HTML.
Style web pages with CSS.
Understand how JavaScript interacts with HTML & CSS on web pages
Develop responsive layouts.
Troubleshoot problems related to web page operation.

Course Topics:

Web fundamentals
Web page content and structure (HTML)
Tag basics: attributes and values
Descriptive tags
Structure tags: divs, spans, semantic containers
General content tags: text, links, lists and images
Forms tags: fields, inputs, buttons
Web page presentation (CSS)
Basics: text, colors, background
Structure: the box model
Custom properties
Positioning, layout, flexbox and grid
Responsive techniques and media queries
Transformation, transitions and keyframe animation
Intro to the behavior layer (JavaScript)
Distributed version control

Course Attribute(s): None