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.