THIẾT KẾ WEB VỚI FRONTPAGE

Chuẩ n bi:̣ Máy của bạn cần cài phần mềm Frontpage trong bộ Office Giao diện gồ m: một Banner, vài hình ảnh, một vài ca khúc yêu thích, nội dung web... Tự u chung lại Bồ Câu sẽ thự c hiện vơi chính ́ website của minh để mọi ngươi tham khảo nhé. ̀ ̀ Bắ t đầ u: Một Banner đượ c thiết kế chiều rộng khoảng 800 x 150 pixels, một file hình làm nền Cells có chiều rộng 800 x 4 pixels, hoặc một file hình nhỏ khác làm nề n web, tấ t cả các...
Nội dung trích xuất từ tài liệu:
THIẾT KẾ WEB VỚI FRONTPAGE THIẾT KẾ WEB VỚI FRONTPAGE BIÊN SOẠN: NGUYỄN DUY TƯỞNG Thiế t kế website dễ dàng vơi MS Frontpage (cơ bản) ́ Chuẩ n bi:̣ Máy của bạn cần cài phần mềm Frontpage trong bộ Office Giao diện gồ m: một Banner, vài hình ảnh, một vài ca khúc yêu thích, nội dung web... Tự u chung lại Bồ Câu sẽ thự c hiện vơi chính ́ website của minh để mọi ngươi tham khảo nhé. ̀ ̀Bắ t đầ u:Một Banner đượ c thiết kế chiều rộng khoảng 800 x 150 pixels, một file hình làm nềnCells có chiều rộng 800 x 4 pixels, hoặc một file hình nhỏ khác làm nề n web, tấ t cả cáchình ảnh phải được đưa vào thư mục ...My DocumentsMy Web Sitesimages. Nộidung cần chuẩn bị sẵn lưu bằng file word trong My Web Sites là được.Việc đầu tiên bạn mở Frontpage lên, trang trắng mặc định có tên new_page_1.htm.Bạn chưa cần quan tâm, nhấn chuột phải vào nền trang bắt đầu tạo các mục cơ bảncho website: chọn Page Properties > General thẻ này nếu bạn muốn có âm thanh nổilên ngay khi khách mở trang, thì bạn chọn mục Browser tại Background sound, nêndùng file âm thanh .midi cho nhẹ và chuẩn bị sẵn trong thư mục my web sites.Tại thẻ Formatting chọn màu nền trang, hoặc có thể dùng file ảnh để làm nền ngaymục Browser của Background picture. Thẻ Advanced bạn chỉnh phần Magrins =0 hếtthảy, thẻ custom mục add bạn có thể nhập tên và một số từ khoá nội dung web. Sangthẻ language > chọn Unicode (UTF-8) và nhấn OK. 1lytuongspk@gmail.com__________________________________________Tiếp đến phần tạo bảng cho web cực kỳ quan trọng, nếu bạn muốn định dạng trangweb của mình luôn luôn thể hiện giữa màn hình. Thao tác rất đơn giản, nhấn vàoTable > Insert để tạo bảng cho web, chọn trong size cột, hàng. Phần Alignment chọncenter, Float: Default, đánh dấu kiểm Specify width: gõ vào 800 In pixels. Phầndưới chọn background picture > Browser tìm hình nền và nhấp OK. Vậy là xong phầntạo bảng của web, lúc này bạn nên save as bằng tên dễ nhớ như web_mau chảnghạn. 2lytuongspk@gmail.comTiếp đến bạn chèn banner bằng cách dùng chuột nhấn vào dòng đầu tiên, định dạnggiữa tất cả rồi vào insert > picture > From file, chọn banner có sẵn trong images (Nếubạn để hình ảnh nơi khác, khi lên mạng website sẽ không thể hiện hình ảnh vì thiếuđường dẫn).Làm chữ chạy MarqueeỞ dòng thứ hai bạn nhấn vào Insert > Insert web Component > chọn Marquee > Finishbảng mới hiện ra mục text gõ dòng chữ: Welcome to Company (tuỳ ý), nhấn OK.(Nhấn vào Preview góc trái màn hình để xem trước các hiệu ứng web)Tạo nút Button tuỳ biếnĐến phần nội dung và danh mục địa chỉ web, bạn cần chia dòng thứ ba thành hai cộtbằng cách nhất chuột vào vùng cần chia, sau đó vào Table > Split Cells > OK. Địnhvùng cho ô danh mục bằng cách nhấn chuột phải vào vùng, chọn Cell Propreties >đánh dấu kiểm vào Specify gõ vào 140pixels > OK. Lúc này ta được phía trái 140pixels, phía phải 660 pixels. 3lytuongspk@gmail.comVào Format > Paragraph > định dạng Align Right, chọn tất cả các mục khác = 0, chuẩ nbị làm button cho danh mục web. Chọn Insert > Interactive Button, bảng mới hiện rabạn chọn kiểu Button ưng ý, cỡ chữ, size... tuỳ thích! Phầ n text button bạn thay vàonội dung Trang chủ, mục link bạn gõ vào đầy đủ địa chỉ trang web, nhấ n OK. Bạn làmtiế p các nút Button khác tiế p theo, phầ n text thay thế tương ưng vơi đia chỉ web... ́ ́ ̣Đế n đây cơ bản bạn đã có một trang mẫu rỗng, nội dung bây giơ bạn sẽ phải nhập ̀vào cho đúng và lưu lại bằng cách đặt tên cho file với địa chỉ web sau này thể hiện.Tạo trang nghe nhạcVơi trang rỗng mẫu ơ trên, bạn có thể chèn window media player để nghe nhạc, xem ́ ̉video... bằ ng cách: đặt chuột nơi muố n chèn > Insert > Web Component > AdvancedCtrols - ActiveX Ctrols > Next > dùng chuột kéo xuống phía dưới cùng chọn mụcWindow Media Player, nế u không thấ y ...