Set up a Web Page Set up a Web Page
Total Page:16
File Type:pdf, Size:1020Kb
HTML WEB PAGE BASICS 2 If the text you type for your Web page scrolls off Visual editors such as Microsoft FrontPage and the screen in your text editor or word processor, HoTMetaL PRO allow you to create Web pages you can have the program wrap the text to fit on without having to enter HTML tags. Visual SET UP A WEB PAGE the screen. To wrap text in Microsoft WordPad, editors enter the tags for you as you create a select the View menu and then click Options. In Web page. Microsoft FrontPage is available at the Options dialog box, click the Wrap to window the www.microsoft.com/frontpage Web site any people create Web pages using the appearance of the text. HTML tags provide option ( changes to ). and HoTMetaL PRO is available at the a text editor or word processor. instructions for formatting and structuring www.softquad.com Web site. Popular text editors include Notepad a Web page. M HTML editors such as BBEdit and HomeSite for Windows and SimpleText for Macintosh. After entering the text for the Web page, save are also useful for creating Web pages. These Microsoft WordPad, Microsoft Word and programs offer menus and toolbars that help Corel WordPerfect are popular word processors. the Web page as a text document and specify you add HTML tags to a Web page. BBEdit a name for the Web page with the .html or .htm is available at the www.barebones.com Web site To set up a Web page, first enter the text you extension. A Web page name can contain letters and HomeSite is available at the www.allaire.com want to appear on the Web page. Do not and numbers, but no spaces. The main Web Web site. format the text using your text editor or word page, or home page, in a Web site is usually processor. You must add HTML tags to change named index.html. SET UP A WEB PAGE Fruit and Flowers, Inc. Fruit and Flowers, Inc. Fruit and Flowers, Inc. Fruit and Flowers, Inc. No garden? No problem! No garden? No problem! No garden? No problem! No garden? No problem! Our special, patented fertilizer lets you grow lush flowers and healthy fruit INDOORS! Our special, patented fertilizer lets you grow lush flowers and healthy fruit INDOORS! Our special, patented fertilizer lets you grow lush flowers and healthy fruit INDOORS! Our special, patented fertilizer lets you grow lush flowers and healthy fruit INDOORS! Grow beautiful, exotic flowers and impress your friends! Grow beautiful, exotic flowers and impress your friends! Grow beautiful, exotic flowers and impress your friends! Grow beautiful, exotic flowers and impress your friends! Grow your own fruit and save on your grocery bills! Grow your own fruit and save on your grocery bills! Grow your own fruit and save on your grocery bills! Grow your own fruit and save on your grocery bills! Our fruit selection includes: Our fruit selection includes: Our fruit selection includes: Our fruit selection includes: Popular berries such as strawberries, raspberries and blueberries. Popular berries such as strawberries, raspberries and blueberries. Popular berries such as strawberries, raspberries and blueberries. Popular berries such as strawberries, raspberries and blueberries. Exotic fruit such as mangos, papayas and kiwis. Exotic fruit such as mangos, papayas and kiwis. Exotic fruit such as mangos, papayas and kiwis. Exotic fruit such as mangos, papayas and kiwis. Our flower selection includes: Our flower selection includes: Our flower selection includes: Our flower selection includes: Seasonal plants such as poinsettias, holly and mistletoe. Seasonal plants such as poinsettias, holly and mistletoe. Seasonal plants such as poinsettias, holly and mistletoe. Seasonal plants such as poinsettias, holly and mistletoe. Tropical flowers such as orchids, birds of paradise and yellow jasmine. Tropical flowers such as orchids, birds of paradise and yellow jasmine. Tropical flowers such as orchids, birds of paradise and yellow jasmine. Tropical flowers such as orchids, birds of paradise and yellow jasmine. Text Document ⁄ Start the word processor ‹ Click to save › Type a name for the Web Note: A Web page name can ˇ Click this area to list ‡ Click Save. I A dialog box appears, ° Click Yes to save or text editor you want to the Web page. page. Make sure you add contain letters and numbers, the ways you can save stating that all formatting the Web page. use to create a Web page. the .html or .htm extension but no spaces. The home page the Web page. will be removed from the I The Save As dialog In this example, we started to the Web page name. is usually named index.html. Web page. Microsoft WordPad. box appears. Á Click Text Document. I This area shows ¤ Type the text you want the location where the to appear on the Web page. program will store the CONTINUED Web page. You can click this area to change the 10 location. 11 HTML WEB PAGE BASICS 2 SET UP A WEB PAGE (CONTINUED) The HTML standard also includes the Choose the title for your Web page carefully <!DOCTYPE> tag, which you can use to since search tools will use the title to catalog provide Web browsers with information about the Web page. A search tool is a Web site here are some basic HTML tags The <TITLE> tag appears in the head the HTML version you are using. For example, that helps people quickly find information you should add to every Web page section of your Web page. This tag allows type <!DOCTYPE HTML PUBLIC "-//W3C// on the Web. When users enter words in a you create. you to give your Web page a descriptive DTD HTML 4.0 Transitional//EN"> before the search tool, your Web page will be more likely T <HTML> tag on your Web page to indicate to appear in the search results if the words title. Every Web page you create must have that you are using HTML version 4.0. Many match your Web page title. Popular search The <HTML> tag should appear at the a title. Titles usually appear in the title bar top of every Web page you create. This people choose not to use the <!DOCTYPE> tools include Infoseek (www.infoseek.com) of a Web browser window. A Web page title tag since Web browsers do not require the tag. and Yahoo! (www.yahoo.com). tag identifies your document as a Web should contain only letters and numbers. page containing HTML code. To save time when creating Web pages, create The <BODY> tag identifies the body section The <HEAD> tag should appear directly a document that contains only the <HTML>, of your Web page. This section contains <HEAD> <TITLE> <BODY> below the <HTML> tag. The <HEAD> tag , and tags and then the content of your Web page, including use this document as a template each time identifies the head section of your Web the text, images, tables and other elements you create a Web page. page, which contains information about you want users to see when they visit your the Web page, such as the title. Web page. SET UP A WEB PAGE (CONTINUED) <HTML> <HTML> <HTML> <HTML> <HEAD> <HEAD> <HEAD> Fruit and Flowers, Inc. <TITLE> Fruit and Flowers Inc </TITLE> <TITLE>Fruit and Flowers Inc</TITLE> No garden? No problem! </HEAD> </HEAD> </HEAD> Our special, patented fertilizer lets you grow lush flowers and healthy fruit <BODY> INDOORS! Fruit and Flowers, Inc. Fruit and Flowers, Inc. Grow beautiful, exotic flowers and impress your friends! No garden? No problem! No garden? No problem! Fruit and Flowers, Inc. Grow your own fruit and save on your grocery bills! Our special, patented fertilizer lets you grow lush flowers and healthy fruit Our special, patented fertilizer lets you grow lush flowers and healthy fruit No garden? No problem! Our fruit selection includes: INDOORS! INDOORS! Our special, patented fertilizer lets you grow lush flowers and healthy fruit Popular berries such as strawberries, raspberries and blueberries. Grow beautiful, exotic flowers and impress your friends! Grow beautiful, exotic flowers and impress your friends! INDOORS! Exotic fruit such as mangos, papayas and kiwis. Grow your own fruit and save on your grocery bills! Grow your own fruit and save on your grocery bills! Grow beautiful, exotic flowers and impress your friends! Our flower selection includes: Our fruit selection includes: Our fruit selection includes: Grow your own fruit and save on your grocery bills! Seasonal plants such as poinsettias, holly and mistletoe. Popular berries such as strawberries, raspberries and blueberries. Popular berries such as strawberries, raspberries and blueberries. Our fruit selection includes: Tropical flowers such as orchids, birds of paradise and yellow jasmine. Exotic fruit such as mangos, papayas and kiwis. Exotic fruit such as mangos, papayas and kiwis. Popular berries such as strawberries, raspberries and blueberries. Our flower selection includes: Our flower selection includes: Exotic fruit such as mangos, papayas and kiwis. </HTML> Seasonal plants such as poinsettias, holly and mistletoe. Seasonal plants such as poinsettias, holly and mistletoe. Our flower selection includes: Tropical flowers such as orchids, birds of paradise and yellow jasmine. Tropical flowers such as orchids, birds of paradise and yellow jasmine. Seasonal plants such as poinsettias, holly and mistletoe. Tropical flowers such as orchids, birds of paradise and yellow jasmine. </HTML> </HTML> </BODY> </HTML> HTML TAGS ¤ Type </HTML> after all HEAD TAGS ¤ Press Enter twice. TITLE TAGS ¤ Type the title of the BODY TAGS ¤ Type </BODY> directly the text on the Web page. Web page, using only above the </HTML> tag. ⁄ Type <HTML> before ⁄ Type <HEAD> directly ⁄ Type <TITLE> directly ⁄ Type <BODY> directly ‹ Type </HEAD>. letters and numbers. all the text on the Web Note: Although the <HTML> and below the <HTML> tag.