Download presentation
Presentation is loading. Please wait.
1
Web Page Introduction
2
What is a web page? A web page is a text file containing markup language tags. A markup language combines text and extra information about the text's structure or presentation using markup, which is intermingled with the primary text. <H1> Britain calls for direct talks with Iran </H1>
3
Markup Languages HTML5: Hyper Text MarkUp Language (HTML)
XML: Extensible Markup Language a general-purpose markup language User-defined tags: <AuthorName>John Smith</AuthorName> Ex: c:\inetpub\wwwroot\facoritebook.xml Cascade Style Sheet, CSS XHTML: Extensible HyperText Markup Language XHTML is the successor to HTML HTML + XML HTML5: HTML,+ XML + improving support for the latest multimedia cross-platform mobile applications
4
XML with Stylesheet Example
<?xml version = "1.0" ?> <?xml-stylesheet type="text/css" href="books.css" ?> <Books> <Book> <btitle>My Favorite Book</btitle> <ISBN> </ISBN> <Authors> <AuthorName>John Smith</AuthorName> <AuthorName>Peter Chen</AuthorName> </Authors> <Price> $45.00</Price> <Description>This is a grerat book</Description> </Book> <btitle>My Second Favorite Book</btitle> <ISBN> </ISBN> <AuthorName>Adam Smith</AuthorName> <Price> $25.00</Price> <Description>This is a second great book</Description> </Books>
5
Style Sheet Example btitle { display:block;
font-family: Aerial, Helvetica; font-weight: bold; font-size: 20pt; color: #9370db; text-align: center; } ISBN { font-size: 12pt; color: #c71585; text-align: left; Authors { display:inline; font-style: italic; font-size: 10pt; Price { color: #ff1010; Description {
6
Types of Web pages Static page: Dynamic page
The contents of a web page is predefined by HTML tags. Example: david chao’s home page. Dynamic page A web page includes contents produced by a programming language when the page is opened. Examples: Pages that display current date/time, visitor counter Yahoo home page Pages that display results based on a database query. Yahoo’s Finance/Enter symbol/Historical prices
7
Technologies for Creating Dynamic Pages
Client-side technology JavaScript Server-side technology Microsoft .Net PHP Java
8
Basic HTML Tags <html> </html>
<title> </title> <body> </body> <h1> </h1>: large text <h6> </h6>: smallest text Reference tag: <a href=“cake.jpg”> <p> </P>: Paragraph tag <img> Image tag
9
Example <html> <title>David Chao HTML Demo</title><p> <body> <h1>Welcome to David Chao’s Home Page</h1> <hr> <a href="CAKE.JPG">Click here to see a cake picture</a><p></body> </html>
10
Online Resources for Learning HTML
w3schools.com
11
Web Page Editors DreamWeaver and many others MS Word
With support to develop dynamic page with script languages MS Word Open a new document Save As: Web Page Internet free editor: Wix free website builder
12
Creating Web Page with MS Word
Text: Alignment, Size, Font, Bold Link Existing page, place in document, Table List BookMark BackGround Page layout/Page Color Picture Form mailto: Address
13
Creating Website Using WIX
Need an account Choose a template View Edit Customize design Manage pages Save/preview My Account
14
Typical Web Site Contents
About Us Company organization Mission Products/Services Partner organizations Clients Information for users Links to relevant sites Contact Us
15
Publishing Web Pages Web server Creating web pages using editor
Default directory, default home page Virtual directory Creating web pages using editor Transfer web pages to web server: FTP, File Transfer Program
Similar presentations
