Revert To Default Settings If you do not really like the change, the process is easily removed. If you want to know more about the use of fonts in web pages, please read the article. Let's say that you want to make the names of all the products you're selling appear in the Times New Roman font on your web page. So lets give that a go. If you're planning to change the text appearance for your left column, click somewhere in the left column.
Remove the just inserted Colors. A list of class names will appear. Instead, your page will probably appear in the Times New Roman font the default font for many web browsers on Windows systems for most visitors. For example, if you have installed a fancy font from, say, thefreecountry. Now look at the right column.
Chances are that it's already selected by default, but if you're not sure, there's no harm doing it again just in case. If you have not applied any specific rule for your text, you can edit the color of your text directly from the Property Inspector. Then check out your new home page in your web browser. It doesn't matter which route you take, that is, using the menu that I mentioned in the paragraph above, or clicking the icon that I taught in chapter 2. Entering 0 in all four of these fields removes any default margin space, enabling you to create designs that begin flush with the edge of a browser. The Page Properties dialog box appears. To do this, open Dreamweaver and press Ctrl + U to open the Preferences.
Changing Background Color With the light colored text settings inserted, you will have to change the default background color of the code window from white to black. Just click the mouse once. We'll also look at this and another way to style individual links using Div tags later in the course. This includes setting the background colour of each column of your page if you wish and also, optionally, adding a background image to your content. If you know the six-digit numerical or hex code, type the pound symbol and then follow it with the code. If it already appears expanded, you don't have to do anything. Do not select the word.
Perhaps more commonly, you may want to put certain words in bold or italics. A pure black background might not work so well because it will contrast with the white text too much, so a color like 2B2E46 works really well; you can experiment with other dark colors to find one that suits you best. It will probably be in the middle of the panel somewhere. He is in an un-ordered list,which is a bullet point, and inside this list item which is the dot itself and this is the bit I want to play around with. If multiple styles have been applied to the selection, the menu is blank. Next Chapter With your web page now containing both graphics and text styles, it is well on its way to being complete. Get The Theme While Dreamweaver allows us to customize every little aspect of the code we write, creating the whole look can be quite time consuming and there is a whole bunch of trial-and-error.
You can choose between four different color themes, and select a light or dark code theme. You can also change other page-wide settings, such as the background color and page margins, from the Page Properties dialog box. Most web browsers add a little space to the top and left sides of the browser window around any web page. If that fails, it will use the third font eg, any sans serif font , and so on. To modify a particular field in the panel, just click the value portion of the field. You have to manually change it if you want it back to the default color. In the , you will learn how to change the background of your web page.
To change the colors of your code elements, edit the properties of the selectors in the main. Yes, I know what you're thinking here. Don't click or do anything else on the page or the selection will be removed, and you'll have to redo this step again. Be sure to use a web browser to surf to your site, to check the changes. Double-click the filename, and then follow the instructions here. Most designers leave these two fields blank because they want to limit the use of bold or italics to drawing special attention to a word or words.
You only have to change it in one location, and all the pieces that share that same class will have the new appearance. If this paragraph confuses you, just skip it and move on. By doing this, you can keep the original file, for if you want to revert to default settings. In fact, this seemingly backwards way of working, where we create the rule for the label first, then label the object later, is what we will usually do in Dreamweaver, because it makes our job easier. Don't waste too much time coming up with the name. As such, in order to change fonts for your web page later, we will be attaching labels to the pieces of text that you want to modify the font for.