Head First HTML and CSS - Cdn.oreilly.com

More documents

Recommendations

Info

Meanwhile, back at Starbuzz Coffee… Okay, now that you know the basics of creating a plain-text file, you just need to get some content into your text editor, save it, and then load it into your browser. Start by typing in the beverages straight from the CEO’s napkin; these beverages are the content for your page. You’ll be adding some HTML markup to give the content some structure in a bit, but for now, just get the basic content typed in. While you’re at it, go ahead and add “Starbuzz Coffee Beverages” at the top of the file. Mac Type in the info from the napkin like this. the language of the web Windows you are here 4 17
saving your html Saving your work Once you’ve typed in the beverages from the CEO’s napkin, you’re going to save your work in a file called “index.html”. Before you do that, you’ll want to create a folder named “starbuzz” to hold the site’s files. To get this all started, choose Save from the File menu and you’ll see a Save As dialog box. Then, here’s what you need to do: 1 Mac 2 First, create a “starbuzz” folder for all your Starbuzz-related files. You can do this with the New Folder button. Create a new folder here. Next, click on the newly created “starbuzz” folder and then enter “index.html” as the filename and click on the Save button. 18 Chapter 1 Click to save. Click here to create a new folder. When you save, make sure UTF-8 is selected for the encoding on both Mac and Windows. Windows Create a new folder here. Don't worry about UTF-8 for now; we'll come back to that later. Click to save.
Page 2 and 3: Want to read more?
Page 4 and 5: Table of Contents (summary) Intro I
Page 6 and 7: going further with hypertext 2Meeti
Page 8 and 9: getting connected 4A Trip to Webvil
Page 10 and 11: 6 Serious standards and all that ja
Page 12 and 13: 3 2 1 0 4 5 6 7 8 8 Expanding 9 A 1
Page 14 and 15: Weekly Elixir Specials Lemon Breeze
Page 16 and 17: 12 Modern html5 markup HTML table o
Page 18 and 19: 14 Getting html forms Interactive t
Page 20 and 21: 1 getting to know HTML The Language
Page 22 and 23: What does the web server do? Web se
Page 24 and 25: What the browser creates When the b
Page 26 and 27: You’re closer to learning HTML th
Page 28 and 29: Your big break at Starbuzz Coffee S
Page 30 and 31: Creating the Starbuzz web page Of c
Page 32 and 33: Step four: Change your TextEdit Pre
Page 34 and 35: Step two: Open Notepad. Once you’
Page 38 and 39: Opening your web page in a browser
Page 40 and 41: Markup Magnets So, let’s add that
Page 42 and 43: Are we there yet? You have an HTML
Page 44 and 45: Tags dissected Okay, you’ve seen
Page 46 and 47: Starbuzz Coffee’s Mission 1 2 3 4
Page 48 and 49: Meet the style element To add style
Page 50 and 51: Cruisin’ with style… It’s tim
Page 52 and 53: Now that you’ve put a little styl
Page 54 and 55: HTML CSS Right. In fact, we’re to
Page 56 and 57: Across HTMLcross It’s time to sit
Page 58 and 59: Markup Magnets Solution Y
Page 60 and 61: Here’s the CSS in the mission pag
Page 62: Want to read more? Spreading the kn

Head First HTML and CSS - Cdn.oreilly.com

Create successful ePaper yourself

Delete template?

Save as template?