1. Trang chủ
  2. » Công Nghệ Thông Tin

Giáo trình xây dựng và quản trị website ppt

300 597 7

Đang tải... (xem toàn văn)

Tài liệu hạn chế xem trước, để xem đầy đủ mời bạn chọn Tải xuống

THÔNG TIN TÀI LIỆU

Thông tin cơ bản

Định dạng
Số trang 300
Dung lượng 6,76 MB

Nội dung

Server System ISDN VPN …... Nó không có giám đ c, không có ban qu n tr... trình duy t AOL không h tr các GIF đ ng, th EMBED, Java, hay aScript... Các table, layout và các style WebTV h

Trang 2

M C L C

Ch ng I Gi i thi u v InterNet, World Wide Web 6

1.1 L ch s phát tri n 6

1.2 T ch c c a Internet 7

1.3 V n đ qu n lý m ng Internet 9

1.4 Ngu n g c World Wide Web 10

1.5 World Wide Web là gì? 11

1.6 Trình duy t Web: 11

Ch ng 2: T ng quan v m t h th ng Web 24

2.1 Gi i thi u 24

2.2 Mô hình h th ng Web nói chung 24

2.3 Nguyên t c ho t đ ng 25

Ch ng 3: Frontpage 2002 (Front page XP) 27

3.1 M , đóng, t o m i, ghi m t trang hay m t Web site 28

3.2 nh d ng font ch , paragraph, 30

3.3 nh, âm thanh 32

3.4 B ng(Table) 34

3.5 Hyperlink, Bookmark 36

3.6 T o khung (form) 38

Ch ng 4 Ngôn ng đánh d u siêu v n b n (HTML: Hyper Text Markup Language) 41

4.1 Khái ni m 41

4.2 Các th c b n: 41

4.2.1 Các th đ nh ngh a đo n v n b n, ki u ch 41

4.2.2 Các th đ nh ngh a b ng, nh 50

3.2.3 Tên m t đ i t ng, hyperlink (th A) 54

4.2.4 T o form 58

4.2.5 T o khung (th Frame) 63

Ch ng 5: CSS (Cascading Style Sheets) 72

5.1 Khái quát 72

5.2 K thu t CSS (nh ng k thu t thông d ng) 73

5 3 M t s thu c tính hay dùng trong CSS (cùng th HTML) 75

Bài t p 77

Ch ng 6 S d ng ph n m m Photoshop, Coreldraw áp d ng cho vi c ch nh s a, xu t nh cho Web 118

6.1- ho trên Web 118

6.1.1Gi i thi u đ ho trên web 118

6.1.2- ho trên Web khác gì? 120

6.2- X lý đ h a trên Web: 120

6.2.1- Ph n m m x lý đ ho photoshop 120

6.2.1.1- C s v Photoshop 120

6.2.1.2-Gi i thi u các công c ch n: 126

6.2.1.3 Công c c t nh: 132

6.2.1.4 Nhóm công c ch nh s a nh: 132

6.2.1.5 Công c t o ch : 135

Trang 3

6.2.1.6 Các công c bút v : 137

6.2.1.7 - S d ng công c Eraser (E) 138

6.2.1.8 Công c tô màu cho đ i t ng: 138

6.2.1.8 Công c t o đ ng d n Path: 139

6.2.1.10 - Các công c t o hình: 140

6.2.1.11 Công c Zoom và Hand: 141

6.2.1.12- Công c l y màu 142

6.2.1.13 Nh ng đi u c b n v Layer : 142

6.2.1.14 M t n và kênh: 147

6.2.1.15 Làm vi c v i b ng History (chuy n đ i nh đ n 1 tr ng thái b t k ) 148

6.2.1.16 C n ch nh màu cho nh: 149

6.2.2- S d ng corel draw áp d ng cho thi t k logo cho web 160

6.2.2.1-C s v Corel Draw 160

6.2.2.2- Làm vi c v i Corel Draw: 160

6.2.3 - Gi i thi u các ph n m m x lý đ ho khác 186

6.2.3.1 - Flash: 186

6.2.3.2- Adobe Image Ready: 186

6 2.3.4- Xu h ng v đ ho hi n đ i trên Web 187

Ch ng 7 Các ph ng pháp c p nh t thông tin lên web 188

7.1 FTP d i d ng dòng l nh 188

7.2 FTP d i d ng truy n file thông qua các ch ng trình 189

7.2.1 Gi i thi u m t s ch ng trình FTP Client 189

7.2.2 T o k t n i b ng WS_FTP Pro client 189

7.2.3 Truy n file 190

7.2.4 M t vài ch c n ng c a WS_FTP 191

7.2.4.1 S a thông tin Site profile đã có s n 191

7.2.4.2 Các ch c n ng x lý file và folder trên giao di n ch ng trình 192

7.2.4.3 Các ch c n ng trên Menu 193

194 7.2.4.4 Các thu t ng thông d ng trong khi s d ng WS_FTP Pro

Ch ng 8: Gi i thi u m t s ngôn ng l p trình Web – Ngôn ng l p trình ASP 195

8.1.Khái ni m v CGI: 195

8.1.1.Khái ni m: 195

8.1.2.C u trúc: 195

8.1.3.Ví d v m t CGI vi t b ng Perl 195

8.2.Gi i thi u m t s ngôn ng l p trình WEB 196

8.2.1 Perl, vi t t t c a Practical Extraction and Report Language 196

8.2.2 PHP, vi t t t c a PHP Hypertext Preprocessor 197

8.2.3.JSP, vi t t t c a Java Server Pages 198

8.2.4.Javascript: 199

8.2.5.ASP 199

8.3 – Ngôn ng ASP 200

8.3.1 Ki n th c c b n v VBScript 200

8.3.1.1- Bi n và ph m vi bi n 201

Trang 4

8.3.1.3- Các hàm trong VBScript: 204

8.3.1.4- Các toán t và bi u th c 208

8.3.1.5- Các c u trúc đi u khi n 209

8.3.1.6 Các c u trúc l p 210

8.3.2 - Ngôn ng ASP 212

8.3.3- Mô hình ASP ho t đ ng nh th nào? 213

8.3.4- T o m t trang ASP 214

8.3.4.1- Thêm các l nh Script 215

8.3.4.2- S d ng các Server- Side VBScript và Javascript 216

8.3.4.3- Khai báo bi n trong ASP 216

8.3.4.4- Ph m vi ho t đ ng c a bi n 217

8.3.4.5- Các bi n phiên và bi n ng d ng 218

8.3.4.6- Khai báo th t c, hàm và cách g i 218

8.3.4.7- Liên k t nhi u t p trong m t t p 220

8.3 5- S d ng các đ i t ng Component 222

8.3.5.1- Khái ni m Components 222

8.3.5.2- S d ng các đ i t ng trong Component 223

8.3.5.3- Các ph ng th c và thu c tính c a đ i t ng 224

8.3.5.4- Thi t l p ph m vi đ i t ng 224

8.3.6- Làm vi c v i t p h p (Collection) trong ASP 225

8.36.1- Truy xu t theo tên 226

8.3.6.2- Truy xu t theo ch s 226

8.3.6.3- Truy xu t đ n các ph n t c a Collection dùng c u trúc l nh 226

8.3.6.4- S d ng thu c tính Count trong Collection 226

8.3.7- Các đ i t ng c a ASP 226

8.3.7.1- i t ng Request 227

