How To Create a Website
Three Approaches Buy software package that will assist you in building your website. Build the website yourself. Hire someone to build your site for you.
Option 1 Custom web page design can cost per hour or more. Contracting a web page designer means you loose a measure of control over the content and design of the site. This option should be the last resort.
Software Software Netscape Composer Microsoft FrontPage Adobe PageMill Claris Home Page
Build Yourself Internet account capable of supporting a website. FTP software to transfer your website from the computer to the internet account. Text editor Web browser to view your creation.
Step 1: Content Decide on the content of website. WWWWhat information do I want on this site? WWWWhat do I want it to look like? HHHHow professional does it need to be?
Step 2: Open Your Text Editor Double click on your text editor and if it does not have a new file open already and then choose File/New from menu bar.
Step 3: The Basics HTML files need to have the following two tag: A tag indicates the specifications applied to the following text, similar to style sheet tags in word processing and page layout programs. Tags in HTML are bracketed as follows:
Step 4: Title and Basic Text Add the following to your text. 1)A dd this between your <html>and <body> tags: a)< head><title>This is my first webpage</title></head> b)T his demonstrates an important point: tags within HTML can be nested, one inside the other. For example,,head.<title>,/head>,title> is not valid HTML; you must close the title before you close the head. c)T he <head>tag is used to place information in the heading of your browser and <title> is used to place a title in the heading of the browser.
Step 4: Title and Basic Text 2)A dd this between your <body> and </body> tabs: a) < h1>Hello</h1><h2>welcome<h2><h3> to my first website</h3><font size=2>How do</font><font size =4>you like</font><font size=7>it?</font> b) < hx></hx>stands for heading and can be between 1-6 in size. The tag <font size=x></font> is an adjustable font between 1 and 7.
Step 4: Title and Basic Text 3)O pen your browser and choose File/Open File in navigator or File/Open in Internet Explorer and choose “howto.html.” You should have something that looks like this illistration.
Step 5: Breaks lines and Images 1)Lets add a simple break and an Image. A. The tag does not need a closing tag. The creates a line on the screen and positions the curser below the line. a) The is typically used to denote a new section or signify some sort of major change. B. The code img stands for Image, and src stands for source. b) The source can be from other directories or websites (make sure you have permission to link to the image or use it).
Step 6: Links Finally, we will add both a link to another web site and an link. Here is the generic formula for links: 1) link description seen on the webpage 1) link description seen on the webpage a) The tag stands for anchor and tells your browser you are creating a link. href=“location” gives the location of the web page you are creating the link to. b) The location must be sited as an URL (uniform resource locator-the exact location of an object on the internet, which in this case is the web page.
Step 6: Links 2. Add the following in your text editor below the image section: <hr> My links> My links> <hr. Send mail to author Send mail to author
Step 6: Links 3. Save your file again and open your browser again. Select File/Open to reopen howto.html, or if your browser was still on your page, just click the Reload or Refresh button. 4. These examples have been created to help u understand only a few of the HTML tags and what they can do. I hope that this has been a fun experience. Enjoy!