P. 1
Building Web Page Tutorial

Building Web Page Tutorial

Views: 13|Likes:
Published by Dante Arcigal Jr

More info:

Published by: Dante Arcigal Jr on Oct 07, 2010
Copyright:Attribution Non-commercial

Availability:

Read on Scribd mobile: iPhone, iPad and Android.
download as PDF, TXT or read online from Scribd
See more
See less

05/12/2014

pdf

text

original

 
How to Build Your First Web Page
There are many tools available now to help you easily create and publish a Web page, butunderstanding the HTML language behind these tools can help make your Web design even moreeffective and compelling. Learn how to build your first Web page with HTML, and then post that pageon a Web site. Learn how to find the right tools, work with graphics and text to create a snappy, good-looking design, and avoid common pitfalls.
Lessons
Welcome to the Web1.Get started by exploring the Web -- what it is, how it works, and whichlanguages it speaks (like HTML, for instance). You'll learn about the essentialsof what you need to create a simple Web page, and which tools and softwarewill work best for you.The Nuts and Bolts of HTML2.In this lesson, you take a tour of the building blocks of HTML. The core part of the lesson examines syntax and attributes, document structure, and headingsand paragraphs. Those are weighty words for easy-to-use elements that makeup a Web page. Adding Links3.Hyperlinks are what help you move around on a single Web page, betweenWeb pages, and around the Internet. Learn about the three main types of links,how to add links and general navigation to your Web page, and how to maintainthem when something changes.Including Images and Multimedia4.Images and multimedia can turn a boring Web page into a place to visit timeand again. Overdoing it or selecting the wrong images or types of multimediacan leave a poor impression on your visitors. Learn how to add images andmultimedia that reflect your style and give your users the best experiencepossible.Changing the Look and Feel of Text5.Go beyond plain text using advanced text formatting to enhance your Webpage. This lesson covers text color, size, placement, and much more. You'llalso learn how different Web browsers display things differently, and learnabout accessibility issues for the visually challenged.Publishing Your Page6.Publishing your Web page is the final step. But there's a lot to do betweencompleting a Web page and getting it published for the world to see. In thislesson, you'll learn about finding an ISP, hosting your pages, space issues, and,finally, posting your Web page.
Welcome to the Web
Get started by exploring the Web -- what it is, how it works, and which languages it speaks (like HTML, for instance). You'll learn about the essentials of what you need to create a simple Web page, and which tools andsoftware will work best for you. 
Welcome to the Course
Welcome to this course. Because you're taking this course and reading this lesson,it's a safe assumption that you can get on the Web and move around with a certainadeptness. You most likely know how to access any given Web page using its Webaddress -- technically called a URL (Uniform Resource Locator) -- and how to clickhyperlinks and graphics to move from one page to another. In general, the Web is aseamless world; you often move from one Web site to another and may not knowyou've done so. If you want to add your Web page -- and eventually your Web site --to this virtually seamless environment, you need to understand a bit about theworkings behind the Web scenes.
Why Are You Here?
Consider your goalsfor taking this course.What are your hopesand expectations?What do you want your Web pages to sayabout you or your company? Take a few
 
What This Course Covers
This six-lesson course teaches you how to use HTML as the foundation for creatingand publishing simple but effective Web pages. Here's how the lessons break down:Lesson 1 explores the Web and how it works. Much of this lesson focuses on thetools you use to build Web pages -- text editors and Web editors.Lesson 2 takes you on a tour of HTML essentials, such as syntax, attributes,document structure, and headings and paragraphs.Lesson 3 is all about linking. You learn the differences between links, how to createthem, and best practices for maintaining them.Lesson 4 dives into images and multimedia. Want to add some pizzazz to your Web pages? You'll find out how easy it is to add audio, video, Flash files, and evena podcast to a Web page.Lesson 5 focuses on text style. You learn advanced formatting techniques for spiffing up plain text without overdoing it. You also learn some tips for making your Web page accessible to the visually impaired.Lesson 6 addresses publishing your Web page. You'll find out how to shop for anInternet service provider and hosting package, and how to get Web pages fromyour computer to the World Wide Web.Each lesson includes an assignment and a quiz. Be sure to complete these activities -- they're designed to reinforce lesson topics and put what you're learning into practice.You also have the Message Board available to you. Use it to ask questions or discusswhat you're learning in the course. By interacting on this forum, you can share your problems and questions with other students, and get tips and helpful suggestionsfrom those with a certain amount of Web page building experience.Now that you understand what to look forward to learning in this course, let's getstarted with the Lesson 1 topics. The next section covers clients and servers and howthey communicate on the Internet, and the role of HTML.moments to meet your instructor andclassmates on theMessage Board -- your virtual classroom --and let them know alittle about you. Seeyou there.Power Networking:How the Biz DoesBusinessGo behind the scenesand find out howsuccessful producersused marketing,advertising, brandbuilding, and more tobecome some of thetop names in theentertainment industryin the "Power Networking: How theBiz Does Business"webcast, sponsored byOPEN from AmericanExpress®. Join hostPeter Bart, Editor-In-Chief, Variety, onlinemoderators SusanSobbott and JohnJantsch, along withsuccessful producersSydney Pollack,Lawrence Bender andNancy Meyers as theyshare insights to helpgrow your business.Learn More!Just My BusinessInterviewiVillage and renownedbusiness journalist JJRamberg bring you the"Just My Business"interview series. In thisexciting series JJ willinterview emergingand experiencedentrepreneurs. You willget an inside scoop onwhat it’s like to ownyour own business aswell as great advice ongetting started.
 
