Giáo trình thiết kế web (nghề tin học ứng dụng trình độ trung cấp)

“TUYỂN HỘ BẢN QUYỀN, Ti liệ này oộc lợi ách giáo tình nn ức ggn thông tín có được hấp dùng nguyên bn wich đẫn dòng ch các mục đi vo lọ tà ham Khảo, Mole Đi khác mang thọ ch bộc dụng với

BQ GIAO THONG VAN TAL

TRUONG CAO DANG GIAO THONG VAN TAI TRUNG UONG f

“TUYỂN HỘ BẢN QUYỀN,

Ti liệ này oộc lợi ách giáo tình nn ức ggn thông tín có được hấp dùng nguyên bn wich đẫn dòng ch các mục đi vo lọ tà ham Khảo, Mole Đi khác mang thọ ch bộc dụng với mục địch nh dou thấu ành mạnh i mie cm,

_

LỠI NÓI ĐẤU,

‘Ney ay, ki fem đi ở nên que (huộ vã gÌn gũi với con người ương

8 hội thậm chí là ông cụ thông thế Hiễu ong cuộ sống hiện dal việc dua hông tín quảng á, tìm kiến thông ta giao ch mua bản én ort W những

"hoại động thường xuyên củn các đân cư mạng, Chí vì vậy nhủ cầu tiết kế được những tang web ắp dẫ th hú nhiễu người uy cập là mục iu và mơ ước in CẢI nhiều người

"Xu phát tờ nhu cu đổ, cuắn giá in ước hỗ sẽ cong cấp cho người đục những kiến th cơ bản nh, hiễu đượccẳu tạo và cách tất ế một trang web đơn

in Bên cạnh độ là hữn lời khuyên để gip những người mới bước chin vàn chua cổ kính nghiệm, cổ được định hưởng, độ tạo ra những tang web có gi điện đẹp ph hợp vốiêu chí mục ích của tang acb và tụ hút nhiễu ngồi xem,

"Đẳng thôi cuỗn giáo nh này cung cắp cho các em học inh xinh viên những Miễn hức về Thương mại đến tớ, ig đang là một ưng những phương tức kinh doanh mang hạ nhễu ích cho nhn loại và à phương thúc Kin doar id

ho i kin rth,

(Gio win" This ké Website” King những xử đụng làn giáo tình ni bộ tong Nhà tường mã còn được sử dụng cho vệc gián dạy và họ ập của găng Viên học sinh © sinh viên ngành Tin học ng dụng tỉnh độ Co đẳn + Trường Can dắng nghề GTVT Thang ương

(Gio wah Thi Website ip hap nhu giáo tính củ bản gồm:

(Chg I= This Ad web Bing gin 9 HTML

Chương 2: Thổ bl website hing hms rink Meraso From Page

Chương 9 Ti web ing Dreanearer

Mie ia rt nha cổ ng ki bia soa, nhơng khổng hề ánh khổ những sả

xi ly non nhận được sự gấp ý cờ độc đ gi tình bàn Biện hà,

dn ch Hành căm nt

so soy

MỤC Lục, 'CHƯƠNG I-GIỎI THIỆU NGÔN NGỮ HTMI

1 GIỚI THIỆU VỆ NGÔN NGỮ HTMI

2 CAC THE DINH CAUTRUC TAL LIEU

‘a The HIME,

Í Khái nệm văn bạn su lên kết

‘Dia chi tương đã,

2

28 2

6 CACTHE CHEN ÂM THANH HÌNH ẢNH as

1 GIỚI THIỆU CHƯƠNG TRÌNH MICROSOFT FRONTPAGE 54

- Giới thiệu VỆ Mierseitfrohtpage sỹ

by, Các thanh công cụ ss Phung thie xem trang 56

2 TAO BO WEB DON GIAN 56

8 Thao tic to 99 web dom gin se

b Che thao te tg trang we s Tạo in kế ác trang web dow se

4 Nut ban 9 web, 8

3 CÁC THAO TÁC TRÊN BỘ WEB 9

4 Tyo méib9 wed, 59

bh Tyo mi trang web 9

«Dinh dang header, footer 9

4 Xem bộ web bằng trình duyệt 9

e Đông “

4 THAO TAC TREN TRANG WER, 9

7

2 Chinn dang vin bin do tang we

1 Chim hình ảnh vẫn trang we

Chin bing ve ra we

4 Chin ie cing eye big yao trans web

+ Siênlênkế

& TẠO MẪU WEB THIỆT KẾ CÓ SÂN

4 Tyo nhanh mộ bộ web cá nhân

Lò Thay đichí đấtthành phần Them

+ Đi tên lập tin

6 TẠO BIÊU MAU FORM

b Tạo rang khong

Nội dụng trang không

4 tga chính trong không

(CHONG I: THIET KE WEB BANG DREAMWEAVER sno

1 GIOT THIRU CHUNG VE DREAMWEAVER

2 THIET KỆ WEB BẰNG DREAMIWEAVER

4 Lip kd noch it ké web

b Nhập nội dung và định đạng văn bản

c Hình inh trong tang web

dd, Lâm vie vt bang

e HINH địng

1 Biểu mẫu

1% Behasior

1 Cha kang vt Frames

Quin visirdyng Assets

'CHƯƠNG I: G161 THIEU NGÔN NGỮ HTML

ỚI THIỆU VỆ NGÓN NGỮ HTML,

HT, tiếng Anh vệ chọ or Marlap Langege, by là "Ngô ng

"Định do Su vận bản? là nộ ngôa go định du được hit km để to lê các tang ach tới các tu bông nđuợ ua ay ren Wold Wide Web, HTMI được ảnh ghia mộ ứng dụng đơn giảa ca SƠML, và được sự đựng ong ce chúc clin dn ch yê cầu xu bản phức tp MU đi r hành mộ chu Inter

‘dod che Word Wie Web Consoniam (WSC) dy ì, Phiên bán chính thốc mới nit cin HTML ti HTML 401 (199), Sa đổ, ác wh phi win thay thé bing XHTML Hiện nay, HTML dang dave pte ếp với phiên bản HTMLS ahem mang i dig mo i co Web

‘Bing ich ding HTML ding hoje Ajo, tp Win vgn ch de Wo mv XY

di ồ lượng lớncc công cụ từ một chương in rạn tảo ân ản đ giản có {he 90 vio ng tữ những dng dẫu Hiên - cho dễn những công cụ xuất bản WYSIWYG phi op

độ oe mb hy, Dạ đồ khi người dàng tìm kửm

cửa tang Web ang cp Lota coh yêu củ ie in kin

(Chis tre 2 <HEAD> anc IEAD> Hoe <head> chad

mere

Nội dang được hiện tia anh têu dễ

“Cu trú: <TTTLES Nội dang iu đ </TTTLE> hoc <ide <Mdo-

ác ThếHODY

Da iucua website day vit vb tone hem

Phin thi: Phin ny nim sau phin iu 4 Phin thin bao gm vin

ăn hình ảnh à các liên kết mã bạn mudn hiển th trên trang Web ea

‘minh Phin thin bi ug thé <BODY> vi At thie ig the <BODY> Cin te: <BODY> Diriu website <MODY> hope <hody> chady>

‘Vid bt mn cin 1 co dogn vi in, bạ có th sử dụng Huộc nh align ein

‘he <p> Gi ci hae ih alin 6 bn đi tị: conerjosfVlENfigt

| CemerCin doa vin ban giữa

“Jf: Cin doa vn bin sang 2

+ Lett Cin don vin bin sang rt

+ Right Cin don vin kn sang bsp

vn iy te Heating

The suing ding <BR>

"Động đệ xưng động doe vn bin go the <B> hi he <p>ching a Wi nồi tiện cũng cóc đụng ương tự hư tệ <ho>

+ Chi The=BH> chico thề nó, không cô h động

me PR

8

ĐỂ gii han don vn hin diye dink dang sn yn ch ig the <PRE

‘Vin bn ita aith ày sẽ doy th in gio bi br hi ching dae ah

‘i, vida ning ng omg dopa vn bi gi han Whe <PRE> 8c §

‘ghia chun sang dg (inh dy king co ching ahd cick)

Để hệ ign dah Sh thôn cổ hứ ty a i gp th <ul> 8

“chi là tt cach node ist pia dan ch ag thy

lo ir tc chit maps me en dash ch,

anh sich sau dy da sd kg 6 ty

<i> Creating forsi>

<4 Working with Framesli>

¬

Le Cấm ác tê danh sách cả thế tà Không có thể

‘Cla we hệ hiện he da ch cổ tử tự và khôn cố tt lì ương an (Clue pa neo ác nguyên lắc s dy

+ Lic no cing pin cặp hệ thông th iu mi vung 2

+ Bb ol dah sh 6 th pa a ep the <b, eo + Dh idan sth ing th, pith pt: atu, i>

ia

Ben ong thé <ol> the <ul>) eh chia tgp mee day at elo,

~_ Bênrong thế i»<lo chứa được in hic tệ HTML/XHTMI, ty tiện 1iông được chữ một số uy chưnbrcinl>, cncte+cimets, -ÀĂ< 1 111, như <wples<lyle, cetifo<heipe,

Là cứ Đế đc ử đọng quy nh các hoe tn hr in pig, nm

gà dân oc ý tự Ki được hả hiện rên nh yg

-U>Oha age och chin ><>

<STRIKE>Chi by goch neangISTRIKE> <BR>

“<Ee<lsChữ lñ đệm vì ngưng T<B5<BE

<U><B>Chi ini vi được gch chôn I><BR> ees in hing ge gc chủng 0> 00pY>

nu

gua ig

1b Can tt vin bin rong rag eb

“Tron i by tang we hl phi chi vie cn vn bin 8 tăng wshcie cô được b cục đẹp, Mộ sổ cc tế dang the tin thm align cho pp ba ăn šcc ân bản năm rũng phạm vi gửi lạn củ các the ảnh ạnh độ

(i cin the tinh alin cB gi tị enerJtsiIeMi

+ Comer Cin oan vin bn ida

+ oti Cin don vin ban sang 2 én

+ Left: Cin dan nbn sang bn rt

ight Cin do iia sng in ps

Word Wide We cn ir WHY, dm deh tụ Imereti ay dog en

‘tip sao thir hn dns dco php et i de md nh server theo

‘mi ech đặc it phn ph ce bin in tren mane theo cc hie chin

a

0DY>

ners

‘gu ig thn in yet

WORLD WIDE WEB

ene Wen oil WW, hy et ie

Ngư Tụ re se apa ng vế ti tết cơ thưn ng sec”

he

‘Np aching a the CENTER 6 giữa trng tội vân bán

Cả pháp <CENTERR Via tn se deca ia rưngJCENTERS

Thời giai qua mau ch còn nh mmc

“Kiện hận tơ sẽ còn nhớ mãi thy BBR

20

Trang ngôn ngữ HMI, một s ký độ bt bạn không bề g bản pm Ví

đu su cài gồ khoảng cách giữa các là một ký khong wing Hay abil yy boa rng kết quả bến tớ lên nh uy I bu hau Vi vy nya man

sử thu khoảng ắng lên ye tpi thy iện gợi mã HTML co ký hậu đc liệt Sau ying tk mt A hu be bit thug ding

(Sie dngminc ramg tie amg we

‘Mju ma se dae tg bgp iba teh pa maa ein, KB Re, Xa ely (Groen, Xanh se bi (Bue), Tre HTML mt gi} mba là một g9 ên đạn ha (ệ đÊn sự sổ I6 có nh dg ab sau

5RRGGBB tong đề

RR: Gi mado

(66: Gil me aah cày

'BB: Là giá mu anh nuớ hiến

—

`Ý npn ce tas cin th BODY:

[Cena ee > tink Chi nh iu ca vn bin si aK

‘lik Ch ha ean ia We ag ag cg Vik Ci dink cn in i i i ig Background | Cdn dia ci cist ding in oa

Bysolor 'Chiếnh màu nên

a

“Troms vid mi, chang ta đơn lập anh erode

am nda cho wang Wed ci ish

ân chộ phi iw vii cn eh mei cha MB ei in rie vi

‘nin mục ch hon tn Kc whan, WorldWide Web aw ca Sn 4

‘inh bn nha rang in i nim sa, cing to nn mp ha env mt oe

‘ch mon tin ho hh: Web og ie he

80DY>

<arrsit>

|i quá hiện tị

Fa

Shibda, WouvisWonimasaasdurects The erg apenas

Cô

Chm bia hich vn bin

"Để cỏ được hội tang Web dp nà cá og vie nh Ab ee, tang

‘mi sc hinh nh tì ca chon ác ấu chữ ph bợpcho từng nội dụng văn

tn ca inh by ie quan wore BE chon png hi in th cho mit vi bin ạncó Để sĩ ng tê FONT (uy min inh yh i ing png

hi gay nh i 6c th phải được pig

“<FONT FACE="Times New Roman" COLOR=#FFO00 SIZE=6>

iy i phing chit Times New Roma

<FONT

>

<FONT FACE~" Ara" COLOR-AQQ00FFSIZE=1>

iyi phing hie Mariah

Day là phông chữ VnTime

(yt png cht Vor

| Ki ni vn bin si tn

Văn bản sê lên kế hạ của sợ iê văn bản me, ột con hay ge luda tang Web được dùng đ lê tới mộuang Meb tác, Khi chứng là nhắn chee esi văn bản lập ức nh (hyệt Web cho mang Web hợc lên kế với siêu văn bn đô, Thông thường cc êu văn sẽ có mà sắc Phin bit với cá vân ản nh uống (chủng la cô chỉ nh mâu ắc hy) 1à egy cân, Vi con chuột chuyện uên miêu vn án hồ sẻcỹ hình dạng

LLên kế ngoi (buenal la): lên bác

(chương tinh lạc mặ đoạn ma nh

Lida kt yeh php uy suit đến cơ

| arabes

~ en kde trong

‘OLA nội ng tang Wch qui đi chiến iu ang mihi, ng he piẫnhi dụng hìc nổi lên hệ cụciế Khi đồ cnđị các lên kế để cần người đồn cô bổ cickchn phản nội dung họ qantồ nà không cầ phải kê thanh rat tin kd

‘i tha ign i ny, tren cn ih ghia vt ch mos dae i kt

‘URL cht đạ hi ương đi hoc uyệtđồi có tế đường ẫn ấn mộ tập

‘in HTML ke og cing nt Website ay dnc cas st Webs Ke

"

“Ty luộc tin uy i ích m lên kế Mặc định i chin tag

"iện hành puent/ se: Nêu bạn muôn biển ội dụng sp được lên kế đến

‘rong mt Khang no 4 (dink pia khang được mới tô pin so) th y đặt

‘are chink hing fn Khang

LH:

‘a ile pla dp ey mp ch URL ly biện ị sẽ được đọn đồ tp

‘a URL ly i tl Nguy te ee thn pn bn i lu ng cic củi [URL gn dea gunén ce think pn WE phai dae hay ing ah pln URL ong dh Ch rng ah day ng i URL ong dB song

‘io URL co được de dink re hi pa URL tang i xe dh sa thuộc

Ui t= KS dan sau dug 8 a ee tanh pa mo aa URL, iện is thâm g để go nên URL mới

„

`Vidụ nếu URL đầy dã b; húp/fi-kcputme.vmuhie vgÄNTMLđndexhan ti:

Da hac () chi dh gi ngyên nhưng ty đội thần củn ak Vy Aww eo titan chin my pe wy WwW ftom Vi cng dh

tp

= Dn gnc chén chỉ ich vụ và my pho vụ gữ nguyễn nhang toàn bộ đường dẫn hay đội Vidgeaecipdalet Mm xẽ tà iE(nlet bơ ca thơ mục nsacip trên máy hục vụ vu eprint smu ev,

‘King ol pin ich ch ct i ty Vi diner le

‘eda tong th ms HTML ca my pe vs wn

epartaca enh civ

= Du thing (8: ei địch vụ mấy phic vụ đường dẫn và tê giữ nguyễn chỉ tay độ og ie

‘ing i pe en ie ip a 0Ä ng lương Hy Anh

ln omg nh omg UNIX hay MS-DOS (ei Ich ha need ci trae ch ci thre R,

.URL sự sở được de dn ng he <BASE>

Rend mato

Nd dr the nh we in th <a> matoaess@ domain th Ki Reh

oA nis ch bạ chức năng thự dig củ a dye

Vesting thing nim ngone

_DEvé mit ding ng nim ngang phn cha cc pkn rong mt rang Web, ching dong the HR,

ữ

cho ưng túng Rog cing

i iy wn ung ng

Co a

<HEAD><TTTLE> 2 ding shingePTFTLE><HEADD>

“<BODY BGCOLOR=" WHITE TEXT=NAVY">

“llsieh Browser»

<1IR ALIGN="LEFT” COLORS"RED” SIZE=2 WIDTH="05">

os

eb rows i cha in Ki ming thi th chi gen nd

1 ding han vm ee trang Web, hd ee rang Web theo

6 CÁC THÊ CHẾN ẨM THANH HÌNH ANH

& Giả tiện

Liên ke vi đa phương tận công ương thư lên ế bọ Đường Tuy vậy Phi dt nding eo fle da phone Pn margin file phi cho hết Mu sin fe

1% Boe thao miei ia HTML

“Âm hanh ên ích côn được phn làn bại ại.ăm anh nắn cho ch và âm, hạnh demon Web như mộ tính hả thạc

‘i od anh ấn hay co gợi nen, Ki rang Web via get sẻ ign dm han hy gm bên tung: By cin Ka Wo he my tong pin

ad > rang Web vin th sound> ly 1 mth dom Tuy hiền sing ph in oy no cng fo th HTML này

Thang đó:

'URL đường dẫn đến ập in âm thanh:

Autos ủy cínhch độ há độn rs) ay ir hn mt pay (se)

‘op hit ip ch Sn pt (ou ay Mn pt (se)

iden ho php in chao tinh ht pe (rus) hy i i win it whe én

‘Wb fase, i ịnh iden» Đi vửi mộ rin dt Kg 3 the

“hgound> bụnc th co phấtnhọc s hing ch cho chế len = "rue"

‘Wid ig il he tin chin độjng và điễ cao của chương nhất nhọc tên Web:

Ngo, lu fon min chin cic pti Mish Bode phú ảnh lớn Web th

“enhef° vẫn cả thể thực hệntố Tay nhờn, d ác tập tủy có những tông số đặc bột và ty tÔen ý định hiển tị hạn chn kết hp thêm cập he <abjst joj dễ được ỗ iêm nhiễu hae a hiển tị ơn

yc ag pnd emt

URL: đường ẫn đến ập ninh Ảnh cn đan Web,

‘efit topmuldle tom: cank tc nb: snbotomabsmidlle ext: ci

‘Wc vn hn sung quan inh Chad omg tile hd hy Kd cơn Hồ choi

—

‘Ship tim na wil eight ci dink in củ nh tương ong ie chu

‘ag i chi eo, Nu ho gu ha hoc nh ny, nh doyệt sẽ bên nh nh

ki ước hột chảnh

‘Codi ong sẽ được hiện tị ha cha ah Vi in không được bỗ nợ a

in Web

‘Néu mn hn nh có bg vid, bn pat mae sng dong Me dah 'B0 nghh l ảnh thôn cổ đường viên

ng eb Bi:

fips RSL 1S Cir tne @ ene Ree te #3 al

4 |

4: ROTORERRNC ENO REE

4 Tyo bing

i bon mn hi ing gw en rang Wi, an cn phi Ka othe

“bl Su hi ho the my, ba phi kta oe thé dng <i> he ot 18> hoe <th> Tron <> de nh nh ung hen rong nở l tê để tức là

i dang mic dnh up in inv anh gia

Ciuc going:

2 Che huge tinh dah dng ing

‘Tho inh trong th ng <table>

‘i si lp mi bing burn Web, bn inci tha oh sau dy:

ie cm on đơg ben ng nước to

sie andi vbo co gc potas a