Start learning with our library of video tutorials taught by experts. Get started
Dive deep into key typographic concepts and learn how to manipulate type in Dreamweaver. Author Joseph Lowery introduces Dreamweaver type tools and shows how to perform basic text modifications, establish the appropriate type unit, integrate custom web fonts, and apply drop shadows, gradients, and other effects. The course also provides in-depth tutorials on structuring text with headings, paragraphs, columns, and lists, and offers a preview of Adobe's proposed CSS Regions.
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 Eccentric tolls, which we'll be using throughout the lessons. 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 in paragraphs, and moving on to sophisticated HTML5 headings and CSS 3 multiple columns, with a peek into the future of type handling, CSS regions. This course will also cover CSS Text Effects, including advanced effects, such as Drop Shadows, Gradients, and Rotation. Finally, I'll show you how to make the most of list, from a straightforward ordered list, to a highly styled bulleted list, as well as targeting your styles with advanced CSS 3 selectors.
Dreamweaver offers an excellent gateway to the world of online typography. Let's get on it.
There are currently no FAQs about Typography with CSS in Dreamweaver.
Access exercise files from a button right under the course name.
Search within course videos and transcripts, and jump right to the results.
Remove icons showing you already watched videos if you want to start over.
Make the video wide, narrow, full-screen, or pop the player out of the page into its own window.
Click on text in the transcript to jump to that spot in the video. As the video plays, the relevant spot in the transcript will be highlighted.