tai lieu frontpage
TRANSCRIPT
1
THIẾT KẾ WEB VỚI FRONTPAGE BIÊN SOẠN: NGUYỄN DUY TƯỞNG
Thiêt kê website dê dang vơi MS Frontpage (cơ bản)
Chuân bi: May cua ban cân cai phân mêm Frontpage trong bô Office Giao diên gôm: môt Banner, vai hinh anh, môt vai ca khuc yêu thich, nôi dung web... Tưu chung lai Bô Câu se thưc hiên vơi chinh website cua minh đê moi ngươi tham khao nhe.
Băt đâu: Môt Banner đươc thiêt kê chiêu rông khoang 800 x 150 pixels, môt file hinh lam nên Cells có chiêu rông 800 x 4 pixels, hoăc môt file hinh nho khac lam nên web, tât ca cac hinh anh phai đươc đưa vao thư muc ...\My Documents\My Web Sites\images. Nôi dung cân chuẩn bị sẵn lưu bằng file word trong My Web Sites la đươc. Việc đâu tiên ban mở Frontpage lên, trang trắng mặc định có tên new_page_1.htm. Ban chưa cân quan tâm, nhấn chuôt phai vao nên trang bắt đâu tao cac muc cơ ban cho website: chọn Page Properties > General thẻ nay nêu ban muốn có âm thanh nổi lên ngay khi khach mở trang, thi ban chọn muc Browser tai Background sound, nên dùng file âm thanh .midi cho nhẹ va chuẩn bị sẵn trong thư muc my web sites.
Tai thẻ Formatting chọn mau nên trang, hoặc có thể dùng file anh để lam nên ngay muc Browser cua Background picture. Thẻ Advanced ban chỉnh phân Magrins =0 hêt thay, thẻ custom muc add ban có thể nhập tên va môt số từ khoa nôi dung web. Sang thẻ language > chọn Unicode (UTF-8) va nhấn OK.
2
__________________________________________
Tiêp đên phân tao bang cho web cực kỳ quan trọng, nêu ban muốn định dang trang web cua minh luôn luôn thể hiện giữa man hinh. Thao tac rất đơn gian, nhấn vao Table > Insert để tao bang cho web, chọn trong size côt, hang. Phân Alignment chọn center, Float: Default, đánh dấu kiểm Specify width: gõ vào 800 In pixels. Phân dưới chọn background picture > Browser tim hinh nên va nhấp OK. Vậy la xong phân tao bang cua web, lúc nay ban nên save as bằng tên dễ nhớ như web_mau chang han.
3
Tiêp đên ban chèn banner bằng cach dùng chuôt nhấn vao dòng đâu tiên, định dang giữa tất ca rồi vao insert > picture > From file, chọn banner có sẵn trong images (Nêu ban để hinh anh nơi khac, khi lên mang website sẽ không thể hiện hinh anh vi thiêu đường dẫn). Làm chữ chạy Marquee Ở dòng thứ hai ban nhấn vao Insert > Insert web Component > chọn Marquee > Finish bang mới hiện ra muc text gõ dòng chữ: Welcome to Company (tuỳ ý), nhấn OK. (Nhấn vao Preview góc trai man hinh để xem trước cac hiệu ứng web)
Tạo nút Button tuỳ biến Đên phân nôi dung va danh muc địa chỉ web, ban cân chia dòng thứ ba thanh hai côt bằng cach nhất chuôt vao vùng cân chia, sau đó vao Table > Split Cells > OK. Định vùng cho ô danh muc bằng cach nhấn chuôt phai vao vùng, chọn Cell Propreties > đanh dấu kiểm vao Specify gõ vao 140pixels > OK. Lúc nay ta đươc phia trai 140 pixels, phia phai 660 pixels.
4
Vao Format > Paragraph > định dang Align Right, chọn tất ca cac muc khac = 0, chuân bị lam button cho danh muc web. Chọn Insert > Interactive Button, bang mới hiện ra ban chọn kiểu Button ưng ý, cơ chư, size... tuỳ thich! Phân text button ban thay vao nôi dung Trang chu, muc link ban gõ vao đây đu địa chỉ trang web, nhân OK. Ban lam tiêp cac nut Button khac tiêp theo, phân text thay thê tương ưng vơi đia chi web...
Đên đây cơ ban ban đa co môt trang mâu "rông", nôi dung bây giơ ban se phai nhâp vao cho đúng va lưu lai bằng cach đặt tên cho file với địa chỉ web sau nay thể hiện. Tạo trang nghe nhạc Vơi trang rông mâu ơ trên, ban có thể chèn window media player để nghe nhac, xem video... băng cach: đăt chuôt nơi muôn chen > Insert > Web Component > Advanced Ctrols - ActiveX Ctrols > Next > dùng chuôt keo xuống phia dưới cùng chọn muc Window Media Player, nêu không thây ban nhân vao the Customize > chọn trong đo va nhấn OK.
Man hinh WMP quen thuôc xuât hiên, ban click đôi vao nó bang Media Properties hiện ra, trong phân URL ban dung bât cư môt link nhac nao con xai đươc va dan vao, thi du: http://bocau.com.googlepages.com/KATYKATY.wma cac muc Auto, volum... tuỳ
5
thich chỉnh sưa rồi nhấn OK, (không cân phai đưa ca ban nhac lên web) nêu muôn ban copy lời ca khúc dan phia dưới nhin cho chuyên nghiệp va nhấn Preview để nghe thư(may có nối mang internet). Nhơ lưu lai băng tên amnhac vao trong My web sites. Kêt nôi vơi Flash (.swf) Cung với trang rông đó ban chèn flash vao bằng cach: (chuân bi môt file .swf) Đặt chuôt nơi muôn chen, vao Insert > Web Component > Advanced Ctrols > Plug in hoăc Movie in Flash Format > next chon file .swf, có thể chỉnh chiêu rông, cao cua flash va nhân Preview đê xem thư.
Còn nhiêu chức năng khac như: muc phan hồi khach thăm web, ô tim kiêm... cac ban có thể tim hiểu thêm. Chăc răng ngươi mơi lam quen viêc nay se rât bơ ngơ vơi viêc đăng ky tên miên, hosting va xuât ban website. Cac ban cứ yên tâm thiêt kê web, có gi chưa hiêu xin manh dan hoi se co ngươi giup đơ ban. Tông kêt Môt trang web đơn le không thê thu hut khach tham quan, ban phai lam nhiêu trang khac nhau sau đó liên kêt chúng lai tao sư đa dang va gây sư chu y cua moi ngươi. Khi ho thăm trang cua ban ho se tim thây nhưng điêu ho mong muôn va hơn thê nưa, lúc đó mới mong khach hang cua ban quay trở lai để kham pha những điêu mới mẻ va hấp dân do chinh ban tao nên.
Phím tắt dùng trong MS Fontpage
Phím tắt Chức năng
Ctrl + N tạo mới một trang web
Ctrl + O mở một trang web
Ctrl + F4 đóng một trang web
6
Ctrl + S lưu một trang web
Ctrl + P in một trang web
F5 cập nhật, làm tươi nội dung một trang web
Ctrl + Tab chuyển đổi qua lại giữa các trang Web
Ctrl + Shift + B xem trang web bằng trình duyệt web
Alt + F4 thoát khỏi Frontpage
Ctrl + Shift + 8 hiển thị những ký tự không được in ra
Ctrl + / hiển thị các thẻ HTML
Ctrl + F tìm kiếm
Ctrl + H thay thế
F7 kiểm tra chính tả một trang web
Shift + F7 tìm một từng đồng nghĩa
Esc bỏ qua một thao tác đang thực hiện
Ctrl + Z, Alt + BackSpace
trở về trạng thái trước khi thực hiện lệnh cuối cùng
Ctrl + Y, Shift + Alt + BackSpace
lùi lại trạng thái trước khi thực hiện Ctrl + Z
Định dạng ký tự và đoạn
Phím tắt Chức năng
Alt + Enter Hiên thi cưa sô đinh dang Font
Ctrl + Shift + F thay đổi kiểu chữ (font)
Ctrl + Shift + P thay đổi cỡ chữ
Ctrl + B định dạng in đậm
Ctrl + U định dạng gạch chân
Ctrl + I định dạng in nghiêng
Ctrl + dấu cộng (bàn phím số)
định dạng chỉ số trên
Ctrl + dấu trừ (bàn phím số)
định dạng chỉ số dưới
Ctrl + Shift + C sao chép định dạng
Ctrl + Shift + V dán định dạng
Ctrl + Shift + Z, xóa định dạng trở về định dạng mặc định
7
Ctrl + phím cách
Ctrl + E canh giữa đoạn
Ctrl + L canh trái đoạn
Ctrl + R canh phải đoạn
Ctrl + M thụt lề đoạn từ biên trái
Ctrl + Shift + M thụt lề đoạn từ biên phải Ctrl + Shift + S áp dụng một kiểu cho đoạn
Ctrl + Shift + N áp dụng kiểu mặc định
Ctrl + Alt + 1 áp dụng kiểu Heading 1
Ctrl + Alt + 2 áp dụng kiểu Heading 2
Ctrl + Shift + L áp dụng kiểu danh sách liệt kê
Chỉnh sửa, di chuyển, xoa văn bản, hình ảnh. Phím tắt Chức năng
Backspace () xóa một ký tự phía trước
Delete xóa một ký tự phía sau con trỏ hoặc các đối tượng
đang chọn
Ctrl + Backspace ()
xóa một từ phía trước
Ctrl + Delete xóa một từ phía sau
Ctrl + C, Ctrl +
Insert
sao chép một nội dung, hình ảnh
Ctrl + X, Shift +
Delete
cắt một nội dung, hình ảnh
Ctrl + V, Shift +
Insert
dán một nội dung, hình ảnh
Shift + Enter chèn thêm một dòng trống
Ctrl + Shift + Phím cách
chèn một ký tự không phải là khoảng trống
Thủ thuật thiết kế với FRONTPAGE
01.Kiểm tra các kết nối
Để kiểm tra các đường link trên trang web thiết kế bởi FrontPage, hãy chắc chắn rằng
bạn đang hiển thị trang web ở chế độ FrontPage Explorer. Kích vào nút Hyperlink Status
trên ô Views. Sau vài giây, một danh sách các đường link trong trang web của bạn sẽ
được hiển thị trong phần chính của cửa sổ FrontPage Explorer. Để bắt đầu việc kiểm tra
các kết nối, sử dụng menu Tools > Recalculate Hyperlinks. FrontPage sẽ kết nối vào
Internet và truy cập vào tất cả các site bạn link tới. Quá trình kiểm tra này sẽ hiện ra ở
thanh trạng thái phía dưới cửa số FrontPage Explorer.
02. Hiển thị banner quảng cáo
Hãy marketing cho doanh nghiệp của bạn bằng việc bổ sung Nội dung web tự động
(Automatic Web Content) vào trang web của bạn với bCentral Banner Ad của
Microsoft. Với mỗi hai quảng cáo bạn đăng trên trang của mình, bạn sẽ có được một
banner quảng cáo của chính bạn trên một site của thành viên khác.
8
Để đưa một Banner Ad vào website của mình từ bCentral, mở hoặc tạo một trang web
với Microsoft FrontPage version 2002 và làm theo các bước sau:
- Trong chế độ hiển thị trang (Page view), chọn Web Component từ menu Insert,
- Dưới mục Component Type, chọn bCentral Web Components,
- Dưới mục Choose a bCentral component: chọn bCentral Banner Ad,
- Kích Finish.
Cửa sổ bCentral Banner Ad Properties sẽ hiện ra. Làm theo các chỉ dẫn trong
LinkExchange Banner Network wizard để trao đổi và tạo ra banner quảng cáo của bạn.
03. Tạo ra một trang điều tra trực tuyến
Hãy sử dụng Microsoft FrontPage 2002 để tạo và thêm một trang điều tra trực tuyến
động với các nút, hộp kiểm và menu sổ có sẵn. Người sử dụng website của bạn có thể
tham gia điều tra từ trình duyệt của họ và có thể xem kết quả từ trang hiển thị tự động
dưới dạng đồ thị. Bạn có thể đơn giản hoá trang điều tra của mình bằng các tệp mẫu
(template) hoặc tạo ra một điều tra mới chỉ trong vài giây với New Survey Wizard. Các
trang điều tra trực tuyến động có thể được thực hiện từ dịch vụ SharePointT Team
Services của Microsoft.
Để tạo ra một trang web điều tra động, bạn có thể sử dụng New Survey Wizard, hãy mở
một website của SharePoint bằng FrontPage 2002 và sửa trực tiếp trên máy chủ này theo
hướng dẫn sau:
- Trong chế độ hiển thị Folder List, chọn Lists,
- Từ menu File, tới New và kích Survey,
- Trong New Survey, chọn New Survey Wizard và kích OK,
- Kích Next và gõ vào tên và mô tả nội dung điều tra,
- Kích Next, chọn nút Add để đưa vào các câu hỏi, dạng thông tin và các câu trả lời lựa
chọn. Kích Finish cho mỗi câu hỏi đặt ra.
- Lặp lại bước thứ 5 cho tới khi tất cả có đủ các câu hỏi, sau đó kích Next,
- Đặt quyền truy nhập là đọc, hiệu chỉnh và thay đổi (read, edit và modify) và lựa chọn
các chế độ hiển thị, sau đó kích Finish.
04. Bổ sung thêm cơ sở dữ liệu
Database Interface Wizard trong Microsoft FrontPage 2002 là một tiện ích cho phép bạn
tạo ra hệ thống cơ sở dữ liệu trong website của mình, bao gồm một cơ sở dữ liệu, mẫu
biểu và các trang web cần thiết. Với một giao diện web của cơ sở dữ liệu của bạn, người
sử dụng có thể hiệu chỉnh hoặc xoá các bản ghi (record) từ cơ sở dữ liệu thông qua trang
web được tạo bởi Database Interface Wizard. Và bạn cũng có thể cho phép người sử
dụng bổ sung thêm các bản ghi và hiển thị các bản ghi có sẵn cũng như đặt các chế độ
lọc cơ sở dữ liệu để nhanh chóng tìm ra dữ liệu cần thiết.
Để bổ sung thêm chức năng cơ sở dữ liệu trong website của bạn bằng FrontPage 2002,
hãy làm theo các bước sau:
- Chọn menu File > New > Page or Web
9
- Từ cửa sổ Task Pane, chọn Web Site Templates
- Kích vào Database Interface Wizard
- Chọn Add to current Web box và kích OK, sau đó làm theo hướng dẫn để tạo lập cở sử
dữ liệu và trang web.
05. Thay đổi chế độ mặc định
Khi bạn chạy Microsoft FrontPage 2002, chương trình này sẽ tự động mở lại tệp mà bạn
đã làm việc cuối cùng trong phiên hoạt động trước. Bạn có thể bỏ chế độ này như sau:
- Chọn menu Tools > Options
- Kích tab General và bỏ chọn Open last Web automatically when FrontPage starts
Lại nói vế thiết kế web với Front Page .
Kiểm tra cac kêt nối Để kiểm tra cac đường link trên trang web thiêt kê bởi FrontPage, hãy chắc chắn rằng ban đang
hiển thị trang web ở chê đô FrontPage Explorer. Kich vao nút Hyperlink Status trên ô Views. Sau
vai giây, môt danh sach cac đường link trong trang web cua ban sẽ đươc hiển thị trong phân
chinh cua cưa sổ FrontPage Explorer. Để bắt đâu việc kiểm tra cac kêt nối, sư dung menu Tools
> Recalculate Hyperlinks. FrontPage sẽ kêt nối vao Internet va truy cập vao tất ca cac site ban
link tới. Qua trinh kiểm tra nay sẽ hiện ra ở thanh trang thai phia dưới cưa số FrontPage
Explorer. Hiển thị banner quang cao
Hãy marketing cho doanh nghiệp cua ban bằng việc bổ sung Nôi dung web tự đông (Automatic
Web Content) vao trang web cua ban với bCentral Banner Ad cua Microsoft. Với môi hai quang
cao ban đăng trên trang cua minh, ban sẽ có đươc môt banner quang cao cua chinh ban trên
môt site cua thanh viên khac. Để đưa môt Banner Ad vao website cua minh từ bCentral, mở hoặc tao môt trang web với Microsoft FrontPage version 2002 va lam theo cac bước sau: - Trong chê đô hiển thị trang (Page view), chọn Web Component từ menu Insert, - Dưới muc Component Type, chọn bCentral Web Components, - Dưới muc Choose a bCentral component: chọn bCentral Banner Ad, - Kích Finish.
10
Cưa sổ bCentral Banner Ad Properties sẽ hiện ra. Lam theo cac chỉ dẫn trong LinkExchange
Banner Network wizard để trao đổi va tao ra banner quang cao cua ban. Tao ra môt trang điêu tra trực tuyên
Hãy sư dung Microsoft FrontPage 2002 để tao va thêm môt trang điêu tra trực tuyên đông với cac nút, hôp kiểm va menu sổ có sẵn. Người sư dung website cua ban có thể tham gia điêu tra
từ trinh duyệt cua họ va có thể xem kêt qua từ trang hiển thị tự đông dưới dang đồ thị. Ban có
thể đơn gian hoa trang điêu tra cua minh bằng cac tệp mẫu (template) hoặc tao ra môt điêu tra
mới chỉ trong vai giây với New Survey Wizard. Cac trang điêu tra trực tuyên đông có thể đươc
thực hiện từ dịch vu SharePointT Team Services cua Microsoft. Để tao ra môt trang web điêu tra đông, ban có thể sư dung New Survey Wizard, hãy mở môt website cua SharePoint bằng FrontPage 2002 va sưa trực tiêp trên may chu nay theo hướng dẫn
sau: - Trong chê đô hiển thị Folder List, chọn Lists, - Từ menu File, tới New và kích Survey, - Trong New Survey, chọn New Survey Wizard va kich OK, - Kich Next va gõ vao tên va mô ta nôi dung điêu tra, - Kich Next, chọn nút Add để đưa vao cac câu hỏi, dang thông tin va cac câu tra lời lựa chọn. Kich Finish cho môi câu hỏi đặt ra. - Lặp lai bước thứ 5 cho tới khi tất ca có đu cac câu hỏi, sau đó kich Next, - Đặt quyên truy nhập la đọc, hiệu chỉnh va thay đổi (read, edit va modify) va lựa chọn cac chê đô
hiển thị, sau đó kich Finish. Bổ sung thêm cơ sở dữ liệu
Database Interface Wizard trong Microsoft FrontPage 2002 la môt tiện ich cho phep ban tao ra
hệ thống cơ sở dữ liệu trong website cua minh, bao gồm môt cơ sở dữ liệu, mẫu biểu va cac
trang web cân thiêt. Với môt giao diện web cua cơ sở dữ liệu cua ban, người sư dung có thể
hiệu chỉnh hoặc xoa cac ban ghi (record) từ cơ sở dữ liệu thông qua trang web đươc tao bởi Database Interface Wizard. Va ban cung có thể cho phep người sư dung bổ sung thêm cac ban
ghi va hiển thị cac ban ghi có sẵn cung như đặt cac chê đô lọc cơ sở dữ liệu để nhanh chóng tìm
ra dữ liệu cân thiêt. Để bổ sung thêm chức năng cơ sở dữ liệu trong website cua ban bằng FrontPage 2002, hãy làm
theo cac bước sau: - Chọn menu File > New > Page or Web
- Từ cưa sổ Task Pane, chọn Web Site Templates
11
- Kích vào Database Interface Wizard
- Chọn Add to current Web box va kich OK, sau đó lam theo hướng dẫn để tao lập cở sư dữ liệu
và trang web. Thay đổi chê đô mặc định
Khi ban chay Microsoft FrontPage 2002, chương trinh nay sẽ tự đông mở lai tệp ma ban đã lam
việc cuối cùng trong phiên hoat đông trước. Ban có thể bỏ chê đô nay như sau: - Chọn menu Tools > Options
- Kich tab General va bỏ chọn Open last Web automatically when FrontPage starts