How to Make a Web Page


A webpage is a document that is written in either XHTML or HTML syntax which is used to defined the view of the page to a web browser. Web pages may include images, multimedia files, and links to other web pages or resources on the Internet or local file system. In recent years, web pages have evolved to be dynamically generated through web server scripting using information based on the web site visitor. For new web authors, learning how to make a web page using HTML tags in a texteditor is a necessary first step before progressing to make advanced pages using advanced Web page editors.

STEPS TO MAKE A BASIC WEB PAGE

Step 1 – Open the text editor on your computer. For Windows users, the “Notepad” application can be opened by selecting the “Start,” “Program Files,” “Accessories” and clicking the “Notepad” program icon.
Step 2 – Save the file with a “.html” extension through the “Save As” file menu utility with a name like “MyTestPage.html.”
Step 3 – Enter an opening and closing “HTML” tag in the document. These tags declare the document to be a web page to a web browser and are required entries in any web document.how to make a web page How to Make a Web Page
<html>
</html>
Step 4 – Now, enter the web page document “head” with an opening and closing tag. In the document “head” the page “title” is entered and for more advanced web page authoring, JAVASCRIPT declarations can be included in this part of the document. The head and title tags should be entered in between the “HTML” tags defined in step 3.
<head>
<title>My First Web Page </title>
</head>
Step 5 – Define the web page body which will include the text displayed on the web page along with any imagery or multimedia files you want to include in the document. The body tag definitions should be included after the “head” tags but before the closing “HTML” tag definition in the web page document.
<body>
My First Web Page!
</body>
Step 6 – Save the file as a “HTML” file by selecting “File” and “Save As” in Notepad. Click the “All Files (*.*) menu option and enter the file name in quotations followed by the “Save” button. After saving the file, double-click the file icon to automatically launch the file in your computer's web browser. The complete web document should look similar to:
<HTML>
<HEAD>
<title>My First Web Page </title>
</HEAD>
<body>
My First Web Page!
</body>
</HTML>

ADDING IMAGES AND LINKS TO YOUR WEB PAGE

One of the most powerful features of a Web Page is the ability to provide a hyperlink to another web resource or page as well as display imagery or other multimedia files to the end-user. Using the example defined above, the basic hyperlink and imagery display syntax will be included in the example.
Step 1 – Open the previous example in your computer's text editor.
Step 2 – Select a web page to hyper link to from your document and load in your computer's web browser. Once you have the page loaded, select the URL in your Web Browser's tool bar and press the “CTRL” and “C” keys simultaneously to copy the link. Then, paste the link in between the “body” tags of the web page in your computer's text editor by selecting the “Edit” and “Paste” menu buttons.
Step 3 – Enter the following tags in the web document.
<a href=”http://www.topbits.com”> </a>
The link in between the quotations after the “href” tag will be the web page to link to from your web document.

Step 4 – Enter anchor text in between the “>” and “<” symbols in step three. This text will be highlighted to link to the web page provided in the “a href” definition.
Step 5 – Add an image to your web page that is stored on the Internet or your local computer for this example. To add an image to the example included in this file, the “img” tag will be used.
Enter the following tag definition after the code entered in the previous four steps for including a hyperlink in the web page.
<IMG SRC=”http://your image”>
Step 6 – Save the file and double-click the file icon on your computer to view in your Web Browser. The following information will then be displayed:
Your test text,
Hyperlinked text
and Test Image
After you become comfortable with manually editing web pages, you will be able to move along to using web page editors to make more advanced web documents for use on the Internet.









<a href="http://www.freesubmit-directory.com/">Free Submit Directory</a>

No comments:

Post a Comment