WEB PAGE DESIGN FOR CHIARVELLE PIZZA Open Notepad Click on Start Point to Accessories Point to Notepad Click Notepad Click the Maximize button Click Edit Click Wordwrap

Type Press ENTER Type Chiarvalle Pizza Home Page Press ENTER

Type <META name=“description” content = “Chiarvalle Pizza is a family owned Italian Restaurant specializing in original Italian pizza recipes.”>

Type Press ENTER

Type Press the ENTER key twice Type Press the ENTER key Type

Heading server to separate text and introduce new topics Web pages. The sizes range from: through With H1 being the largest

One method of maintaining a consistent look to your Web site is to use the same sized heading for the Same level of topic. Six sizes of heading tags are used when entering headings.The tag is used for the main heading on a Web page because it is the largest sized heading. The main heading may contain the name of a business, or school, or the main idea of that Web page.

Click the blank line below type Chiarvelle Pizza Press ENTER

Web pages generally contain a significant amount of text, most of which will be in paragraph format. The tag Is one of the few tags that did not originally have a Corresponding ending tag. Newer versions of HTML Have added a tag. When the browser finds a tag, it starts a new line and adds some additional vertical space between the line that it just displayed and the following line. This gives enough of a break in the text to indicate that there is a new paragraph. It is not a good idea to type large sections of text without having paragraph breaks.

Peform the following step to enter text in paragraph Format in your Web page: Type Chiarvelle Pizza has been in business for the Past 50 years. We specialize in unique pizzas and other Italian dishes. Located on Main Street, Chiarvalle Pizza is proud to be on the city’s “Ten Best Restaurants” list for the past seven years. Call for Reservations or orders today! Press ENTER

Another tag that is used to break text is the tag. This tag breaks a line of text exactly at the point at which the displays. As soon as the browser encounters a tag, it starts a new line with the text that follows the tag. We will use this tag in late lessons.

CREATING A LIST Lists structure your text in an outline format, which helps itemize information. Lists can be of two types: Unordered lists – also known as bulleted lists. Ordered lists – also known as numbered lists. The and tags must be at the beginning and end of an unordered or bulleted list. The and tags are used at the beginning and End of an ordered or numbered list.

The format without a tag chosen is or. To change the default bullet or number type, you use the TYPE attribute within the or tags. The tag would be or where the selected type is found within the quotes e.g.

The and tags define a list item within both ordered and unordered lists. After you have defined the type of list you want (ordered or unordered), you then will precede each list item using the tag and end each list item with the tag. Each item in the list must have the tag In front of it and the tag at the end.

Type Our services include: Press ENTER Type Press ENTER

Type A 100 seating capacity restaurant Press ENTER Type Take out orders Press ENTER Type Delivery services at no charges Press ENTER

Type as the tag Lists are useful for information that is not suited in Paragraph format. If you have a list of steps or items, it is appropriate to use a bulleted list or an ordered list.

You now will view the Web page in your browser to see what the Web page looks like up to this point. It is a good idea to view the Web page periodically as you develop it so you can see the effect of the HTML tags on the text. If you continue developing without ever viewing the page, you could be using tags that do not give the desired effect. In order to view your Web page in your browser, you first must save the HTML file.

Saving the HTML file : Saving the HTML file is necessary so the corresponding Web page can be displayed using a browser. HTML files Must end with an extension of.htm or.html. For the projects in this class you will always use.htm Generally, the home page of a Web site is called index.html or index.htm. Many service providers default to this name when selecting the first page of a Web site to display.

Click File on the menu bar and point to Save As Navigate to My Documents in the Save In box Type page1.htm in the file name text box Click Save

Using a Browser to View a Web Page After you have saved the HTML file, you can Use the browser to view your Web page. The HTML file displays in the browser just as it Would if the file was published to the Web.

To Start Your Browser Click the Start Button on the taskbar Point to Programs on the Start menu Point to Internet Explorer on the Programs menu Point to Internet Explorer on the browser submenu Click Internet Explorer Click the Maximize button

To Open a Web Page in Your Browser A browser allows you to open a file located on your PC and have full browsing capabilities. It gives you The same look and feel as if you actually had Published your Web pages to a Web server or the Internet.

Click the Address Bar The Current URL is highlighted in the Address bar Type c:\page1.htm in the Address text box Press the ENTER key The browser displays the Web page, page1.htm The Web page displays as it would if it had been Published to the Web. Viewing your Web pages Periodically during development will ensure that the Web pages will display in the manner you intend.

All the information between the AND tags now displays in the browser window. This is the body of the Web page. The heading, Chiarvalle Pizza, is larger because you Tagged it as whereas the heading, Our services Include; was tagged was and therefore smaller. Your paragraph of text displays in the normal font size Because you did not specify otherwise. You did not specify the type of bullet you wanted in the Bulleted list, so the default was used,