Bài giảng:Thiết kế web bằng Frontpage ppt

THIẾT KẾ WEB
THIẾT KẾ WEB BẰNG FRONTPAGE
TRUNG TÂM CÔNG NGHỆ THÔNG TIN ĐẠI HỌC HUẾ
Microsoft Office FrontPage
NỘI DUNG CHÍNH
Khái niệm và thuật ngữ
Ngôn ngữ HTML
Thiết kế trang WEB trong FRONTPAGE
Giới thiệu Internet
Cascading style sheets
Tổng quát của sự
tương tác giữa
trình duyệt và
máy chủ
Giới thiệu Internet
TRUNG TÂM CÔNG NGHỆ THÔNG TIN ĐẠI HỌC HUẾ
Giới thiệu Internet
Tổng quát của sự tương tác giữa trình duyệt và máy chủ
TRUNG TÂM CÔNG NGHỆ THÔNG TIN ĐẠI HỌC HUẾ
TRUNG TÂM CÔNG NGHỆ THÔNG TIN ĐẠI HỌC HUẾ
THIẾT KẾ WEB BẰNG FRONTPAGE
TRUNG TÂM CÔNG NGHỆ THÔNG TIN ĐẠI HỌC HUẾ
Tổng quát của sự tương tác giữa trình duyệt và máy chủ
Giới thiệu Internet
Sử dụng máy chủ Web như máy chủ proxy
TRUNG TÂM CÔNG NGHỆ THÔNG TIN ĐẠI HỌC HUẾ
THIẾT KẾ WEB BẰNG FRONTPAGE
TRUNG TÂM CÔNG NGHỆ THÔNG TIN ĐẠI HỌC HUẾ
THIẾT KẾ WEB BẰNG FRONTPAGE
TRUNG TÂM CÔNG NGHỆ THÔNG TIN ĐẠI HỌC HUẾ
THIẾT KẾ WEB BẰNG FRONTPAGE

TRUNG TÂM CÔNG NGHỆ THÔNG TIN ĐẠI HỌC HUẾ
THIẾT KẾ WEB BẰNG FRONTPAGE
TRUNG TÂM CÔNG NGHỆ THÔNG TIN ĐẠI HỌC HUẾ
www.ebay.com
www.vnexpress.net
www.dantri.com.vn
www.yahoo.com
THIẾT KẾ WEB BẰNG FRONTPAGE
TRUNG TÂM CÔNG NGHỆ THÔNG TIN ĐẠI HỌC HUẾ
Trang web đơn giản
THIẾT KẾ WEB BẰNG FRONTPAGE
TRUNG TÂM CÔNG NGHỆ THÔNG TIN ĐẠI HỌC HUẾ
Microsoft Office FrontPage
•
Một bộ công cụ tạo và điều hành web site.
•
Gồm nhiều tính năng hỗ trợ cho việc tạo
Website một cách dễ dàng nhất.
•
Tạo cấu trúc của Website, áp dụng các bố
cục đồ hoạ cho trang…
•
Hỗ trợ cho bạn việc tạo, thiết kế và sửa
đổi các trang Web.
THIẾT KẾ WEB BẰNG FRONTPAGE
TRUNG TÂM CÔNG NGHỆ THÔNG TIN ĐẠI HỌC HUẾ
Cài đặt FrontPage
•
Cấu hình hệ thống:


Intel Pentium 233-megahertz (MH).

Ram: 128 megabytes (MB).

Đĩa cứng còn trống 180 MB

