Web Developer

Hyperlinks. By itself, a single site can only do so much. The real magic begins when you commit a lot of pages that share links. Chapter 8 introduces The flexible hyperlink, which allows guests to move your site. • extras needed. Once you master the basic principles of web pages and websites there is a lot more territory to conquer. You can get your site listed in a search engine (Chapter 11), establish their own community forum you (Chapter 12) and even sell material (Chapter 14). Still hungry for more, why not create interactive code pages with JavaScript (Chapter 15), draw a popup menu (Chapter 16); and add sound and video (Chapter 17)? All these features get beyond the basics web design and put you on your way to becoming a true expert web. 19 Chapter 2 Create your first page W eb page is the basic unit of a web site and any site is a collection of one or more pages. The ideal site contains enough information to fill the width of a browser window, but not so that readers must scroll from morning till noon to get to the bottom of the page. In other words, the perfect page strikes a balance: It avoids the lonely feeling caused by too much empty space, and such as stress caused by an avalanche of information. The best way to get a handle on what a website should have is to see your favorite sites. A site such as news www.nytimes.com show all news articles for a separate page (and most stories divided into several pages.) In an e-commerce store such as www.amazon.com, each product has its own page. Similarly, a personal website as www.MyUndyingLoveForPigTrotters.com could be divided into sites with titles like “About Me”, “Holiday Pictures” and “Top-secret recipes Parts of the Pig ». For now, do not worry too much about how to divide your web pages; I revisit this task in Chapter 8 when you start linking pages together. Instead, we The first objective is to understand how a basic website works and how to create a your own. This is what we do in this chapter. On the road, you will learn the basic details of the most important standards in website design: HTML. Introducing HTML: The language of the Web The pages written in HTML (Hypertext Markup Language). No matter if your page contains a series of text-only entries blog, a dozen photos Your pet lemur, or a severe scenario-DDS is that if you’re looking at in a browser, a page is HTML. 20 creating a website: the missing manual Introducing HTML: The Language Web HTML plays a key role in web pages: It tells browsers how to display the contents of a Web page using special instructions (called tags) that instruct the browser when to start a paragraph, an italicized word, or to display an image. To create your own web pages, must learn to use this family of labels. HTML is such an important standard that will spend a good part of this book digging the features, ornamentation, and shortcomings. Each building site along the way will be a bona fide document HTML. Note: The HTML template doesn ‘have anything to do with how a web browser retrieves a page on the Web. This task is left to HTTP (Hypertext Transport Protocol), the low-level communication system that allows two computers to exchange data via the Internet. If you were to apply the analogy of a telephone conversation, the telephone line HTTP, and juicy gossip tidbits you exchange with Aunt Martha documents HTML. Cracking Open an HTML file Within an HTML page is actually nothing more than a simple-vanilla text file. This means that each page consists entirely of letters, numbers and some special characters (including spaces, punctuation, and anything else you can find the your keyboard). An HTML file is completely different from what you find if you cracked open a standard binary file on your computer. A binary file contains original computer language series 0s and 1s. If another program is foolish enough to try to convert This binary information to text, you end up with gibberish. To understand the difference between a text file and a binary file, take a look Figure 2-1, which looks a traditional paper (one file. Doc) Word under the microscope. Compare this with what you see in Figure 2-2, which dissects a HTML document with the same content.