8.3.7.2- i t ng Response 232

8.3.7.3- i t ng Server 233

8.3.7.4- i t ng Application 233

8.3.7.5- i t ng Session 234

8.3.7.6 - T p Global.asa 234

8.3.7.8- Truy xu t d li u trong ASP 238

8.3.8.1- T o m t ODBC DSN 238

8.3.8.2- C u hình File DSN cho MS Access 238

8.3.8.3- C u hình File DSN cho SQL Server 238

8.3.8.4- C u hình File DSN cho Oracle 239

8.3.8.5- Liên k t và truy xu t CSDL b ng đ i t ng Connection 239

8.3.8.6- S d ng đ i t ng RecordSet 240

8.3.8.7- Các thao tác d li u v i RecordSet 241

8.3.9- Thao tác v i t p và th m c 242

8.3.9.1- i t ng Drive 243

8.3.9.2- i t ng Folder 244

8.3.9.3- i t ng File 244

Ch ng 9: Qu n tr máy ch Web Server trên Windows 253

9.1 Gi i thi u WEB Server 253

9.2 Gi i thi u m t s ph n m m Web Server 253

Trang 5

9.3 Qu n tr máy ch WebServer trên Windows - Ph n m m IIS Web Server

255

9.3.1 Các khái ni m c b n 255

9.3.2 Cài đ t Internet Information Services IIS 258

9.3.2.1 Chu n b cài đ t 258

9.3.2.2 Cài đ t Internet Information Services 258

9.3.3 Qu n tr Internet Information Services (IIS) 261

9.3.3.1 C u hình Internet Information Services 261

9.3.3.2 Stop/Start/Restart IIS 275

9.3.3.3 Cài đ t các công c h tr b o m t 276

Ch ng 10 Gi i thi u v WebPortal và ph ng pháp thi t k web 282

10.1 Webportal là gì? 282

10.2 Các l u ý khi xây d ng Webportal 282

10.3 Ph ng pháp thi t k web 284

10.3.1 Xác đ nh m c đích, yêu c u, đ i t ng, nhu c u đi u ki n thi t k Web 285

10.3.2 K thu t kh o sát, thu th p thông tin 287

10.3.3 Phân tích, l a ch n các thành ph n chính c a Website, th t u tiên 289 10.3.4 Ph ng án k thu t, mô hình b o m t, v n hành website 290

10.3.5 C u trúc logic Web 294

10.3.6 C u trúc c s d li u Web 296

10.3.7 Ph ng án tri n khai xây d ng Web 298

Trang 6

Ch ng I Gi i thi u v InterNet, World Wide Web

* INTERNET

1.1 L ch s phát tri n

M ng Internet ngày nay là m t m ng toàn c u, bao g m hàng ch c tri u ng i

s d ng, đ c hình thành cu i th p k 60 t m t thí nghi m c a B Qu c phòng M T i th i đi m ban đ u đó là m ng ARPAnet c a Ban qu n lý d án nghiên c u qu c phòng ARPAnet là m t m ng th nghi m ph c v các nghiên

c u qu c phòng, m t trong nh ng m c đích c a nó là xây d ng m t m ng máy tính có kh n ng ch u đ ng các s c (ví d m t s nút m ng b t n công và phá hu nh ng m ng v n ti p t c ho t đ ng) M ng cho phép m t máy tính b t

k trên m ng liên l c v i m i máy tính khác

Kh n ng k t n i các h th ng máy tính khác nhau đã h p d n m i ng i, m t khác đây c ng là ph ng pháp th c t duy nh t đ k t n i các máy tính c a các hãng khác nhau K t qu là các nhà phát tri n ph n m m M , Anh và châu

Âu b t đ u phát tri n các ph n m m trên b giao th c TCP/IP (giao th c đ c

s d ng trong vi c truy n thông trên Internet) cho t t c các lo i máy i u này

c ng h p d n các tr ng đ i h c, các trung tâm nghiên c u l n và các c quan chính ph , nh ng n i mong mu n mua máy tính t các nhà s n xu t, không b

ph thu c vào m t hãng c đ nh nào

Bên c nh đó các h th ng c c b LAN b t đ u phát tri n cùng v i s xu t hi n các máy đ bàn (desktop workstations) - 1983 Ph n l n các máy đ bàn s

d ng Berkeley UNIX, ph n m m cho k t n i TCP/IP đã đ c coi là m t ph n

c a h đi u hành này M t đi u rõ ràng là các m ng này có th k t n i v i nhau

m t vài hãng l n V i các trung tâm m i này, NFS đã cho phép m i ng i ho t

đ ng trong l nh v c khoa h c đ c s d ng Ban đ u, NFS đ nh s d ng ARPAnet đ n i 5 trung tâm máy tính này, nh ng ý đ này đã b thói quan liêu

và b máy hành chính làm th t b i Vì v y, NFS đã quy t đ nh xây d ng m ng riêng c a mình, v n d a trên th t c TCP/IP, đ ng truy n t c đ 56 kbps Các

tr ng đ i h c đ c n i thành các m ng vùng, và các m ng vùng đ c n i v i các trung tâm siêu máy tính

n cu i n m 1987, khi l ng thông tin truy n t i làm các máy tính ki m soát

đ ng truy n và b n thân m ng đi n tho i n i các trung tâm siêu máy tính b quá t i, m t h p đ ng v nâng c p m ng NSFNET đã đ c ký v i công ty Merit Network Inc, công ty đang cùng v i IBM và MCI qu n lý m ng giáo d c Michigan M ng c đã đ c nâng c p b ng đ ng đi n tho i nhanh nh t lúc

b y gi , cho phép nâng t c đ lên g p 20 l n Các máy tính ki m soát m ng

Trang 7

c ng đ c nâng c p Vi c nâng c p m ng v n liên t c đ c ti n hành, đ c bi t trong nh ng n m cu i cùng do s l ng ng i s d ng Internet t ng nhanh chóng

i m quan tr ng c a NSFNET là nó cho phép m i ng i cùng s d ng Tr c NSFNET, ch có các nhà khoa h c, chuyên gia máy tính và nhân viên các c quan chính ph đ c k t n i Internet NSF ch tài tr cho các tr ng đ i h c

đ n i m ng, do đó m i sinh viên đ i h c đ u có kh n ng làm vi c trên Internet

Ngày nay m ng Internet đã đ c phát tri n nhanh chóng trong gi i khoa h c

và giáo d c c a M , sau đó phát tri n r ng toàn c u, ph c v m t cách đ c l c cho vi c trao đ i thông tin tr c h t trong các l nh v c nghiên c u, giáo d c và

g n đây cho th ng m i

1.2 T ch c c a Internet

Internet là m t liên m ng, t c là m ng c a các m ng con V y đ u tiên là v n

đ k t n i hai m ng con k t n i hai m ng con v i nhau, có hai v n đ c n

gi i quy t V m t v t lý, hai m ng con ch có th k t n i v i nhau khi có m t máy tính có th k t n i v i c hai m ng này Vi c k t n i đ n thu n v v y lý

ch a th làm cho hai m ng con có th trao đ i thông tin v i nhau V y v n đ

th hai là máy k t n i đ c v m t v t lý v i hai m ng con ph i hi u đ c c hai giao th c truy n tin đ c s d ng trên hai m ng con này và các gói thông tin c a hai m ng con s đ c g i qua nhau thông qua đó Máy tính này đ c

g i là Internet gateway hay router

R

