 |
|
|
TẠO WEBSITE BẰNG
FRONTPAGE XP
[Lê Hòan] |
Trong nhiều chương trình tạo website,
Frontpage là chương trình thông dụng nhất vì
là một thành phần trong bộ MS Office. Mặc dù
ít chức năng nhưng Frontpage thường được dùng
cho người mới “tập tễnh” làm web vì dễ học
(sử dụng tương tự như Word) và có đầy đủ
những tính năng cơ bản cần thiết cho việc tạo
website.
Nhằm giúp các bạn chưa biết gì trong việc
làm web, có thể tiếp cận “thoải mái” với
những khái niệm “rắc rối”, e-CHÍP sẽ mách
bạn cách tạo một website có các thành phần
cơ bản là văn bản, liên kết, hình ảnh và âm
thanh. |
|
Bước 1: Mở trang mới |
|
Website là tập hợp nhiều trang web và
các tập tin khác liên kết lại với nhau. Mỗi
website có một trang chủ là trang đầu tiên bạn
sẽ xem khi gõ địa chỉ website. Chọn
File/New/Page or Web. Bạn có thể mở một trang
trắng (Blank page) hay lựa chọn trong số các
trang mẫu sẵn có (Page Template). Ở đây, chúng
ta mở một trang trắng (chưa có gì). Khi cần
lưu những gì bạn đã làm, đơn giản là chọn
lịnh Save (hay Save As khi lưu thành file mới)
trong menu File |
|
 |