Watch the Video! 
How Computers Communicate
Simply put, the Web is a gigantic network. What that means in non-geek speak is thatthere are, in the most general terms, two roles that a computer can play on the Web:client and server. Servers hold documents, images, sound files, and anything elsedeliverable over the network, and clients access those files.For example, when you type the URL http://www.yahoo.com/home.html into your Webbrowser, your browser is sending a request to the Yahoo! Web server -- identified ashttp://www.yahoo.com/ -- for a Web page called home.html. When the Web server receives your request for home.html, it looks to see if the Web page exists. If it does,the server sends a copy to you so you can view it in your browser. If the page doesn'texist, you receive an error message letting you know the browser can't find the pageyou asked for. This system of requests and responses is how Web clients and Webservers communicate with one another.The Web wouldn't work without clients and servers. Web documents are stored onservers all over the world, and clients can access each of these servers in the sameway regardless of where the client or server is actually located. This means you canrequest pages from servers in Sydney, Australia, and Van Horn, Texas, in exactly thesame way and receive responses from each server in exactly the same way. In theend, Web surfing is nothing more than a Web client -- a.k.a. a Web browser --requesting a series of Web pages from Web servers located all around the world.Even though the world is made up of all kinds of computers running all kinds of operating systems -- PCs, Macs, and Unix systems, to name just three -- clients andservers can be any kind of computer running any kind of operating system. You maysurf the Web with a Macintosh client, while the computer serving you a Web page is aPC running Windows. A Unix computer running Linux may serve the next Web pageyou view. The beauty of it all is that you, the user, don't know the difference. A Webpage is a Web page, no matter what kind of computer it lives on.Different kinds of computers don't usually play well together, and it takes a bit of  jumping through hoops to make them communicate. So why is it that the Web --which is made up of all kinds of computers -- works so seamlessly? It's simple, really. All of the clients and servers on the Web speak a common language called HTTP(Hypertext Transfer Protocol).
Common Ground
 A protocol is a set of rules two computers use to communicate with one another. Webbrowsers and Web servers both speak HTTP, which carefully defines how Web pagesare requested and received. As long as both the browser and the server speak HTTP,it doesn't really matter which operating system either is running. HTTP is the commonground that allows them to communicate.Web sites like Yahoo! and Microsoft that receive millions of hits a day actually use acollection of Web servers to respond to client requests. The Web clients may notnecessarily be running the same kind of operating system as the Web server they arerequesting Web pages from. Protocols fill the communications gap between differentkinds of computers and allow them to exchange Web pages simultaneously.
What This Means to You
You may be wondering why you should care about what goes on behind the scenesof the Web. As a Web surfer, you don't need to care, and in fact the Web is designed
The Common Themeof Hypertext
Did you notice that thelanguage for buildingWeb pages, HTML,and the protocol for exchanging them,HTTP, both begin with"HT"? The HT standsfor hypertext, becausethat's what Web pagesare: hypertextdocuments. Hypertextis simply text that youcan navigate throughin a non-linear wayusing navigation tools.You use the HypertextMarkup Language tobuild documents thatyou serve to Webbrowsers from Webservers using theHypertext Transfer Protocol.Make Mine a $MillionBusinessCo-founded by CountMe In for Women’sEconomicIndependence andOPEN from AmericanExpress®, thisorganization helpswomen entrepreneursbuild million-dollar companies. Each year,the group’s awardprogram presentswomen with money,mentoring, andmarketing support.Learn More!Just My BusinessInterviewiVillage and renowned

You're Reading a Free Preview

Download
scribd
/*********** DO NOT ALTER ANYTHING BELOW THIS LINE ! ************/ var s_code=s.t();if(s_code)document.write(s_code)//-->