Archive for the ‘Formatting Text’ Category

Ever have trouble changing font size in dreamweaver?

Sunday, July 12th, 2009

Ever try and change a font size of styling in dreamweaver and it just won’t change?

Well it’s happened to me plenty of times.

It’s not something that happens all the time but when it does happen it cna be extremely frustrating so I thought I share with you how to work around it. Here’s a short video on how to fix the problem:

Hopefully this little tip will come in handy next time your font’s or style won’t change.

http://dreamweavermadesimple.com/blog/wp-content/plugins/sociofluid/images/digg_32.png http://dreamweavermadesimple.com/blog/wp-content/plugins/sociofluid/images/reddit_32.png http://dreamweavermadesimple.com/blog/wp-content/plugins/sociofluid/images/dzone_32.png http://dreamweavermadesimple.com/blog/wp-content/plugins/sociofluid/images/stumbleupon_32.png http://dreamweavermadesimple.com/blog/wp-content/plugins/sociofluid/images/delicious_32.png http://dreamweavermadesimple.com/blog/wp-content/plugins/sociofluid/images/blinklist_32.png http://dreamweavermadesimple.com/blog/wp-content/plugins/sociofluid/images/blogmarks_32.png http://dreamweavermadesimple.com/blog/wp-content/plugins/sociofluid/images/furl_32.png http://dreamweavermadesimple.com/blog/wp-content/plugins/sociofluid/images/newsvine_32.png http://dreamweavermadesimple.com/blog/wp-content/plugins/sociofluid/images/technorati_32.png http://dreamweavermadesimple.com/blog/wp-content/plugins/sociofluid/images/magnolia_32.png http://dreamweavermadesimple.com/blog/wp-content/plugins/sociofluid/images/google_32.png http://dreamweavermadesimple.com/blog/wp-content/plugins/sociofluid/images/myspace_32.png http://dreamweavermadesimple.com/blog/wp-content/plugins/sociofluid/images/facebook_32.png http://dreamweavermadesimple.com/blog/wp-content/plugins/sociofluid/images/yahoobuzz_32.png http://dreamweavermadesimple.com/blog/wp-content/plugins/sociofluid/images/jamespot_32.png

Dreamweaver Tutorial – How To Add text to a page and format text

Wednesday, January 2nd, 2008

Let’s start adding some content to your home page. In the Files panel, double-click the “index.htm” file to open it for editing.

Select the Design view, if it’s not already selected. This is the easier way to enter and format text. Type some text in the editing area, like in the image below. The text can

be edited just like in any text editor. The difference is that as you type, Dreamweaver adds automatically the necessary HTML tags to your file. We will discuss about HTML

tags and the way you can edit them later in this tutorial.
Dreamweaver has a pretty good preview engine, and most of the times your page will show up in the browser window exactly the way you see it in the Design mode. To get a

better image, press the Preview icon and choose Preview in iexplore from the menu. If you haven’t saved your file, you will be prompted to do so. Choose Yes.

That’s not bad for starters! But let’s try to sparkle up the page a little bit. As you can see, the page has no title, so the default title (set up by Dreamweaver upon creation of

the page) is used. But we want to change the title from “Untitled Document” to “Home Page”.

Click on the edit box marked Title and change the title from “Untitled Document” to “Home Page”.

Now let’s play a little bit with the text settings and give your page an improved look. First, let’s select all the text and change the font. After selecting the whole text, click on

the combo box labeled Font to choose one of the font families.
A font family is composed of similar fonts and is recommended in case the user viewing your page is missing a font. Select the Verdana font family.

Now the text is a little too big. What we should do is change the font size. Click on the combo box labeled Size and select 12.

Now we want to highlight more the welcome message. We first need to select the text in question. Click again on the combo box labeled Size and this time choose 14.

Press on the button labeled Bold.

Now press on the Text Color button to change the color of the current selection. Let’s choose one of the blue colors.

We want to highlight the main sections of the text. To do so, we will insert some bullets. We start by selecting the first section. First press on the Bold button. Now press on

the Unordered List button. This has added a bullet to the selected section. We do the same for the other sections.

As you can see, some paragraphs have an unwanted indentation. What we do is select one of the paragraphs in question. Now press on the Text Indent button. We do the

same for the two remaining paragraphs.

We preview the page in the browser. As you can see, you can improve the aspect of your page by using some basic text formatting. This concludes the “Add text to a page and format text” section of the tutorial.

Click here to get your 15 part email tutorial delivered straight to your inbox for FREE!

Don’t Like to Read? Do You learn better with video?

Find out how the complete interactive dreamweaver video tutorial can be yours to own Here

If you like feel free to diggit!
http://dreamweavermadesimple.com/blog/wp-content/plugins/sociofluid/images/digg_32.png http://dreamweavermadesimple.com/blog/wp-content/plugins/sociofluid/images/reddit_32.png http://dreamweavermadesimple.com/blog/wp-content/plugins/sociofluid/images/dzone_32.png http://dreamweavermadesimple.com/blog/wp-content/plugins/sociofluid/images/stumbleupon_32.png http://dreamweavermadesimple.com/blog/wp-content/plugins/sociofluid/images/delicious_32.png http://dreamweavermadesimple.com/blog/wp-content/plugins/sociofluid/images/blinklist_32.png http://dreamweavermadesimple.com/blog/wp-content/plugins/sociofluid/images/blogmarks_32.png http://dreamweavermadesimple.com/blog/wp-content/plugins/sociofluid/images/furl_32.png http://dreamweavermadesimple.com/blog/wp-content/plugins/sociofluid/images/newsvine_32.png http://dreamweavermadesimple.com/blog/wp-content/plugins/sociofluid/images/technorati_32.png http://dreamweavermadesimple.com/blog/wp-content/plugins/sociofluid/images/magnolia_32.png http://dreamweavermadesimple.com/blog/wp-content/plugins/sociofluid/images/google_32.png http://dreamweavermadesimple.com/blog/wp-content/plugins/sociofluid/images/myspace_32.png http://dreamweavermadesimple.com/blog/wp-content/plugins/sociofluid/images/facebook_32.png http://dreamweavermadesimple.com/blog/wp-content/plugins/sociofluid/images/yahoobuzz_32.png http://dreamweavermadesimple.com/blog/wp-content/plugins/sociofluid/images/jamespot_32.png