Dreamweaver Tutorial – Typography in Web Design

3 04 2011

Host Unlimited Websites! bit.ly Hostgator hosting, Unlimited disk space, unlimited bandwidth. In this Dreamweaver Tutorial by James at http://www.dreamweavertutorial.co.uk we will be looking at Typography for our Web Page Designs in Dreamweaver. Here is the link to the free download bit.ly You will learn how to style block quotes for great looking and engaging content. Simple css block quote methodology is used to pull people into higlighted pull quote areas of the typography design. Will will also make a Drop Cap with simple CSS and utilize other text typography methods in this 10 minute tutorial. You can really make your dull web page come to life with simple typographic website design. My website: http://www.dreamweavertutorial.co.uk Follow me on Twitter http://www.twitter.com My RSS Feed for Tutorial Updates: http://www.dreamweavertutorial.co.uk All work is my own work Created by me.
Video Rating: 5 / 5

Host Unlimited Websites! bit.ly Hostgator hosting, Unlimited disk space, unlimited bandwidth. Heres the short link to download the Dreamweaver Tutorial Files bit.ly Released under Creative Commons Attribute License SCOTLAND version 2.5 UK and Wales version 2.0 USA version 3.0 Included in the Download: 2 x images 1 x CSS file – finished version 1 x HTML file – finished version 1 x starting files folder named textboxes to recreate the site in Dreamweaver. (you can use the finished files if you do not want to learn how to use the web text boxes) In this Dreamweaver Tutorial you will learn how to put expanding web text boxes into your website design. We will use css and background images to create a CSS text box. We will also use CSS to position the html box. Scroll text boxes can save you so much time with your Dreamweaver website designs. A web text box can be used to house a paragraph of text or for website links. Scrolling text boxes are also great for separating content on your website. My website: http://www.dreamweavertutorial.co.uk Follow me http://www.twitter.com RSS feed: http://www.dreamweavertutorial.co.uk


Actions

Information

15 responses

3 04 2011
ConsideredCapricious

very nice tutorial … thanks

3 04 2011
iamasdasd2

i can say that i lovee u

3 04 2011
DreamWeaverTutorial

@VideosThatHelp oh thanks for the comments. Yeah its the kind of tutorial that most beginners would probably ignore. It hasnt received many views from my subscribers but it has been embedded by lots of different websites.

3 04 2011
VideosThatHelp

Nice Tutorial

3 04 2011
emperorny

can we apply all this aplications in one website alone, you have explained many thing but for every one you open a new page or is in the same page

3 04 2011
PalabraDeSABIDURIA

how would i put a box on the right side?
TY!

3 04 2011
Luigy151

thanks for the tutorial and one thing how do you get a domain like co.uk

3 04 2011
Luigy151

Thanks for the tutorial and One thing how do you get a domain like co.uk

3 04 2011
figger06

@DreamWeaverTutorial thaks for the reply, any chance of you showing that on youtube? im very very new to photoshop….

3 04 2011
DreamWeaverTutorial

@figger06 create a vector box and use the vector knife tool to cut it. -James

3 04 2011
figger06

how did you make the border for the bottom??? i just cant get it right in photoshop

3 04 2011
figger06

how did you make the border im for the bottom??? i just cant get it right in photoshop

3 04 2011
ApasoTutorials

if you could just be faster i did all and finish my site and now i saw that prob

3 04 2011
ApasoTutorials

how did you put web text box on the center and on the same position new web text box but just on the right
FAST RPLY PLS

4 04 2011
ElliotsMedia

Awesome video man!




%d bloggers like this: