THIEÁT KEÁ WEB<br />
<br />
Lưu hành n i b<br />
2010<br />
<br />
Tài li u tham kh o<br />
<br />
Môn Thi t k Web<br />
<br />
M CL C<br />
CHƯƠNG 1. KHÁI QUÁT CHUNG V INTERNET................................................................................ 4<br />
CHƯƠNG 2. CÁC BƯ C THI T K WEB ............................................................................................ 7<br />
2.1 M C TIÊU C A WEBSITE C N THI T K ................................................................................. 8<br />
2.2 CHI N LƯ C THI T K .............................................................................................................. 9<br />
2.3 THI T K GIAO DI N .................................................................................................................. 9<br />
BÀI TH C HÀNH CHƯƠNG 2 ............................................................................................................. 17<br />
CHƯƠNG 3. HTML CĂN B N ............................................................................................................. 18<br />
3.1 CÁC TH<br />
<br />
NH D NG C U TRÚC D<br />
<br />
LI U............................................................................ 19<br />
<br />
3.1.1 HTML ................................................................................................................................... 19<br />
3.1.2 HEAD ................................................................................................................................... 19<br />
3.1.3 TITLE ................................................................................................................................... 19<br />
3.1.4 BODY................................................................................................................................... 19<br />
3.2 CÁC TH<br />
<br />
NH D NG KH I ..................................................................................................... 20<br />
<br />
3.2.1 TH P .................................................................................................................................. 20<br />
3.2.2 CÁC TH<br />
<br />
NH D NG<br />
<br />
M C H1/H2/H3/H4/H5/H6....................................................... 20<br />
<br />
3.2.3 TH XU NG DÒNG BR...................................................................................................... 21<br />
3.2.4 TH PRE ............................................................................................................................. 21<br />
3.3 CÁC TH<br />
<br />
NH D NG DANH SÁCH......................................................................................... 21<br />
<br />
3.3.1 DANH SÁCH THÔNG THƯ NG ........................................................................................ 21<br />
3.4 CÁC TH<br />
<br />
NH D NG KÝ T<br />
<br />
3.4.1 CÁC TH<br />
<br />
................................................................................................... 22<br />
<br />
NH D NG IN KÝ T<br />
<br />
....................................................................................... 22<br />
<br />
3.4.2 CĂN L VĂN B N TRONG TRANG WEB .......................................................................... 23<br />
3.4.3 CÁC KÝ T<br />
3.4.4 S<br />
<br />
C BI T........................................................................................................ 24<br />
<br />
D NG MÀU S C TRONG THI T K CÁC TRANG WEB ........................................... 24<br />
<br />
3.4.5 CH N KI U CH<br />
<br />
CHO VĂN B N...................................................................................... 26<br />
<br />
3.4.6 KHÁI NI M VĂN B N SIÊU LIÊN K T ............................................................................... 26<br />
3.4.7<br />
<br />
A CH TƯƠNG<br />
<br />
I ......................................................................................................... 27<br />
<br />
3.4.8 K T N I MAILTO ................................................................................................................ 28<br />
3.4.9 V M T<br />
<br />
Ư NG TH NG N M NGANG ........................................................................... 28<br />
<br />
3.5 CÁC TH CHÈN ÂM THANH, HÌNH NH.................................................................................. 29<br />
3.5.1 GI I THI U ......................................................................................................................... 29<br />
3.5.2<br />
<br />
ƯA ÂM THANH VÀO M T TÀI LI U HTML..................................................................... 30<br />
<br />
3.5.3 CHÈN M T HÌNH NH, M T O N VIDEO VÀO TÀI LI U HTML .................................. 30<br />
3.6 CÁC TH<br />
<br />
NH D NG B NG BI U .......................................................................................... 31<br />
<br />
BÀI TH C HÀNH CHƯƠNG 3 ............................................................................................................. 33<br />
CHƯƠNG 4. CSS (Cascading Style Sheets) ..................................................................................... 46<br />
4.1 KHÁI NI M CSS ......................................................................................................................... 47<br />
4.1.1 CSS là gì?............................................................................................................................ 47<br />
4.1.2 T i sao CSS?....................................................................................................................... 47<br />
4.1.3 H c CSS c n nh ng gì?...................................................................................................... 47<br />
<br />
Trang 2<br />
<br />
Tài li u tham kh o<br />
<br />
Môn Thi t k Web<br />
<br />
4.1.4 Cú pháp CSS ....................................................................................................................... 48<br />
4.1.5<br />
<br />
ơn v CSS .......................................................................................................................... 49<br />
<br />
4.1.6 V trí<br />
<br />
t CSS ....................................................................................................................... 50<br />
<br />
4.1.7 S ưu tiên: ........................................................................................................................... 52<br />
4.2 M T S<br />
<br />
C TÍNH CƠ B N V CSS....................................................................................... 54<br />
<br />
4.2.1 Thu c tính Border trong CSS .............................................................................................. 54<br />
4.2.2 Thu c tính Font trong CSS .................................................................................................. 56<br />
4.2.3 Thu c tính List trong CSS.................................................................................................... 58<br />
4.2.4 Thu c tính Text trong CSS .................................................................................................. 59<br />
4.2.5 Thu c tính Padding trong CSS ............................................................................................ 60<br />
4.2.6 Thu c tính Background trong CSS ...................................................................................... 60<br />
4.2.7 Thu c tính Margin trong CSS .............................................................................................. 61<br />
BÀI TH C HÀNH CHƯƠNG 4 ............................................................................................................. 62<br />
CHƯƠNG 5. THI T K WEB DÙNG FORM VÀ JAVASCRIPT.......................................................... 69<br />
5.1 HTML FORM ............................................................................................................................... 70<br />
5.1.1 T O FORM .......................................................................................................................... 70<br />
5.1.2 T O M T DANH SÁCH L A CH N .................................................................................. 70<br />
5.1.3 T O H P SO N TH O VĂN B N...................................................................................... 71<br />
5.2 CĂN B N V NGÔN NG<br />
<br />
JAVASCRIPT.................................................................................. 71<br />
<br />
5.2.1 T ng quan Java Script......................................................................................................... 71<br />
5.2.2 S ki n trong html và java script ......................................................................................... 73<br />
BÀI TH C HÀNH CHƯƠNG 5 ............................................................................................................. 75<br />
CHƯƠNG 6. THI T K WEB S<br />
6.1<br />
<br />
D NG DREAMWEAVER............................................................... 95<br />
<br />
NH D NG WEBPAGE............................................................................................................. 96<br />
<br />
6.2 TABLE ......................................................................................................................................... 97<br />
6.3 FORM.......................................................................................................................................... 97<br />
6.4 LAYER....................................................................................................................................... 102<br />
6.5 FLASH BUTTON, FLASH TEXT, ROLLOVER IMAGES, JUMP MENU .................................. 104<br />
6.6 B<br />
<br />
SUNG MULTIMEDIA CHO TRANG WEB (ÂM THANH, PHIM NH) ................................ 107<br />
<br />
6.7 FRAMESET............................................................................................................................... 109<br />
6.8 CASCADE STYLE SHEET- TEMPLATE .................................................................................. 111<br />
BÀI TH C HÀNH CHƯƠNG 6 ........................................................................................................... 114<br />
CHƯƠNG 7.<br />
7.1<br />
<br />
ĂNG KÝ VÀ QU N LÝ WEBSITE ............................................................................. 126<br />
<br />
ĂNG KÝ HOST ....................................................................................................................... 127<br />
<br />
7.2 THI T K M T S<br />
<br />
WEBSITE M U ........................................................................................ 128<br />
<br />
Trang 3<br />
<br />
Tài li u tham kh o<br />
<br />
Môn Thi t k Web<br />
<br />
CHÖÔNG<br />
CHÖÔNG 1<br />
ÖÔ<br />
KHÁI QUÁT CHUNG V INTERNET<br />
<br />
Tóm t t<br />
M c tiêu<br />
<br />
Các m c chính<br />
<br />
K t thúc bài h c này - Khái ni m m ng Internet<br />
cung c p h c viên ki n - Các d ch v<br />
th c v m ng Internet …<br />
<br />
cơ b n : www, ftp,<br />
<br />
email,…<br />
<br />
Trang 4<br />
<br />
Bài t p<br />
b t bu c<br />
<br />
Bài t p<br />
làm thêm<br />
<br />
Tài li u tham kh o<br />
<br />
Môn Thi t k Web<br />
<br />
M ng là m t nhóm các máy tính k t n i v i nhau. Internet là m ng c a các m ng. Giao th c<br />
TCP/IP (Transmission Control Protocol/Internet Protocol) cung c p vi c k t n i t t c các<br />
máy tính trên th gi i.<br />
<br />
Hình 1.1: Internet<br />
World Wide Web là m t t p con c a Internet. Nó b t u như là<br />
án nghiên c u c p qu c<br />
gia t i phòng nghiên c u CERN Th y Sĩ. Ngày nay, nó cung c p thông tin cho ngư i dùng<br />
trên toàn th gi i.<br />
WWW ho t<br />
là:<br />
<br />
ng d a trên 3 cơ ch<br />
<br />
ưa các tài nguyên có giá tr<br />
<br />
n v i ngư i dùng.<br />
<br />
ó<br />
<br />
o Giao th c: Ngư i dùng tuân theo các giao th c này<br />
<br />
truy c p tài nguyên trên Web.<br />
HyperText Transfer Protocol(HTTP) là giao th c ư c WWW s d ng.<br />
<br />
o<br />
<br />
a ch : WWW tuân theo m t cách th c t tên th ng nh t<br />
truy c p vào các tài<br />
nguyên trên Web. URL ư c s d ng<br />
nh n d ng các trang và các tài nguyên trên<br />
Web.<br />
<br />
o HTML: Ngôn ng<br />
<br />
ánh d u siêu văn b n (HTML) ư c s d ng t o các tài li u có<br />
th truy c p trên Web. Tài li u HTML ư c t o ra b ng cách s d ng các th và các<br />
ph n t c a HTML. File ư c lưu trên Web server v i uôi .htm ho c .html.<br />
<br />
Khi b n s d ng trình duy t<br />
yêu c u m t s thông tin nào ó, Web server s áp ng các<br />
yêu c u ó. Nó g i thông tin ư c yêu c u n trình duy t dư i d ng các trang web. Trình<br />
duy t nh d ng thông tin do máy ch g i v và hi n thi chúng.<br />
<br />
Trang 5<br />
<br />
Thêm vào BST
Báo xấu
Download
Vui lòng tải xuống để xem tài liệu đầy đủ
