meraurl.com

Let’s recall some of the HTML Editors that are used to create and design website. These are

* Microsoft Frontpage
* Macromedia Dreamer
* Coffeecup HTML Editor
* Serif WebPlus
* Microsoft Publisher
* Nvu

So, first let’s discuss on Microsoft Frontpage which is very simple and easy to use to create websites.

It has already earlier been mentioned that with FrontPage, you can work just like you use to work in Microsoft Word
Application.

Let’s first create a home page. The home page is the front door to your Web site. You may put greeting message for
your visitors alongwith subject matter or message which you want to give to the visitors of your website so that they
can continue to proceed further while surfing the website. The home page should contain links to the other pages of
your website.

Click Start and under program, you may find Microsoft Office which would show Microsoft Frontpage.

There you will find blank page.

1. On the blank page in Page view, type Welcome to my Web site! and then press ENTER.

Just like in a word processor, pressing ENTER puts the cursor on a new line.

2. Next, type the sentence "meraURL.com is the only FREE Webhosting Service that is most reliable."
3. Press ENTER.

Similarly, you may enter your desired content on this home webpage.

If you have made your content on MS-Word, you can also use your existing word documents directly onto your Web
pages without having to retype anything.

Next, you can add a picture in the current page. The Pictures can be scanned photographs, drawings, or computer
graphics created in a drawing or image-editing program.

To insert a picture on the home page

1. On the Insert menu, point to Picture, and then click From File.

FrontPage displays the Picture dialog box. Because you are editing a page that isn't part of a Web site yet,
FrontPage also opens the Select File dialog box, which lets you choose a picture to insert from your local file system.

2. In the Select File dialog box, navigate to the folder named Program Files\Microsoft Office\Office\Tutorial by
double-clicking each folder in this path until the Look in box displays the Tutorial folder.

In the Tutorial folder, several files will be displayed. By default, FrontPage searches for picture files.

3. Click the file named mywebsite, and then click OK.
4. Press ENTER to create a new line.

Just like other websites, you can also make your picture or image clickable which on click may reach to your desired
web page. To make a picture or a word "clickable," it must have a hyperlink associated with it.

A hyperlink is a pointer from text or from a picture to another page or file on the World Wide Web. On the World Wide
Web, hyperlinks are the primary way to navigate between pages and Web sites.

To put a hyperlink on your image or picture.

1. On the home page, click on the image or picture which you have recently inserted on the home page.

When a picture is selected, it is shown with file handles —eight small squares around the outline of the picture. These
can be used to resize a picture or change its appearance. When a picture is selected, FrontPage also displays the
Pictures toolbar below Page view. The Pictures toolbar provides picture editing and formatting tools, which you'll learn
about later.

2. On the Insert menu, click Hyperlink.

FrontPage displays the Create Hyperlink dialog box. Here, you specify the target of the hyperlink you are creating.
This can be a page or a file in your Web site, on your local file system, on a Web server, or on another site on the
World Wide Web.

When site visitors click the button in a Web browser, they will be taken to the right place.

3. In the URL box, type the full path of that web page which you want to be reached when the above image is clicked.

URL is an acronym for Uniform Resource Locator. It is the technical term for what's commonly known as an "Internet
address" or "Web site address." A URL specifies the unique location of a file or a collection of files on the World Wide
Web.

4. Click OK to finish creating the hyperlink.

Similarly, you can create hyperlinks for texts also.

You can quickly check the existence of a hyperlink from a picture by moving the mouse pointer over the picture. If a
hyperlink is present, FrontPage displays the URL the hyperlink points to on the status bar.

Formatting of your webpage is similar to what you do in MS-Word formatting.

To save the current page

1. On the File menu, click Save As.

FrontPage displays the Save As dialog box. Here, you can specify the location for the current page, and review or
change the page title, the file name, and the file type.

2. In the Save As dialog box, click the My Documents icon on the vertical Places bar.

The contents of your My Documents folder is displayed. If no files are displayed in the file list, then you currently do
not have any other Web pages stored here.

3. Next to the Page title field, click the Change button.

FrontPage displays the Set Page Title dialog box. Here, the default page title is based on the first line of text on the
current page. A title identifies the contents of a page when it is displayed in a Web browser. For this tutorial, you'll
change the page title to something more descriptive.

4. In the Set Page title box, type My Website - Home Page and then click OK.

In the Save As dialog box, the default file name is based on the first line of text on the current page. For this tutorial,
change the file name to something more descriptive.

5. In the File name box, change the suggested text to homepage, and then click Save.

Page View Options

While creating the home page, you've worked exclusively in normal Page view, but there are three different ways you
can choose to look at the current page.

To display HTML tags on the current page

* In Page view, click Reveal Tags on the View menu.

FrontPage displays graphical representations of standard HTML tags for the current page. This display is useful for
people who want to know where HTML tags are placed while they design their pages.

* To hide the tags, click Reveal Tags on the View menu a second time.

To display the HTML of the current page

* In Page view, click the HTML tab at the bottom of the page.

This is the HTML code that FrontPage has created so far while you were designing the home page. Web browsers
decode these instructions to display the page. The HTML tab in Page view is intended for experienced Web
developers and page designers who want to customize the HTML that FrontPage creates.

If you want to set your preferences for the way FrontPage will generate HTML code, click Page Options on the Tools
menu, and then click the HTML Source tab. If you're not experienced in HTML, you don't need to make any changes
here. Click Cancel to close the Page Options dialog box.

* Click the Normal tab at the bottom of the page to return to normal Page view.

Using menu commands and toolbars on the HTML tab

While working in the HTML tab, you can use many menu commands and toolbar buttons just like in normal Page
view.

How can I preview my page?

* In Page view, click the Preview tab at the bottom of the page.

Note If you do not have Microsoft Internet Explorer installed on your computer, the Preview tab will not be displayed,
and you will not be able to preview your pages this way.

Looking at your page on the Preview tab is a quick and convenient way to see how certain elements—including
animations, movie clips, tables, and lists—will appear in a Web browser.

When you preview the home page you've created, you can see what the animation at the top of the page looks like.
Each of the four digits rotates into place one by one, until the number 2000 is displayed. The color and edges of the
four digits will look great against a dark background, which you will add in the next lesson.

Click the Normal tab at the bottom of the page to return to normal Page view once again.