tao trang web voi MSWord

bài bi?t có hình ?nh minh h?a cho các bu?c nên du?i dây là liên k?t c?a nó.

http://www.3c.com.vn/supports.aspx?cmdType=supportdetail&supportID=933

T?o website dùng MS Word 2003?

H?i: Tôi c?n t?o m?t website don gi?n nhung không có nhi?u ki?n th?c v? l?p 
trình web, l?i không mu?n ph?i t?n ti?n thuê ai dó làm h?? V?y anh/ch? có th?
ch? giúp tôi m?t công c? có th? làm vi?c này m?t cách nhanh chóng và d? dàng 
du?c không? Tôi xin c?m on!

Có th? b?n s? ng?c nhiên khi bi?t mình hi?n dang s? h?u m?t công c? có th? làm 
vi?c này m?t cách nhanh chóng và d? dàng: Microsoft Word.

Có th? m?t s? ngu?i hoài nghi v? vi?c dùng MS Word d? t?o các trang web. Có r?t 
nhi?u công c? chuyên t?o web trên th? tru?ng, vi?c dùng Word "l?n sân" gi?ng
nhu "dùng dao gi?t gà d? m? trâu"! Tuy nhiên, vi?c này hoá ra l?i d? dàng và có 
tính th?c t? hon b?n nghi. N?u có ít k? nang v? web nhung l?i am tu?ng
Word, b?n s? thích gi?i pháp này.

Ngay c? v?i nh?ng ngu?i quen dùng các công c? khác d? t?o web cung có th? tìm 
th?y m?t s? tính nang h?u ích c?a Word, ch?ng h?n nhu tính nang thi?t k? phác
th?o. Bài vi?t này gi?i thi?u qui trình t?o website g?m 6 trang v?i MS Word, 
th?c hi?n trong 2 gi?.

T?p h?p nguyên li?u

Có 3 bu?c chính d? xu?t b?n web:

1. T?p h?p thông tin (ch? và hình)

2. Xây d?ng website

3. Dua website lên Internet

H?n b?n bi?t rõ thông tin gì mình c?n dua lên web (bu?c 1) và có th? dang ký 
v?i m?t ISP nào dó d? xu?t b?n website trên Internet (bu?c 3). ? dây ch? d?
c?p chi ti?t bu?c 2.

D?u tiên, b?n t?p h?p s?n nguyên li?u thô, hay làm nhu nhi?u nhà thi?t k? web: 
d?t s?n các ô d? sau này c?p nh?t n?i dung van b?n và hình. Du?i dây là các
d?ng nguyên li?u thô:

- Van b?n (text)

- Hình ?nh v?i d?nh d?ng thích h?p nhu GIF hay JPEG. N?u thi?t k? phác th?o, 
b?n có th? dùng tính nang Clip Art c?a Word d? t?o các ch? d?t tru?c.

- D?a ch? email d? nh?n thu t? khách vi?ng tham website c?a b?n.

T?o file

Th?c t?, Word có các tính nang HTML r?t t?t, cho phép b?n t?o file HTML m?t 
cách nhanh chóng và d? dàng.

B?t d?u b?ng cách dùng menu File >Save As và ch?n ki?u file Web Page t? danh 
sách th? xu?ng. Danh sách này có 2 l?a ch?n cho web: Web Page, Filtered và
Single File Web Page. B?n hãy luu file v?i l?a ch?n Web Page, Filtered d? Word 
lo?i b? mã th?a và t?o file có kích thu?c nh?. B?n cung có th? luu file
v?i tu? ch?n Single File Web Page, tu? ch?n này s? luu file du?i d?ng MHTML. 
V?i d?ng này, n?i dung d? ho? du?c luu cùng v?i text trong trang web. Nhung
vì không ph?i t?t c? trình duy?t d?u h? tr? MHTML, vì v?y chúng ta nên dùng 
d?ng file HTML.

T?o m?t folder m?i d?t tên là webdev, ? dây b?n s? luu m?i th? dua lên website 
c?a mình. K? thu?t này nh?m gi? t?t c? các file chung m?t ch? cho d?n khi
website s?n sàng xu?t b?n. T?t nh?t b?n nên dùng tên ch? thu?ng cho t?t c? file 
và folder có liên quan d?n website, n?u không có th? g?p r?c r?i vì d?
x?y ra tình hu?ng dùng ch? hoa ? ch? này nhung l?i dùng ch? thu?ng ? ch? khác - 
vi?c này thu?ng không gây v?n d? gì cho d?n khi b?n xu?t b?n web lên Internet.
Luu ý: máy ch? web dùng h? di?u hành Unix s? "bó tay" n?u b?n thay images thành 
Images.