Microsoft Windows 2000 với Service Pack 3 (SP3),
Windows XP hoặc các phiên bản mới hơn.
•
Các bước cài đặt
THIẾT KẾ WEB BẰNG FRONTPAGE
TRUNG TÂM CÔNG NGHỆ THÔNG TIN ĐẠI HỌC HUẾ
Bắt đầu với FrontPage
THIẾT KẾ WEB BẰNG FRONTPAGE
TRUNG TÂM CÔNG NGHỆ THÔNG TIN ĐẠI HỌC HUẾ
Cài đặt FrontPage
THIẾT KẾ WEB BẰNG FRONTPAGE
TRUNG TÂM CÔNG NGHỆ THÔNG TIN ĐẠI HỌC HUẾ
Menu (Thực đơn)
•
File: các lệnh làm việc với file và tổng thể trên trang Web.
•
Edit: Các lệnh soạn thảo thông dụng (tương tự các lệnh
trong mọi hệ soạn thảo văn bản khác ngoại trừ một vài lệnh
đặc thù).
•
View: Hiển thị các thanh công cụ.
•

Insert: Chèn các đối tượng vào trang Web.
•
Format: Các lệnh tạo khuôn.
•
Tools: Các công cụ và lựa chọn.
•
Table: Các lệnh tạo bảng trên trang.
•
Frame: Các lệnh làm việc với Frame.
•
Windows, Help: Các thực đơn truyền thống của Windows.
THIẾT KẾ WEB BẰNG FRONTPAGE
TRUNG TÂM CÔNG NGHỆ THÔNG TIN ĐẠI HỌC HUẾ
Màn hình soạn thảo
•
MÀN HÌNH SOẠN THẢO
•
Các chế độ
soạn thảo
THIẾT KẾ WEB BẰNG FRONTPAGE
TRUNG TÂM CÔNG NGHỆ THÔNG TIN ĐẠI HỌC HUẾ
Các vùng điều khiển
Các thành phần Mô tả
Page Tab Dùng để chọn trang làm việc.
Title Bar Hiển thị tên của trang Web và vị trí của trang trong Website.
Menu Bar Chứa các thực đơn lệnh.
Close Page Đóng trang hiện hành.
Scroll Bars Dùng để di chuyển trên trang hiện hành.
Status Bar Thanh trạng thái, thường dùng để quan sát đích của các liên kết.
Page View Panes Các khung hiển thị trang: Gồm 3 chế độ Design, html và preview.

Estimated time to Download Thời gian tải trang ước lượng.
Task Pane Khung tác vụ
Thanh công cụ Standard và Formatting Các thanh công cụ thường sử dụng.
Views bar Thanh chuyển đổi chế độ views.
Page size Kích thước của trang web
THIẾT KẾ WEB BẰNG FRONTPAGE
TRUNG TÂM CÔNG NGHỆ THÔNG TIN ĐẠI HỌC HUẾ
Màn hình soạn thảo
Các lệnh
làm việc
với tệp
(file)
Các
lệnh
soạn
thảo
THIẾT KẾ WEB BẰNG FRONTPAGE
•
Xác định mục đích của website rõ ràng.
•
Xác định đối tượng độc giả của website.
•
Thiết lập các chủ đề chính của website.
•
Thiết kế các khối thông tin chủ yếu mà
website sẽ cung cấp
TRUNG TÂM CÔNG NGHỆ THÔNG TIN ĐẠI HỌC HUẾ
Định hướng thiết kế Website
Khái niệm và thuật ngữ
TRUNG TÂM CÔNG NGHỆ THÔNG TIN ĐẠI HỌC HUẾ

Trình duyệt
•
Trình duyệt mạng là một phần mềm ứng
dụng cho phép người sử dụng truy cập và
xem các tài liệu HTML, các website trên
mạng toàn cầu Internet .
•
Microsoft Internet Explorer.
•
Mozilla Firefox.
•
Opera
•
Avant Browser
TRUNG TÂM CÔNG NGHỆ THÔNG TIN ĐẠI HỌC HUẾ
Ngôn ngữ HTML
•
HTML: Hyper Text Markup Language.
•
là tập hợp các nguyên tắc và qui định dùng để mô tả và
thể hiện các trang Web.
•
Các qui tắc này được thể hiện thành những "Tag“.
•
Một tag HTML bao gồm hai phần: phần mở tag và phần
đóng tag
Các tag miêu tả
hàng, cột của
bảng
Các tag miêu tả

hàng, cột của
bảng
Khái niệm và thuật ngữ