Layout Design Web / Blog interesting with CSS

CSS (Cascade Style Sheet) used by web designers to set the style elements together in a web, ranging from making layouts, adjust colors, fonts, text, and much more. CSS development itself fairly quickly, beginning in 1996 launched CSS, CSS2 introduced later in the year 1998, then in 2000 to the present we are familiar with CSS3. Unfortunately at the moment only CSS2 is still supported by most web browsers are CSS3 only partially supported web browsers.
Div Division stands which means an HTML tag to make a particular section or group with the aim of classifying an HTML file into several parts according to its place in order to facilitate the pememberian style in every part. Examples of writing <div> …. </ div>
In making web layout / blog, a very important thing to note is the theme of the web / blog itself, so that we can customize the theme and zoom. In general, a web index consists of: wrapper (entire contents), header, menu, sidebar, content, and footer. Das Megabeitrag gesetz von gay-lussacin einem abgeschlossenen wohn- oder arbeitsraum herrscht der jeweilige luftdruck, der sich nur in geringen grenzen verändert

Rework index.html page

Index.html page in Dreamweaver CS4 result is not maximized, you have to do some re-processing.
Alignment Set the Page Layout

By the time you open the index.html page, the resulting layout of your web pages have not been in the middle of the page. To set the alignment of the page layout, you must use a CSS style. As described previously, that Dreamweaver CS4 uses CSS styles to format the majority of web page elements.

For more details, follow the steps below:

1. Make sure you have an open index.html page, see the zoom on the browser window by pressing F12 on the keyboard.

2. Open the CSS Styles panel and activate tabulation ALL Click the New CSS Rule ^ at the very bottom of the panel to create a new CSS style.

3. Next will perform the New CSS Rule dialog box to create a new CSS style names.

4. Determine the type selector to your CSS style in the Selector type.

– Class, style can be applied to any HTML element as the class attribute.

– ID, the style used to format a tag that contains a specific ID.

– Tag, the style used to format a specific HTML tag.

– Compound, used to mix code that affects two or more classes, tags, and ID together.

5. Choose a type selector with ID. Type a name for your CSS style ID in the Choose box or enter a name for your selector, for example type layout_tengah. Then press OK.

6. Next will appear the CSS Rule Definition dialog box for # layout “middle ….

7. In the CSS Rule Definition dialog box for # layout_tengah …. that appears, you are asked to set the property to be used in your CSS style. For example you will set your page layout to be flat middle.

8. Enable Block category, click on the drop down text-align, then select Center from the list displayed flattening. Then click the OK button.

9. Note that the results in the CSS Styles panel, at the very bottom of the list to add a CSS style name # layout_tengah bam.

10. To use this style on a web page, select the first element to be formatted web.

11. Click the mouse pointer on the web page. untuk memilih bingkai layout halaman.”>In the Tag Selector, click <div#FWTableContainer16 option> to select the page layout frame.

12. Turn back the CSS Styles panel, then right-click on the name of the CSS style # layout_tengah, select Apply from the pop-up menu that appears

13. Then the main layout of your page will be formatted in the middle of the page. Save the changes with Ctrl + S menakan, see the results in a browser window by pressing F12 on the keyboard.

Changing the Page Title

When first opened, the file index.html you use headings according to the name of your file. For example, because the file you named index.png when exported, then automatically your index.html page has a title index.jpg.

In order for your web page title is displayed in accordance with the content, you have to change the title of the web page.

Here are the steps to change the title of the web page:

1. Select the Modify menu ► Page Properties, or click the Page Properties button in the Properties panel.

2. In the Page Properties dialog box that appears, choose the category Title / Encoding.

3. Type the title of your web page in the Title box, type the example Madcoms Creative Team Official Website.

4. In addition to using the steps above, you can also directly type in the web page title in the Title box in the Document toolbar row.

5. Save the index.html page, and see the results in a browser window by pressing F12 on the keyboard.