Dreamweaver: Creating CSS Layouts

Easy-to-undestand video tutorials

This tutorial covers how to use Dreamweaver, the world’s leading Web page creation tool, to create web pages formatted with Cascading Style Sheets (CSS). Cascading Style Sheets are widely supported in today’s modern browsers and Web designers are learning to use them in ever more powerful and creative ways. This technology enables web pages across a site to be more consistent while giving designers more control over the layout and design than straight HTML ever did. This course covers everything you will need to know to use Adobe Dreamweaver to start creating your CSS-based layouts and how to modify existing CSS pages to make them your own or to meet a set of specific design needs. If you are already a Dreamweaver user and want to learn how to use CSS to create more sophisticated page ...

Plus d'infos...
Durée 8
Avec : James Gonzalez
Formation téléchargeable
FORMATION TÉLÉCHARGÉABLE
Formation téléchargeable
VISIONNAGE ILLIMITÉ
Formation téléchargeable
DISPONIBLE SUR USB

Nos clients ont également vu :

  • Managing Multiple Styles

    • (05:14) How Styles Cascade
    • (05:32) Cascading Rules pt. 1
    • (02:33) Cascading Rules pt. 2
    • (05:27) Inheritance
    • (05:08) Tips for Managing Style Cascades & Inheritance
  • CSS Building Blocks

    • (03:57) About Div Tags
    • (04:13) Drawing AP Divs in Dreamweaver
    • (05:10) Inserting AP Divs in Dreamweaver
    • (04:48) Adding Child Divs
    • (06:13) Using Contextual Selectors with Divs
    • (03:06) Div Widths & Heights
    • (06:05) Margin
    • (04:18) Padding
    • (03:24) Resetting Browser Default Margin & Padding
    • (05:16) Border
    • (05:58) Border Width & Color
    • (05:02) Wireframing with Dashed Borders
  • Text

    • (06:02) Why Formatting Text is Important
    • (04:53) Choosing Fonts
    • (05:33) Web-safe Fonts
    • (05:40) Font Size
    • (06:56) Applying Styles to Text
    • (04:22) Setting Line Height
    • (03:40) Letter Spacing
    • (05:42) Other Font Properties
    • (05:11) Tips for Improving Text Legibility
    • (04:32) Blockqoutes
    • (03:53) Indenting Paragraphs
    • (04:58) Drop Caps
  • Color / Backgrounds / Images

    • (06:01) Selecting Color Palettes for Your Design
    • (05:36) Specifying Colors
    • (05:19) Background Properties
    • (05:02) The GIF Image Format
    • (03:52) The JPEG Image Format
    • (03:30) The PNG Image Format
    • (03:07) Background Image - Properties
    • (04:28) Background Image - Repeat & Positioning
  • Formatting Links & Lists

    • (04:48) Understanding Link States
    • (05:11) Link Formatting Options
    • (07:34) Setting Up Multiple Link Schemes
    • (06:38) Hover Link & Image Linking Tips
    • (05:08) CSS List Properties
    • (05:52) CSS Bullet Lists Images
  • Layout Basics

    • (06:37) About CSS Page Layouts
    • (04:42) Drawing AP Divs in Dreamweaver
    • (07:12) Inserting Div Tags
    • (06:31) Working with AP Divs in Dreamweaver
    • (07:30) HTML Code for AP Div Elements
    • (06:56) CSS & the Box Model
    • (07:52) Floats & Clearing
    • (07:01) Static vs. Relative Positioning
    • (04:53) Absolute Positioning
    • (03:11) Mixing Absolute & Relative Positioning
    • (04:11) Fixed Positioning
  • Types of Web Page Layouts

    • (05:07) Types of Web Page Layouts
    • (05:39) Liquid Layouts
    • (07:21) Elastic Layouts
    • (03:40) Variable Fixed-Width Layouts
  • Putting it all Together: Sample Projects

    • (05:58) Using Dreamweaver CSS Templates
    • (06:49) Techniques for Learning Template Styles
    • (04:35) Modifying Styles: Div Borders
    • (04:32) Modifying Styles: Text Headers
    • (08:25) Modifying Styles: Text & Images
    • (07:13) Modifying Styles: Div Columns & Links
    • (05:57) Creating CSS Pages from Scratch
    • (08:14) Creating Styles from Scratch
    • (07:15) Tips for Creating Styles
    • (06:22) Tips for Applying Styles
    • (05:33) Checking for Cross Browser CSS Problems
  • Wrap Up

    • (04:23) Course Wrap Up
    • (04:00) Where to Learn More
    • (01:19) About the Author
Formateur : James Gonzalez
Langue : Anglais
Durée : 8
Nombre de séquences vidéo : 92
SKU : 33914
Réf :
ISBN : 1-934743-99-2
Date de publication : 2008-09-21
Compatibilité : Apple Mac OS X (PPC & Intel) | Windows XP, Vista, 7, 8
Formations compatibles iPad en VOD et via l'application TutoShop sur l'AppStore.

Descriptif :




James Gonzalez

James Gonzalez is a computer applications and digital communications professor at the College of Marin and is on the faculty of the Art Institute of Pittsburgh, Online Division, where he teaches courses in interactive media and Web design. James' current professional focus is on the application of digital media in online instructional environments. He has taught courses nationwide on the use of digital media software and its applications in instructional environments and has also published numerous works on these subjects including more than two dozen video and web-based instructional courses covering a variety of software applications and technologies including eLearning, Adobe Dreamweaver, Flash, and Fireworks, promoting web sites with SEO and many others.

+ 10 000 TUTOS EN VIDÉO
FORMEZ-VOUS EN ILLIMITÉ
SUR
VOD.TUTOROM.FR

A partir de 19€/mois seulement
Abonnez-vous