Download presentation
Presentation is loading. Please wait.
1
Anyone with access to the Internet can post a Web page. You can create a Web page with just a text editor. There are Web page construction tools available that allow you to create pages without understanding the underlying machinery. Web Pages
2
HTML Hypertext Markup Language Coding of web pages for a browser to render A Web page is simply a text file written in hypertext markup language (HTML). Markup language is NOT a programming language (what is a programming language ? – later) Consists of TAGS describing contents HTML contains tags specifying text, images, hypertext links Bold, Italics, color of text, Size,…… e.g. In browser, “The Web browser is to view HTML documents” The Web browser is to view HTML documents.
3
Open Notepad Type in the following: Save as C:\100\test.html Double click on the test.html file This should bring up a web browser with “Hello World!” (this is your 1 st web page !) My First Web Page Hello World! This is a test. Your First Web Page
4
Open a new notepad, and copy codes on the right Save the file (make it sure that you save it with.html extension) Double click on the saved file to view it in web browser (this shows you different heading sizes) Headings <!DOCTYPE html PUBLIC “.//W3C//DTD.XHTML 1.1//EN” http://www.w3.org/TR/xhtml11/DTD/xhtml11.dtd>http://www.w3.org/TR/xhtml11/DTD/xhtml11.dtd http://www.w3.org/1999/xhtml Heading style 1 Heading style 2 Heading style 3 Heading style 4 Heading style 5 Heading style 6
5
HTML Tags Regions of text Specific Attributes --- line break --- italicize or -- bold and -- super or subscript and --- font size
6
Style=“text-align:right” Style=“font-family:Arial” –Basic font types Sans-serif: Plain --- arial and helvetica Serif: embellishments called serifs at tips of letters --- times and times new roman Monspaced: characters with equal widths --- courier and courier new –From a list, the first available font will be used Face=“airal, helvetica, sans-serif” Style=“font-size:12pt” Style=“font_weight:bold” Style=“color:blue”
7
Link to another document – Hello World –Link to wikipedia – To Hemingway http://en.wikipedia.org/wiki/Ernest_Hemingway Link to an email address – Email me mailto:kim@cs.uml.edu Google map – vie w map http://maps.google.com/maps?q=One+University+Dr.,+Lowell,+MA –Image –
8
Table --- table row --- table data List -- ordered list -- unordered -- definition row 1, cell 1 row 1, cell 2 row 2, cell 1 row 2, cell 2 Coffee Milk
9
WYSIWYG What is the objective ? Plan for web pages Tools A free Web page editor named Kompozer www.kompozer.net Other similar software: Nvu http://www.net2.com/nvu/download.html Download kompozer to C:\100 and extract Wix.com web.com webs.com Wordpress.com
Similar presentations
