WEBSITE1. How to insert Table in WebsiteTables have literally changed the look of the Web page. Originally, tables let people present data (mostly numbers) in a column format. Designers quickly figured out ways to improve the layout of their pages using tables. Although a bit complicated and sometimes difficult to understand, tables do improve your layout and let you present your material in a more eye-appealing way.For example, this page--in fact, this whole tutorial--has been developed using a four-column table. The best way to understand tables is to look at the following illustration.

Step 1Open up a text editor (remember, Simple Text for Mac and Notepad for Windows.Step 2Enter the following code:

This is a page using tables

A Web Page Using Tables

This is column oneThis is column twoThis is column three

Step 3Save the file astable1.html

2. How to create text colour in websiteOne of the things you may want to do as you develop your website is to modify the appearance of the text on your web pages. For example, you may want to use a different font for the words, or you may want to put some text in bold or italics. Or perhaps you may even want to change their colour ("color" if you useUS English). This chapter shows you how you can do these things using the BlueGriffon web editor.Please note this is the third chapter of theBlueGriffon tutorial series. If you are not familiar with BlueGriffon, you may want to start fromchapter 1since I will assume that you already know the things that I've covered in the previous chapters. In addition, if you are completely new to web design, it may be best to begin with the articleHow to Create / Make a Website.

1. FirefoxIn dialog box:General (in the left pane), Windows Menu items:Tools > OptionsMacintosh Menu items:Firefox > PreferencesFonts & Colors (button)

2. OperaWindows Menu items:Tools > PreferencesMacintosh Menu items:Opera > PreferencesIn dialog box:Fonts and Page Style (in the left pane)

3. What is a Declaration in website

1.Recommended Doctype Declarations to use in your WebWhen authoring document is HTML or XHTML, it is important toAdd a Doctype declaration. The doctype declaration must be exact (both in spelling and in case) to have the desired effect, which makes it sometimes difficult. To ease the work, below is a list of recommended doctype declarations that you can use in your Web documents. 2. Template

An XHTML 1.0 Strict standard template

Your HTML content here

4. What is Navigation Menu in Website1. A website navigation menu is the place on each page where links to other pages on your website are displayed. Click a topic below to learn more about your navigation menu.2. Add a new page to a website navigation menu3. Delete a page from a website navigation menu4. Howto prevent a navigation menu from being displayed on aspecific page5. Change the order in which my pages appear on the site navigation menu6. How to prevent a page from being displayed on the website navigation menu7. Change the style and/or color of the Navigation Menu8. Change the tab names on the Navigation Menu9. Create drop down sub pages on the Navigation Menu10. Built your own Navigation Menu.

2. The navigation menu on a website is like a road sign on a street or a level directory in a shopping mall.You cannot reach your destination without first knowing where you are.Like in real life, navigation in web design is very important and plays a major role in a websites usability as well as in user experience.

Users wont find it confusing because they already have experience with menus like this.

5. Insert Background Colour

You can set the background color of your web page without using any graphics by simply using thebgcolorattribute in thetag. It is a good idea to always set the background color of your web page if you are using a background image just in case viewers have their browsers set to not display graphics. This is especially important if you have carefully matched your web page text color to contrast with your background image. In the absence of your background image and a background color definition, your text may become difficult to read and in some instances may disappear altogether. The syntax for setting the background color of your web page goes as follows:

1. Your background image should beseamlessotherwise it will look awkward and unattractive.2. Your background image should contain either mostly light or mostly dark colours to facilitate choosing an appropriate contrasting text color.3. Your web page text color and the general color of your background image must contrast enough to render readability.Seamlessness

When an image is seamless, its opposing edges match up and blend together such that when the image is tiled, the seams between the tiles are indistinguishable. Let's usemycoolpic.giffrom theprevious page in this tutorialto further illustrate.

6. Set page to CenterThe most common LCD monitors on the market today follow the wide-screen format. That wide ratio can play havoc with Web site designers and their layout of Web pages. However, with a little bit ofCascading Style Sheet(CSS) code, you can control your Web page design by centering it on any screen despite its horizontal to vertical ratio.1. Sample CSS Code

2. Centering Web Page Content

3. Finished product:

7 . Insert Last updated

1. You can use javascript, place this where you want the text to display (NOTE: If you are using a webpage editing program like frontpage, dreamweaver or similar you will need to be in source or code view for inserting this to work)Code:

2. the script tag should look like

also it is preferable to use the dom to insert content into the page, not document.write.

in the head:PHP Code:

onload=function(){document.getElementById("lastModified").innerHTML="Pagelastchanged"+document.lastModified.split("")[0];}

3. PHP Code:

varpcs=document.lastModified.split("")[0].split("/");vardate=pcs[1]+'/'+pcs[0]+'/'+pcs[2];onload=function(){document.getElementById("lastModified").innerHTML="Pagelastchanged"+date;}

8.Page Brake There are several strategies you can use to insert page breaks within an HTML document, thus ensuring that the printed document does not break over lines, graphics, etc. There are limitations, however, and these are listed below.1.Summary

1. auto2. Applies toblock-level elements in the normal flow of the root element. UA may also apply it to other elements like table-row elements.3. Inheritedno4. Mediavisual, paged5. Computed valueas specified6. Animatableno7. Canonical orderthe unique non-ambiguous order defined by the formal grammar

2.Syntax Formal syntax: auto | avoid page-break-inside: auto page-break-inside: avoid

page-break-inside: inherit

SpecificationsSpecificationStatusComment

CSS Paged Media Module Level3The definition of 'page-break-inside' in that specification.Working DraftAllows this property on more elements.

CSS Level2 (Revision1)The definition of 'page-break-inside' in that specification.RecommendationInitial definition.

9 . Create Marquee Text1

2

34

10 . How to Save and Run web1

2

3

4

ConclusionEspecially I want to thank you to Encik Syukri teching me and my friend About how to know website.