line
Sample Web pages
line

This section contains the following topics:


Novice: Using templates and materials

If this is the first time for you to create a Web page or to use Homepage Builder, use the templates and materials Homepage Builder supplies. Chapter 3 of this guide describes how to create Web pages in an hour.

arrow [Ref.] Chapter 3. Tutorial: Creating your Web pages in an hour

Templates

Templates for Web pages consist of an optimum combination of materials. You can replace these materials with others if you like.

If you combine these materials,
Background 1 Banner image 1
Header/footer image 1 Icon image 1

arrow

This framework for your Web page is automatically generated.
Web page for beginners

Materials

Homepage Builder offers various materials. See the following examples.

Background images
Background 2 Background 3 Background 4
Title images
Banner image 2 Banner image 3 Banner image 4
Header and footer

Header/footer image 2
Header/footer image 3
Header/footer image 4

Small images
Icon image 2 Icon image 3 Icon image 4



Intermediate: Learning about basics

arrow [Ref.] Chapter 4. Basic knowledge
Chapter 5. Editing text

Chapter 6. Creating tables
Chapter 7. Inserting images
Chapter 8. Setting links
Chapter 10. Creating materials

Once you have created a framework using templates or materials, enrich the content of your Web pages so that they are brimming with your own creativity.

Content is crucial to Web pages

Content is the crucial element in Web pages. Express on your Web pages something you have long thought, something you want other people to know, or ideas that no one else has hit upon. Homepage Builder will be your partner.

See this example. The author of this Web page used the Gardening template to make a framework and then enriched its content.
Gardening Diary page
arrow [Ref.] Entering text
Inserting a heading
Inserting a horizontal rule
Creating a table
Inserting an image
Creating a list
Setting a link


Types of headings

The following six types of headings are available. arrow[Ref.] Inserting a heading

headings 1 to 6

Types of lists

The following three types of lists are available.arrow[Ref.] Creating a list

Bulleted list Display example of an unnumbered list
Ordered list Display example of an numbered list
Definition list Display example of a list
with an explanation


Creating your original materials

You can create lettered buttons and decorate photos with frames using the WebArt Designer accessory tool. arrow[Ref.] Chapter 10. Creating materials

Example of lettered buttons Example of a button with lettering 1

Example of a button with lettering 2
Example of photos with frames Example of a photograph with
a photo frame 1

Example of a photograph with
a photo frame 2



Advanced: Using the latest technology

arrow [Ref.] Chapter 9. Designing Web pages using style sheets
Chapter 11. Advanced techniques


Homepage Builder is compatible with such recent technologies as style sheets, dynamic HTML, and so on.

Note Note Web pages using the latest technology can be viewed only on Web browsers that are compatible with that technology.


Sample Web page that uses various techniques


Dividing a window, embedding sound or a Java applet, or inserting an access counter makes your Web page impressive.

See this example. The author of this Web page used the Gardening template to make a framework, enriched its content, and then used various techniques to make the Web page impressive.
Beautiful English Rose page
arrow [Ref.] Dividing a Web browser window
Setting multiple links on a single image
Customizing a Java applet
Embedding a plug-in object
Receiving readers' responses
Editing a script program


Forms (questionnaires, order forms, and so on)

You can make questionnaires or order forms using the form function. arrow [Ref.] Creating a form

form

Dynamic HTML


Homepage Builder offers sample dynamic HTML. arrow [Ref.] Using dynamic HTML

A page using dynamic HTML

Style sheets

The combination of HTML and style sheets can make your Web pages beautiful.arrow [Refer to] Chapter 9. Designing Web pages using style sheets

The following two Web pages look different, but both of them use the same HTML file. The first page does not use a style sheet, whereas the second one uses a style sheet to change layout, color, and font.

This is an example of a Web page that does not use a style sheet:
Web pages where style sheets are not used

arrow

This is an example of the same Web page using a style sheet:
Web pages where style sheets are used