Theo thông l?, b?n c?n t?o trong webdev m?t folder tên images hay graphics d? 
luu t?t c? hình ?nh c?a website. Tuy nhiên, Word s? giúp b?n t?o s?n folder
nhu v?y, b?n ch? vi?c d?t hình vào dó.

Khi b?n luu file ? d?ng trang web, Word s? d?y t?t c? hình ?nh vào m?t folder 
riêng. N?u m? folder này, b?n s? th?y Word dã d?t tên cho các hình nhu Image001
và Image002. Khi trình duy?t m? trang web này, nó s? bi?t ch? l?y hình và d?t 
vào dúng ch? trên trang web.

Không có v?n d? gì n?u website c?a b?n ch? có 6 trang, nhung v?i website ph?c 
t?p hon, b?n nên d?i tên hình d? d? nh?n bi?t, ví d? nhu gia_dinh.gif hay
baby.jpg. Nh? xem l?i mã HTML c?a trang web (View >HTML Source), tìm tên hình 
cu và c?p nh?t tên hình và folder luôn.

T?o khung

B?n c?n b?t d?u v?i m?t b? khung d? gi? m?i th? ngay hàng th?ng l?i và d? nhìn. 
B? khung này cung là hu?ng d?n khéo léo giúp cho khách vi?ng tham d? d?nh
hu?ng noi c?n tìm thông tin.

D? d?m b?o t?t c? các trang c?a website du?c xây d?ng theo b? khung th?ng nh?t, 
hãy b?t d?u b?ng vi?c t?o m?t s? b?ng. Tuy các du?ng k? b?ng không nhìn
th?y trên trang web (khi xem), nhung chúng s? dóng hàng van b?n, hình ?nh và 
d?nh hình d?ng cho trang web. Chúng ta s? t?o m?t thi?t k? m?u và dùng nhu
b? khung (template) - m?t v?i banner quen thu?c ? trên cùng, d?i di?u hu?ng ? 
bên trái, và vùng cu?i trang (có th? dùng cho thông tin v? b?n quy?n hay
các tu? ch?n di?u hu?ng).

Chúng ta s? l?ng m?t s? b?ng v?i nhau, b?ng bao quát gi?ng nhu ? hình 1. D? t?o 
b?ng này, th?c hi?n các bu?c sau:

1. Ch?n File > New

2. Ch?n Web Page t? các tu? ch?n ? thanh tác v? bên ph?i.

3. Ch?n menu Table > Insert > Table.

4. Ch? d?nh 3 hàng, 1 c?t và nh?n OK.

5. Trong b?ng, ch?n hàng ? gi?a, nh?n ph?i chu?t và ch?n Split Cells.

Các du?ng k? b?ng ?n d?nh kho?ng tr?ng cho banner trên cùng, d?i di?u hu?ng bên 
trái và noi d?t thông tin b?n quy?n bên du?i.

Gi? dã có b? khung bên ngoài, ti?p theo chúng ta s? t?o m?t b?ng con bên trong 
d? d?t menu di?u hu?ng. B?ng này g?m m?t c?t và 6 hàng (tuong ?ng v?i 6 trang
c?a website). Xem hình

2.Th?c hi?n các bu?c sau d? t?o b?ng con:

1. D?t con tr? ? ô gi?a bên trái.

2. Ch?n Table, Table Properties, Cell.

3. Dánh d?u ch?n ô Preferred Width và nh?p giá tr? d? r?ng là 1,7 inch.

4. Ch?n Table, Insert, Table d? l?ng 1 b?ng bên trong b?ng khác.

5. Thi?p l?p 1 c?t và 6 hàng r?i nh?n OK.

6. Ch?n Table, Table Properties, Column.

7. Dánh d?u ch?n ô Preferred Width và nh?p giá tr? d? r?ng là 1,6 inch.

8. Luu file (save).

Cung v?i qui trình trên, chúng ta chèn thêm 1 b?ng vào ô gi?a ? bên ph?i. T?o 
b?ng này v?i 1 c?t và 2 hàng. K? ti?p, dùng chu?t ch?n, nh?n ph?i và tách
hàng trên cùng thành 2 ô nhu hình 3 d? chúng ta có th? d?t hình ? bên ph?i và 
text ? bên trái.

D? b?ng này có kh? nang di?u ch?nh theo các trình duy?t khác nhau, b?n c?n d? 
ít nh?t m?t d? r?ng có th? co dãn. Word cho phép các b?ng co dãn, nhung thu?ng
ngu?i ta c? d?nh d? r?ng c?a d?i di?u hu?ng bên trái nhu chúng ta dã làm. V?i 
tru?ng h?p b?ng con ? gi?a, chúng ta có th? ?n d?nh d? r?ng 3,5 inch cho
ô trên cùng bên trái (noi ch?a n?i dung text) và d? các ô còn l?i "t? do", nhu 
v?y các trang có hình s? canh l? trái nhu nhau.

D?t banner

Banner c?a trang web là noi d? d?p vào m?t ngu?i xem nh?t. V?n d? là tuy baner 
có m?c dích m?i g?i nhung thu?ng ngu?i ta ít khi ghé m?t d?n. Dôi khi b?n
có th? làm cho khách vi?ng tham chú ý n?u banner du?c thi?t k? don gi?n nhung 
d?c dáo. Di?u này không ch?c ch?n nhung dáng d? th?.

D? thi?t k? banner nhu v?y b?n c?n m?t logo nh?. Vì trên website còn có nhi?u 
hình khác, logo này nên th?t nh? d? không "d?ng hàng". B?n có th? l?y logo
t? Clip Art c?a Word (Insert > Picture > Clip Art) hay chèn hình t? file, cách 
th?c hi?n nhu sau:

1. D?t d?u nháy ? ô mà b?n mu?n d?t hình.

2. Ch?n Insert, Picture, From File.

3. Duy?t folder và ch?n hình, nh?n OK.

Hình s? du?c d?t ngay noi b?n ch?n nhung có th? kích thu?c không phù h?p, 
thu?ng là l?n hon kích thu?c b?n d? d?nh. Nh?n ph?i hình và ch?n Format Picture,
r?i nh?n th? Size và di?u ch?nh d? có kích thu?c phù h?p.

Bây gi? chúng ta thêm th? l?nh alt:

1. Nh?n dúp lên hình và nh?n th? Web.

2. ? ô Alternative Text, nh?p thông tin mô t? hình.

Th? alt xu?t hi?n ? d?ng text, hi?n th? khi ngu?i dùng t?t ch? d? hi?n th? hình 
(trong trình duy?t) hay khi hình hi?n th? ch?m do du?ng truy?n Internet.
Trong m?t s? tình hu?ng, ngu?i dùng khi?m th? có th? dùng co ch? d?c bi?t d? 
d?c thông tin mô t? hình. Sau khi hình du?c n?p, n?i dung alt cung xu?t hi?n
khi ngu?i dùng di chuy?n chu?t trên hình.

Canh gi?a cho hình trong ô b?ng cách ch?n Table > Select > Cell r?i nh?n bi?u 
tu?ng Center trên thanh công c?. Nh?p tên website hay tên doanh nghi?p c?a
b?n g?n logo, n?u logo c?a b?n không có thông tin này.

Luu thành qu? v?a t?o. B? khung (template) này có s?n ch? cho ph?n cu?i trang 
web. Dôi khi noi này du?c dùng d? d?t khuy?n cáo v? lu?t hay các liên k?t
khác. Dôi khi nó ch? don gi?n là m?t du?ng ngang d? báo cho ngu?i dùng bi?t là 
cu?i trang. V?i ví d? ? dây, chúng ta s? không d?t b?t c? th? gì vào dó.

Lo?i b? các du?ng k?

Tuy b?ng là cách th?c ti?n l?i d? dóng hàng text, nhung các du?ng k? b?ng có 
th? làm cho trang web trông r?i. Do v?y bây gi? chúng ta c?n lo?i b? các du?ng
k?.

1. Ch?n b?ng.

2. Nh?n ph?i và ch?n menu Borders anh Shading.

3. Nh?n th? Borders và nh?n None. D?ng lo n?u du?ng k? b?ng không bi?n m?t.

4. Th?c hi?n tuong t? cho t?t c? các b?ng.

M?t trong hai tình hu?ng sau x?y ra: ho?c các du?ng k? bi?n m?t ho?c v?n t?n 
t?i. Dó là do vi?c thi?t l?p c?a chúng ta ch? tác d?ng d?n "s?n ph?m d?u ra"
- in ra trên gi?y hay xu?t trên web. Word có thi?t l?p d? hi?n th? hay gi?u các 
du?ng k? b?ng khi làm vi?c, chúng ta c?n s? d?ng thi?t l?p d?c bi?t này
d? ch? hi?n th? các du?ng k? b?ng khi làm vi?c nhung không xu?t hi?n khi xu?t 
b?n web. N?u trang web c?a b?n không xu?t hi?n các du?ng k?, hãy ch?n Table,
Show Gridlines.

