Goal

To under­stand the sim­i­lar­i­ties and dif­fer­ences of back­ground attrib­utes in print and dig­i­tal deliv­ery media.

Objective

Cre­ate a sim­ple back­ground spec­i­men sam­ple using HTML, CSS and com­pat­i­ble tech­niques. Using two dif­fer­ent yet sim­i­lar sys­tems will cre­ate an oppor­tu­nity to see how the sys­tems have evolved over time.

Reading

• Rob­bins, Ch 7, p 123–132 and Ch 13, p 265–304
• Back­grounds In CSS: Every­thing You Need To Know
• How To Use CSS3 Mul­ti­ple Backgrounds
• CSS Gra­di­ents
• CSS Matic
• CSS3 Pat­terns, Explained
• Per­fect Full Page Back­ground Image

Exercise:

Using skills learned in pre­vi­ous lessons and the sup­plied tem­plate files, cre­ate a series of back­ground image demon­stra­tions using var­i­ous tech­niques asso­ci­ated with HTML and CSS.

Part One

Using the base HTML file, link to the background.css file plus the pro­vided com­ments and spec­i­fi­ca­tions noted in the HTML file, reset the back­ground to cre­ate a spec­i­men sheet. You will need to cre­ate the nec­es­sary image files using an image edit­ing program.

• The fol­low­ing rubric posted on D2L will deter­mine exer­cise score: Exer­cise Grading

Materials

com­puter, web browser, Adobe Dreamweaver, text editor

Deadlines

Tues­day, Octo­ber 13, 2020. Exer­cise Given.

Thurs­day, Octo­ber 15, 2019. All parts due in the appro­pri­ate D2L dropbox.