Presentation is loading. Please wait.

Presentation is loading. Please wait.

The Language of The Web. Web Server To make Web pages, you create files written in HTML and place them on a Web server The HTML in your web page tells.

Similar presentations


Presentation on theme: "The Language of The Web. Web Server To make Web pages, you create files written in HTML and place them on a Web server The HTML in your web page tells."— Presentation transcript:

1 The Language of The Web

2

3 Web Server To make Web pages, you create files written in HTML and place them on a Web server The HTML in your web page tells the web browser how to display the page Once you put your file on a Web server, any browser can retrieve it over the internet

4 The server is just a computer connected to the Internet waiting for requests from browsers Each server stores HTML files “I need the HTML file “Starbuz” Found it, here ya go

5 Funville Dance Welcome to Funville Dance Club Join us any evening for a night of fun, conversation, and maybe a game or two of Dance Dance Revolution Wireless access is always provided

6  An HTML document defines content and layout with tags  Tags – comprised of elements inside angle brackets  Indicate – The start and end of a set of instruction  Spaces – there should be no spaces in a tag

7  Join us any evening for a night of fun, conversation, and maybe a game or two of  Dance Revolution. Wireless access is always provided  The tag begins a paragraph  The ends the paragraph  The and Emphasizes the words in between

8  - tells the browser that what’s to follow is HTML  - title, information not displayed in the browser  - displayed in the title bar of the browser window – should be descriptive  the web content (text, graphics etc.)

9  The / indicates the end of an instruction

10  A Text Editor – Such as Note Pad  TO DO:  Start Button  Accessories ▪ Note Pad

11  You need to check what your web page looks like after you apply the tags You do this Through a Web Browser  TO DO  Navigate to your saved file in your folder,  Rt click on the file  Select Open With

12 Open Notepad and type the following:  Starbuzz Coffee Beverages  House Blend, $1.49  A smooth, mild blend of coffees from Mexico, Bolivia and Guatemala  Mocha Café Latte, $2.35  Espresso, steamed mild and chocolate syrup  Cappuccino, $1.89  A mixture of espresso, steamed milk and foam.  Chai Tea, $1.85  A spicy drink made with black tea, spices, milk and honey

13  File Save AS….  First create a “starbuzz” folder for all your Starbuzz related files  Click on the newly created “starbuz” folder  Now your are going to save your document IMPORTANT!!!!  Save as index.html  In the “Save as Type” select All Files ▪ ALWAYS SAVE THE FIRST PAGE OF YOUR WEB SITE AS INDEX.HTML

14  Open your file in the Browser Window TO DO: 1. Navigate to the Starbuzz folder 2. Click on the file with the IE symbol  Success!!!  Although the results are a little…uh..unsatisfying.  That is because all you’ve done so far is go through the mechanics of creating a page and typing only content of the web page  WHAT DO WE HAVE TO DO?

15  You Mark up your text with TAGS! TAGS  Give your page structure  Enhance your text

16 Strbuzz Coffee Starbuzz Coffee Beverage House Blend, $1.49$ a smooth, mold blend of coffees from Mexico, Bolivia and Guatemala.

17 Mocha Café Latte, $2.35 Espresso, steamed mild and chocolate syrup. Cappuccino, $1.89 A mixture of espresso, steamed mild and foam.

18 Chi Tea, $1.85 A spicy drink made with black tea, spices, mild and honey.

19  Open your file in the Browser Window TO DO: 1. Navigate to the Starbuzz folder 2. Click on the file with the IE symbol  Success!!!  Although the results are a little…uh..unsatisfying.  That is because all you’ve done so far is go through the mechanics of creating a page and typing only content of the web page  WHAT DO WE HAVE TO DO?

20 ?


Download ppt "The Language of The Web. Web Server To make Web pages, you create files written in HTML and place them on a Web server The HTML in your web page tells."

Similar presentations


Ads by Google