CIS195 - Web Development I (OER)
Topic outline
-
<meta inst="Instructor Contact">
<office
.CIS-195 {room = "" day: ; phone = "" time: ; email = "" crn: ; hours = ""> room: ; </office> } -
Except where otherwise noted, Web Development I (CIS195) by Frank Lister is licensed under a Creative Commons Attribution 4.0 International License.
Permissions beyond the scope of this license may be available at Linn-Benton Community College.
-
-
Week #1
Foundations of Web Design (FoWD)
READ: FoWD - Chapter 1 (pp 6-13)
Chapter 2 (pp 16-29)Course Intro, study tips, success in my classes, HTML glossary. Tools: text editor, file system, web browser. HTML basic syntax and common top-level elements. Headers, paragraphs, lists, and some supporting or formatting elements.
-
Week #2
READ: FoWD - Chapter 3 (pp 32-43)
Chapter 4 (pp 46-53)Anchors, links, relative and absolute paths, fragment identifiers, images, and videos. Table, row, data cell, border. Table caption, header, body, footer, spanning columns.
-
Week #3
READ: FoWD - Chapter 5 (pp 56-77)Basic CSS syntax and glossary. What are selectors: properties, values, declarations, rules, and ways to link to your CSS. Different selectors types: universal, element, groups, combination, class, id, pseudo-class.
-
Week #4
READ: FoWD - Chapter 6 (pp 82-95)Class attribute, class selector, id attribute, id selector. Role attribute and CSS attribute selectors.
-
Week #5
READ: FoWD - Chapter 7 (pp 98-115)Font properties: font family, font size, pixels, font style, font variant, font weight, font property shorthand. Text properties: text align, text decoration, text indent, text transform, line height, and color.
-
Week #6
Box Model: content, border (width, style, color), padding and margin with shorthand, and background color.
-
Week #7
READ: FoWD - Chapter 8 (pp 128-136)
Chapter 9 ((pp 140-163)Box Model: Width, height, overflow, box sizing.
Layout Properties: Float, left, right, inherit, clear, and overflow.Final Project Outline due next week, Friday night
-
Week #8
READ: FoWD - Chapter 10 (pp 166-191)
Chapter 11 (pp 195-213)Layout Page: Fixed-width layouts.
Fluid responsive layouts. -
Week #9
READ: FoWD - Chapter 11 (pp 195-213)Navigation: Lists, vertical (left or right), horizontal, and breadcrumbs.
-
Week #10
No weekly quiz or projects this week
FINAL PROJECT due Sunday night!
Week in review, work on final project, early presentations (if any)