LongCuong Overview Web SoGiaoDuc

TP HUN CNG NGH
THNG TIN
WEB - THIT K WEB
Lecture: Nguyn c Cng - FIT

Email: cuongnguyenduc@gmail.com
Website: http://www.nguyenduccuong.com
http://www.longcuong.com.vn
Ti sao li l WEB?
Vn phng di ng 24/24
Thng tin lin lc mi lc, mi ni
Gii thiu qung b hnh nh nh trng, cng ty,..
Thc hin dch v mua bn nhanh, thun tin,..
Mc tiu
Nm vng kin thc c bn v www internet.

Hiu c th no l web, Web tnh, Web ng
Hiu c cc kin thc c bn thit k web:
HTML, CSS,..
Bit c cng dng, ngha ca mt s cng c
thit k, lp trnh web: MS Front Page,
Dreamweaver 8, MS Expression Web, VS Studio
2005,..
http://nguyenduccuong.com Slide 3 http://longcuong.com.vn

Ni dung
Cc thut ng c bn
Gii thiu cc kin thc c bn thit k web: HTML,
CSS,..
Gii thiu mt s cng c thit k web: MS Front
Page, Dreamweaver 8, MS Expression Web, VS
Studio 2005,..

Ti nguyn
Phn cng:
My tnh chy Win 2000 hoc cao hn.
Phn mm:
Phn mm TK Web: Dreamweaver MX, VS Studio,..
Trnh duyt: IE, Fire Fox,..

Ngun tham kho
Gio trnh thit k web trng H Cng nghip

Tp HCM
Principle web design - Joel Sklar
http://www.google.com
http://w3c.org


Cc thut ng c bn
Internet :
TCP/IP:(Transfer Control Protocol/Internet
Protocol)
M hnh Client-Server:
Internet Server: l cc Server cung cp cc dch v
Internet (Web Server, Mail Server, FTP Server)
Internet Service Provider (ISP):
Internet Protocol :
Phng thc truyn tin trong internet thng qua
gateway

Cc thut ng c bn
World Wide Web (WWW):dch v truy xut ti liu

trn cc my.
Web Browser :
Internet Explorer, Mozilla FireFox, Nestcape,
Hosting provider:
DNS: Domain Name Service
Publish: lm cho trang web chy trn internet
URL(Unioform resource locator): mt a ch ch
n mt file c th trong ngun ti nguyn mng.

Cc thut ng c bn
Web: Mt ng dng chy trn mng (Client-Server)

tng t ng dng khc. Nhng c chia s ton
cu thng qua mng Internet v cc dch v ca
n.
Web Page: tp tin c lu vi phn m rng l
.html, htm (web tnh); aspx, php,.. (web ng).
Website: Mt tp hp nhiu web page, th hin
thng tin ca mt t chc hoc mt ch no

Tng quan HTML
HTML (HyperText markup Language) gm cc th

(tag), on m c bit l s nh dng bo
cho trnh duyt Web bit cch hin th.
Cho php lin kt cc loi m thanh, hnh nh bn
trong trang web.
HTML khng phi l ngn ng lp trnh
Trnh son tho trang web :Notepad, ..
H tr thit k: FrontPage, Dreamweaver,...
MS VS Studio,..

Tng quan HTML
C php:
<tagName ListProperties> Object </tagName>
TagName : <hr>, <B>
Object : vn bn, nh,..
ListPropeties: danh sch thuc tnh ca Tag

Cu trc trang web
<HTML>
<HEAD>
Ni dung thng tin ca trang web
</HEAD>
<BODY>
Ni dung hin th trn trnh duyt
</BODY>
</HTML>

Mt s cc v d
Hin th tiu web:

<Title>Welcome to my web page</Title>
To heading cho vn bn
<H1>HTML l g?</H1>
Ngt on
<br/>, <p>
K ng ngang
<HR color=red width=75%>

Mt s cc v d
nh dng vn bn: m, nghing,..

<B>Vn bn</B>
nh dng font ch
<font face=Tahoma color=blue size=4/>
nh dng ton trang
<body bgcolor=black text=white>
<body background=nh nn>

Mt s cc v d
Cho i tng chuyn ng:

<Marquee>Object</Marquee>
Chn nh vo trang web
<img src=nh/>
Chn m thanh
<bgsound src=tp tin m thanh loop=true/>
Chn movie
<embed src=movie" width="80%" height="50%"
autostart="true" loop="true" hidden="false">

Thao tc trn trnh duyt
Refresh (Reload) F5
Chnh kch c - View/Text size (Zoom)
Bng m View/Encoding (Character Encoding)
Xem m ngun View/Source (Page Source)
Lu li trang a thch- Favorites (Bookmark),..