Hình 1.1: Hai m ng Net 1 và Net 2 k t n i thông qua router R

Khi k t n i đã tr nên ph c t p h n, các máy gateway c n ph i bi t v s đ

ki n trúc c a các m ng k t n i Ví d trong hình sau đây cho th y nhi u m ng

đ c k t n i b ng 2 router

Net 1 Net 2 Net 3

Hình 1.2: 3 m ng k t n i v i nhau thông qua 2 router

Nh v y, router R1 ph i chuy n t t c các gói thông tin đ n m t máy n m

o các máy trong

m ng Net 2 ho c Net 3 V i kích th c l n nh m ng Internet, vi c các routers làm sao có th quy t đ nh v vi c chuy n các gói thông tin ch

các m ng s tr nên ph c t p h n

Trang 8

các routers có th th c hi n đ c công vi c chuy n m t s l n các gói thông tin thu c các m ng khác nhau ng i ta đ ra quy t c là:

Các routers chuy n các gói thông tin d a trên đ a ch m ng c a n i đ n, ch

eo s m ng trên Internet ch không ph i là s

nh l ch nhau Giao th c TCP/IP c a Internet ho t

chính là đi m giúp cho TCP/IP t ra r t m nh

Nh v y, ng i dùng trong Internet hình dung Internet là m t m ng th ng nh t

và b t k hai máy nào trên Internet đ u đ c n i v i nhau thông qua m t m ng duy nh t Hình v sau mô t ki n trúc t ng th c a Internet

không ph i d a trên đ a ch c a máy nh n

Nh v y, d a trên đ a ch m ng nên t ng s thông tin mà router ph i l u gi v

s đ ki n trúc m ng s tuân th

máy trên Internet

Trên Internet, t t c các m ng đ u có quy n bình đ ng cho dù chúng có t ch c hay s l ng máy là r t chê

đ ng tuân theo quan đi m sau:

T t các các m ng con trong Internet nh là Ethernet, m t m ng di n r ng nh NSFNET back bone hay m t liên k t đi m-đi m gi a hai máy duy nh t đ u

đ c coi nh là m t m ng

i u này xu t phát t quan đi m đ u tiên khi thi t k giao th c TCP/IP là đ có

th liên k t gi a các m ng có ki n trúc hoàn toàn khác nhau, khái ni m "m ng"

đ i v i TCP/IP b n đi ph n ki n trúc v t lý c a m ng ây

Internet

host

(a)

Trang 9

Internet

Physical net

host

(b)

Hình1.3: M ng Internet d i con m t ng i s d ng Các máy đ c n i v i nhau thông qua m t m ng duy nh t (b) - Ki n trúc t ng quát c a m ng Internet Các routers cung c p các k t n i gi a các m ng

Server System

ISDN VPN

Trang 10

- Th c ch t Internet không thu c quy n qu n lý c a b t k ai Nó không có giám đ c, không có ban qu n tr B n có th tham gia ho c không tham gia vào Internet, đó là quy n c a m i thành viên M i m ng thành ph n s có m t giám

u t Internet (Internet Engineering Task Force - IETF) IETF c ng là m t t

c

c a Internet N u m t v n đ đ c co

nghiên c u v n đ này

- Nhóm đ c trách nghiên c u phát tri n Internet (IRTF)

- Trung tâm thông tin m ng (Network Information Center -NIC) g m có nhi u trung tâm khu v c nh APNIC - khu v c châu á -Thái Bình D ng NIC ch u trách nhi m phân tên và đ a ch cho các m ng má

* WORLD WIDE WEB:

“B t k m t cá nhân nào, đang s d ng b t k lo i máy tính nào, b t k n i nào, đ u có th truy c p đ c d li u trên Internet ch nh s d ng m t ch ng trình đ n gi n” đó là ý t ng c a Tim Berners-Lee - M t nhà khoa h c t i phòng thí nghi m v t lý châu âu (CERN) vào n m 1989

Hình 1.5: World Wide Web

1.4 Ngu n g c World Wide Web

Vào cu i n m 1980, Tim Berner Lee đã vi t m t ch ng trình l u tr d li u tên là “Enquire” là c s đ sau này phát tri n ch ng trình cho Web server và

Trang 11

Web client đ u tiên Ch ng trình này đ c b t đ u vào tháng 12 n m 1990 t i CERN và đ c qu ng bá vào mùa hè n m 1991 "WorldWideWeb" trình duy t

h m m r ng các tính n ng c a b trình duy t Mosaic 3C (World Wide Web Consortium) đ c hình thành vào cu i n m 1994, v i

phát tri n HTML m t c p đ u tiên nh t và phát

n nay

g h n là m t d ch v c a

n th y trên màn hình máy

c nh thông qua các “siêu liên k t” (hyperlink) Siêu liên k t v

hypertext đ u tiên ch y trên máy NeXT - Step

C ng vào th i gian này đã có nhi u công trình chu n hoá các h th ng Hypertext Các n l c này t p trung vào l nh v c Internet theo s phát tri n c a Hypertext Markup Language, hay HTML, đ c thi t l p b i Tim Berner Lee Phiên b n đ u tiên này bây gi g i là HTML 1.0

N m 1993, m t sinh viên tr tên là Marc Andressen, tr ng đ i h c Illinois t i Urbana- Champaign đã t o ra m t giao di n đ h a đ u tiên dành cho Web

