Dreamweaver Tutorials back to dreamweaver tutorials home pagee contact form tutorial page
A value is required.Invalid format.A value is required.Invalid format.
Social Networks Our YouTube.com Channel Facebook Page

Dreamweaver Website Typography Tutorial

This is one of the best tutorials that I have released this year about typography in web design. it is so crucially important and yet most beginners completely miss the significance of text typography to their own detriment. There are Free Dreamweaver tutorial download exerceise files to accompany this typography in web design lesson.

Text Typography - Dreamweaver

When I released this Dreamweaver typography tutorial onto YouTube I expected that most people would probably ignore it. I was right. However this website typography tutorial is probably one of the most important Dreamweaver tutorials that I have released this year.



This video tutorial contains the basics to creating a typographic website and utilizes techniques to create drop cap CSS, a pull quote using a block quote tag, font typography and text typography.

These techniques help you to create an engaging and readable web page instead of having a boring and dull piece of text with an advert next to it like most people do. The drop cap and the CSS block quote is intended to pull the reader into the content of your web page and that is why typography design is very important in web design.

What is a Drop Cap?

A drop cap is an initial or capital letter which has been enlarged and mostly sits at the start of a paragraph like this one. The drop cap CSS is very easy to create and involves floating the letter and applying padding. A drop cap can be very dramatic and you can even apply background images to increase the font typography look. Notice how the rest of the content flows around the drop cap letter.

What is a Pull Quote?

Pull quotes are often used in newspapers and magazines and are used to emphasize important areas of content

A pull quote can be a snippet of text or a quote which you would like to emphasize or which you feel to be important to the overall content of the page. Many internet marketers will use a pull quote to highlight a major benefit of a product they are offering. Pull quotes are often used in newspapers and magazines. The pull quote in the Dreamweaver tutorial download files sits inside of a block quote tag. The CSS for the block quote is then used to style an effective pull quote.

Website typography should not be ignored when designing your website. You should aim to make it a rich typographic website which will pull the readers into your great content. Be sure to use these important text typography skills in your future typography design projects.



Related Tutorials:

CSS Drop Caps - Dreamweaver video tutorial

Drop caps in Dreamweaver - Dreamweaver article tutorial

Pull quotes - Dreamweaver article tutorial



blog comments powered by Disqus

Dreamweaver Website Templates

Web Hosting Plans That I Use

  • GoDaddy.com Hosting Plans!Godaddy Hosting
  • Unlimited Hosting at HostGatorHostGator Hosting
  • JustHost.com Unlimited DomainsJustHost Hosting
  • Hosting just $4.88/month! - PowwebPow Web Hosting

PHP Luxury Contact Form Tutorial


Great Premium Shopping Cart

  • BigCommerce makes it easy to sell online. Click here to try it free!BigCommerce

    I highly reccommend this product for people who want to create an online store. it's easy to set-up and add products to and easy to manage back-of-house. Can also be used as an Ebay store.

Email Marketing - Recommended links

CSS Drop Down Menu - Dreamweaver

Floating Menu - Dreamweaver

Tabbed Navigation Menu

CSS Text Boxes in Dreamweaver

CSS 3 in Dreamweaver

J Query in Dreamweaver

Transparent Overlays Dreamweaver

CSS in Adobe Dreamweaver

All Types of Links In Dreamweaver

Positioning Elements in Dreamweaver

Unordered List Images Dreamweaver

Create an RSS Feed in Dreamweaver

Website Typography in Dreamweaver

Expanding Text Boxes - Dreamweaver

Make a Donation

Donate for Dreamweaver Tutorials