Mt s phn mm thit k web
Phn mm khng h tr giao din TK:

Notepad, Text pad,..
PM h tr thit k
FrontPage: 2000, 2003, Expression Web (2007)
Macromedia Dreamweaver: MX, 8,..
MS VS Studio 2000, 2003, 2005,..
PHP Designer
Cc v d

To siu lin kt
<a href=tp tin lin kt

target=_blank>object</a>
_seft
_top
Tn ca s

Web tnh ng
Website tnh:
c thit k bng k thut HTML (Hypertext Mark-
up Language). Ch p ng c vic gii thiu
thng tin cho ngi dng xem.
S dng thm cc k thut nh Java Script, Flash
Macromedia hay Animation Gif.
Web ng (dynamic web):
ASP (Active Server Pages) chy Windows
PHP (PHP Hypertext Preprocessor) vi Linux.
JSP (Java Server Page) Linux, Window

Web site ng
Ngi s dng khng cn c nhiu k thut web

Tin tc (CMS)
Inner search:
Member account:
Shopping Cart:
Online Payment:
Forum:
E-learning (hc trc tuyn)

Web site ng
Qung b cng ty, nh trng, c nhn,..

Thng mi in T (E-Commerce):
Qun l t xa (Remote Management): ph hp
cng ty c nhiu chi nhnh cc v tr khc nhau
Cng c cho ngui qun l web: cho php cp nht
thng tin m khng cn c kin thc nhiu v TK
web
Din n trc tuyn: to tnh chuyn nghip.

Web site ng
Gm 2 phn:
Phn Front-End phn dnh cho pha ngi s dng
xem ni dung
Phn Back End: phn qun tr dnh cho nh qun
l web site

iu kin thit lp web ng
Hiu bit HTML, CSS,..

C s d liu: MS Access, Sql Server, MySql..
Ngn ng lp trnh: Asp.Net, PHP..
Web Server: IIS, Apache,..

LongCuong Overview Web SoGiaoDuc

Uploaded by

Document Information

Copyright

Available Formats

Share this document

Share or Embed Document

Sharing Options

Did you find this document useful?

Is this content inappropriate?

Copyright:

Available Formats

LongCuong Overview Web SoGiaoDuc

Uploaded by

Copyright:

Available Formats

TP HUN CNG NGH

Lecture: Nguyn c Cng - FIT

Nm vng kin thc c bn v www internet.

http://nguyenduccuong.com Slide 3 http://longcuong.com.vn

http://nguyenduccuong.com Slide 4 http://longcuong.com.vn

http://nguyenduccuong.com Slide 5 http://longcuong.com.vn

Gio trnh thit k web trng H Cng nghip

http://nguyenduccuong.com Slide 6 http://longcuong.com.vn

http://nguyenduccuong.com Slide 7 http://longcuong.com.vn

World Wide Web (WWW):dch v truy xut ti liu

http://nguyenduccuong.com Slide 9 http://longcuong.com.vn

Web: Mt ng dng chy trn mng (Client-Server)

http://nguyenduccuong.com Slide 10 http://longcuong.com.vn

HTML (HyperText markup Language) gm cc th

http://nguyenduccuong.com Slide 11 http://longcuong.com.vn

http://nguyenduccuong.com Slide 12 http://longcuong.com.vn

http://nguyenduccuong.com Slide 13 http://longcuong.com.vn

Hin th tiu web:

http://nguyenduccuong.com Slide 14 http://longcuong.com.vn

nh dng vn bn: m, nghing,..

http://nguyenduccuong.com Slide 15 http://longcuong.com.vn

Cho i tng chuyn ng:

http://nguyenduccuong.com Slide 16 http://longcuong.com.vn

http://nguyenduccuong.com Slide 17 http://longcuong.com.vn

Phn mm khng h tr giao din TK:

http://nguyenduccuong.com Slide 18 http://longcuong.com.vn

<a href=tp tin lin kt

http://nguyenduccuong.com Slide 19 http://longcuong.com.vn

http://nguyenduccuong.com Slide 20 http://longcuong.com.vn

Ngi s dng khng cn c nhiu k thut web

http://nguyenduccuong.com Slide 21 http://longcuong.com.vn

Qung b cng ty, nh trng, c nhn,..

http://nguyenduccuong.com Slide 22 http://longcuong.com.vn

http://nguyenduccuong.com Slide 23 http://longcuong.com.vn

Hiu bit HTML, CSS,..

http://nguyenduccuong.com Slide 24 http://longcuong.com.vn

You might also like