Embed Size (px)
Citation preview
Web Page Authoring Slide 2
Contents
Publish website
Hyperlinks
Formatting HTML Document
Understanding HTML
Introduction
What is web?
What is a website? A collection of related web pages
What is a web page? A single page that contains text, graphics, multimedia,
links, forms, tables, …
Web Page Authoring Slide 3
How to design a good site?
Identify Your Audience Contents Navigation Keywords Download Speed Browser Compatibility
Web Page Authoring Slide 4
Understanding HTML
HTML: Is a collection of platform-independent styles used to
create a Web document or a Web page.
Tim Berners Lee designed the original HTML document in 1990.
The World Wide Web Consortium (W3C) is the standards organization that controls the various versions of HTML.
Web Page Authoring Slide 5
Understanding HTML (cont.)
Features of HTML: Create a Web page using tags. Use graphics and display text in different fonts, sizes,
and color. Enhance the presentation of the document using
HTML elements. Create hyperlinks to navigate to different documents
present on the Web. Display data in a tabular format. Create multiple windows in a Web page to display
information from multiple sources in different windows …
Web Page Authoring Slide 6
Web Page Authoring Slide 7
Understanding HTML (cont.)
Structure of an HTML Document An HTML document can be created by
combining various tags. Tags are special markup codes enclosed in
angle brackets that define the structure of the HTML document.
An HTML document contains the following structural tags:
• <!DOCTYPE>• <HTML>• <HEAD>• <BODY>• <SCRIPT>
Web Page Authoring Slide 8
Understanding HTML (cont.)
Some meta tags <meta name="keywords" content="web" /> <meta name="description" content="web page
authoring demo" /> <meta http-equiv="refresh"
content="5;URL=product.html" />
Web Page Authoring Slide 9
Understanding HTML (cont.)
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<html><head><meta http-equiv="Content-Type"
content="text/html; charset=utf-8“ /><title>Web page authoring</title></head>
<body></body></html>
Web Page Authoring Slide 10
Formatting HTML Document
The block level tags are: Paragraph tag: <p> Line Break tag: <br /> Horizontal Rule tag: <hr> Heading tags: <h1> to <h6> Primitive Formatting tag: <pre> Blockquote tag: <blockquote> Center tag: <center>
Web Page Authoring Slide 11
Formatting HTML Document (cont.)
The text level tags are:
<font> tag <b>, <strong> tag <i>, <em> tag <u> tag <sub> and <sup> tags <strike> tag
Web Page Authoring Slide 12
Formatting HTML Document (cont.)
List tags: are compound, block level tags, commonly
used in HTML documents. have some attributes that enable you to
manipulate the appearance of the lists and in turn the appearance of the Web page.
can be nested. The various types of lists used in HTML are:
Ordered or numbered lists Un-ordered or bulleted lists Definition lists
Web Page Authoring Slide 13
Formatting HTML Document (cont.)
Special characters: Line break Non-breaking space Copyright Registered Trademark Less than Greater than …
Hyperlinks
Web Page Authoring Slide 14
Hyperlinks Email link Named anchor
Publish your website
Domain name Hosting service Upload your file using FTP or web interface
Web Page Authoring Slide 15
Naming Convention
Naming conventions are set of rules followed for naming Web pages.
Hosting service providers have their own set of conventions.
Some of the common default file names for home pages are: index.html/ index.htm default.html/ default.htm welcome.html/ welcome.htm home.html/ home.htm
Web Page Authoring Slide 16
Summary
Web Page Authoring Slide 17
Web Page Authoring Slide 18
Q&A
Feel free to post questions at http://yht4ever.blogspot.com.
or email to: [email protected]
http://yht4ever.blogspot.com
![[MS-XWDSTRUCTDOC]: Web Distributed Authoring and ...... · The Web Distributed Authoring and Versioning (WebDAV) Extensions for Structured Documents extend the Web Distributed Authoring](https://img.pdfslide.net/doc/110x75/5ec89c1e4c067950764ae738/ms-xwdstructdoc-web-distributed-authoring-and-the-web-distributed-authoring.jpg)
