- View Offline
- Exercise Files
- Modifying type in the CSS Styles panel
- Understanding the different type measurement unit options
- Allowing users to set page type size
- Employing web-safe fonts
- Exploring CSS 3 typeface options
- Setting up @font-face
- Applying color and transparency to type
- Styling the font weight, case, and letter spacing
- Inserting drop caps
- Rotating text with CSS transform
- Laying out text in multiple columns
- Incorporating ordered and unordered lists
- Targeting lists items with the nth-child selector
Skill Level Intermediate
- [Voiceover] Hi, Joe Lowery here to welcome you to Typography with CSS in Dreamweaver. Typography is arguably the single most important aspect of the web, without type there are literally no words, and without CSS text can only be minimally styled. This course begins with a quick review of Dreamweaver's text and CSS centric tools, which we'll be using throughout the lesson. Then we'll begin to dive deep into key typographic concepts, size, color, styles, and fonts, especially the new web font technology.
Next we'll explore text structure starting with the proper use of headings and paragraphs and moving onto sophisticated HTML5 headings and CSS3 multiple columns with a peak into the future of type handling CSS regions. This course will also cover CSS text effects including advanced affects such as drop shadows, gradients, and rotation. Finally, I'll show you how to make the most of lists from straight forward ordered lists to highly styled bulleted lists as well as targeting your styles with advanced CSS3 selectors.
Dreamweaver offers an excellent gateway to the world of online typography, let's get on it.
Creative Inspirations: Doyald Young, Logotype Designerwith Doyald Young1h 41m Appropriate for all
1. Modifying Type in Dreamweaver
2. Establishing the Proper Type Unit
Working with pixels2m 34s
3. Choosing Site Typefaces
4. Integrating Color
Applying color to type4m 52s
5. Selecting Type Styles
6. Using Advanced CSS Text Effects
7. Structuring CSS Text
8. Defining Lists with HTML and CSS
- Mark as unwatched
- Mark all as unwatched
Are you sure you want to mark all the videos in this course as unwatched?
This will not affect your course history, your reports, or your certificates of completion for this course.Cancel
Take notes with your new membership!
Type in the entry box, then click Enter to save your note.
1:30Press on any video thumbnail to jump immediately to the timecode shown.
Notes are saved with you account but can also be exported as plain text, MS Word, PDF, Google Doc, or Evernote.