bài giảng thiết kế web với forntpage 2003
Bạn đang xem bản rút gọn của tài liệu. Xem và tải ngay bản đầy đủ của tài liệu tại đây (2.42 MB, 75 trang )
Chương III
THIẾT KẾ WEB BẰNG
MS-FRONTPAGE
3.1. Tổng quan về FrontPage
3.1.1. Giới thiệu về FrontPage
Microsoft FrontPage là một bộ công cụ để
quản lý và tổ chức World Wide Web mà
không cần các kiến thức về lập trình.
FontPage có tất cả mọi thứ cần thiết để thiết
kế và xây dựng một World Wide Web site
đơn giản một cách nhanh chóng và dễ dàng
3.1. Tổng quan về FrontPage
3.1.2. Khởi động và thoát khỏi FrontPage
Khởi động
Vào Start → chọn Programs → chọn
Microsoft Office → chọn Microsoft Office
ForntPage 2003
Thoát khỏi
Vào File → chọn Exit
Nhấn nút Close góc bên phải màn hình
Nhấn tổ hợp phím Alt + F4
3.1. Tổng quan về FrontPage
3.1.3. Cửa sổ làm việc FrontPage
Thanh tiêu đề
Thanh Menu
Thanh công cụ chuẩn
Thanh định dạng
Page tab
Chế độ
làm việc
Đóng trang
web hiện tại
Thanh cuộn
ngang –
dọc
Task pane
Vùng thiết
kế
2.Click vào để
tạo web site
mới
1. Click
vào đây
3.2. Làm việc với trang Web trong ForntPage
3.2.1. Tạo website với FrontPage
2.Click chọn
mẫu web site
1.Nhập đường dẫn
chứa web site.
Hoặc click vào nút
Browse để chọn
3.Click Ok để
tạo website
mới
Chú ý: Phải tạo thư mục chứa web site trước khi tạo web site
3.2. Làm việc với trang Web trong ForntPage
3.2.1. Tạo website với FrontPage
Thư mục chứa
các hình ảnh
Trang chủ
của web
site
Tạo trang
web mới
Tạo thư
mục mới
3.2. Làm việc với trang Web trong ForntPage
3.2.1. Tạo website với FrontPage
3.2. Làm việc với trang Web trong ForntPage
3.2.2. Tạo một trang Web
Vào menu File chọn New chọn
Blank Page trên thanh đa nhiệm hoặc nhấn
tổ hợp phím Ctrl + N
3.2. Làm việc với trang Web trong ForntPage
3.2.3. Đưa một trang Web vào Website
Bước 1: Trong hộp thoại Folder List chọn
biểu tượng New Page hoặc kích chuột phải
chọn New → chọn Blank Page, trên hộp
thoại sẽ chèn vào một trang mới
Bước 2: Nhập tên cần đặt cho trang vừa
mới tạo, sau đó nhấn Enter
3.2. Làm việc với trang Web trong ForntPage
3.2.4. Soạn thảo nội dung trên trang Web
Vào menu File chọn Properties chọn
Language chọn Save the document as
chọn Unicode (UTF-8).
Hay chọn chế độ hiển thị Code và thay thế
dòng <meta http-equiv=”Content-Type”
content=”text/ html; charset=windows-
1252"> (ở giữa hai thẻ <head> và </head>)
thành <meta http-equiv=”Content-Type”
content=”text/html; charset=utf-8"> rồi
chuyển trở lại chế độ Design soạn thảo
Nhập tên
trang web
Click save để
lưu trang web
3.2. Làm việc với trang Web trong ForntPage
3.2.5. Lưu trang web
Vào File Save
3.3. Định dạng văn bản trong FrontPage
3.3.1. Định dạng ký tự
Bước 1: Vào menu Format chọn
Font… chọn thẻ Font
3.3. Định dạng văn bản trong FrontPage
3.3.1. Định dạng ký tự
Bước 2: Chọn font chữ mục Font, chọn
kiểu font tại mục Font style, chọn kích cỡ
tại mục Size, màu chữ tại mục Color, chọn
các hiệu ứng khác trong phần Effects
Bước 3: Nhấn OK
3.3. Định dạng văn bản trong FrontPage
3.3.2. Định dạng đoạn văn bản (Paragraph)
Tạo một dòng mới mà không có khoảng
trắng với dòng trên đó: Nhấn Shift +
Enter
Tạo một đoạn mới
Để tạo một đoạn mới với cùng kiểu với đoạn
hiện tại, đặt điểm chèn tới cuối đoạn trên và
nhấn Enter.
Để chia nhỏ đoạn hiện tại, đặt điểm chèn tại vị
trí muốn chia trong đoạn và nhấn Enter
3.3. Định dạng văn bản trong FrontPage
3.3.2. Định dạng đoạn văn bản (Paragraph)
Đặt văn bản thụt vào hoặc thụt ra so với
lề của đoạn hiện thời
Bước 1: Chọn văn bản muốn thực hiện thụt lề
Bước 2: Nhấn nút Decrease Indent (thụt
ra), nút Increase Indent (thụt vào)
3.3. Định dạng văn bản trong FrontPage
3.3.3. Tạo danh sách trong FrontPage
Bước 1: Chọn các dòng văn bản muốn thêm
dấu Bullet hoặc Number
Bước 2: Vào menu Format chọn
Bullets and Numbering
Bước 3: Chọn thẻ Plain Bullets nếu đánh
danh sách theo kiểu bullet, chọn thẻ
Numbers nếu đánh danh sách theo số thứ tự
3.3. Định dạng văn bản trong FrontPage
3.3.4. Tạo màu nền văn bản
Vào Format chọn Background hoặc
kích chuột phải lên nền chọn Page
properties chọn thẻ Formatting
3.4. Siêu liên kết trong FrontPage
3.4.1. Liên kết trong trang (Bookmark)
Tạo Bookmark trên trang web
Bước 1: Chọn vị trí cần đặt Bookmark
Bước 2: Vào menu Insert chọn Bookmark…,
xuất hiện hộp thoại
3.4. Siêu liên kết trong FrontPage
3.4.1. Liên kết trong trang (Bookmark)
Xoá Bookmark
Bước 1: Đặt trỏ text lên bất kì chỗ nào trong
text chứa bookmark.
Bước 2: Vào menu Edit chọn Go to
Bookmark hoặc nhấn tổ hợp Ctrl +G
Bước 3: Chọn tên Bookmark cần xoá nhấn
nút Clear
Bước 4: Nhấn nút OK
3.4. Siêu liên kết trong FrontPage
3.4.1. Liên kết trong trang (Bookmark)
Tạo liên kết
Bước 1: Chọn văn bản và hình cần tạo liên kết
Bước 2:Vào menu Insert chọn Hyperlink
hoặc kích nút Create or Edit Hyperlink , xuất
hiện hộp thoại
3.4. Siêu liên kết trong FrontPage
3.4.2. Liên kết đến các trang trong website
hiện hành
Tương tự như các bước thực hiện liên kết
trong trang mở hộp thoại Insert Hyperlink,
chọn trang cần liên kết đến
3.4. Siêu liên kết trong FrontPage
3.4.3. Liên kết đến các địa chỉ Web
Tương tự như các bước thực hiện liên kết
trong trang mở hộp thoại Insert Hyperlink,
tại mục Address nhập địa chỉ Web cần liên
kết đến
3.4. Siêu liên kết trong FrontPage
3.4.4. Liên kết đến đến hộp thư điện tử (E-
mail)
Tương tự như các bước thực hiện liên kết
trong trang mở hộp thoại Insert Hyperlink,
chọn mục E-mail Address.
3.5. Hình ảnh trong Frontpage
3.5.1. Các loại ảnh được hỗ trợ trong HTML
FrontPage cho phép import các ảnh theo các
định dạng sau: GIF, JPEG, BMP, TIFF,
TGA, RAS, EPS, PCX, và WMF.
Sử dụng chuẩn ảnh là RGB, không dùng
chuẩn ảnh CMYK
3.5. Hình ảnh trong Frontpage
3.5.2. Chèn hình ảnh
Chèn hình Clip Art
Bước 1: Chọn trang muốn chèn hình Clip Art
Bước 2: Vào menu Insert → chọn Picture →
chọn Clip Art, trên thanh tác vụ Clip Art hiển
thị. Trong hộp Search nhập từ hoặc cụm từ mô
tả hình bạn muốn chọn, sau đó nhấn nút Go
Bước 3: Chọn hình Clip Art cần chèn vào trang
