COMS 359: Interactive Mediagunkelweb.com/lecture_slides/359class14.pdf · Review • CSS for color...
Transcript of COMS 359: Interactive Mediagunkelweb.com/lecture_slides/359class14.pdf · Review • CSS for color...
![Page 1: COMS 359: Interactive Mediagunkelweb.com/lecture_slides/359class14.pdf · Review • CSS for color / 4 Methods 1. Hexidecimal –#66cdaa 2. RGB values –rgb(102,205,170) 3. Color](https://reader035.fdocuments.us/reader035/viewer/2022070110/604819da1121f90098495154/html5/thumbnails/1.jpg)
COMS 359: Interactive Media
![Page 2: COMS 359: Interactive Mediagunkelweb.com/lecture_slides/359class14.pdf · Review • CSS for color / 4 Methods 1. Hexidecimal –#66cdaa 2. RGB values –rgb(102,205,170) 3. Color](https://reader035.fdocuments.us/reader035/viewer/2022070110/604819da1121f90098495154/html5/thumbnails/2.jpg)
Agenda
• Prototype (Ex #4)
• Review
• Text & HTML5 Layout
• Preview
![Page 3: COMS 359: Interactive Mediagunkelweb.com/lecture_slides/359class14.pdf · Review • CSS for color / 4 Methods 1. Hexidecimal –#66cdaa 2. RGB values –rgb(102,205,170) 3. Color](https://reader035.fdocuments.us/reader035/viewer/2022070110/604819da1121f90098495154/html5/thumbnails/3.jpg)
Review
• CSS for lists
– list-style-type
– Image bullet point
• list-style-image:url(“image.jpg”)
<ul>
none
disc (default)
circle
square
<ol>
1 2 3 decimal (default)
01 02 03 decimal-leading-zero
a b c lower-alpha
A B C upper-alpha
i ii iii lower-roman
I II III upper-roman
![Page 4: COMS 359: Interactive Mediagunkelweb.com/lecture_slides/359class14.pdf · Review • CSS for color / 4 Methods 1. Hexidecimal –#66cdaa 2. RGB values –rgb(102,205,170) 3. Color](https://reader035.fdocuments.us/reader035/viewer/2022070110/604819da1121f90098495154/html5/thumbnails/4.jpg)
Review
• CSS for color / 4 Methods1. Hexidecimal – #66cdaa
2. RGB values – rgb(102,205,170)
3. Color names – Aquamarine
4. HSV – Hue, Saturation, Brightness
Range = 00 to ff
Range = 0 to 255
Range = 147 options
Hue = 0 to 360°
S&B = 0 to 100%
![Page 5: COMS 359: Interactive Mediagunkelweb.com/lecture_slides/359class14.pdf · Review • CSS for color / 4 Methods 1. Hexidecimal –#66cdaa 2. RGB values –rgb(102,205,170) 3. Color](https://reader035.fdocuments.us/reader035/viewer/2022070110/604819da1121f90098495154/html5/thumbnails/5.jpg)
![Page 6: COMS 359: Interactive Mediagunkelweb.com/lecture_slides/359class14.pdf · Review • CSS for color / 4 Methods 1. Hexidecimal –#66cdaa 2. RGB values –rgb(102,205,170) 3. Color](https://reader035.fdocuments.us/reader035/viewer/2022070110/604819da1121f90098495154/html5/thumbnails/6.jpg)
Review – CSS for Images
• Image Size
– width & height
• Box properties
– border-style | border-width | border-color
– border-radius:15px
– margin:10px | padding:4px
• Alignment
– float:left / float:right
– Center: display:block; margin:auto
![Page 7: COMS 359: Interactive Mediagunkelweb.com/lecture_slides/359class14.pdf · Review • CSS for color / 4 Methods 1. Hexidecimal –#66cdaa 2. RGB values –rgb(102,205,170) 3. Color](https://reader035.fdocuments.us/reader035/viewer/2022070110/604819da1121f90098495154/html5/thumbnails/7.jpg)
Review – Background Image
• background-image
– url(“wlogo.png”)
• background-repeat
– repeat | no-repeat | repeat-x | repeat-y
• background-attachment
– fixed | scroll
• background-position
– top center bottom | left center right
– % | px
![Page 8: COMS 359: Interactive Mediagunkelweb.com/lecture_slides/359class14.pdf · Review • CSS for color / 4 Methods 1. Hexidecimal –#66cdaa 2. RGB values –rgb(102,205,170) 3. Color](https://reader035.fdocuments.us/reader035/viewer/2022070110/604819da1121f90098495154/html5/thumbnails/8.jpg)
http://gunkelweb.com/coms359/exercise/wlogo.png
Exercise #5
![Page 9: COMS 359: Interactive Mediagunkelweb.com/lecture_slides/359class14.pdf · Review • CSS for color / 4 Methods 1. Hexidecimal –#66cdaa 2. RGB values –rgb(102,205,170) 3. Color](https://reader035.fdocuments.us/reader035/viewer/2022070110/604819da1121f90098495154/html5/thumbnails/9.jpg)
background-repeat: repeat background-repeat: no-repeat
background-repeat: repeat-y background-repeat: repeat-x
![Page 10: COMS 359: Interactive Mediagunkelweb.com/lecture_slides/359class14.pdf · Review • CSS for color / 4 Methods 1. Hexidecimal –#66cdaa 2. RGB values –rgb(102,205,170) 3. Color](https://reader035.fdocuments.us/reader035/viewer/2022070110/604819da1121f90098495154/html5/thumbnails/10.jpg)
background-attachment: scroll
background-attachment: fixed
![Page 11: COMS 359: Interactive Mediagunkelweb.com/lecture_slides/359class14.pdf · Review • CSS for color / 4 Methods 1. Hexidecimal –#66cdaa 2. RGB values –rgb(102,205,170) 3. Color](https://reader035.fdocuments.us/reader035/viewer/2022070110/604819da1121f90098495154/html5/thumbnails/11.jpg)
background-position: 220px 200px
background-position: bottom bottom
background-position: 10% 55%
![Page 12: COMS 359: Interactive Mediagunkelweb.com/lecture_slides/359class14.pdf · Review • CSS for color / 4 Methods 1. Hexidecimal –#66cdaa 2. RGB values –rgb(102,205,170) 3. Color](https://reader035.fdocuments.us/reader035/viewer/2022070110/604819da1121f90098495154/html5/thumbnails/12.jpg)
![Page 13: COMS 359: Interactive Mediagunkelweb.com/lecture_slides/359class14.pdf · Review • CSS for color / 4 Methods 1. Hexidecimal –#66cdaa 2. RGB values –rgb(102,205,170) 3. Color](https://reader035.fdocuments.us/reader035/viewer/2022070110/604819da1121f90098495154/html5/thumbnails/13.jpg)
![Page 14: COMS 359: Interactive Mediagunkelweb.com/lecture_slides/359class14.pdf · Review • CSS for color / 4 Methods 1. Hexidecimal –#66cdaa 2. RGB values –rgb(102,205,170) 3. Color](https://reader035.fdocuments.us/reader035/viewer/2022070110/604819da1121f90098495154/html5/thumbnails/14.jpg)
Background Images
• CSS3 Gradient
– Apply a color gradient to any
CSS box background
– New feature = limited
browser support
– Syntax
![Page 15: COMS 359: Interactive Mediagunkelweb.com/lecture_slides/359class14.pdf · Review • CSS for color / 4 Methods 1. Hexidecimal –#66cdaa 2. RGB values –rgb(102,205,170) 3. Color](https://reader035.fdocuments.us/reader035/viewer/2022070110/604819da1121f90098495154/html5/thumbnails/15.jpg)
![Page 16: COMS 359: Interactive Mediagunkelweb.com/lecture_slides/359class14.pdf · Review • CSS for color / 4 Methods 1. Hexidecimal –#66cdaa 2. RGB values –rgb(102,205,170) 3. Color](https://reader035.fdocuments.us/reader035/viewer/2022070110/604819da1121f90098495154/html5/thumbnails/16.jpg)
Text
• Typeface Terminology
serif sans-serif monospace
im im im
![Page 17: COMS 359: Interactive Mediagunkelweb.com/lecture_slides/359class14.pdf · Review • CSS for color / 4 Methods 1. Hexidecimal –#66cdaa 2. RGB values –rgb(102,205,170) 3. Color](https://reader035.fdocuments.us/reader035/viewer/2022070110/604819da1121f90098495154/html5/thumbnails/17.jpg)
Text
• Typeface Terminology
weight style stretch
light
medium
bold
Normal
Italic
Oblique
Condensed
Regular
E x t e n d e d
![Page 18: COMS 359: Interactive Mediagunkelweb.com/lecture_slides/359class14.pdf · Review • CSS for color / 4 Methods 1. Hexidecimal –#66cdaa 2. RGB values –rgb(102,205,170) 3. Color](https://reader035.fdocuments.us/reader035/viewer/2022070110/604819da1121f90098495154/html5/thumbnails/18.jpg)
Text
• Three Methods for Typeface
Web-safe Font
- Good support
- Limited options
- OS dependent
Download Font
- More options
- Not directly
supported
- © / open source
Images
- Many options
- Image based
- No semantic
data (ALT)
Arial
Times RomanCourier
Bauhaus
Script
Colonna
![Page 19: COMS 359: Interactive Mediagunkelweb.com/lecture_slides/359class14.pdf · Review • CSS for color / 4 Methods 1. Hexidecimal –#66cdaa 2. RGB values –rgb(102,205,170) 3. Color](https://reader035.fdocuments.us/reader035/viewer/2022070110/604819da1121f90098495154/html5/thumbnails/19.jpg)
Text
• Web-Safe Font
– font-family
serif
GeorgiaTimes Roman
sans-serif
Arial
Helvetica
Verdana
monospace
Courier
Courier New
cursive
Comic Sans MSMonotype Corsiva
fantasy
Impact
Haettenschweiler
![Page 20: COMS 359: Interactive Mediagunkelweb.com/lecture_slides/359class14.pdf · Review • CSS for color / 4 Methods 1. Hexidecimal –#66cdaa 2. RGB values –rgb(102,205,170) 3. Color](https://reader035.fdocuments.us/reader035/viewer/2022070110/604819da1121f90098495154/html5/thumbnails/20.jpg)
Text
• font-family
– Basic
– Font-stack
![Page 21: COMS 359: Interactive Mediagunkelweb.com/lecture_slides/359class14.pdf · Review • CSS for color / 4 Methods 1. Hexidecimal –#66cdaa 2. RGB values –rgb(102,205,170) 3. Color](https://reader035.fdocuments.us/reader035/viewer/2022070110/604819da1121f90098495154/html5/thumbnails/21.jpg)
Exercise #1
http://gunkelweb.com/coms359/exercise/css_color.html
![Page 22: COMS 359: Interactive Mediagunkelweb.com/lecture_slides/359class14.pdf · Review • CSS for color / 4 Methods 1. Hexidecimal –#66cdaa 2. RGB values –rgb(102,205,170) 3. Color](https://reader035.fdocuments.us/reader035/viewer/2022070110/604819da1121f90098495154/html5/thumbnails/22.jpg)
http://gunkelweb.com/coms359/exercise/css_color.html
![Page 23: COMS 359: Interactive Mediagunkelweb.com/lecture_slides/359class14.pdf · Review • CSS for color / 4 Methods 1. Hexidecimal –#66cdaa 2. RGB values –rgb(102,205,170) 3. Color](https://reader035.fdocuments.us/reader035/viewer/2022070110/604819da1121f90098495154/html5/thumbnails/23.jpg)
http://gunkelweb.com/coms359/exercise/css_color.html
![Page 24: COMS 359: Interactive Mediagunkelweb.com/lecture_slides/359class14.pdf · Review • CSS for color / 4 Methods 1. Hexidecimal –#66cdaa 2. RGB values –rgb(102,205,170) 3. Color](https://reader035.fdocuments.us/reader035/viewer/2022070110/604819da1121f90098495154/html5/thumbnails/24.jpg)
http://gunkelweb.com/coms359/exercise/css_color.html
![Page 25: COMS 359: Interactive Mediagunkelweb.com/lecture_slides/359class14.pdf · Review • CSS for color / 4 Methods 1. Hexidecimal –#66cdaa 2. RGB values –rgb(102,205,170) 3. Color](https://reader035.fdocuments.us/reader035/viewer/2022070110/604819da1121f90098495154/html5/thumbnails/25.jpg)
Text• text-align
– left | center | right | justify
– p {text-align: center}
• font-style
– normal | italic | oblique
– p {font-style: italic}
• font-weight
– normal | bold
– h1 {font-weight: bold}
• font-variant
– normal | small-caps
![Page 26: COMS 359: Interactive Mediagunkelweb.com/lecture_slides/359class14.pdf · Review • CSS for color / 4 Methods 1. Hexidecimal –#66cdaa 2. RGB values –rgb(102,205,170) 3. Color](https://reader035.fdocuments.us/reader035/viewer/2022070110/604819da1121f90098495154/html5/thumbnails/26.jpg)
Text
• font-size
– Absolute size = points (pt), pixels (px), cm, ems
• p {font-size: 30pt}
• p {font-size: 30ems}
• p {font-size: 18px}
– Relative sizes = % Percentage
• default font-size is 16px
• 150% is 1½ times larger than the default
• 50% is ½ smaller than the default
• p {font-size: 150%}
![Page 27: COMS 359: Interactive Mediagunkelweb.com/lecture_slides/359class14.pdf · Review • CSS for color / 4 Methods 1. Hexidecimal –#66cdaa 2. RGB values –rgb(102,205,170) 3. Color](https://reader035.fdocuments.us/reader035/viewer/2022070110/604819da1121f90098495154/html5/thumbnails/27.jpg)
Exercise #2
![Page 28: COMS 359: Interactive Mediagunkelweb.com/lecture_slides/359class14.pdf · Review • CSS for color / 4 Methods 1. Hexidecimal –#66cdaa 2. RGB values –rgb(102,205,170) 3. Color](https://reader035.fdocuments.us/reader035/viewer/2022070110/604819da1121f90098495154/html5/thumbnails/28.jpg)
Text
• font-stretch
– normal | condensed | expanded
– h1 {font-stretch: condensed}
• text-transform
– uppercase | lowercase | capitalize
– h1 {text-transform:uppercase}
• text-decoration
– None | underline | overline | line-through | blink
– h2 {text-decoration:underline}
![Page 29: COMS 359: Interactive Mediagunkelweb.com/lecture_slides/359class14.pdf · Review • CSS for color / 4 Methods 1. Hexidecimal –#66cdaa 2. RGB values –rgb(102,205,170) 3. Color](https://reader035.fdocuments.us/reader035/viewer/2022070110/604819da1121f90098495154/html5/thumbnails/29.jpg)
Text
• text-indent
– px | ems | cm
• text-shadow– horizontal offset, vertical offset, blur value, color
– h1 {text-shadow: 2px 2px 0px #333333}
• line-height
– px | ems | cm
• letter-spacing, word-spacing
– px | ems | cm
![Page 30: COMS 359: Interactive Mediagunkelweb.com/lecture_slides/359class14.pdf · Review • CSS for color / 4 Methods 1. Hexidecimal –#66cdaa 2. RGB values –rgb(102,205,170) 3. Color](https://reader035.fdocuments.us/reader035/viewer/2022070110/604819da1121f90098495154/html5/thumbnails/30.jpg)
Exercise #3
![Page 31: COMS 359: Interactive Mediagunkelweb.com/lecture_slides/359class14.pdf · Review • CSS for color / 4 Methods 1. Hexidecimal –#66cdaa 2. RGB values –rgb(102,205,170) 3. Color](https://reader035.fdocuments.us/reader035/viewer/2022070110/604819da1121f90098495154/html5/thumbnails/31.jpg)
Text
• :first-letter & :first-line
– Specify different values for the first letter and first line
of text inside an element
– Example
![Page 32: COMS 359: Interactive Mediagunkelweb.com/lecture_slides/359class14.pdf · Review • CSS for color / 4 Methods 1. Hexidecimal –#66cdaa 2. RGB values –rgb(102,205,170) 3. Color](https://reader035.fdocuments.us/reader035/viewer/2022070110/604819da1121f90098495154/html5/thumbnails/32.jpg)
Exercise #4
![Page 33: COMS 359: Interactive Mediagunkelweb.com/lecture_slides/359class14.pdf · Review • CSS for color / 4 Methods 1. Hexidecimal –#66cdaa 2. RGB values –rgb(102,205,170) 3. Color](https://reader035.fdocuments.us/reader035/viewer/2022070110/604819da1121f90098495154/html5/thumbnails/33.jpg)
Text
• @font-face
– Expanded font options
– Properties
• font-family = name of the font
• src = the URL or path to the font file
• format = specifies the format of the font file
– Sources
• http://www.fontsquirrel.com (open access)
• http://fontex.org (open access)
• http://typekit.com (proprietary)
![Page 34: COMS 359: Interactive Mediagunkelweb.com/lecture_slides/359class14.pdf · Review • CSS for color / 4 Methods 1. Hexidecimal –#66cdaa 2. RGB values –rgb(102,205,170) 3. Color](https://reader035.fdocuments.us/reader035/viewer/2022070110/604819da1121f90098495154/html5/thumbnails/34.jpg)
1. Download and install font package
2. Write CSS to use this font
![Page 35: COMS 359: Interactive Mediagunkelweb.com/lecture_slides/359class14.pdf · Review • CSS for color / 4 Methods 1. Hexidecimal –#66cdaa 2. RGB values –rgb(102,205,170) 3. Color](https://reader035.fdocuments.us/reader035/viewer/2022070110/604819da1121f90098495154/html5/thumbnails/35.jpg)
Text
http://www.google.com/fonts
Google Fonts- Alternative approach
- Link to a Google stylesheet
- Free to use; easy to code
![Page 36: COMS 359: Interactive Mediagunkelweb.com/lecture_slides/359class14.pdf · Review • CSS for color / 4 Methods 1. Hexidecimal –#66cdaa 2. RGB values –rgb(102,205,170) 3. Color](https://reader035.fdocuments.us/reader035/viewer/2022070110/604819da1121f90098495154/html5/thumbnails/36.jpg)
<link> element to
add to your HTML
css code to add to
your stylesheet
Exercise #5
![Page 37: COMS 359: Interactive Mediagunkelweb.com/lecture_slides/359class14.pdf · Review • CSS for color / 4 Methods 1. Hexidecimal –#66cdaa 2. RGB values –rgb(102,205,170) 3. Color](https://reader035.fdocuments.us/reader035/viewer/2022070110/604819da1121f90098495154/html5/thumbnails/37.jpg)
Modify the href of the first <link>
element to a new value – fontstyle2.css
Exercise #5
Copy and paste a second <link> element
from the Google Fonts website.
![Page 38: COMS 359: Interactive Mediagunkelweb.com/lecture_slides/359class14.pdf · Review • CSS for color / 4 Methods 1. Hexidecimal –#66cdaa 2. RGB values –rgb(102,205,170) 3. Color](https://reader035.fdocuments.us/reader035/viewer/2022070110/604819da1121f90098495154/html5/thumbnails/38.jpg)
Exercise #5
Write the stylesheet; copy and paste the
css code from the Google Fonts website
![Page 39: COMS 359: Interactive Mediagunkelweb.com/lecture_slides/359class14.pdf · Review • CSS for color / 4 Methods 1. Hexidecimal –#66cdaa 2. RGB values –rgb(102,205,170) 3. Color](https://reader035.fdocuments.us/reader035/viewer/2022070110/604819da1121f90098495154/html5/thumbnails/39.jpg)
Exercise #5
![Page 40: COMS 359: Interactive Mediagunkelweb.com/lecture_slides/359class14.pdf · Review • CSS for color / 4 Methods 1. Hexidecimal –#66cdaa 2. RGB values –rgb(102,205,170) 3. Color](https://reader035.fdocuments.us/reader035/viewer/2022070110/604819da1121f90098495154/html5/thumbnails/40.jpg)
Text
• Selecting Font
– Readability
– Character of the content
– Functionality
![Page 41: COMS 359: Interactive Mediagunkelweb.com/lecture_slides/359class14.pdf · Review • CSS for color / 4 Methods 1. Hexidecimal –#66cdaa 2. RGB values –rgb(102,205,170) 3. Color](https://reader035.fdocuments.us/reader035/viewer/2022070110/604819da1121f90098495154/html5/thumbnails/41.jpg)
Text
![Page 42: COMS 359: Interactive Mediagunkelweb.com/lecture_slides/359class14.pdf · Review • CSS for color / 4 Methods 1. Hexidecimal –#66cdaa 2. RGB values –rgb(102,205,170) 3. Color](https://reader035.fdocuments.us/reader035/viewer/2022070110/604819da1121f90098495154/html5/thumbnails/42.jpg)
Hypertext
• Pseudo classes for styling hypertext
– :link
– :visited
– :active
– :hover
![Page 43: COMS 359: Interactive Mediagunkelweb.com/lecture_slides/359class14.pdf · Review • CSS for color / 4 Methods 1. Hexidecimal –#66cdaa 2. RGB values –rgb(102,205,170) 3. Color](https://reader035.fdocuments.us/reader035/viewer/2022070110/604819da1121f90098495154/html5/thumbnails/43.jpg)
Exercise #6
![Page 44: COMS 359: Interactive Mediagunkelweb.com/lecture_slides/359class14.pdf · Review • CSS for color / 4 Methods 1. Hexidecimal –#66cdaa 2. RGB values –rgb(102,205,170) 3. Color](https://reader035.fdocuments.us/reader035/viewer/2022070110/604819da1121f90098495154/html5/thumbnails/44.jpg)
Exercise #6
![Page 45: COMS 359: Interactive Mediagunkelweb.com/lecture_slides/359class14.pdf · Review • CSS for color / 4 Methods 1. Hexidecimal –#66cdaa 2. RGB values –rgb(102,205,170) 3. Color](https://reader035.fdocuments.us/reader035/viewer/2022070110/604819da1121f90098495154/html5/thumbnails/45.jpg)
HTML5 Layout
• Page Layout with CSS
– Use <div> tags to identify
different parts of the html
document
– Apply style to these <div>
elements in the stylesheet by
creating different classes
– Position the <div> elements
by using positioning
![Page 46: COMS 359: Interactive Mediagunkelweb.com/lecture_slides/359class14.pdf · Review • CSS for color / 4 Methods 1. Hexidecimal –#66cdaa 2. RGB values –rgb(102,205,170) 3. Color](https://reader035.fdocuments.us/reader035/viewer/2022070110/604819da1121f90098495154/html5/thumbnails/46.jpg)
<body>
<div class=“header”>
<div class=“navigation”>
<div class=“content”>
<div class=“footer”>
![Page 47: COMS 359: Interactive Mediagunkelweb.com/lecture_slides/359class14.pdf · Review • CSS for color / 4 Methods 1. Hexidecimal –#66cdaa 2. RGB values –rgb(102,205,170) 3. Color](https://reader035.fdocuments.us/reader035/viewer/2022070110/604819da1121f90098495154/html5/thumbnails/47.jpg)
<body>
<div class=“header”>
<div class=“navigation”>
<div class=“content”>
<div class=“footer”>
![Page 48: COMS 359: Interactive Mediagunkelweb.com/lecture_slides/359class14.pdf · Review • CSS for color / 4 Methods 1. Hexidecimal –#66cdaa 2. RGB values –rgb(102,205,170) 3. Color](https://reader035.fdocuments.us/reader035/viewer/2022070110/604819da1121f90098495154/html5/thumbnails/48.jpg)
![Page 49: COMS 359: Interactive Mediagunkelweb.com/lecture_slides/359class14.pdf · Review • CSS for color / 4 Methods 1. Hexidecimal –#66cdaa 2. RGB values –rgb(102,205,170) 3. Color](https://reader035.fdocuments.us/reader035/viewer/2022070110/604819da1121f90098495154/html5/thumbnails/49.jpg)
HTML5 Layout
• New Elements
– <header>
– <article>
– <nav>
– <footer>
Purpose/Benefit• Structure the html document
without having to use multiple
<div> tags
• Semantic data useful for web 2.0
applications like data mashups
and content aggregators
• <div> is content neutral and
generic; the new HTML 5 tags
designate not only structural page
elements but their meaning within
the page content.
![Page 50: COMS 359: Interactive Mediagunkelweb.com/lecture_slides/359class14.pdf · Review • CSS for color / 4 Methods 1. Hexidecimal –#66cdaa 2. RGB values –rgb(102,205,170) 3. Color](https://reader035.fdocuments.us/reader035/viewer/2022070110/604819da1121f90098495154/html5/thumbnails/50.jpg)
<body>
<header>
<nav>
<article>
<footer>
![Page 51: COMS 359: Interactive Mediagunkelweb.com/lecture_slides/359class14.pdf · Review • CSS for color / 4 Methods 1. Hexidecimal –#66cdaa 2. RGB values –rgb(102,205,170) 3. Color](https://reader035.fdocuments.us/reader035/viewer/2022070110/604819da1121f90098495154/html5/thumbnails/51.jpg)
![Page 52: COMS 359: Interactive Mediagunkelweb.com/lecture_slides/359class14.pdf · Review • CSS for color / 4 Methods 1. Hexidecimal –#66cdaa 2. RGB values –rgb(102,205,170) 3. Color](https://reader035.fdocuments.us/reader035/viewer/2022070110/604819da1121f90098495154/html5/thumbnails/52.jpg)
![Page 53: COMS 359: Interactive Mediagunkelweb.com/lecture_slides/359class14.pdf · Review • CSS for color / 4 Methods 1. Hexidecimal –#66cdaa 2. RGB values –rgb(102,205,170) 3. Color](https://reader035.fdocuments.us/reader035/viewer/2022070110/604819da1121f90098495154/html5/thumbnails/53.jpg)
Preview
• Meta-Information & Search Engine Optimization
– Duckett - ch. 8: Extra Markup (pp. 176-198)
– Duckett - ch. 19: Practical Information (pp. 476-492)
– Miller - ch. 8: Search Engine Optimization (pp. 200-217)
– Miller - ch. 10: Analysis (pp. 248-255)
– Google - Search Engine Optimization Starter Guide