Menu và liên k?t

Gi? d?n lúc t?o menu. B?t d?u b?ng vi?c nh?p Home ? ô d?u tiên (d?i di?u hu?ng 
bên trái). K? ti?p, nh?p cho 5 ô bên du?i tên c?a 5 trang còn l?i. Ví d?,
chúng ta dang xây d?ng website cho c?a hàng bán quà luu ni?m. Ngoài trang ch? 
(home), chúng ta s? t?o m?t trang v? thi?p, m?t trang v? hàng th? công -
m? ngh?, m?t trang v? hàng d? choi, m?t trang gi?i thi?u các d?ch v? và cu?i 
cùng là trang thông tin liên h?. Xem hình 4.

Table with 4 columns and 7 rows

  

Home

 

  

Thi?p

 

  

Th? công - m? ngh?

 

  

D? choi

 

  

D?ch v?

 

  

Liên h?

 

  

Hình 4

 
table end

Khi nh?p các m?c này (hay b?t k? ch? d? nào mà b?n mu?n) ? b?ng bên trái, hãy 
dùng font don gi?n thi?t k? cho web, nhu Verdana hay Arial, và dùng c? ch?
l?n d? d? nhìn. Thêm màu s?c n?u thích.

Gi? b?n c?n liên k?t các m?c c?a menu d?n các trang khác c?a site. Phuong th?c 
này không ch? liên k?t t?t c? các trang c?a b?n mà còn d?ng th?i thi?t l?p
so d? t? ch?c c?a website.

1. Ch?n m?c menu d?u tiên, Home.

2. Ch?n Insert, Hyberlink và nh?n Create New Document, ch?n d? so?n trang sau.

3. Nh?p tên c?a trang n?i dung d?u tiên, du?c d?t là index.html. Nh? ghi ph?n 
m? r?ng html và luu vào folder webdev.

B?n cung có th? ch?n t?ng m?c menu và nh?p du?ng d?n liên k?t d?n m?t trang web 
khác, m?t v? trí trên trang hi?n t?i hay d?a ch? email.

Th?c hi?n tuong t? cho t?t c? các m?c c?a menu, d?t tên các trang d? g?i nh? và 
ch? dùng ch? thu?ng không có kho?ng tr?ng.

V?y là b?n dã có m?t trang chính v?i banner và menu, và các m?c menu d?u du?c 
thi?t l?p liên k?t. Gi? là lúc chiêm ngu?ng thành qu?.

Ki?m tra

Chúng ta thu?ng làm vi?c ? ch? d? Web Layout View khi t?o trang (Vew>Web 
Layout). Ch? d? này cho phép u?c lu?ng khá t?t cái mà b?n s? nhìn th?y trên web
khi xu?t b?n site. Tuy nhiên, t?t hon b?n nên xem tru?c trang trong trình duy?t 
vì vi?c thi?t k? web trong Word v?n chua d?t d?n m?c "th?y sao du?c v?y"
WYSIWYG. D? xem trang c?a mình th? hi?n ra sao trên web, ch?n File>Web Page 
Preview.

N?u trang không th? hi?n dúng nhu b?n mu?n, hãy di?u ch?nh cho d?n khi v?a ý và 
sau dó dùng nó d? làm b? khung cho site.

1. Ch?n t?t c? m?i th? trên trang m?u (Ctrl+A).

2. Copy (Ctrl+C)

3. M? t?ng trang còn l?i và chép n?i dung sang (Ctrl+V)

