BÀI GIẢNG : Microsoft Office FrontPage 2003

Chia sẻ: Lê Văn Nhứt | Ngày: | Loại File: PDF | Số trang:38

Thêm vào BST

Báo xấu

557
lượt xem 196
download

Download Vui lòng tải xuống để xem tài liệu đầy đủ

Microsoft FrontPage (tên đầy đủ Microsoft Office FrontPage) là chương trình tạo web bán chuyên nghiệp, nó nằm chung với các chương trình Microsoft Word, Microsoft Excel, Microsoft PowerPoint,... tạo nên bộ chương trình văn phòng Microsoft Office. FrontPage 2003 bao gồm một tùy chọn mới Xem Split để cho phép người dùng mã trong Code View và xem trước trong thiết kế Xem mà không có những phiền phức chuyển từ các thiết kế và luật Xem các tab để xem xét từng....

Chủ đề:

Bình luận(0) Đăng nhập để gửi bình luận!

Lưu

Nội dung Text: BÀI GIẢNG : Microsoft Office FrontPage 2003

BÀI BÀI GIẢNG : Microsoft Office FrontPage 2003 Office FrontPage 2003 1
PHẦN II: THIẾT KẾ WEB VỚI FRONTPAGE 2003 WEB FRONTPAGE 2003 Mục tiêu: - Thiết kế một web site đơn giản ở chế độ design của FrontPage 2003 FrontPage 2003 - Vài ví dụ mẫu: Bài tập 1: trang web đầu tiên - Bài tập 2, 3: mục tiêu làm quen 3: tiêu làm quen - Bài tập 4, 5: mục tiêu tiếp theo - Bài tập 6, 7: mục tiêu cuối cùng - 2
PHẦN II: THIẾT KẾ WEB VỚI FRONTPAGE 2003 WEB FRONTPAGE 2003 I. Giới thiệu FrontPage 2003: Những nội dung chính: - Khởi động FrontPage - Màn hình làm việc của FrontPage - Giới thiệu các thanh công cụ chính - Các chế độ thiết kế của FrontPage ch độ thi FrontPage 3
PHẦN II: THIẾT KẾ WEB VỚI FRONTPAGE 2003 WEB FRONTPAGE 2003 I. Giới thiệu FrontPage 2003: 1. Khởi động và thoát FP - Khởi động: Start/ Programs/ MicrosoftOffice/ Microsoft FrontPage 2003 - Thoát FrontPage: Bấm nút X trên thanh tiêu đề của FP. - Đóng 1 trang mà không thoát FP: bấm nút X tại phần ngoài bên phải tên trang web Lưu ý: nếu trang web chưa được lưu thì sẽ có thông báo lưu trang web. Bấm Yes nếu cần lưu thông tin chỉnh sửa hoặc No nếu hủy bỏ việc hiệu chỉnh trang web. 4
PHẦN II: THIẾT KẾ WEB VỚI FRONTPAGE 2003 WEB FRONTPAGE 2003 I. Giới thiệu FrontPage 2003: 2. Màn hình làm việc của FrontPage - Sau khi khởi động, màn hình khi kh độ hì của FP hiện ra, sẵn sàng để làm việc - Để tạo một trang web mới, bấm nút New, chọn tiếp Blank Page ở Task Panel Page Task Panel bên khung trái 5
PHẦN II: THIẾT KẾ WEB VỚI FRONTPAGE 2003 WEB FRONTPAGE 2003 I. Giới thiệu FrontPage 2003: 3. Các thanh công cụ của FrontPage 3.1 Cách xem và đóng các thanh công cụ Cá th Chọn View - Chọn Toolbars - - Chọn hoặc bỏ chọn trước tên các thanh công cụ để hiện hoặc ẩn chúng. thanh công để hi ho chúng Các thanh công cụ hữu ích: Standard, - Formatting, Drawing, Pictures… Drawing Pictures 6
PHẦN II: THIẾT KẾ WEB VỚI FRONTPAGE 2003 WEB FRONTPAGE 2003 I. Giới thiệu FrontPage 2003: 3. Các thanh công cụ của FrontPage 3.2 Thanh công cụ Standard Thanh công Standard Là thanh công cụ được dùng nhiều nhất, tập hợp các nút lệnh quan trọng trong việc quản lý: lý - Tập tin: tạo mới, lưu trữ, mở, sao chép… - Kiểm tra lỗi chính tả, in ấn, xem kết quả trang web đã thiết kế tra chính in xem qu trang web thi - Các thao tác soạn thảo đơn giản: sao chép, cắt, dán các đối tượng - Chèn các thành phần đặc biệt, chèn bảng, siêu liên kết, hình ảnh … các thành ph đặ bi chèn siêu liên hình 7
PHẦN II: THIẾT KẾ WEB VỚI FRONTPAGE 2003 WEB FRONTPAGE 2003 I. Giới thiệu FrontPage 2003: 3. Các thanh công cụ của FrontPage 3.3 Thanh công cụ Formatting Th Là thanh công cụ dùng để định dạng nhanh văn bản: nhanh - Kiểu văn bản, các loại font chữ, kích thước chữ dùng trong thiết kế - Các dạng nghiêng, đậm, gạch dưới, canh lề văn bản nghiêng, đậ canh - Tạo số hoặc kí tự đặc biệt đầu mỗi đoạn - Kẻ khung, màu nền và màu chữ của văn bản. khung, màu và màu ch 8
PHẦN II: THIẾT KẾ WEB VỚI FRONTPAGE 2003 WEB FRONTPAGE 2003 3.4 Thanh công cụ Pictures Là thanh công cụ dùng để hiệu chỉnh các đối tượng hình ảnh: - Chèn hình ảnh, nhập nội dung trực tiếp lên trên ảnh - Lật ảnh ngang, sang trái, phải, xoay ảnh - Các hiệu ứng cơ bản: làm mờ hoặc trong suốt, độ sáng, tối, độ tương phản của ảnh. - Cắt hình ảnh, định kích thước ảnh, tạo bản đồ liên kết ảnh… 9
PHẦN II: THIẾT KẾ WEB VỚI FRONTPAGE 2003 WEB FRONTPAGE 2003 3. Các thanh công cụ của FrontPage 3.5 Thanh công cụ Table Là thanh công cụ rất quan trọng trong thiết kế web, ngoài chức năng kẻ bảng và thực hiện các thao tác trực tiếp trên bảng, nó còn dùng để và th hi các thao tác tr ti trên nó còn dùng để định vị vị trí đối tượng trên trang web: - Giúp kẻ bảng nhanh, thêm hoặc xóa bớt các thành phần trên bảng - Nối, tách các ô, thêm, xóa dòng cột - Định vị tương đối văn bản trong từng ô - Chọn màu cho bảng hoặc ô. màu cho ho 10
PHẦN II: THIẾT KẾ WEB VỚI FRONTPAGE 2003 WEB FRONTPAGE 2003 I. Giới thiệu FrontPage 2003: 3. Các thanh công cụ của FrontPage 3.6 Các thanh công cụ khá Cá th khác Thanh công cụ DHTML Effect: giúp tạo các hiệu ứng đặc biệt cho - trang web như nhấp chuột, rê chuột, … vào một đối tượng Thanh công cụ Positioning: dùng để nhúng, định vị vị trí đối tượng - Thanh Navigation: chọn View/ Navigation: - Dùng để xem dạng cây phân cấp trong trang web, rất hữu ích trong trường hợp cần tạo nhanh những nút liên kết các trang trong cùng cấp, cấp cha hoặc cấp con. 11
PHẦN II: THIẾT KẾ WEB VỚI FRONTPAGE 2003 WEB FRONTPAGE 2003 I. Giới thiệu FrontPage 2003: 4. Các phương thức xem trang: Trong FrontPage có 4 phương FrontPage có ph thức xem một trang web 4.1 Chế độ Design: Ch độ Design: Chế độ nhập nội dung, bố cục, thiết kế website. Ở chế độ này có thể sử dụng hầu hết các các menu lệnh, các biểu tượng trên những thanh công cụ. 12
PHẦN II: THIẾT KẾ WEB VỚI FRONTPAGE 2003 WEB FRONTPAGE 2003 I. Giới thiệu FrontPage 2003: 4. Các phương thức xem trang: 4.2 Chế độ Split: độ Chế độ này sẽ chia đôi màn hình làm 2, một màn hình dùng để nhập nội dung, bố cục, thiết kế giống chế độ Design, màn hình còn lại hiển thị chi tiết các mã lệnh, các thẻ tag của ngôn ngữ HTML 13
PHẦN II: THIẾT KẾ WEB VỚI FRONTPAGE 2003 WEB FRONTPAGE 2003 I. Giới thiệu FrontPage 2003: 4. Các phương thức xem trang: 4.3 Chế độ Code: độ Chế độ này hiển thị chi tiết các mã lệnh, các thẻ tag của ngôn ngữ HTML. Dành riêng cho những người rành về ngôn ngữ thiết kế web HTML 14
PHẦN II: THIẾT KẾ WEB VỚI FRONTPAGE 2003 WEB FRONTPAGE 2003 I. Giới thiệu FrontPage 2003: 4. Các phương thức xem trang: 4.4 Chế độ Preview: Ch độ Preview: Chế độ này cho phép xem trước kết quả thiết kế. Ở chế độ này hầu hết các thanh công cụ sẽ bị mờ không hoạt động được, và một vài thành phần có thể sẽ hiển thị không chính xác. Tốt nhất nên xem kết quả thiết kế trang web bằng trình duyệt IE Tóm lại: Trong 4 chế độ xem trang này, chúng ta sẽ thiết kế trang web ở chế độ Design, sau đó chuyển ngay sang chế độ Preview để xem kết quả. Nếu không vừa ý thì chuyển lại chế độ Design rồi tiếp tục hiệu chỉnh cho đến khi hoàn thành trang web của mình. 15
PHẦN II: THIẾT KẾ WEB VỚI FRONTPAGE 2003 WEB FRONTPAGE 2003 II. Các thao tác trên trang web: • Những nội dung chính phần II: Các khái niệm cơ bản khá • Cách tạo một website • Cách tạo một trang web đơn • Lưu trữ và hiệu chỉnh tr và hi ch • Xem website đã thiết kế • 16
PHẦN II: THIẾT KẾ WEB VỚI FRONTPAGE 2003 WEB FRONTPAGE 2003 II. Các thao tác trên trang web: • Các khái niệm cơ bản: Webpage: một trang web đơn chứa nội dung cụ thể về một vấn g • đề nào đó. Trong webpage có chứa liên kết tới các webpage khác Website: tập hợp của các webpage mà mỗi trang đều có liên kết • với nhau. Trang chủ: thường được đặt tên là index.htm, chứa liên kết tới • toàn bộ các webpage còn lại trong website. Trang chủ thường dùng thể hiện các nội dung quan trọng nhất mà muốn người khác phải chú ý . Có thể hình dung trang chủ của một website giống trang bìa của một tờ báo. 17
PHẦN II: THIẾT KẾ WEB VỚI FRONTPAGE 2003 WEB FRONTPAGE 2003 II. Các thao tác trên trang web: 1. Cách tạo một website rỗng: Thường dùng để tạo một website rỗng, chưa có nội dung: dù để - Vào menu File, chọn New -> xuất hiện khung thoại bên phải màn hình, ch More website templates chọn More website templates. - Chọn một mẫu bất kỳ bên khung trái tùy vào yêu cầu sử dụng, bấm nút Browse và chọn đường dẫn lưu website, nhấp OK khi hoàn tất. - Trên FP sẽ xuất hiện một website mới chưa có nội dung và có sẵn 1 tập tin index.htm, 2 folder mặc định images và _private. Nhấp đúp vào index.htm để bắt đầu nhập nội dung cho trang web 18
PHẦN II: THIẾT KẾ WEB VỚI FRONTPAGE 2003 WEB FRONTPAGE 2003 II. Các thao tác trên trang web: 1. Cách tạo một website rỗng: 19
PHẦN II: THIẾT KẾ WEB VỚI FRONTPAGE 2003 WEB FRONTPAGE 2003 II. Các thao tác trên trang web: 1. Cách tạo một website rỗng: Lưu ý: - Trong bước chọn mẫu website, có thể chọn các mẫu khác nhau cho các mục đích khác nhau. Ví dụ với mẫu Personal Web Site thì sẽ xuất hiện nhiều mục hơn là khi chọn mẫu One Page WebSite - Trong phần này, chúng ta chỉ quan tâm tới việc tạo một trang web đơn (webpage), vì việc tạo website chỉ thực sự dành cho những dự án lớn hoặc một trang web cá nhân cần đầu tư nhiều công sức, thời gian và kiến thức. 20