|
Bước 2: Nhập văn bản và định dạng |
Sau khi một trang mới đã được mở, sẵn
sàng cho bạn đưa dữ liệu và hình ảnh trang
trí vào, trong phần góc dưới bên trái của
cửa sổ Frontpage có ba bảng (tab) chọn lựa
gồm Normal, HTML, Preview. Công dụng của chúng
như sau:
- Normal: Cho phép bạn soạn thảo trang web trong
tình trạng gần giống như khi hiển thị trong
trình duyệt.
- HTML: Cho phép bạn soạn thảo trang web với
đầy đủ mã nguồn. Bạn sẽ thấy toàn bộ tag
(thẻ) nội HTML của trang và làm việc với
trang web giống như khi mở bằng NotePad.
- Preview: Xem như đang ở trong trình duyệt web
và không sửa được. Để soạn thảo văn bản
tiếng Việt với font Unicode, bạn mở menu
File/Properties/Language, chọn Save the document
as: Unicode (UTF-8). Hay chọn bảng HTML và thay
thế dòng <meta http-equiv=”Content-Type”
content=”text/ html; charset=windows-1252"> (ở
giữa hai thẻ <head> và </head>) thành <meta
http-equiv=”Content-Type” content=”text/html;
charset=utf-8"> rồi chuyển trở lại bảng Normal.
Chú ý: Nếu dùng font tiếng Việt khác như ABC,
VNI, Bách Khoa,... bạn phải thay bằng dòng
<meta http-equiv=”Content-Type” content=”text/html;
charset=x-user-defined”>.
Nếu bạn chỉ dùng tiếng Việt Unicode, bạn có
thể xác lập mặc định UTF-8 cho Frontpage bằng
cách lưu trang này thành trang mẫu có tên là
Normal.htm trong thư mục Program Files/Microsoft
Office/Templates/1033/Pages/normal.tem/.Bạn có
thể dùng trình gõ tiếng Việt hỗ trợ Unicode
như VietSpell, Vietkey, Unikey,... để nhập tiếng
Việt khi soạn thảo.
Việc định dạng văn bản cũng tương tự như Word
với thanh công cụ Formatting, tức là bạn có
thể chọn kiểu
tiêu đề, font và kích cỡ font, làm đậm,
nghiêng, gạch dưới, canh lề, so hàng, màu font,
màu nền...
Cách làm: Chọn vùng văn bản cần định
dạng rồi bấm các biểu tượng định dạng trong
thanh công cụ. |
|
|
|
Bước 3: Tạo chữ cuộn (Marquee) |
Bạn có thể thêm vào trang web một dòng
chữ cuộn để thu hút sự chú ý, bạn có thể
chỉnh tốc độ, hướng di chuyển cũng như kích
thước, font chữ và kiểu cách của Marquee.
Cách làm: Chọn menu Insert/Web Component/Dynamic
Effects/Marquee. Trong cửa sổ Marquee Properties,
bạn nhập dòng văn bản vào ô Text rồi bấm OK.
Bạn có thể chọn chiều cuộn, tốc độ cuộn,
kích thước và màu nền cho khung cuộn...
trong cửa sổ này. Để định dạng phần văn bản
của Marquee, bạn bấm nút Style/Format rồi chọn
Font.
Frontpage sẽ đặt một Marquee lên trang web của bạn nhưng bạn sẽ
không thấy nó cuộn khi đang ở bảng Normal, nếu
muốn xem đoạn văn bản cuộn bạn phải chuyển
qua bảng Preview. |
|
Bước 4: Chèn một file văn bản |
Bạn có thể chèn nội dung một file văn
bản vào Frontpage, với các định dạng cho phép
là: Word, Rtf, Txt, Excel, HTML,...
Cách làm: Di chuyển dấu nháy đến vị trí chèn file, mở menu
Insert/File rồi chỉ định file cần chèn. |
|
Bước 5: Tạo liên kết (link) văn bản |
Một liên kết là một lệnh HTML được nhúng
trong trang web, lệnh này yêu cầu trình duyệt
hiển thị một trang web hay một file khác khi
người xem bấm chuột vào một đoạn văn bản hay
một hình ảnh tương ứng. Mỗi liên kết có hai
phần: phần liên kết và phần “đích”. Theo mặc
định, khi người dùng di chuyển chuột đến liên
kết, nó sẽ đổi hình dạng thành bàn tay đang
chỉ để báo hiệu và trong thanh trạng thái ở
dưới cửa sổ trình duyệt sẽ hiển thị địa
chỉ của đối tượng đích. Cách làm: Chọn cụm
từ để tạo liên kết trong văn bản đã soạn
thảo, mở menu Insert/Hyperlink hay bấm biểu
tượng Insert Hyperlink trong Toolbar.
Trong hộp thoại Insert Hyperlink, bạn chỉ định địa chỉ file đích
bằng cách chọn trong ô liệt kê hay gõ địa chỉ
vào ô Address rồi bấm OK. Cụm từ liên kết sẽ
được gạch dưới để thể hiện đây là một liên
kết. Nếu liên kết đến một địa chỉ e-mail,
bạn chọn Link to/E-mail Address rồi nhập địa
chỉ e-mail và tiêu đề (subject), Frontpage sẽ
tự động chèn dòng “mailto:” vào trước địa
chỉ e-mail.
Chú ý: Địa chỉ liên kết file có hai loại:
* Điạ chỉ tuyệt đối: Điạ chỉ đầy đủ, chính
xác. Thí dụ:
“C:/web/andi/image/logo/lh3d.gif”. Hay
http://andi.com.vn/lh com/index.htm”.
* Địa chỉ tương đối: Địa chỉ được định vị
theo mối quan hệ tương đối(trên, dưới, ngang
hàng) với trang chủ. Thí dụ: Nếu đối tượng
liên kết chứa trong cùng thư mục với trang
chủ, ta chỉ cần ghi “tên file”. Nếu trong thư
mục khác ngang cấp, ta ghi “../tên thư mục/tên
file”. Nếu thư mục trên một cấp, ta ghi “../tên
file”. Nếu thư mục dưới một cấp, ta ghi “tên
thư mục/tên file”.
Ngoài ra, theo mặc định của trình duyệt, khi người xem bấm chuột
vào các liên kết file dạng chương trình (exe,
com, zip...), hay multimedia (audio, video...)
trình duyệt sẽ cho hiện hộp thoại để bạn
chọn tải file về máy cá nhân hay chạy chương
trình tương ứng. |
|
Bước 6: Sửa/ xoá liên kết |
|
Bạn di chuyển dấu nháy đến liên kết rồi
bấm biểu tượng Insert Hyperlink trong Toolbar,
trong hộp thoại Edit Hyperlink chọn Remove Link
hay sửa lại địa chỉ liên kết trong ô Address. |
|
Bước 7: Tạo các đánh dấu trang (Bookmark) |
Khi người xem bấm vào một liên kết nạp
trang web mới, nếu trang web đó lớn hơn màn
hình, người xem cần phải cuộn màn hình nhiều
lần để đến đoạn cần xem. Để giảm bớt phiền
toái này, bạn có thể tạo một liên kết đến
chính xác đoạn văn bản cần xem bằng Bookmark.
Bạn cũng có thể di chuyển từ vị trí này
đến vị trí khác trong cùng một trang web bằng
Bookmark.
Cách làm: Bạn chỉ cần đặt dấu nháy tại nơi bạn muốn đặt
bookmark, mở menu Insert/Bookmark, nhập tên cho
Bookmark rồi bấm OK. |
|
|
|
Bước 8: Liên kết đến Bookmark |
Để liên kết đến Bookmark trong cùng trang
web, bạn chọn cụm từ cần liên kết, mở menu
Insert/Hyperlink, chọn Bookmark.
Để liên kết đến Bookmark trong một trang web khác, bạn chọn cụm
từ cần liên kết, mở menu Insert/Hyperlink. Chọn
trang web đích trong ô liệt kê rồi bấm nút
Bookmark. Trong danh sách Bookmark có trong trang
web đích, chọn một Bookmark đích.
Chú ý: Liên kết bookmark có dạng là “#tên bookmark” (thí
dụ: weblh/ ctv/ctvlk.htm#lvd) trong mã lệnh và
có biểu tượng lá cờ khi đang soạn thảo trong
bảng Normal. |
|
Bước 9: Tạo liên kết dạng bản đồ ảnh |
Bạn có thể chèn một hình vào trang web,
chia hình này ra làm nhiều phần rồi cho mỗi
phần liên kết với một trang web nào đó. Đặc
điểm này được gọi là bản đồ ảnh (Image map).
Cách làm: Di chuyển dấu nháy đến vị trí cần chèn hình,
mở menu Insert/Picture/From file. Trong hộp thoại
Picture, chọn file hình rồi chọn OK. Sau khi
hình đã được chèn vào trang web, chọn hình
để vẽ các điểm nóng (hotspots) tạo thành một
bản đồ ảnh. Frontpage sẽ hiển thị thanh công
cụ Picture, bấm chuột vào nút Rectangular
Hotspot trong thanh công cụ này. Giữ phím trái
chuột và kéo con trỏ chuột để vẽ một hình
chữ nhật có kích thước tuỳ ý lên hình, sau
đó nhả ra. Hộp thoại Insert Hyperlink xuất
hiện, bạn chỉ định file liên kết cho vùng ảnh
mà bạn đã chọn. Bạn tiếp tục vẽ các vùng
khác và chọn liên kết file cho các vùng này
cho đến khi kết thúc.
Chú ý: Bấm phím phải chuột lên hình rồi
chọn Picture Properties để xác định vị trí
của hình, canh lề, tạo đường viền,... |
|
Bước 10: Thêm âm thanh nền cho trang web |
Một cách để làm cho trang web của bạn
thêm hấp dẫn là thêm nhạc nền vào đó, nhạc
nền chỉ phát một thời gian hay phát liên tục
chừng nào trang web này còn được mở là tuỳ
bạn.
Cách làm: Bấm phím phải chuột vào vùng trống trên trang
web rồi chọn lịnh Page Properties. Trong hộp
thoại Page Properties, chọn bảng
General/Background Sound/Location/Browse, chỉ định
file âm thanh (wav, mid, ram, ra, aif, aifc, au,
snd). Bạn chỉ định cho phát liên tục (đánh
dấu chọn Forever) hay một số lần nhất định
(bỏ dấu chọn Forever và nhập số vào Loop). |
|
Bước 11: Thêm Video vào trang web |
Bạn có thể thêm các clip ảnh động vào trang
web để chúng tự động thực hiện mỗi khi trang
web được mở.
Cách làm: Bấm chuột vào vùng
trống trong trang web, mở menu
Insert/Picture/Video. Chỉ định file video (avi,
asf, ram, ra). Bạn cũng có thể tạo liên kết
đến các file video.
Cách làm: Chọn đoạn văn để tạo
liên kết, mở menu Insert/Hyperlink. Trong hộp
thoại Create Hyperlink, chọn file video đích. Sau
khi liên kết được tạo, bạn chuyển qua bảng
Preview để xem trang web và bấm chuột vào liên
kết. Windows sẽ tự động mở chương trình xem
video thích hợp và “chiếu” file video này.
(còn tiếp) |
|
|
|
|
|
|