4. Nh?p thông tin "gi? ch?" vào m?t trong các ô có s?n (ví d? nhu "Dây là trang 
ch?" hay "Dây là trang liên h?", sau này có th? b?) và luu trang.

Dóng t?t c? các file ngo?i tr? trang Home (index.html). Ki?m tra các liên k?t, 
n?u có liên k?t nào không làm vi?c dúng, hãy nh?p l?i.

Ph?n vi?c còn l?i là c?p nh?t text và hình cho các trang.

Dua vào text và hình

Dóng t?t c? các trang. M? trang Home (index.html). ? 2 ô sóng dôi (bên ph?i), 
chèn hình ? ô bên ph?i và text ? ô bên trái. ? noi d?t ch? dành s?n, b?n có
th? nh?p b?t c? th? gì tu? thích. Nh?p thêm text cho ô bên du?i, và k?t qu? 
cu?i cùng nhu hình 5. Luu l?i thi?t k?.

Khi xem tru?c các file, n?u không th? ch?nh s?a theo ý, b?n có th? ch?nh s?a 
tr?c ti?p mã l?nh HTML; ch?n View>HTML Source. L?nh Edit>Find trong Word có
th? dua b?n d?n ngay do?n text có v?n d?, dôi khi vi?c ch?nh s?a mã l?nh l?i d? 
dàng hon. Di nhiên, cung có th? b?n g?p khó khan v?i mã l?nh n?u không
quen, nhung dù sao nó cung dáng d? ngó qua khi g?p v?n d? khó ch?u. Nên nh? xem 
l?i trang d? xem v?n d? dã du?c gi?i quy?t chua. N?u tình hình tr? nên
t? hon, b?n luôn có th? dùng t? h?p phím Ctrl+Z d? quay lui.

Công b?

Khi dã hoàn t?t site và có du?c các file nhu ý, luu chúng l?i du?i d?ng Web 
Page, Filtered. Bu?c này d?m b?o cho mã HTML s?ch hon. Gi? thì tác ph?m c?a
b?n dã s?n sàng d? công b?, qui trình có th? qua các bu?c nhu sau:

1. Tìm d?ch v? d?t website (hosting)

2. Dang ký tên mi?n (domain name)

3. Dua các trang c?a b?n lên máy ch? web c?a nhà cung c?p d?ch v?.

Sau khi dã dua site lên Internet, hãy ki?m tra t?ng trang và t?ng liên k?t th?t 
c?n th?n, v?i càng nhi?u trình duy?t càng t?t. S?a l?i trên file ? máy tính
c?a b?n và luu l?i r?i d? lên máy ch? web. Hãy gi?i thi?u website d?n b?n bè và 
nh? h? ki?m tra. N?u m?i th? d?u làm vi?c dúng, b?n có th? công b? website
c?a mình.

Table with 6 columns and 7 rows

  

  

T?ng quà Giáng Sinh

 

 


Home

  

L? h?i Giáng Sinh gi? dây là m?t ngày l? l?n du?c dông d?o m?i ngu?i mong d?i.
Trên toàn th? gi?i, các ngu?i thân trong gia dình và bè b?n t?ng quà cho nhau. 
Ph?n l?n tr? em trên toàn th? gi?i tin tu?ng r?ng thánh Nicholas, Santa Claus
ho?c ông già Noel s? mang quà t?ng d?n cho chúng, tuy nhiên t?i Ð?c ngu?i ta 
cho r?ng dó là Chúa; ? Tây Ban Nha thì m?i ngu?i tin r?ng h? chính là ba Nhà
Thông thái; còn ? Italia, ngu?i ta tin r?ng các v? trên hi?n hi?n qua m?t bà 
già g?i là Befana th?c hi?n công vi?c dó
Nh?ng món quà t?ng du?c cho vào nh?ng noi r?t khác nhau! ? h?u h?t các nu?c 
châu Âu, quà t?ng thu?ng du?c nhét trong nh?ng dôi giày ho?c dôi ?ng d? b?n
tr? t? tay lôi ra ngoài. ? Italia, Anh qu?c và M?, quà t?ng thu?ng du?c d? 
trong nh?ng chi?c v?, thu?ng du?c treo g?n lò su?i. T?i nhi?u nu?c, quà t?ng
dành cho b?n bè và ngu?i thân trong gia dình có th? du?c d?t du?i g?c cây Giáng 
Sinh. T?i nu?c Anh, các món quà du?c m? ra vào bu?i sáng c?a ngày Giáng
Sinh cùng v?i không khí doàn t? gia dình.

 

 


Thi?p

  

  

 


Th? công - m? ngh?

  

  

 


D? choi

  

  

 


D?ch v?

  

  

 


Liên h?

  

  

table end

Nguy?n Thanh
Name: Nguyen Hoang Bao Vu
Office: Sao Mai Computer Center for the Blind
12B/C7 Hoang Hoa Tham street, Tan Binh district Ho Chi Minh City Viet Nam
tel: 84 8 849 5069.
Fax: 84 8 293 8300.
Email:
info@xxxxxxxxxxxxxxxx
Website:
www.saomaicenter.org

Home: 210C Hiep Binh Chanh tenement. Thu Duc district Ho Chi Minh City Viet Nam
Cell-phone: 0989350014
Yahoo ID: nguyenhoangbaovu
Skype ID: nguyenhoangbaovu
Blog: 
360.yahoo.com/nguyenhoangbaovu

Other related posts: