Cascading Style Sheets ImageReady Navigation - PowerPoint PPT Presentation

cascading style sheets imageready navigation n.
Download
Skip this Video
Loading SlideShow in 5 Seconds..
Cascading Style Sheets ImageReady Navigation PowerPoint Presentation
Download Presentation
Cascading Style Sheets ImageReady Navigation

play fullscreen
1 / 7
Cascading Style Sheets ImageReady Navigation
122 Views
Download Presentation
neal
Download Presentation

Cascading Style Sheets ImageReady Navigation

- - - - - - - - - - - - - - - - - - - - - - - - - - - E N D - - - - - - - - - - - - - - - - - - - - - - - - - - -
Presentation Transcript

  1. Cascading Style SheetsImageReady Navigation Anna Story Web Design INBS 530

  2. Cascading Style Sheets • flexible and accurate way to apply appearance changes globally on your site • consistent look an dfeel • heightened typography control • only supported by 4.0 and greater browsers • beauty of style sheets = once you’ve assigned a style sheet to a page or pages, you can edit the style and effect hundreds of changes in your site in minutes

  3. 3 types of CSS • custom styles • create a unique style that can be applied to a range or block of text • HTML tag styles- • assign new default formatting attributes to a spcific HTML Tag • CSS selector styles: • assign new default formatting for a specific combination of tags- for example, creating a style that applies to a bold tag only when it appears inside a table cell

  4. Applications of CSS • external style sheets • separate documents thath contain styles you create. permits sweeping changes by editing a single file • internal style sheets • code within a particular web page • change only affects that page • embedded • only application of style attribute into the HTML tag • entered directly in the code

  5. DW CSS • very easy in DW • access CSS styles Panel under Window/ CSS styles • create new style attributes • type • background • etc.

  6. CSS in in DW • complete the exercises on pp. 262- 287 in DW HOT • experiment • create CSS for a page with type changes on your website

  7. ImageReady • complete exercises in PhotoShop HOT book pp 292-343