Bài giảng: thiết kế web pptx

THIẾT KẾ WEB BẰNG FRONTPAGETRUNG 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 G

Trang 2

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

Trang 4

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ủ

Trang 6

Tổng quát của sự tương tác giữa trình duyệt và máy chủ

Trang 7

Giới thiệu Internet

Sử dụng máy chủ Web như máy chủ proxy

Trang 8

Trang 9

Trang 10

Trang 11

Trang 12

www.vnexpress.net

www.dantri.com.vn

www.yahoo.com

Trang web đơn giản

Trang 13

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.

Trang 14

Trang 17

Bắt đầu với FrontPage

Trang 18

Cài đặt FrontPage

Trang 19

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.

Trang 20

Màn hình soạn thảo

•MÀN HÌNH SOẠN THẢO

•Các chế độ

soạn thảo

Trang 21

Các vùng điều khiển

Title Bar Hiển thị tên của trang Web và vị trí của trang trong Website

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

Thanh công cụ Standard và Formatting Các thanh công cụ thường sử dụng

Trang 22

Trang 23

• 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

Định hướng thiết kế Website

Trang 24

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

Trang 25

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

Trang 26

• Phần đầu trang: Thường nằm trong cặp tag <HEAD>

được nhúng trong tài liệu HTML

Ngôn ngữ HTML Khái niệm và thuật ngữ

Trang 27

• Là một không gian thông

tin toàn cầu mà mọi

người có thể truy nhập

(đọc và viết) qua các máy

tính nối với mạng

Internet.

• Các tài liệu trên World

Wide Web được lưu trữ

trong một hệ thống siêu

văn bản (hypertext).

World Wide Web

sử dụng Internet.

Trang 28

• Một Website là một tập hợp các trang Web, hình ảnh, tư liệu, multimedia, và các file khác.

• Website được lưu trữ trên web server hoặc trên

ổ đĩa nội bộ của máy tính.Website thường chỉ

nằm trong một tên miền hoặc tên miền phụ trên

World Wide Web của Internet.

Website Khái niệm và thuật ngữ

Trang 29

• Khuôn dạng tổng quát của địa chỉ một trang

Web như sau:

http://địa chỉ IP của máy chủ/tên thư mục/ /tên tài liệu HTML

Định dạng
Số trang	29
Dung lượng	3,36 MB