Simpo PDF Merge and Split Unregistered Version - http://www.simpopdf.comThi t k webTh i gian: - docx

Simpo PDF Merge and Split Unregistered Version -

Thi t k web
Th i gian:
- Lý thuy t: 30 ti t
- Th c hành: 30 ti t
- T h c: 15 ti t

Khoa Công ngh thông tin
GV: TS. Vũ ð c Lung

Thi t k web

Khoa CNTT

1


Simpo PDF Merge and Split Unregistered Version -

ði m ñánh giá
ði m chuyên c n: 10%
ði m làm ñ án mơn h c: 30%
– Sinh viên chia thành nhóm 3-5 ngư i
– ðăng ký v i l p trư ng, Danh sách g m: stt
nhóm, H & tên SV, MSSV, e-mail c a trư ng
nhóm (bu i sau l p trư ng n p l i)

ði m thi cu i kỳ: 60%

Thi t k web

Khoa CNTT

2


Simpo PDF Merge and Split Unregistered Version -

M c tiêu môn h c
N m v ng các khái ni m căn b n c a quá trình
thi t cài ñ t và tri n khai m t ng d ng web
Thi t k trang Web và cài ñ t m t ng d ng
Web hoàn ch nh b ng HTML,CSS,JavaScript và
PHP
Tri n khai và khai thác ng d ng web trên
Internet

Thi t k web

Khoa CNTT

3


Simpo PDF Merge and Split Unregistered Version -

N i dung môn h c
Chương 1 : Gi i thi u.
Chương 2 : Các bư c thi t k web
Chương 3: Ngôn ng HTML

Chương 4: CSS
Chương 5: Web Form
Chương 6: Th t k trang web ñ ng v i
JavaScript
Chương 7: Thi t k web v i PHP

Thi t k web

Khoa CNTT

4


Simpo PDF Merge and Split Unregistered Version -

Các ki n th c tiên quy t
L p trình cơ b n C, C++ ho c Java
Các ki n th c cơ b n v CSDL
Thi t k , ng d ng MS Access, MS SQL
Server ho c MySQL

Thi t k web

Khoa CNTT

5


Simpo PDF Merge and Split Unregistered Version -

Tài li u tham kh o
1. Jennifer Niederst Robbins. Web Design in a Nutshell (A
Desktop Quick Reference), Third Edition, 2006.
2. Jeffrey Veen. The Art & Science of Web Design, 2001.
3. Lê Minh Hoàng. T h c thi t k web, NXB “Lao ð ng”,
t p I&II, 2007.

Các trang Web tham kh o:
–
–
–
–
Thi t k web

www.w3schools.com
www.php.net
www.w3.org
www.javascript.internet.com
Khoa CNTT

6


Simpo PDF Merge and Split Unregistered Version -

Chương I: Gi i thi u
L ch s :
– M ng Internet xu t phát t m ng ARPANET c a M
(1969) - m ng gi a các trư ng ðH
– 1989 - Tim Berners Lee phát minh ra giao th c World

Wide Web (t i phòng TN v t lý phân t -Geneva), sau
đó Hypertext Markup Language - HTML
– 1990 – Tim vi t trình duy t (Web Browser) và Web
server ñ u tiên (info.cern.ch)
– Vi t nam có Internet vào tháng 11/1997
– ð n nay, có kho ng hơn 30 t trang web thu c hơn
100 tri u website

Thi t k web

Khoa CNTT

7


Simpo PDF Merge and Split Unregistered Version -

Các thành ph n c a web
Web là gì?
– Là các d ch v phân tán cung c p thông tin
multimedia d a trên hypertext

Các thành ph n c a web
– Web Page
– Web site
– Uniform Resource Locator (URL)
– Web Server, Web Browser

Thi t k web

Khoa CNTT

8


Simpo PDF Merge and Split Unregistered Version -

Webpage - Website
Web page:
– Là m t trang web
– Có th vi t b ng các ngôn ng khác nhau
nhưng k t qu tr v client là trang HTML

Web site:
Là t p h p các trang Web có n i dung th ng nh t,
ph c v cho m t m c đích nào đó.

World Wide Web (WWW):
Là h th ng các Web Site trên tồn th gi i đư c truy
c p thông qua m ng Internet.
Thi t k web

Khoa CNTT

9


Simpo PDF Merge and Split Unregistered Version -

URL-Uniform Resource Locator

URL-Uniform Resource Locator: (Chu i
ñ nh v tài nguyên)
D ng:
giaoth c://đ a_ch _máy_ch :c ng/đư ng_d n_đ n_tài_ngun

