0 ratings0% found this document useful (0 votes) 18 views78 pagesHTML N Css Notes
Copyright
© © All Rights Reserved
We take content rights seriously. If you suspect this is your content,
claim it here.
Available Formats
Download as PDF or read online on Scribd
1-80
Introduce To Web and
HTML
‘Week 1: Origin of Web
How Web Works
HTML Basie
‘Common HTML Tags
Basic Text Formatting
|
1. ORIGINS OF WEB
FIRST GENERATION
+ Unear in nature. Display text and image from opto down and eft
torightapproach, which divided by using the returns and data
Stream separator such asthe bullet and horizontal ues
“+ Afewsited have headline banners,
+ Background color used is normally grey.
27015a
1. ORIGINS OF WEB
SECOND GENERATION
replace the text (for menus)
‘ Banner is used to replace headlines
element positioning,
* Beveled edge types of buttons are used
* Similar to the first generation but icon is used to
‘© Images are used to replace grey background
‘Tables were used to acquire greater control over
270181. ORIGINS OF WEB
‘THIRD GENERATION
‘© Combination of creative layout and visual typography
are used
‘¢ Uses a very visual theme to attract and guide the user
‘* Designed to be user friendly and easy to navigate
‘© Multimedia element used includes sound and
animation, database, e-commerce and 3D
* Similar to advertising and marketing strategy
27reR015——— an
IT. ORIGINS OF WEB
POURTH GENERATION
+ Extension of third generation where designed sites
hhave been referred toas being the multimedia rich
sites
«The reason of fourth generation site development are
for selling proposition that can only be delivered on
the web
+ For example, remote access to education over the web,
with the entire course notes, tutorials and exams or
perhaps just overnight ordering of products and
services 24hours aday
2722018Ow ST a
‘The Internet isa computer network made up of thousands of
networks worldwide.
‘The Internets based on the fundamental concept thatall,
computers should be abe to reach each other using an
address
* All Internet connected computers havean address knowns
‘TCP/IP (Transmission Control Protocol/Internet Protocol)
address.
+ TCP/IP allows packets of digital information, such as your
‘website, to be sent across networks and the reassembled once
itreachesits destination,
+ TCP/IP address are commonly referred tas IP (Internet
Protocol) addres.
l-2-HOW DOES WEB WORK ;
2722018|-2. HOW DOES WEB KS
‘Terms/concept used in web:
+ Web pagepresentina website
very web page has its own adress.
+ Web sites:
. isthe primary naming,
scheme used to identify web resource.
|-2- HOW DOES WEB WC
‘Terms/concept sed in web:
pictures sound, and video.
‘+ HTTP Hyper Text Transfer Protocol, the method that
‘browser use to read the web pages
page when use click on it
e where most ofthe information on the internet
alized computers which store
information, share information with other servers, and make
this information available tothe general publi.
272015272015
}-2. HOW DOES WEB WORKS
The web is based on 3 protests
te Loca asa rm
2, HOW DOES WEB WORKS
—— a
Browsers J =INTERNET SERVICES
=. hyper tet to acess several internet pote.
Sage intro Usag TTP oa
27018INTERNET SERVICES
DOMAIN NAME
* Domain names are used to identify one or more IP
‘addresses. For example, the domain
name microsoft.com represents about adozen IP
addresses, Domain names are used in URLs to identify
particular Web pages.
* Every domain name hasa suffix that indicates
which top level domain (TLD) it belongs to. There are
‘only limited number of such domains.
INTERNET SERVICES
"DOMAIN NAME,
Forexample:
+ gor- Government agencies
‘+ edu - Educational institutions
+ org- Organizations (nonprofit)
‘a
+ com - commercial business
+ net -Networkorganizations
ca Canada
‘© th-Thailand
272201527122018
3. HTML BASICS
‘+ HTML isa computer language devised to allow website
creation,
‘+ HTML - Hypertext Markup Language.
* Consist series of short codes type into text file - tags.
+ Save using .html extension,
+ View using browser.
‘ Browser will read the fileand translate the text into
visible form,
104, COMMON HTML TAGS
‘© HTML tag must be written in < > called container tags.
‘* Must have standard start and end tags on any pages, ie
cchuml>..