Download presentation
Presentation is loading. Please wait.
1
Creating an HTML page Skills: edit and debug HTML pages IT concepts: text editor This work is licensed under a Creative Commons Attribution-Noncommercial- Share Alike 3.0 License.
2
Where does this topic fit? Internet concepts –Applications –Technology –Implications Internet skills –Application development –Content creation
3
There are tools for creating Web sites that generate HTML for you – why learn HTML? Users –To be able to modify pages – for example adding a feature to a blog –To understand how the technology works in order to feel empowered and in control Developers –To be able to write programs that generate HTML
4
Use a text editor, not a word processer or HTML editor to do your assignments.
5
Notepad, a text editor Word, a word processor
6
Extra information in a.doc file A Web client would not understand this.
7
The Notepad text editor Notepad is included with Windows. Start > All programs > Accessories > Notepad
8
First, enter the text
9
Add the basic HTML tags
10
Save the file on your hard drive
11
Naming your HTML file Use the extension htm or html. Be careful to select All Files as the type.
12
Check to see the file was saved in the directory you selected Be sure the file has the extension.htm, not.txt.
13
Display the page with a Web client The content is correct, but not the presentation. Web clients run everything together. (Double click on the file name or use the File > Open command in the Web client).
14
Add the and tags
15
Save it on your hard drive then refresh using the Web client
16
Note that it re-wraps the text if the window is re-sized
17
Four tips
18
Notepad and a Web client side by side Simple debugging -- change the HTML, save it, and refresh the client.
19
HTML source for the Classes page on my Web site The browser View > Source command
20
The HTML tags are missing The composed page has line breaks HTML editors may be approximate
21
Before starting, turn off Windows extension hiding tools > folder options... > view uncheck You only have to do this one time.
22
A few questions
23
What difference would it make in our example if you accidently left of the paragraph closing tag ? What difference does it make if you add extra blank lines between two lines of text?
24
Creating an HTML page Skills: edit and debug HTML pages IT concepts: text editor This work is licensed under a Creative Commons Attribution-Noncommercial- Share Alike 3.0 License.
Similar presentations
© 2024 SlidePlayer.com. Inc.
All rights reserved.