Ví d : :80/index.aspx

Thi t k web

Khoa CNTT

10


Simpo PDF Merge and Split Unregistered Version -

Webserver – Web Browser
Web server:
– Là máy ch chuyên cung c p d ch v web
– Giao th c s d ng ñ khai thác d ch v
web là http ho c https
Web browser:
– Là chương trình ch y trên client đ khai
thác DV web c a server
– M t s web browser thông d ng: Internet
Explorer (IE), Nescape (NS), Mozilla
Firefox,...
Thi t k web

Khoa CNTT

11


Simpo PDF Merge and Split Unregistered Version -

ð nh hư ng
Khi nào thì b t đ u? B t ñ u t
ñâu?
C n h c nh ng gì ñ thi t k web?
- Thi t k ñ h a, Thi t k giao di n
- Thi t k thông tin
- T o các trang web v i HTML
- L p trình và quá trình t o mã k ch b n
- Truy n thơng đa phương ti n

Thi t k web

Khoa CNTT

12


Simpo PDF Merge and Split Unregistered Version -

Ph n m m tr giúp
Thi t k ñ h a

Multimedia

- Adobe Photoshop

- Macromedia Flash

- Adobe ImageReady

- Adobe LiveMotion

- Macromedia Fireworks

- Apple Quicktime

- Adobe Illustrator

- Apple Final Cut Pro

- JASC Paint Shop Pro

- Adobe Premier

ASP.NET
Visual Studio.NET
Web Matrix

PHP
PHP ZendStudio

Thi t k web

Khoa CNTT

13


Simpo PDF Merge and Split Unregistered Version -

Ngôn ng l p trình web
C n h c nh ng gì?
- HTML
- JavaScript
- DHTML
- XML
- PHP
- Perl
- ASP (ASP.NET)
- JSP
- ????
Thi t k web

Khoa CNTT

14


Simpo PDF Merge and Split Unregistered Version -

Ho t ñ ng c a trang web
Internet và Web
ð a ch trang web - URL
:8080/2007/dbase/index.html

Protocol

Port

Directory

File name

Server name
203.162.39.106

Thi t k web

Khoa CNTT

15


Simpo PDF Merge and Split Unregistered Version -

Cách hi n th trang web
a) Request/ Response

Thi t k web

Khoa CNTT

16

Simpo PDF Merge and Split Unregistered Version -

Cách hi n th trang web
b) Client-side model

Thi t k web

Khoa CNTT

17


Simpo PDF Merge and Split Unregistered Version -

Cách hi n th trang web
c) Server-side model

Thi t k web

Khoa CNTT

18


Simpo PDF Merge and Split Unregistered Version -

Các tri t lý xây d ng web
- M c đích c a Website c n thi t k
- Xác ñ nh ñ i tư ng ñ c gi c a Website
- Thi t l p các ch ñ

- Thi t k các kh i thông tin ch y u s
cung c p

Thi t k web

Khoa CNTT

19


Simpo PDF Merge and Split Unregistered Version -

Các tri t lý xây d ng web (tt)
ð c gi
(Web surfer)
- ð c gi m i và ð c gi không
thư ng xun

- S hi u bi t
- Trình đ

- ð c gi chuyên nghi p và ñ c
gi thư ng xuyên

- S thích
- Kinh nghi m

- ð c gi trong nư c
- ð c gi nư c ngoài

Thi t k web

Khoa CNTT

20


Simpo PDF Merge and Split Unregistered Version -

Các tri t lý xây d ng web (tt)
Các bư c trong t ch c thơng tin
- Chia thành các đơn v

logic, c t đo n thơng tin

- Thi t l p h th ng c p b c theo t m quan tr ng và tính
t ng quát
- T o c u trúc quan h gi a chúng
- Phân tích s thành công v ch c năng và th m m
c a h th ng

Thi t k web

Khoa CNTT

21


Simpo PDF Merge and Split Unregistered Version -

B trí các trang web
H th ng phân c p

Thi t k web

Khoa CNTT

22


Simpo PDF Merge and Split Unregistered Version -

B trí các trang web (tt)
Các m i quan h -liên k t
Không nên xây d ng m t website như sau

Thi t k web

Khoa CNTT

23


Simpo PDF Merge and Split Unregistered Version -

B trí các trang web (tt)
Website quá nông, ch m t m c liên
k t => khơng có liên k t, tr t t

Thi t k web

Khoa CNTT

24


Simpo PDF Merge and Split Unregistered Version -

B trí các trang web (tt)
Website quá sâu => m nhi u thư m c m i t i
đích

Thi t k web

Khoa CNTT

25