WE E K 1: I NT RODUCT I ON

WXGB6321: WEB PUBLISHING

Instructor: Khaled Ismail
THE WEB AND WEB PUBLISHING
What is involved in Web pages?
Content such as text, hyperlinks, images, video and audio.
Page "code" such as HTML, CSS, and Java script.
Server-Side scripting such as ASP/.Net, PHP, ColdFusion, etc.

Programming such as Perl or Java.
Side technologies and endeavors such as databases, e-
commerce, security, et al.
Actual server machines, networks, routers and switches,
connections, etc.
2
WEB PUBLISHING
Questions:
What is Web Publishing?
Is that different from Web Development?

Answer:
Web publishing focuses mainly on HTML and CSS,
with a little bit of Javascript.
3
INTERNET VS WEB
what is the Internet? & Internet = Web?
Internet is the network you use to send and receive
different kinds of data such as Web pages, email messages,
real-time chat messages, multiplayer gaming information,
files (file transfers), etc.
What does your browser do when it requests a web
page?
It asks a web server for a SINGLE FILE that is in a web page
format such as html. Web URLs are requests for SINGLE web
pages/files from a specific machine on the Internet (a Web
server).
4
WEB PAGES
Webpages are created using Hypertext Markup
Language (HTML)
HTML is not a programming language, it is a markup
language. HTML is used to structure the content of
your web page
CSS (Cascading Style Sheets) is used to control the
look and feel of the web page. color, borders,
shadows, spacing (padding, margins), fonts,
positioning, etc
Browsers allow you to view webpages.Chrome,
Firefox, Internet Explorer, Safari, Opera

5
THE COMPONENTS OF A WEB
APPLICATION
6

GETTING TO FACEBOOK

7
HOW A WEB SERVER PROCESSES A
STATIC WEB PAGE
8
HOW A WEB SERVER PROCESSES A
STATIC WEB PAGE (CLOSER LOOK)
9
A STATIC WEB PAGE
10
HOW A WEB SERVER PROCESSES A
DYNAMIC WEB PAGE
11
A DYNAMIC WEB PAGE
12
THE COMPONENTS OF URL




http://
Tells computers how to communicate

Domain
Address of specific web server

Path
Folder / directory on server to look in

Filename
Specific file to access


13
HOW THE WEB WORKS
Hypertext Transfer Protocol (HTTP / HTTPS) is the
communication protocol for the Internet
A browser uses HTTP to request web pages on a
server
Web servers have IP addresses
(192.68.0.1) associated with them.
IP addresses typically have a domain name
associated with it
i.e. www.um.edu.my is just an alias to the IP address
A web server responds to an HTTP request with an
HTML document (a web page) and your browser
renders the HTML and CSS to display the web page
14
LANGUAGES OF THE WEB
Scripting language
Client-side (on your computer)
Server-side (on a webserver)

Markup Language / Style Formatting

15
MARKUP LANGUAGE / STYLE
FORMATTING
Markup language/ style formatting Tells browser HOW to display
data
Position of elements
Color
Borders

Provides logical structure to information
E.g.
This is very important
This is a less important



Examples
HTML
CSS


16
HYPERTEXT MARKUP LANGUAGE
(HTML)
Language used to describe the layout of a web
page

File extension: .html (preferred) or .htm

Consists of instructions called tags (unseen to the
user but interpreted by the browser) which surround
the content (what is seen by the user)

HTML 5 is the future, but still in development

17
HTML SYNTAX
HTML is for structuring content
HTML is made up of tags

Example:
<p> Welcome to WXGB6321 ! </p>

18
CASCADING STYLE SHEETS (CSS)
Language used to describe the formatting and
appearance of a web page

Modern web design allows the layout / structure /
content (HTML) to be separated from the
presentation (CSS)

File extension: .css

Current version is CSS2, but CSS3 is in development

19
COMMON WEB BROWSER AND USAGE
(w3schools.com for Dec 2010) Survay:

Firefox (43.5%)

Internet Explorer (27.5%)

Chrome (22.4%)

Safari (3.8%)

Opera (2.2%)

20
HTML FILE

21
HTML FILE IN A WEB BROWSER

22
CSS FILE

23
THE WEB PAGE IN A WEB BROWSER

24
CSS FILE CLOSE-UP

This is <h1>
25