đ c g i là Mosaic Ban đ u nó đã đ c phát tri n trên n n X Windows, m t môi tr ng d a vào Unix (Lúc đó Unix là h đi u hành ph bi n nh t cho các

tri n ngôn ng này cho đ

1.5 World Wide Web là gì?

Theo W3C: World Wide Web là m ng l i ngu n thông tin cho phép ta khai thác thông qua m t s công c , ch ng trình ho t đ ng d i các giao th c

m ng

World Wide Web là công c , ph ng ti n hay đún

Internet Hi u th nào là d ch v Internet? ó là nh ng cách th c đ c s d ng trên Internet nh m giúp cho vi c trao đ i thông tin tr nên thu n ti n và d dàng

Không gi ng v i nh ng d ch v khác c a Internet, Web cung c p thông tin r t

đa d ng, bao g m v n b n, hình nh, âm thanh, video, ngh a là nh ng gì chúng

ta có th c m nh n đ c Thông tin đ c bi u di n b ng “trang Web” theo đúng ngh a c a m t trang mà chúng ta có th nhì

tính M i thông tin đ u có th bi u th trên trang Web đó, k c âm thanh, hình

nh đ ng Nh ng v n đ lý thú nh t c a Web n m khía c nh khác Trang Web b n nhìn th y trên màn hình máy tính có kh n ng liên k t v i nh ng trang Web khác, d n ta đ n nh ng ngu n thông tin khác Kh n ng này c a Web có đ

b n ch t là đ a ch tr t i ngu n thông tin (trang Web) n m đâu đó trên Internet B ng nh ng siêu liên k t này, các trang Web có th liên k t v i nhau thành m t m ng ch ng ch t, trang này ch t i trang khác, cho phép ta chu du trên bi n c thông tin

1.6 Trình duy t Web:

Trang 12

World Wide Web đ c b t đ u t i CERN (Conseil European pour la Recherche Nucleaire, bây gi đ c g i là European Laboratory for Particle Physics) M c

dù ý t ng v Web xu t phát t nhi u n i khác nhau, nh ng m t đ ngh ban

đ u đã đ c vi t b ng v n b n và đ c thông tin t i CERN vào n m 1989 CERN còn ch u trách nhi m v vi c phát tri n b trình duy t Web đ u tiên, và

b trình duy t này đã đ c xu t b n vào n m 1990

ây gi th m chí không c n s d ng máy tính đ

ai b trình duy t chính đ c s d ng ngày nay là Netscape Navigator và

Các tính n ng

ày cho phép trình bày các trang ph c t p h n, bao g m vi c b trí nhi u c t

a này h tr các ph n m

ng Netscape Các tính n ng bao g m s h tr đ i v i các khung (frame),

m t tính n ng trình bày trang trên Netscape Navigator 2.0 cho phép hi n th

B trình duy t đ u tiên này đã đ c so n th o trên m t máy NeXT-Step Không gi ng nh các b trì

th ng nhìn th y ngày nay, nó ch hi n th v n b n (text) Các b trình duy t khác c ng s m đ c phát tri n, bao g m Erwise, Viola, và Lynx Ngày nay, nhi u máy v n còn s d ng các b trình duy t không thu c đ h a này, đ c bi t

là Lynx Lynx đ c s d ng ch y u trên các h th ng Unix và VMS, m c dù

nó có s n đ i v i t t c các trình ng d ng l n

Sau đó, NCSA (National Cente

t i tr ng đ i h c c a Illinois Urbana-Champaign, b t đ u quan tâm đ n Web

và b t đ u phát tri n m t b trình duy t B trình duy t này, Mosaic for X, đã

đ c xu t b n r ng rãi trên các n n X, PC/Windows và Macintosh vào tháng 9

n m 1993

M t trong nh ng ng i đã làm vi c trên đ án này là m t sinh viên t i NCSA,

ch a t t nghi p, tên Mark Andreessen Vào n m 1994, Mark Andreessen và

c

nh s d ng m t h p set-top B

truy c p Web!

H

Microsoft Internet Explorer

Tháng 10 n m 1994 Netscape gi i thi u Netscape Navigator 1.0 mi n phí đ i

v i ng i s d ng thông qua lnternet Tháng 3 n m 1995 Netscape Navigator 1.1 đ c công b Nó bao g m s h tr đ i v i các tính n ng trình bày cao

Trang 13

nhi u ô có th đ c cu n m t cách đ c l p trên m t màn hình đ n; các font và các b ng bi u HTML 3.0

Tháng 1 n m 1996 Netscape công b các plug-in, đây là các ph n m m nh c i

háng 10 n m 1996 Netscape công b Netscape Communicator, b trình duy t

1997 Microsoff gi i thi u Internet Explorer 3.0 cu i cùng dành

ho Macintosh Microsoft lnternet Explorer 3.0 cung c p s h tr đ y đ đ i

b ng bi u, các khung và các khung c i ti n (không có

ng biên và di đ ng) V i phiên b n này, lnternet Explorer tr thành b trình

ti

Tháng 4 n m 1996 Netscape công b Netscape Navigator 3.0 Nó h tr các th HTML m i, bao g m màu n n trong b ng bi u và các ch c n ng nhúng audio

và video Microsoft Internet Explorer 2.0 dành cho Macintosh đ c xu t b n

Nó h tr plug-in Shockwave, các th HTML 2.0 và 3.0, QuickTime, và Virtual Realit

Tháng 5 n m 1996 Microsoft i

*nternet Explorer 3.0 Beta s n sàng

Tháng 6 n m 1996 Netscape công b r ng có trên 130 nhà phát tri n plug-in đang t o các plug-in đ làm vi c v i Netscape Navigator Nó c ng công b

r ng site Internet c a nó nh n trên 80 tri u l t truy c p m t ngày và đã tích

l y trên 10 t l t truy c p k t khi b t đ u Microsoft ti p t c phát tri n IE 3.0, và s gi i thi u kh n ng m r ng qua các Active X control

T

JavaScript M t s nhà phát tri n thu c nhóm th ba l p ra các s đ đ phát tri n các plug-in nh m t n d ng tính n ng c a Netscape Navigator 3.0 ã có

175 plug-in đ c công b cho Netscape

Microsoft tung ra lnternet Explorer 3.0 Các Web site đ ng đ u cung c p

Tháng 1 n m

c

v i HTML 3.2, các

đ

duy t đ u tiên cho phép nh ng ng i s d ng Macintosh xem các trang Web

đ c t o nh s d ng cascading stylesheet chu n c a HTML

Trang 14

Tháng 4 n m 1997 Microsoft công b Microsoft Internet Explorer 4.0 S h

tr stylesheet c i ti n Dynamic HTML, và Active Desktop đ c xem nh là

ôi khi b n c n tìm hi u b trình duy t có nh ng đ c tính nào và ai h tr chúng i u quan tr ng là b n ph i nh n bi t các đ c tính nào đ c h tr b i các b trình duy t nào và chúng đ c th c thi l n đ u trong các phiên b n nào

N m v ng đi u này, b n s có th th c hi n các quy t đ nh v ki u thi t k và các đ c tính c a các Web site d a vào s phân tích các s li u th ng kê server

đ i v i nh ng b trình duy t nào mà ng i xem c a b n đang s d ng và bao nhiêu ng i trong s h không th nhìn th y các đ c tính mà b n đã s d ng Trong m c này, chúng ta s xem xét chi ti t h n v các b trình duy t mà b n

ta s ch xem xét b trình duy t

a ph ng ti n truy n thông, s t ng tác, và các k thu t t o hình đ ng

Có nhi u cách đ th c thi s t ng tác hay di chuy n trên m t site M t cách là

s d ng GlF đ ng, mà trong đó m t lo t các file GlF t i trên trang theo trình t GlF là m t d ng đ h a Netscape Navigator c ng h tr th EMBED, tuy không ph i là HTML chính th c, nh ng nó cho phép nhúng m t file audio Th

c nhúng đ

m t làn sóng m i trong s trình duy t

Tháng 7 n m 1997 Microsoft ch ng th c HTML 4.0 c a World Wide Web

Consortium và công b s h tr trong M icrosoft Internet Explorer 4.0

Các đ c tính chính c a các b trình duy t

ng đ i v i các phiên b n c a Navigator 2.0 và cao h

c đi u khi n b i m t plug-in

đ

Trang 15

Hình 1.6: B trình duy t Netscape Navigator 7.0

M t cách khác đ b sung s t ng tác và đa ph ng ti n truy n thông vào Web là s d ng Java và JavaScript Java là m t ngôn ng l p trình theo h ng

đ i t ng v i đ y đ đ c tính và nó có th đ c s d ng đ chèn các applet vào

các trang Web ho c đ vi t các trình ng d ng riêng bi t Java có th đ c

chèn vào m t trang HTML b ng cách s d ng th APPLET, đ c h tr b i

Netscape 2.0 và cao h n, m c dù nó không xu t hi n trong đ c t HTML chính

th c, cho đ n HTML 3.2 M t khác, JavaScript là m t ngôn ng t o script và không đ c s d ng đ phát tri n các trình ng d ng riêng bi t Nó đ c th c

thi nh s d ng th SCRIPT, nh ng không đ c th c thi trong Navigator cho

đ n phiên b n 3.05b

Các plug-in, là các m u ph n m m nh đ c s d ng đ m r ng các tính n ng

c a m t ch ng trình ph n m m, đ c th c thi trong các b trình duy t Web

b i Netscape Communications dành cho Navigator b t đ u v i phiên b n 2.0 Các plug-in có th đ c s d ng đ xem audio, video, 3D và nhi u th khác

thích, đ l y thông tin v nh ng ng i s d ng, và đ cung c p cho h m t c

h i ph n h i Các form đã đ c h tr b i Navigator k t phiên b n 1.1

Trang 16

Các table, layout, và style

Các table là m t s ti n b l n khi nh ng ng i thi t k Web sau cùng có th trình bày thông tin trong các hàng và các c t b ng cách s d ng các table thay

vì text đã đ c đ nh d ng s n Netscape Navigator đã h tr các table k t

n h n, b n đã nhìn th y các ame (khung) M i frame này có th đ c cu n qua m t cách riêng l avigator đã h tr các frame đ n gi n k t phiên b n 1.1 Nhi u đ c tính thú

các màu frame) không đ c h tr cho đ n phiên b n 3.05b

t stylesheet (m t tài li u riêng) i u này có ngh a r ng ng i thi t k

đ nh màu đo n trong stylesheet Nó cho phép ng i thi t k thay

hi m t ng i thi t k đ h a có th yêu c u m t trang chuyên v

h a M t u đi m khác c a các stylesheet là chúng giúp cho vi c t o Web

h n nhi u - ch ng h n, t t c các table c a b n

ó th t đ ng có hình d ng gi ng nhau B n s tìm hi u thêm v các stylesheet

ác stylesheet cho đ n nhi u ng i ch a nhìn th y chúng

xu ng các hình nh đ b n có th xem húng Các hình nh n i tuy n đã đ c h tr b i Navigator k t phiên b n 1.0 Các hình nh th ng đ c s d ng nh là các liên k t

Ti n b m i nh t v style khi truy c p Web là stylesheet, m t khái ni m l n

đ u tiên đ c th c thi trong m t b trình duy t chính b i Microsoff Corporation ý t ng đ ng sau các stylesheet là ng i thi t k Web có th ch

đ nh các thành ph n thi t k cho toàn b site trong m t n i Ch ng h n, m t

ng i thi t k có th cho t t c các đo n có font là màu xanh d ng, và sau đó

m i đo n s t đ ng có màu xanh d ng o n nh n thông tin màu xanh

đ c th c thi trong Netscape k t phiên b n 1.0

Trang 17

Th và tin t c

Nhi u b trình duy t cho phép ng i s d ng đ c và g i e-mail hay các bài báo Usenet newsgroup Ph ng pháp t t c trong m t này là m t ph ng pháp ph

bi n, trong đó nó cho phép nh ng ng i thi t k Web site h p nh t các liên k t

v i các newsgroup archive hay các đ a ch e-mail nh t đ nh n m ngay trong các trang Web c a chúng C th và tin t c đ u đã đ c mô t b i Navigator k t phiên b n 1.0, m c dù giao di n này đã thay đ i đôi chút v i các phiên b n m i

n

u b n d đ nh có m t Web site mà nh ng ng i s d ng c a

n có th mua hàng hóa Hãy xem ch ng 22 đ bi t thêm chi ti t v Web

icrosoft lnternet Explorer hi n đang phiên b n 6.0 Microsoft đã phát tri n

, bao g m các stylesheet và ActiveX

t ng tác, và các k thu t t o hình đ ng

h tr các k thu t t o ho t hình GlF Nó c ng đã h tr các applet Java k

n 3.0b2 S bao hàm c a th SCRIPT đ i v i JavaScript đã xu t

h

B o m t

Trong khi có nhi u lo i mã hóa trên Internet, b n có th quan tâm đ n vi c b o

đ m s b o m t B t đ u v i Navigator 3.0, các ch ng nh n k thu t s đã

đ c h tr Các phiên b n m i h n c a Netscape có m t bi u t ng chìa khóa

d i cùng cho phép b n xem m t giao tác có an toàn hay không i u này s quan tr ng h n n

Trang 18

Hình 1.7: B trình duy t Internet Explorer 6.0

Có l bi n đ i h p d n nh t trong vi c phát tri n IE là s gi i thi u c a ActiveX ActiveX đã đ c sáng t o b i Microsoft, đi u ch nh các công ngh

hi n có OLE 2.0 và OCX cho phù h p v i các trình ng d ng lnternet M t ActiveX control là m t s k t h p gi a m t plug-in và m t applet Java - nó b sung tính n ng ho t đ ng gi ng nh m t plug-in, và nó ch y m t cách đ c l p

v i b trình duy t, gi ng nh m t applet Không gi ng nh m t applet, ActiveX control đ c t i xu ng và đ c ch a trên đ a c ng c a ng i s d ng

ác ActiveX control hi n không đ c h tr b

c dù có m t plug-in Navigator cho phép b n xem các ActiveX ngoài IE m

control S h tr đ i v i ActiveX b t đ u v i phiên b n IE 3.0

Các table, layout, và style

Microsoft Internet Explorer đã h tr các table k t phiên b n 1.0 và các frame

k t phiên b n 3.0 Các tùy ch n mà nó h tr đ i v i các frame h i khác v i

Trang 19

các tùy ch n đ c h tr b i Netscape Navigator, và Microsoft đã phát minh ra các frame (nh s d ng th (FRAME) B n s tìm hi u thêm v các frame trong ch ng 5

Hình nh

IE đã h tr các hình nh k t phiên b n 2.0 Nó không h tr nhi u tùy ch n

ch ng h n nh canh gi a, ho c dàn text xung quanh đ i t ng

g có các Unix shell account

riêng h Phiên b n hi n hành là 2.6 Lynx là m t b trình duy t c h

vào text và có u đi m ch y trên các h th ng c h n Nó đ c s d ng ph n

b t ng h p ti ng nói, máy tính đ c l n cho ng i s d ng Ngoài ra, nhi u

ng i s d ng Web s kh i đ ng Lynx khi h v i vã mu n tìm các n i dung thông

nhi u đ i t ng có kích c file l n, nên các si

Trang 20

h n nh hình nh, ki u đ nh d ng, và các frame), và các yêu c u h th ng (ch ng h n nh các v n đ n n ng d ng và RAM) Trong khi Lynx không h

tr nhi u đ c tính m i h n, b n c ng không c n nhi u RAM và m t máy m i

n đ ch y nó: V i giao di n dòng l nh c a Lynx, nó có th đ c đ a vào s

ng n u b n đã quen v i vi c tr và nh p chu t

a ph ng ti n truy n thông, s t ng tác, và các k thu t t o hình đ ng

c n nh p chu t vào trong m t tr ng và gõ

bi t th TABLE và sau đó phân chia thông tin ra ành m t lo i form trình bày Ngh a là, t t c thông tin đ u n m đó và ng i

h ng

nh bày sau trong sách này

ác frame trong Lynx t ng t nh các table - trong khi Lynx nh n bi t và x

frame, các k t qu có th hoàn toàn khác v i nh ng

ì mà b n mong mu n Thay vì mô ph ng các frame, Lynx cung c p các liên

ng cách này không đem l i hi u qu t t

n không th đ c mail c a b n t trong Lynx Tuy nhiên, b n có th g i ail t Lynx n u có m t liên k t đ n m t đ a ch e-mail hay m t tác gi đã

e-đ nh trong trang HTML Lynx h tr vi c e-đ c các newsgroup và tr

i các bài báo newsgroup

h

d

Lynx không h tr các GlF hình đ ng, th EMBED, Java, JavaScript, các

plug-in ho c c u trúc ActiveX Lynx không h tr các form, m c dù nh ng ng i s

d ng Lynx ph i đ nh h ng qua chúng nh s d ng các phím m i tên hay phím TAB trên bàn phím thay vì ch

nh p n i dung c a chúng Lynx có th đi u khi n các h p ki m, các nút radio, các nút thông th ng, các danh sách ch n, và các vùng g i text

Các table, layout và style

Lynx không h tr các table, m c dù nó không nh t thi t ph i hi n th chúng

nh ý b n mu n Nó nh n

th

s d ng có th tìm ra h th ng phân c p và theo dõi các liên k t n u có, n

b n s không ph thu c quá nhi u vào các hàng và các c t N u b n mu n l p các table có ý ngh a đ i v i nh ng ng i s d ng Lynx, b n có th c n s d ng

đ cung c p n i dung thay th cho các b trình duy t v n không hoàn toàn h

tr các frame Lynx không h

m t b n đ phía client, b trình duy t có c h i x lý text khác Hãy ghi nh

r ng, vì không có hình nh, nên b n đ đ c hi n th trong Lynx d i d ng các liên k t text Trên

Trang 21

NCSA Mosaic là m t b trình duy t c h n v i các tính n ng gi i h n, m c dù

ó có th x lý các th HTML và các lo i file nhi u h n so v i Lynx M t

nh t gi a NCSA Mosaic và Lynx là Lynx h tr

và các k thu t t o hình đ ng saic không h tr các GIF đ ng, th EMBED, các applet Java,

ác table, layout, và style

tr các table, các frame, hay các stylesheet

đ u v i phiên b n 2.0, Mosaic có th hi n th các file nh GlF và

AOL

Vào n m 1995, nhà cung c p d ch v tr c tuy n l n nh t th gi i, America Online (AOL) đã phát tri n m t b trình duy t Web B trình duy t AOL cho phép nh ng ng i s d ng AOL ch n b t k b trình duy t nào mà h mu n

Gi ng nh Lynx, NCSA Mosaic không có các h th ng b o đ m an toà

cài s n trong b trình duy t Nó không h tr m t đ c tính gi ng nh

ch ng nh n k thu t s

Trang 22

i v i ng i s d ng, l i ích c a vi c s d ng b trình duy t AOL là h có vào Web m t cách nhanh chóng - m i th đi qua AOL và có r t ít th mà

h i t i xu ng và c u hình i m h n ch là ch t l ng c a b trình duy t AOL kém Ph n l n m t Web site đ c thi t k đ làm vi c t t trên các

Hình nh

T t c các phiên b n c a b trình duy t AOL đ u h tr đ h a và các b n đ

nh

Th và tin t c

B trình duy t AOL cho phép khách hàng s d ng th và tin t c, nh ng s truy

c p b gi i h n đ i v i nh ng gì mà AOL cung c p - không có s truy c p tr c

B trình duy t WebTV cho phép ng i s d ng truy c p lnternet thông qua

m t máy truy n hình Môi tr ng ng i s d ng t t khác v i m t máy tính, vì

v y n u b n quy t đ nh r ng b n mu n thu hút càng nhi u ng i s d ng WebTV càng t t, b n nên ki m tra cách ho t đ ng ph n m r ng c a chúng

a ph ng ti n truy n thông, s t ng tác, và các k thu t t o hình đ ng

ph ng ti n truy n thông, s t ng tác, và các k thu t t o hình đ ng

trình duy t AOL không h tr các GIF đ ng, th EMBED, Java, hay aScript Nó c ng không h tr các plug-in h

Các table, layout và style

B trình duy t WebTV phiên b n 0.9 h tr các GIF đ ng và các form, m c dù

nó không h tr s mã hóa (đ b o đ m an toàn) đ i v i thông tin đ c g i qucác form

in, ho c ActiveX

Trang 23

Các table, layout và các style

WebTV h tr các table, tuy không tuân theo cách thông th ng B t

duy t WebTV không h tr các frame hay stylesheet M t trong các

rình quy c

ternet, Web và các tính n ng c a các b trình duy t web B n có th th y

c ngu n g c, s phát tri n c a Internet, web m t cách khái quát

khó hi u nh t c a WebTV là thi t b đ u cu i đ c cài đ t v i m t chi

c đ nh là 544 pixel và nó không h tr vi c cu n theo chi u ngang Nh

Trang 24

M t h th ng Web là m t h th ng cung c p thông tin trên m ng Internet

ng qua các thành ph n Máy ch , trình duy t và n i dung

Trong ch ng này s gi i thi u m t cách c b n nguyên lý ho t đ ng c a

t h th ng Web c ng nh các thông tin liên quan t i các cách th c xác

h v trí ngu n thông tin, cách th c trao đ i d li u gi a máy ch v i

đ n

trình duy t và cách th c th hi n thông tin

ô hình h th ng Web nói chung

M ng d ch v Web là m ng các máy tính liên quan đ n d ch v Web bao g m các máy ch d ch v , các máy tính và thi t b ph c v cho vi c cung c p d ch

v Web

H th ng đó bao g m:

- ng k t n i v i m ng cung c p d ch v Internet

Trang 25

- Các máy ch cung c p d ch v Web: cung c p các d ch v web hosting, ch a các ph n m m Application Server đ m o vi c phát tri n các d ch v trên

2.3

Khi máy client k t n i vào Internet (thông qua h th ng m ng LAN hay các

đ ng dial up ), ng i s d ng dùng trình duy t web (web browser) gõ đ a ch tên mi n c n truy nh p (ví d : http://home.vnn.vn) g i yêu c u đ n máy ch

Web

Web Server xem xét và th c hi n h t nh ng yêu c u t phía Web browser g i

đ n K t qu là m t trang "thu n HTML" đ c đ a ra Browser Ng i s d ng

s hoàn toàn trong su t v i nh ng gì đ ng sau c a m t Web server nh CGI

Script, các ng d ng c s d li u

Tr ng h p là web t nh thì web server s l y thông tin l u s n trên máy ch

d ng th m c, file g i l i theo yêu c u c a client Tr ng h p web đ ng (dùng các ngôn ng l p trình web nh ASP, PHP, JSP, CGI k t n i và khai thác c

s d li u

M t ví d : Khi có k ho ch đi công tác t i Hà n i, A bi t có th tìm đ c

các thông tin liên quan t i th i ti t Hà n i t i đ a ch Web

bweb, k t n i đ n các c s d li u trên các máy tính khác, m ng khác

- Các máy ch c s d li u, máy ch ch ng th c, máy ch tìm ki m

- H th ng t ng l a (c ph n c ng và ph n m m) đ m b o an toàn cho h

th ng máy ch v i môi tr ng Internet

- H th ng máy tr m đi u hành, c p nh t thông tin cho máy ch Web

Nguyên t c ho t đ ng

http://home.vnn.vn

http://home.vnn.vn

Server answer Server answer

base

Greeting!

Well come to Our site

VNN Web Site on the Net

We hope that you will find every

thing you are looking for…

<html>

<body>

<H1> Greeting! </H1>

<p><i>Well come to our site</i></p>

thing you are looking for … </p>

</body>

</html>

Brows

Server HTM

Data

<img src=“vnnlogo.gif”>

<p>We hop that you will find every

Trang 26

"http://hanoi.vnn.vn" – đ a ch này chính là m t URI (Uniform Resource Identifier - world wide web address)

Khi A nh p URI trên vào trình duy t thì:

1 Trình duy t s th c hi n g i yêu c u l y thông tin t i đ a ch xác đ nh trong URL thông qua giao th c truy n d li u có tên là http

2 Máy ch n i ch a thông tin s xác đ nh nh ng thông tin c n thi t theo yêu c u d a trên URI c a ng i s d ng g i t i Truy n thông tin liên qua t i yêu c u t i ng i s d ng thông qua giao th c truy n thông http

3 Trình duy t sau khi nh n đ c k t qu tr l i c a máy ch s ti n hành trình bày d li u k t qu nh n đ c theo khuôn d ng nh t đ nh B n thân trong k t qu nh n đ c c ng bao g m các liên k t t i thông tin

v trí khác trên Web và các v trí này c ng đ c xác đ nh b i các URI Trong ví d trên đã gi i thi u cho chúng ta ba c u trúc c a Web g m: Xác đ nh

v trí thông tin, Trao đ i và cách th hi n thông tin:

1 Xác đ nh v trí thông tin: M i resource trong Web s đ c xác đ nh b i Uniform Resource Identifier (URI) Trong ví d trên, resource dùng đ

l y tông tin v th i ti t Hà n i đ c xác đ nh b i URI:

"http://hanoi.vnn.vn"

2 Trao đ i thông tin: Các tác nhân c a Web (trình duy t – browser, web server, …) th c hi n trao đ i thông tin thông qua các message, các message này đ c hình thành khi có yêu c u c a ng i s d ng ho c khi th c

đ nh ngh a cách th c trao đ i d li u gi a các tác nhân trong Web, trong

th là: HTML, XML, … d

ngh a này, trình duy t s trì u có th giúp ng i s

d ng khai thác thông tin m dàng

hi n các ti n trình x lý d li u Các giao th c (Protocols) s

ví d này là giao th c HTTP

Th hi n thông tin: Các message đ c hình thành khi trao đ i thông tin gi a các tác nhân trong web đã ch a các đ nh d ng d li u Tùy thu c vào t ng yêu c u c th mà các đinh d ng th hi n d li u s khác nhau Trong

tr ng h p khi nh n k t qu tr l i t các web server, các đ nh d ng đó có

li u nh, … D a trên các đ nh d ng đ c đ nh

nh bày l i sao cho d li

t cách d

Trang 27

i đa s các trang Web trên Internet vi t b ng ngôn ng HTML N u chúng ta

hông th o l m v ngôn ng này, chúng ta v n có th t o đ c các trang Web

dàng thông qua các ch ng trình t m g i là công c làm Web Có r t nhi u

h ng trình nh v y ví d nh : Frontpage, Hotdog, Dream weaver

rong tài li u này chúng tôi gi i thi u v i các b n s d ng ch ng trình

rontpage 2002:

- M , đóng, t o m i, ghi m t trang Web

- nh d ng font ch , paragraph, màu ch ,

chúng ta s th y m t lo t các công c phía trên Các công c này có th cho

hi n th ho c không b ng cách click chu t ph i lên thanh công c r i ch n lo i

công v c n hi n th

K

Trang 28

V i Frontpage có th so n th o trang tr c ti p b ng giao di n tr c quan ho c

xây d ng tr c ti p b ng th HTML

Hình 3.2 Giao di n Frontpage 2002 c a s mã

.1 M , đóng, t o m i, ghi m t trang hay m t Web site

m c trên máy nh m t website Khi đó t i

s các file đ windows qu n lý tên “_private”, “_vti_cnf”, “_vti_pvt”)

này không còn giá tr s d ng vì th

th m c đ c coi là website đó s sinh ra m t

(Các file này n m trong các th m c có

Khi đ a website lên m ng thì các file

tr hi đ a lên m ng chúng ta nên xoá b toàn b nh

Trên thanh công c vào: File > New > Page or

Trang 29

Hình 3.

Hình 3.4: Ch n template Sau đó ch n trang c n t o:

Có th ch n m t trang tr ng (Blank page) ho c

ch n trang theo m t thi t k có s n c a Front page(Page template) r i ch n m t trong s các

m u có s n (Có th là Frame) i v i Website

ch n Empty Web ho c Website Template

+ M m t Website (M t th m c c coi là Website):

Trên thanh công c vào: File > Open Web

3: T o m t trang hay web

đ

Trang 30

Hình 2.5: M Website

Sau đó ch n th m c c n xây d ng

Hình 3.6: Ch n th m c web

3.2 nh d ng font ch , paragraph,

Font ch : Format > Font r i ch n font c n hi n th , và màu hi n th c a

do n text Ho c b n có th ch n ngay t i Dropmenu font c n hi n th (Gi ng

m t s trình so n th o v n b n khác) và màu t i bi u t ng ch A trên thanh công c

Paragraph: L a ch n đo n v n b n c n đ nh d ng (Bôi đen), click chu t ph i vào đo n n b n đó đó r i ch n Paragraph

Trang 31

Hình 3.7: t paragragh

Có th đ nh d ng theo:

Alignment: Quy đ nh v trí c a đo n text đó Giá tr :

Defaut, left, right, center, Justify

- Identation: Xác đ nh l c a đo n text Giá tr :

Before text: Kho

After text: Kho ng cách l ph i

tr ng đ u đo n text

c đo n text Giá tr :

Line spacing: Kho ng cách gi a các dòng trong đo n text

-

ng cách l trái

Ident first line: Kho ng

- Spacing: Xác đ nh kho ng cách gi a cá

Before: Kho ng cách phía trên đo n text

After: Kho ng cách phía d i đo n text

Trang 32

Chèn nh: Insert > Picture >From file r i ch n file nh c n chèn

Hình 3.9: Insert nh

c tính c a nh: Ch n nh c n đ t thu c tính, click chu i ph i ch n Picture Properties

Trang 33

Hình 3.10: t đ c tính c a nh

am s cho nh Hình 3.11 : Ch n th

Trang 34

T o âm hu t ph i vào trang ch n Page properties, T i

m c background sound ch n file âm thanh c n chèn

thanh cho trang: Click c

âm thanh n n

Size:

Alignment: V trí c a b ng trong trang Giá tr :

Default, left, right, center

Border size: dày c a đ ng vi n b ng

Cellpadding: Kho ng cách ph n t trong cell đ n đ ng vi n b ng

Cellspacing: Kho ng cách ph n t ngoài cell đ n đ ng vi n b ng

Specify width: r ng c a b ng

B n c ng có th t o b ng b ng bi u t ng trên thanh công c ho c có th v

b ng b ng cách Table > Draw Table

B n mu n s a b ng click chu t ph i vào b ng c n s a ch n Table Properties

Trang 35

Hình 3.13: Ch n Thu c tính cho b ng

T o màu n n cho m

Click chu t ph i vào b ng ho c cell c n o màu n n ch n Table properties (v i

roperties (v i cell) T i m c Background có 2 l a ch n

- Color: Ch n màu n n cho b ng ho c cell

t b ng ho c m t cell:

tTable) ho c Cell p

- Use background picture: Ch n m t file nh có s n làm n n

Trang 37

Hình 3.15: t bookmark cho m t đ i t ng

là m t đo n text, có th là nh, )

t > Hyperlink (Phím nóng Crtl+K, c ng có th click chu t vào

g qu c u trên thanh công c ), t i ph n URL c a c a s m i hi n b n đánh đ a ch c n link đ n là

T o siêu liên k t (hyperlink):

Trang 38

Hình 3.17: t thu tính cho hyperlink

ng link có s d ng frame, b n có th ch đ nh trang link đ n

n Target frame click chu t vào bi u

Same frame: Trang hi n th ame ch a đ ng link

e: Trang hi n th toàn b c a s (không thu c frame nào)

ndows: Trang hi n th sang m t c a s m i (Không thu c c a s ch a

ame: Trang hi n th sang frame cha (bao frame có ch a đ ng link)

ung(form):

n t thu c form (các form field) ph i n m trong khung này thì m i có

ngh a

Insert > Form > Form

Khi t o khung luôn có

Clear: Xóa d li u tro

Trang 39

ert > Form > Check Box

á tr là các l a ch n logic S d ng trong tr ng h p ch n nhi u giá

- H p text m t dòng (One line text box):

Insert > Form > One-line Text Box

Trang 40

M i form

click chu

field có các đ c tính riêng c a chúng l a ch n các tham s này ta

t ph i vào form field đó r i ch n Form Field Properties

h dáng trang có t o form

ày h ng d n v cách trình bày trang và các k thu t đ nh d ng v n

b n Qua đó b n có th t o g b ph thu c vào nh ng

gi i h n c a HTML M c dù Frontpage 2002 cung c p cho b n h u h t các k

thu t xây d ng, b n có th th y m t trang web r t v a ý, nh ng k th c b n

n th trên trình duy t không hoàn toàn theo ý

o di n frontpage r t hoàn h o Vì v y đ cho

Ngày đăng: 14/08/2014, 16:21

HÌNH ẢNH LIÊN QUAN

Hình 1.6: B  trình duy t Netscape Navigator 7.0 - Giáo trình xây dựng và quản trị website ppt
Hình 1.6 B trình duy t Netscape Navigator 7.0 (Trang 15)
Hình 1.7: B  trình duy t Internet Explorer 6.0 - Giáo trình xây dựng và quản trị website ppt
Hình 1.7 B trình duy t Internet Explorer 6.0 (Trang 18)
Hình 3.1: Giao di n Frontpage 2002 c a s  so n th o - Giáo trình xây dựng và quản trị website ppt
Hình 3.1 Giao di n Frontpage 2002 c a s so n th o (Trang 27)
Hình 3.7:  t paragragh - Giáo trình xây dựng và quản trị website ppt
Hình 3.7 t paragragh (Trang 31)
Hình 3.10:  t đ c tính c a  nh - Giáo trình xây dựng và quản trị website ppt
Hình 3.10 t đ c tính c a nh (Trang 33)
Hình 3.13: Ch n Thu c tính cho b ng - Giáo trình xây dựng và quản trị website ppt
Hình 3.13 Ch n Thu c tính cho b ng (Trang 35)
Hình 3.19 : Hìn - Giáo trình xây dựng và quản trị website ppt
Hình 3.19 Hìn (Trang 40)
Hình 4.2: Ví d  v  tiêu  đ  v n b n - Giáo trình xây dựng và quản trị website ppt
Hình 4.2 Ví d v tiêu đ v n b n (Trang 43)
Hình 4.3:  o n v n b n ch  nghiêng - Giáo trình xây dựng và quản trị website ppt
Hình 4.3 o n v n b n ch nghiêng (Trang 44)
Hình 4.4:  o n v n b n ch  g ch chân - Giáo trình xây dựng và quản trị website ppt
Hình 4.4 o n v n b n ch g ch chân (Trang 45)
Hình  4.6: Th  BR trên trình du y t - Giáo trình xây dựng và quản trị website ppt
nh 4.6: Th BR trên trình du y t (Trang 46)
Hình 4.7: Ch  s  d i - Giáo trình xây dựng và quản trị website ppt
Hình 4.7 Ch s d i (Trang 47)
Hình 4.9: Ví d  v  danh sách - Giáo trình xây dựng và quản trị website ppt
Hình 4.9 Ví d v danh sách (Trang 48)
Hình 3.10: Danh sách có bullet - Giáo trình xây dựng và quản trị website ppt
Hình 3.10 Danh sách có bullet (Trang 49)
Hình 4.20: Toàn b  trang Frame - Giáo trình xây dựng và quản trị website ppt
Hình 4.20 Toàn b trang Frame (Trang 65)
Hình 6.3: C a s  New c a menu File - Giáo trình xây dựng và quản trị website ppt
Hình 6.3 C a s New c a menu File (Trang 123)
Hình 6.12: H p tho i Fill - Giáo trình xây dựng và quản trị website ppt
Hình 6.12 H p tho i Fill (Trang 131)
Hình 6.28:  C a s  layer Style - Giáo trình xây dựng và quản trị website ppt
Hình 6.28 C a s layer Style (Trang 144)
Hình 6.53: h p tho i Options - Giáo trình xây dựng và quản trị website ppt
Hình 6.53 h p tho i Options (Trang 177)
Hình 8.1 Mô hình ho t  đ ng trang ASP - Giáo trình xây dựng và quản trị website ppt
Hình 8.1 Mô hình ho t đ ng trang ASP (Trang 214)
Hình 8.3 Tr  l i t  server - Giáo trình xây dựng và quản trị website ppt
Hình 8.3 Tr l i t server (Trang 230)
Hình 9.2: Chi ti t các modul trong IIS - Giáo trình xây dựng và quản trị website ppt
Hình 9.2 Chi ti t các modul trong IIS (Trang 260)
Hình 9.3: Cài  đ t IIS - Giáo trình xây dựng và quản trị website ppt
Hình 9.3 Cài đ t IIS (Trang 261)
Hình 9.11:  Dùng Virtual Directory Creation Wizard đ  t o th  m c  o - Giáo trình xây dựng và quản trị website ppt
Hình 9.11 Dùng Virtual Directory Creation Wizard đ t o th m c o (Trang 265)
Hình 9.27: H n ch  truy c p v i web site theo  đ a ch  IP - Giáo trình xây dựng và quản trị website ppt
Hình 9.27 H n ch truy c p v i web site theo đ a ch IP (Trang 275)
Hình 9.31  Hình 9.32 - Giáo trình xây dựng và quản trị website ppt
Hình 9.31 Hình 9.32 (Trang 278)
Hình 10.2 V  trí c a b  ph n thi t k - Giáo trình xây dựng và quản trị website ppt
Hình 10.2 V trí c a b ph n thi t k (Trang 284)
Hình 10.6 Mô hình ki n trúc  ng d ng nhi u l p - Giáo trình xây dựng và quản trị website ppt
Hình 10.6 Mô hình ki n trúc ng d ng nhi u l p (Trang 291)
Hình 10.9 Ví d  v  mô hình logic web - Giáo trình xây dựng và quản trị website ppt
Hình 10.9 Ví d v mô hình logic web (Trang 295)
Hình 10.14 Các ho t  đ ng c a các nhóm khác trong quá trình s n xu t web - Giáo trình xây dựng và quản trị website ppt
Hình 10.14 Các ho t đ ng c a các nhóm khác trong quá trình s n xu t web (Trang 299)

TỪ KHÓA LIÊN QUAN

TÀI LIỆU CÙNG NGƯỜI DÙNG

TÀI LIỆU LIÊN QUAN

w