Hello World Page
Learning how to code HTML pages helps the Web business entrepreneur in at least two ways: first, the skill can be used to create a Web site and, second, the knowledge can allow a Web site owner to supervise a Web developer. The Web Business Strategy college course started with a basic "Hello World" Web page written in the first class.
The tutorials rely on the best reference for HTML and related Web site coding available: W3 Schools. If you follow these tutorials along with our sample pages you will gain the same skills as the students enrolled in the college course.
Goals
HTML Coding
Learn what source code is and create a basic Web page using a text editor.
Viewing HTML
View the page from your computer and/or upload the page to a server.
Steps
HTML Coding
- Pick any Web page and view the source code that renders the page
- Internet Explorer: View, Source
- Firefox: View, Page Source
- Opera: View, Source
- Safari: View, View Source
- View the source of the Hello World page
- Go over the topics in the W3 Schools HTML tutorial that deal with the code you see on the Hello World page (our sample pages follow the HTML tutorials in order)
- Modify the page to make it personal changing colors and font sizes
- Colors are expressed in hexadecimal: see HTML Colors
- Font sizes (the style that we use for now) can be 1, 2, 3, ... .
- For now we specify the "arial" font since the default font for browsers is Times Roman.
- Notice that the <body> statement has attributes of background color (#ffffff = white), default text color (#000000 = black) and, until we start using tables for layout, topmargin and leftmargin and that the colors of links—which are not used yet on the Web page—are left undefined.
- Notice that the business name and slogan are centered using the HTML code <div align="center"> before anything to be centered and </div> after.
Viewing HTML on Your Computer
- Open Notepad or any text editor.
- "Copy" the HTML code from the Hello World page (write the code line by line).
- Save the file as hello_world.htm in a subdirectory.
- Rename your home page index.htm.
- Open the file in your browser (in Internet Explorer, File, Open, Browse to the subdirectory where you saved the file, Open).
Viewing HTML on a Server
- If you have access to a server (perhaps through your Internet Service Provider), you can upload your Hello World page to the server using File Transfer Protocol (FTP).
- Try the free SmartFTP program.
- Open your Web page as you would any other Web page.
Accomplishment
You have created your first Web page.