Scribd
Upload
11 views

Lesson 1 Assignment1

Uploaded by

idolhevev
Copyright
© © All Rights Reserved
Available Formats
Download as PDF, TXT or read online on Scribd
11 views

Lesson 1 Assignment1

Uploaded by

idolhevev
Copyright
© © All Rights Reserved
Available Formats
Download as PDF, TXT or read online on Scribd
You are on page 1/ 3

Lesson 1 Assignment

Creating a PageTemplate
Since every HTML5 page must contain the required tags, you can save yourself some time and effort by creating a file that already contains all those tags. Then
you can use the file as a kind of template for each new page you create, saving you from having to retype those same tags from scratch every time you create a
new document. It also avoids the possible errors you might make when trying to retype
those tags from scratch.

In the sections below, we'll go through the steps required to create this template in Mac OS and
Windows 7. As we mentioned earlier, we’re going to use TextEdit and Notepad because all Mac users have TextEdit and all Windows users have Notepad. But
again, if you already know how to create
Webpages using some other program or editor, you can use that instead. Here are the required HTML5 tags you'll need to type (or copy and paste) into the page.
<!DOCTYPE html>
<html>
<head>
<title></title>
</head>
<body>
</body>
</html>

If You're Using a Mac


If you're using a Mac, follow these steps to create your HTML5 template page:

1. OpenTextEdit (or your preferred text editor)


2. Type (or copy and paste) all the required HTML5 tags shown above into the new, empty TextEdit. There'snomarginforerrorwhentypingcode,somakesureyougetit
right.

3. Click the red Close button in the upper-left corner of the TextEdit window.
4. In the Save As box, type HTML5 Template.htm as the filename.
5. Choose Intro HTML5 as the folder in which you want to save the file. If you can't choose that folder name directly from the drop-down and you don't see the
navigation tools shown in the figure, click the Expand button to the right of Save As, double-click the parent folder name (Desktop orDocuments), and then double-
click Intro HTML5 to ensure that the file saves in that folder.

6. ChooseUnicode (UTF-8) astheEncoding.(Forthe mostpart,thisjustindicatesthatit'styped using theEnglishalphabetasopposedtoJapanese,Chinese,orsomeotherlanguagethat


usesa
7. different alphabet.)
8. Click Save
9. Thedocumentsaves inyour IntroHTML5folder,and TextEditcloses.

To verify that you saved the file in the right location, open your Intro HTML5 folder. You should see an icon representing that file with the .htm extension. If
our icon looks radically different, you may just need to click a different view option to change the appearance of the icons.

If You're Using Windows


If you're using Windows, you can use these next steps to create and save your document. You may have a different version of Windows but they are all similar
enough that you should be able to follow along, even though what you see on your screen may not look exactly the same as what is shown here.
1. Open Notepad (or your preferred editor).
2. Type (or copy and paste) all of the required HTML 5 tags into the document, like this:

3. Click the Close (X) button in the upper-right corner of editor's program window, and choose Yes or
4. Save when asked about saving your changes.
5. In the Save As dialog box, click Intro HTML5 to specify where you want to save the file. If your Save As dialog box window is much smaller than the one shown
here and you can't choose Intro HTML5 from the available files, click Browse Folders, and then double-click Desktop (if you put Intro HTML5 on your desktop) or
Documents (if you put it in your Documents folder). Then double-click the Intro HTML5 folder to choose it as the folder where you want to save the file.
6. For the File name, make sure you type HTML5 Template.htm. For the Save As Type, you can choose the default Text document, or switch to All Files. It shouldn't
really matter as long as you type .htm at the end of the filename. The default Encoding of ANSI is fine, as that's common for English,especially when writing
HTML or CSS code.
7. Click Save when you're ready. Notepad closes, and the new file saves to the folder you specified with the filename you specified.
8. To verify that you did it correctly, get to wherever you put the Intro HTML5 folder (your Desktop or Documents folder). Then double-click the Intro HTML 5
folder to open it. Once that folder is open, you should see an icon for the HTML5 Template.htm file. Your icon may look different depending on your operating
system, default browser, and current view settings. But you should see an icon with the filename HTML5 template in that folder.

In this example, the icon represents the Edge browser, which comes with Windows 10. However, on your screen, it will represent you default browser, which
may not be Edge. You may be using Google Chrome or Internet Explorer or Firefox or something else as your default browser. So your icon will match that
browser.. The page should look exactly that same regardless of which browser you use to view it.

This concludes the assignment for Lesson 1

You might also like