| Creating A Web Page | | Print | |
How To Create A Web Page - A Quick Tutorial
how to view html source of a page
Before we start, let us do a quick exercise. While viewing this page with your browser, click on the view menu on top. You will see a "source" or "page source" option under the view menu - click on it. A new window will pop up and you will see somthing like this:
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" />
<title>
How To Create A Web Page.
</title>.....
how to view html source of a page
Before we start, let us do a quick exercise. While viewing this page with your browser, click on the view menu on top. You will see a "source" or "page source" option under the view menu - click on it. A new window will pop up and you will see somthing like this:
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" />
<title>
How To Create A Web Page.
</title>.....
You are now looking at the HTML code of the web page. You browser actually convert the codes and display it in human readable form for you. Creating a webpage can be hard or easy. If you want the codes in your web page to be clean and optimized for search engines, you need to be able to hand-code HTML. If you are not bothered with the codes and want to create a webpage quickly, you can use a WYSIWYG (What You See Is What You Get) program like microsoft word, excel, frontpage, dreamweaver ...etc. There are pros and cons for each method. The later method, though can help you to create a web page easily, produces alot of junk codes which may result in unpredictable results in different browsers.
Learning HTML can be a slow process if you are new to internet programming. At the time of writing, HTML forms the foundation of another widely accepted web standard known as XHTML.
XHTML And CSS
XHTML and CSS are the technologies you want to use to create a website compliant to the web standards. You need to know them if you want to be a professional web designer. As we are assuming that you are new to the web, we do not want to confuse you with the technicalities of XHTML and CSS. The 2 links below are good resource for XHTML and CSS if you wish to find out more about them:
A good XHTML resource is http://www.w3schools.com/xhtml/
A good CSS resource is http://www.w3schools.com/css/
The focus of this tutorial is to come up with a working website in the shortest possible time, so we will use the simplest method to create the webpages, ie using a web template. If you do not want to go through this quick tutorial of creating your own web pages from a template, feel free to jump to the next step: Uploading your files to the server.
Learning HTML can be a slow process if you are new to internet programming. At the time of writing, HTML forms the foundation of another widely accepted web standard known as XHTML.
XHTML And CSS
XHTML and CSS are the technologies you want to use to create a website compliant to the web standards. You need to know them if you want to be a professional web designer. As we are assuming that you are new to the web, we do not want to confuse you with the technicalities of XHTML and CSS. The 2 links below are good resource for XHTML and CSS if you wish to find out more about them:
A good XHTML resource is http://www.w3schools.com/xhtml/
A good CSS resource is http://www.w3schools.com/css/
The focus of this tutorial is to come up with a working website in the shortest possible time, so we will use the simplest method to create the webpages, ie using a web template. If you do not want to go through this quick tutorial of creating your own web pages from a template, feel free to jump to the next step: Uploading your files to the server.
This entry was posted on . You can follow any responses to this entry through the RSS 2.0 feed. You can leave a comment.
Tags: Website Building, Website template, free templates, buy templates.
| Users' Comments (0) |
|
No comment posted
