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 hình ảnh phải được đưa vào thư mục ...\My Documents\My Web Sites\images. Nội dung cần chuẩn bị sẵn lưu bằng file trong My Web Sites là được. Việc đầu tiên bạn mở Frontpage lên, trang trắng mặc định có

1 lytuongspk@gmail.com THIẾT KẾ WEB VỚI FRONTPAGE BIÊN SOẠN: NGUYỄN DUY TƯỞNG Thiế t kế website dễ da ̀ ng vơ ́ i MS Frontpage (cơ bản) Chuâ ̉ n bi ̣:   : , ,      ,  .                     . Bắ t đầ u: 800 x 150 pixels,  800 x 4 pixels,          ,        .\My Documents\My Web Sites\images.  My Web Sites          - 2 lytuongspk@gmail.com __________________________________________   Alignment chọn center, Float: Default, đánh dấu kiểm Specify width: gõ vào 800 In pixels.     3 lytuongspk@gmail.com     Làm chữ chạy Marquee    Tạo nút Button tuỳ biến      4 lytuongspk@gmail.com       = 0,    . > Interactive Button,  ,     , size . !       , ,  .          ,           .        "",         . Tạo trang nghe nhạc     , , xem video .    :    > Insert > Web Component > Advanced Ctrols - ActiveX Ctrols > Next > d Window Media Player,        >    .    ,  ra,                   ,  : http://bocau.com.googlepages.com/KATYKATY.wma , volum .  5 lytuongspk@gmail.com , (       )    e   ().      . Kế t nố i vơ ́ i Flash (.swf) : (   .swf)     , t > Web Component > Advanced Ctrols >  Movie in Flash Format > .swf, ,           . : ,     .  .                        ,      ite. ,                . Tô ̉ ng kế t         ,            .                  ,    . 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 lytuongspk@gmail.com 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 thị cửa sổ định dạng 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 lytuongspk@gmail.com 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, xa 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 lytuongspk@gmail.com Để đư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 lytuongspk@gmail.com - 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 .     Hyperlink Status trên ô Views. Sau         FrontPage Explorer.    Web Content)         -  Insert, -  -  - Kích Finish. 10 lytuongspk@gmail.com  LinkExchange                  sau: -  - w và kích Survey, -  -  -    -  -     Database Interface Wiz            nhanh chóng tìm   FrontPage 2002, hãy làm  -  -  [...]... 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 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 . 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. 1 lytuongspk@gmail.com THIẾT KẾ WEB VỚI FRONTPAGE BIÊN SOẠN: NGUYỄN DUY TƯỞNG Thiế t kế website dễ da ̀ ng vơ ́ i MS Frontpage (cơ bản) Chuâ ̉ n