THIẾT KẾ WEBSITE BẰNG

FrontPage Editor

2 FrontPage Editor

Ngày nay, Internet và đặc biệt là World Wide Web đã trở thành một dịch vụ

thông tin gắn chặt với đời sống kinh tế-xã hội. Trong giáo dục, việc truy cập thông tin và tạo ra thông tin trở thành một công việc thường xuyên của thầy giao và học sinh Ngoài các chương trình trong MS Office như Word, Excel, chương trình Frontpage cho phép mọi người dễ dàng tạo ra các trang Web sinh động đầy màu sắc, đồng thời chuyển tải các trang đó lên mạng Internet một cách thuận tiện nhanh chóng…

FrontPage Editor

FrontPage Editor 3

Mục lục

Mục lục ..................................................................................................................................................................3

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

Bắt đầu với FrontPage ..........................................................................................................................................9 Không gian làm việc FrontPage ............................................................................................................. 11

Các lệnh đơn giản của FrontPage ........................................................................................................... 14

Ngôn ngữ HTML và tổng quan về trang Web .......................................................................................... 14

Tạo trang mới ..................................................................................................................................... 16

Cất nội dung trang hiện thời vào file ...................................................................................................... 16

Cất nội dung của trang tại FrontPage web hiện thời .................................................................................. 17

Tạo trang mẫu ..................................................................................................................................... 17

Mở một trang trong FrontPage Editor ..................................................................................................... 17

Thuộc tính trang .................................................................................................................................. 18

Làm việc với trang Web ...................................................................................................................................... 20 Sự khác nhau giữa tài liệu Word và tài liệu HTML ................................................................................... 20

Cấu trúc trang Web .............................................................................................................................. 21

Địa chỉ trang Web................................................................................................................................ 21

Tạo màu nền, màu text và ảnh nền cho trang........................................................................................... 22

Định dạng text và đoạn ....................................................................................................................................... 23 Định dạng text .................................................................................................................................... 23

Đặt text lui vào so với lề của đoạn hiện thời (To indent text) ...................................................................... 25

Đặt lề text lùi ra so với lề của đoạn hiện thời (To outdent text) ................................................................... 25

Làm việc với Paragraphs ...................................................................................................................... 25

Làm việc với danh sách ....................................................................................................................................... 28 Tạo danh sách bullet ............................................................................................................................ 29

Tạo danh sách definition ....................................................................................................................... 29

Tạo danh sách directory ........................................................................................................................ 29

Tạo danh sách menu ............................................................................................................................ 29

Tạo danh sách lồng nhau ...................................................................................................................... 30

Tạo danh sách có thứ tự ........................................................................................................................ 30

Thay đổi thông số của danh sách ............................................................................................................ 30

Bookmark và HyperLink .................................................................................................................................... 31 Tạo các Text Link................................................................................................................................ 32

Tạo Image Link ................................................................................................................................... 34

Thay đổi HyperText và Hypermedia ....................................................................................................... 35

Xoá và thay đổi các Hyperlink ............................................................................................................... 36

Bookmark .......................................................................................................................................... 39

Làm việc với ảnh ................................................................................................................................................. 42 Các loại ảnh được hỗ trợ trong HTML .................................................................................................... 42

Chèn một hình ảnh .............................................................................................................................. 43

Sửa ảnh .............................................................................................................................................. 44

Tạo ảnh trong suốt ............................................................................................................................... 47

Chuyển đổi ảnh ................................................................................................................................... 48

FrontPage Editor

4 FrontPage Editor

Các chức năng khác ............................................................................................................................. 49

Hospot ................................................................................................................................................................ 51 Tạo Hotspot ........................................................................................................................................ 52

Thay đổi Hospot.................................................................................................................................. 53

Làm việc với Table ............................................................................................................................................. 54 Tạo Table ........................................................................................................................................... 54

Tạo bảng trong bảng khác .................................................................................................................... 55

Thuộc tính của table ............................................................................................................................ 55

Điều chỉnh bảng .................................................................................................................................. 56

Xoá bảng và một phần của nó ............................................................................................................... 60

Định dạng table ................................................................................................................................... 60

Các thao tác khác ................................................................................................................................ 62

Làm việc với Frame............................................................................................................................................ 64 Tạo trang frame................................................................................................................................... 65

Làm việc với form .............................................................................................................................................. 69 Tạo Form ........................................................................................................................................... 70

Thêm trường vào form ......................................................................................................................... 70

Thuộc tính của form ............................................................................................................................ 71

Sử dụng tạo form bằng Wizard .............................................................................................................. 72

Thêm thành phần của form .............................................................................................................................. 76 Các thao tác với trường ........................................................................................................................ 77

Text Boxes ......................................................................................................................................... 77

Scrolling Text Boxes ........................................................................................................................... 81

Check Boxes ...................................................................................................................................... 81

Radio Buttons ..................................................................................................................................... 82

Drop-Down Menus .............................................................................................................................. 83

Trường Push Buttons và Image ............................................................................................................. 86

Trường ẩn - Hidden ............................................................................................................................. 88

Bài thực hành - Lab1. ........................................................................................................................... 108

Các tùy chọn cuả Page View ............................................................................................................. 113

Lab2. .............................................................................................................................................. 113

Tăng cường các định dạng cho Web site ............................................................................................ 114

Tạo Shared Borders và thanh di chuyển (Navigation Bar) .................................................................. 115

Chủ đề định dạng (theme) ................................................................................................................ 117

Hiệu chỉnh Theme ........................................................................................................................... 119

Xem trước Web site ........................................................................................................................ 120

Tổ chức file trong web site ................................................................................................................ 121

Xuất bản (publishing) Web site Hsph ................................................................................................ 122

Câu hỏi trắc nghiệm ........................................................................................................................................ 124

FrontPage Editor

FrontPage Editor 5

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

HTML là gì? Bookmark

Dynamic HTML Web browser(Trình duyệt web)

ActiveX Script

URL(Uniform Resource Locator) Structured Query Language - SQL

Website Hypertext Transfer Protocol-HTTP

Database Hyperlink

Hypertext HTTP address

World Wide Web - WWW Table

Internet Multimedia

Password File Transfer Protocol - FTP

HTML là gì?

HTML (hay Hypertext Markup Language-Ngôn ngữ liên kết siêu văn bản) là ngôn ngữ đánh

dấu chuẩn dùng lập trình các tài liệu World Wide Web, tài liệu là các tập tin văn bản đơn giản.

Ngôn ngữ HTML dùng các tag hoặc các đoạn mã lệnh để chỉ cho các trình duyệt(Web

browsers) cách hiển thị các thành phần của trang như text và graghics ,và đáp lại những thao tác

của người dùng bởi các thao tác ấn phím và nhắp chuột. Hầu hết các Web browser, đặc biệt là

Microsoft Internet Explorer và Netscape Navigator, nhận biết các tag của HTML vượt xa những

chuẩn HTML đặt ra. Microsoft FrontPage chỉ dùng để đọc và viết các tập tin HTML mà không

hiểu ngôn ngữ HTML yêu cầu phải làm gì.

Fronpage,

InterDev

VBScript,

JavaScript

Internet

Explorer

HTML Editor --

> HTML ------->

DHTML,

ASP --------> (Web)WWW

Web

tĩnh

SQL, Access,

Oracle Web động

- Dynamic HTML(DHTML-HTML động): là ngôn ngữ HTML mở rộng làm tăng hiệu ứng

trình bày văn bản và đối tượng khác. Trong FrontPage, bạn có thể sử dụng thanh công cụ

DHTML Effects để làm tăng cường hiệu ứng cho các thành phần của mà không cần lập trình.

- ActiveX: 1 tập hợp các kỹ thuật cho phép các thành phần phần mềm tương tác với một thành

phần khác trong môi trường mạng, bất chấp ngôn ngữ của thành phần được tạo ra. ActiveX được

dùng làm chính yếu để phát triển nội dung tương tác của World Wide Web, mặc dù nó có thể sử

dụng trong các ứng dụng người-máy và các chương trình khác.

- URL(Uniform Resource Locator): địa chỉ tới một trạm Internet hay mạng nội bộ, là 1 chuỗi

cung cấp địa chỉ Internet của 1 Web site tài nguyên trên World Wide Web, đi theo sau 1 nghi

thức. URL thường dùng là http://, để chỉ định địa chỉ Web site trên Internet. Những URL khác là

gopher://, ftp://, mailto://...

FrontPage Editor

6 FrontPage Editor

- Bookmark: 1 vị trí trên 1 trang web có thể là đích của 1 hyperlink. 1 bookmark có thể áp dụng

cho 1 chuỗi ký tự tồn tại trên trang ngăn cách bởi bất kỳ ký tự nào. Bookmarks cho phép tác giả

link đến 1 phần đã chỉ định trên trang. Trong 1 URL, 1 bookmark được đánh dấu phía trước bằng

dấu thăng(#). Cũng được gọi là neo(anchor).

- Web browser(Trình duyệt web): Phần mền phiên dịch đánh dấu của các file bằng HTML,

định dạng chúng sang các trang Web, và thể hiện chúng cho người dùng. Vài browser có thể cho

phép người dùng gởi nhận e-mail, đọc newsgroups, và thực hiện các file sound hoặc video đã

được nhúng và trong tài liệu Web.

- Script: Một tập các chỉ lệnh dùng để báo cho chương trình biết cách thực hiện một thủ tục qui

định, như đang nhập vào hệ thống thư điện tử chẳng hạn. Các khả năng script được cài sẵn trong

một số chương trình. Bạn phải tìm hiểu cách viết script đó bằng loại ngôn ngữ không khác gì

ngôn ngữ lập trình mini. Có một số chương trình ghi script này một cách tự động bằng cách ghi

lại những lần gõ phím và chọn dùng lệnh của bạnh khi bạn tiến hành thủ tục này. Các script

giống như các macro, trừ một điều là thuật ngữ macro được dành riêng để chỉ những script nào

mà bạn có thể khởi đầu bằng cách ấn một tổ hợp phím do bạn tự quy định.

- Structured Query Language - SQL: Trong các hệ quản lý cơ sở dữ liệu, đây là ngôn ngữ vấn

đáp do IBM soạn thảo được sử dụng rộng rãi trong máy tính lớn và hệ thống máy tính mini. SQL

đang được trang bị trong các mạng khách/chủ như là một phương pháp làm cho các máy tính cá

nhân có khả năng thâm nhập vào các tài nguyên của các cơ sở dữ liệu hợp tác. Ðây là loại ngôn

ngữ độc lập với dữ liệu; người sử dụng không phải bận tâm đến vấn đề dữ liệu sẽ được thâm

nhập vào bằng cách nào về mặt vật lý. Theo lý thuyết, SQL cũng độc lập với thiết bị; có thể dùng

cùng một ngôn ngữ vấn đáp để thâm nhập vào các cơ sở dữ liệu trên máy tính lớn, máy tính

mini, và máy tính cá nhân. Tuy nhiên, hiện nay có một số phiên bản của SQL đang bị cạnh tranh.

SQL là một ngôn ngữ vấn đáp lịch sự và súc tích chỉ với 30 lệnh. Bốn lệnh cơ bản ( SELECT,

UPDATE, DELETE, và INSERT) đáp ứng cho bốn chức năng xử lý dữ liệu cơ bản (phục hồi,

cải tiến, xoá, và chèn vào). Các câu hỏi của SQL gần giống cấu trúc của một câu hỏi tiếng Anh

tự nhiên. Kết quả của câu hỏi sẽ được biểu hiện trong một bản dữ liệu bao gồm các cột (tương

ứng với các trường dữ liệu) và các hàng (tương ứng với các bản ghi dữ liệu).

- Hypertext Transfer Protocol-HTTP: Giao thức truyền siêu văn bản

- Hyperlink: Siêu liên kết

- Web site: chỗ web.

- HTTP address: địa chỉ HTTP, ví dụ http://www.microsoft.com

- Database: cơ sở dữ liệu, kho dữ liệu. Một bộ sưu tập các thông tin về một chủ đề, được tổ chức

hợp lý để thành một cơ sở cho các thủ tục công việc như truy tìm thông tin, rút ra các kết luận, và

thành lập các quyết định. Bất kỳ một sưu tập thông tin nào phục vụ cho các mục đích này đều

được coi là một cơ sở dữ liệu, ngay cả trường hợp các thông tin đó không được lưu trữ trong máy

tính. Thực ra, "tổ tiên" của các hệ cơ sở dữ liệu doanh thương phức tạp hiện nay là những tệp

được giữ trên các tấm bìa, có mang mã số, và được xếp trong các phòng lưu trữ trước đây. Thông

tin thường được chia ra thành nhiều bản ghi ( record) dữ liệu khác nhau, trên đó có một hay

nhiều trường dữ liệu. Ví dụ bản ghi về phim thiếu nhi của một cửa hàng video có thể gồm có các

thông tin như sau: TITLE The Blue Fountain CATEGORY Children RATING G RETAIL

PRICE 24. 9 đ RENTED TO 325 - 1234 DUE DATE 12 / 3 / 92.

- Table: bảng Trong chương trình quản lý cơ sở dữ liệu liên quan, đây là cấu trúc cơ sở của việc

lưu trữ và hiển thị dữ liệu, trong đó các khoản mục dữ liệu được liên kết với nhau bởi các quan

FrontPage Editor

FrontPage Editor 7

hệ hình thành do việc đặt chúng theo các hàng và các cột. Các hàng ứng với các bản ghi dữ liệu

của các chương trình quản lý dữ liệu hướng bảng, và các cột thì ứng với các trường dữ liệu.

Trong chương trình xử lý từ, thường có thể dùng lệnh Table để tạo ra một bảng tính gồm các cột

và các hàng có khản năng tính toán. Trong chương trình xử lý, thường có thể dùng lệnh Table để

tạo ra một bảng tính gồm các cột và các hàng có khả năng tính toán. Trong một vài chương trình

xử lý từ, tài liệu dữ liệu được tạo ra bằng tính năng hòa hợp thư sẽ tổ chức dữ liệu hòa hợp đó

trong một bảng.

- Hypertext: văn bản của một tài liệu truy tìm không theo tuần tự. Người đọc tự do đuổi theo các

dấu vết liên quan qua suốt tài liệu đó bằng các mối liên kết xác định sẵn do người sử dụng tự lập

nên. Trong một môi trường ứng dụng hypertext thực sự, bạn có thể trỏ vào ( highlight) bất kỳ từ

nào của tài liệu và sẽ tức khắc nhảy đến các tài liệu khác có văn bản liên quan đến nó. Cũng có

những lệnh cho phép bạn tự tạo cho riêng mình những dấu vết kết hợp qua suốt tài liệu. Các trình

ứng dụng hypertext rất hữu ích trong trường hợp phải làm với một số lượng văn bản lớn, như các

bộ từ điển bách khoa và các bộ sách nhiều tập.

- Multimedia: đa phương tiện, đa môi trường, đa truyền thông Một phương pháp giới thiệu

thông tin bằng máy tính, sử dụng nhiều phương tiện truyền thông tin như văn bản, đồ hoạ và âm

thanh, cùng với sự gây ấn tượng bằng tương tác. Trong chương trình giới thiệu đa phương tiện

gọi là beethoven windowss World ( Thế giới Beethoven) chẳng hạn, bạn có thể nhìn thấy chân

dung của nhà soạn nhạc, nghe âm nhạc của ông, và cả những đoạn văn bản về cuộc sống riêng

của nhạc sĩ. Những tiến bộ đạt được trong việc đồng bộ âm thanh và video cho phép bạn có thể

hiển thị các hình video động trong những cửa sổ màn hình.

- World Wide Web - WWW: Trong các máy tính có cơ sở UNIX và được nối với mạng

Internet. Ðây là một hệ thống dùng để truy tìm và phục hồi các tài liệu hypertext thực hiện. Ðược

xây dựng đầu tiên ở một phòng thí nghiệm vật lý, WWW thường xuyên nhận được các thông tin

bổ sung nhờ những người sử dụng đóng góp thêm các tài liệu đã được đánh chỉ số. Khi nhìn vào

một trình đơn Web, bạn nhìn thấy một số các khoản mục được gạch dưới (trên các màn hình đồ

họa) hoặc được đánh số thứ tự (trên các màn hình ký tự) đó là các mối liên kết sẽ hiển thị một tài

liệu liên quan khi làm cho chúng hoạt động bằng một lệnh thích hợp.

- File Transfer Protocol - FTP: định ước truyền tệp, giao thức truyền tệp. Trong truyền thông

không đồng bộ, đây là một tiêu chuẩn nhằm bảo đảm truyền dẫn không bị lỗi cho các tệp chương

trình và dữ liệu thông qua hệ thống điện thoại. Chương trình FTP cũng được dùng để gọi tên cho

định ước truyền tệp UNIX, một định ước hướng dẫn việc truyền dữ liệu.

- Internet: Một hệ thống gồm các mạng máy tính được liên kết với nhau trên phạm vi toàn thế

giới, tạo điều kiện thuận lợi cho các dịch vụ truyền thông dữ liệu, như đăng nhập từ xa, truyền

các tệp tin, thư tín điện tử, và các nhóm thông tin.

Internet là một phương pháp ghép nối các mạng máy tính hiện hành, phát triển một cách rộng rãi

tầm hoạt động của từng hệ thống thành viên.

Nguồn gốc đầu tiên của Internet là hệ thống máy tính cuả Bộ Quốc Phòng Mỹ, gọi là mạng

ARPAnet, một mạng thí nghiệm được thiết kế từ năm 1969 để tạo điều kiện thuận lợi cho việc

hợp tác khoa học trong các công trình nghiên cứu quốc phòng.

ARPAnet đã nêu cao triết lý truyền thông bình đẳng ( peer-to-peer), trong đó mỗi máy tính của

hệ thống đều có khả năng "nói chuyện" với bất kỳ máy tính thành viên nào khác. Bất kỳ mạng

FrontPage Editor

8 FrontPage Editor

máy tính nào dựa trên cơ sở thiết kế của ARPAnet đều được mô tả như một tập hợp các trung

tâm điện toán tự quản, mang tính địa phương và tự điều hành, chúng được liên kết dưới dạng "vô

chính phủ nhưng có điều tiết" .

Sự phát triển thiết kế của mạng ARPAnet đơn thuần chỉ do những yêu cầu về quân sự: Mạng này

phải có khả năng chống lại một cuộc tấn công có thể vô hiệu hoá một số lớn các trạm thành viên

của nó.

Tư tưởng này đã được chứng minh là đúng khi Mỹ và các đồng minh tham gia vào cuộc chiến

tranh vùng Vịnh.

Sự chỉ huy và mạng kiểm soát của Irak, được tổ chức mô phỏng theo công nghệ ARPAnet, đã

chống lại một cách thành công đối với các nổ lực của lực lượng đồng minh nhằm tiêu diệt nó. Ðó

là lý do tại sao công nghệ có nguồn gốc từ ARPAnet hiện nay đang được xuất cảng một cách

rộng rãi.

Mạng Internet nguyên thuỷ được thiết kế nhằm mục đích phục vụ việc cung cấp thông tin cho

giới khoa học, nên công nghệ của nó cho phép mọi hệ thống đều có thể liên kết với nó thông qua

một cổng điện tử.

Theo cách đó, có hàng ngàn hệ máy tính hợp tác, cũng như nhiều hệ thống dịch vụ thư điện tử có

thu phí, như MCI và Compuserve chẳng hạn, đã trở nên thành viên của Internet. Với hơn hai

triệu máy chủ phục vụ chừng 20 triệu người dùng, mạng Internet đang phát triển với tốc độ bùng

nổ, mỗi tháng có thêm khoảng một triệu người tham gia mới.

- Password: mật khẩu, mật lệnh Một công cụ bảo vệ an toàn, dùng để xác định đúng người sử

dụng được phép đối với một chương trình máy tính hoặc mạng máy tính, và để xác định các

phạm vi quyền hạn của họ như chỉ đọc ra, được đọc và ghi, hoặc được sao chép các tệp

FrontPage Editor

FrontPage Editor 9

T Bắt đầu với FrontPage

Trong bài này, bạn

học về:

Các đặc điểm cơ bản

của FrontPage

Chào mừng các bạn khi đến với Microsoft FrontPage, một

bộ công cụ tạo và điều hành web site một cách lí tưởng mà

người thiết kế không nhất thiết phải biết những kiến thức về

lập trình, FrontPage có mọi thứ mà bạn cần để thiết kế và

xây dựng trang Web và Web site cho bạn.

FrontPage bao gồm FrontPage Explorer, tại đây, bạn có thể

tạo, thiết kế, quản lí toàn bộ Web site và FrontPage Editor,

nơi mà bạn có thể tạo và sửa đổi các trang Web mà không

cần phải biết ngôn ngữ đánh dấu siêu văn bản (HTML).

FrontPage bao gồm nhiều tính năng hỗ trợ cho việc tạo Web

site một cách dễ dàng nhất, chẳng hạn như bộ thư viện thiết

kế đồ hoạ chuyên nghiệp, một tập hợp đầy đủ các các wizard

và các mẫu để tạo trang và FrontPage web, những phần tử

active cung cấp những chức năng và hàm phức tạp mà không

cần lập trình, và một danh sách các nhiệm vụ dành cho việc

kiểm soát và tạo FrontPage web.

Bạn có thể dùng FrontPage Explorer để tạo cấu trúc của Web

site, áp dụng các bố cục đồ hoạ cho trang, tổ chức các file và

folder, nhập và xuất các file, kiểm tra và so sánh các siêu liên

kết, quản trị quyền truy nhập, giám sát các nhiệm vụ, và đặc

biệt là cho phép tiếp cận với FrontPage Editor để thiết kế và

sửa đổi nội dung của trang Web. Bạn có thể dùng FrontPage

Explorer để xuất bản các trang web trên máy tính của mình,

trên một một tổ chức intranet hoặc World Wide Web.

FrontPage Editor hỗ trợ cho bạn việc tạo, thiết kế và sửa đổi

các trang Web. Chẳng hạn như đưa text, ảnh, bảng, các mẫu

biểu và các phần tử khác nữa vào trang web, FrontPage Editor

sẽ hiển thị chúng như khi chúng xuất hiện trên trình duyệt. Mặc

dù là một

Vùng làm việc của

FrontPage

Một số thành phần màn

hình của FrontPage

Các thao tác với file

Thuộc tính trang Web

công cụ có tính năng hoàn hảo, FrontPage Editor lại rất dễ dàng cho việc sử dụng bởi vì nó

trở nên thân thiện khi có giao diện của một trình xử lí văn bản. Bạn không cần phải học ngôn

Bắt đầu với

Frontpage

FrontPage Editor

10 FrontPage Editor

ngữ HTML để sử dụng FrontPage Editor bởi vì nó có thể tạo mọi thẻ HTML cho bạn, các

thẻ mở rộng như style-sheet, frame, các điều khiển ActiveX.

Nếu bạn muốn soạn trực tiếp các mã lệnh HTML, bạn có thể sử dụng chế độ view HTML

của FrontPage. Trong chế độ này, bạn có thể vào text, soạn các thẻ HTML và các mã kịch

bản, sử dụng các lệnh chuẩn của trình soạn thảo văn bản như cắt, dán, tìm kiếm và thay thế.

FrontPage là một thành viên trong họ sản phẩm của Microsoft Office và chia sẻ nhiều tính

năng của Microsoft Word và Microsoft Excel, chẳng hạn như thư viện ClipArt, kiểm tra lỗi

chính tả và tạo bảng một cách dễ dàng. Ngoài ra, FrontPage cũng quản lí các siêu liên kết

được tạo trong tài liệu Microsoft Office 2000. Dưới đây là một vài đặc điểm của FrontPage

Editor:

- Bạn có thể tạo một trang HTML mơi dựa trên các wizard và template. FrontPage Editor

đưa ra nhiều lựa chọn về định dạng trang, và bạn có thể tạo mẫu thiết kế của chính mình.

- Bạn có thể áp dụng một hay nhiều các bố cụ đồ hoạ của FrontPage, chúng được tạo bởi

các nhà thiết kế chuyên nghiệp, tạo cho bạn các trang web sống động và hấp dẫn. Bạn

cũng có thể đưa vào và thiết kế viền trang, chèn các thanh định hướng liên kết, giúp người sử dụng lướt trên Web site của bạn.

- Bạn cũng có thể mở bất kì file HTML nào trong FrontPage Editor và toàn bộ tag của

chúng sẽ được dịch và hiển thị trên màn hình của FrontPage hoặc mở các file với nhiều

khuôn dạng khác nhau và FrontPage Editor tự động chuyển đổi chúng thành HTML,

chẳng hạn như Microsoft Word, Microsoft Excel, WordPerfect,...FrontPage Editor tự

động nhận ra các siêu liên kết từ tài liệu Microsoft Office 2000.

- Bạn có thể chèn text trong mọi style HTML, tạo các danh sách đa cấp, thay đổi kích

thước và màu sắc của text, áp dụng các khuôn dạng cơ bản cho text. Sử dụng style sheet,

bạn có thể điều khiển lề, khoảng cách giữa các dòng, màu sắc, font và kích thước của chữ.

- Bạn có thể đưa các ảnh với bất kì định dạng nào, và FrontPage Editor tự động chuyển đổi

chúng sang dạng GIF hoặc JPEG. Kích đúp vào ảnh, bạn có thể sử dụng chương trình tạo

ảnh tương ứng. Bạn cũng có thể tạo ánh xạ ảnh bằng cách thêm các Hotspot trên ảnh

chứa siêu liên kết. Sử dụng các lệnh sửa đổi ảnh, bạn có thể cắt xén, quay, thay đổi kích

thước, tạo ảnh đen trắng, tạo độ sáng tối cho ảnh. FrontPage cũng hỗ trợ một thư viện

phong phú ClipArt, các ảnh, và các video clip.

Bạn có thể tạo form chứa các trường text, check box, radio button, thực đơn drop-down, và

push button. Khi bạn tạo form, điều khiển form mặc định tự động cất thông tin trên form vào

một file hoặc gửi chúng tới một địa chỉ e-mail. Bạn có thể chọn một điều khiển từ tập các

điều khiển form của FrontPage hoặc thêm điều khiển của mình cho form.

Sử dụng các lệnh về tạo bảng, bạn có thể tạo, chèn hàng và cột, dóng lề cho chúng, tạo màu

nền,...

FrontPage Editor

FrontPage Editor 11

Bạn có thể thêm các chức năng mạnh vào trang bằng cách chèn các cấu thành FrontPage.

Chúng sẽ thêm các khả năng tương tác chẳng hạn như thanh định hướng, nhóm thảo luận,

tìm kiếm, và điều khiển form. Ví dụ, cấu thành mục lục (Table of Contents) tự động tạo

outline của FrontPage web với các siêu liên kết đến từng trang...

Bạn có thể tạo một trang frame mới, thay đổi hiển thị của chúng và gán trang khởi tạo cho

mỗi frame. FrontPage hiển thị trang frame của bạn dưới dạng những gì bạn nhìn thấy là

những gì bạn có (WYSIWYG).

Bạn có thể chèn các điều khiển ActiveX, plug-ins, và các Java applet trên FrontPage Editor.

Bạn cũng có thể tiếp cận tới một phiên soạn các kịch bản, tạo và chèn các kịch bản

JavaScript và VBScript.

Không gian làm việc FrontPage

Không gian làm việc của FrontPage bao gồm hai phần chính trên màn hình giao diện của nó,

FrontPage Explorer và FrontPage Editor. Cả hai bao gồm:

- Thực đơn

- Thanh công cụ

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

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

FrontPage Explorer chỉ cho bạn các chế độ hiển thị khác nhau của FrontPage web:

- Folders View

- All Files View

- Navigation View

- Hyperlinks View

- Hyperlink Status View

- Themes View

- Tasks View

Màn hình làm việc của FrontPage Editor:

FrontPage Editor

12 FrontPage Editor

Menu (Thực đơn)

Các thực đơn cơ bản của FrontPage bao gồm:

- 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ụ.

- Go: Các lệnh sắp xếp các đối tượng đồ họa tương đối với nhau.

- 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.

Thanh ToolBar

FrontPage có một số ToolBar có thể hiện hoặc ẩn trên màn hình.

Các lệnh trong thực đơn View dùng để làm ẩn hoặc hiện các Toolbar này.

Một hình ảnh đầy đủ của các ToolBar

FrontPage Editor

FrontPage Editor 13

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

Màn hình soạn thảo nằm ở trung tâm. FrontPage có hai chế độ soạn thảo cho mỗi trang (file)

Web: Normal và HTML.

Chế độ Normal là chuẩn và là mặc định của FrontPage. Trong chế độ HTML, FrontPage cho

phép làm việc trực tiếp với các Tag theo chuẩn của HTML. Kết hợp hài hòa giữa hai chế độ

soạn thảo này sẽ tạo ra các trang Web vừa ý.

Chế độ Preview cho phép xem trực tiếp kết quả của trang Web trên các browser mà không

cần phải có thêm các phần mềm này.

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

Bao gồm các nút điều khiển cửa sổ, thanh cuốn và dòng trạng thái.

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 cuả trang Web và vị trí cuả trang

trong Web site.

Menu Bar Chứa các thực đơn lệnh.

Ask a Question Box Hổ trợ người sử dụng khi cần hướng dẫn thực

hiện các thao tác

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

cuả các liên kết.

Page View Panes Các khung hiển thị trang: Gồm 3 chế độ normal,

html và preview.

Progress Indicator Chỉ thị cuả tiến trình.

FrontPage Editor

14 FrontPage Editor

Estimated Download Time 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.

Các lệnh đơn giản của FrontPage

Các nhóm lệnh sau trên trang soạn thảo FrontPage có ý nghĩa và kết quả tương tự như đối với

các phần mềm soạn thảo khác (ví dụ WinWord, Lotus WordPro, ....).

Các lệnh làm việc với tệp (file)

Các lệnh trên thực đơn File hoặc trên Standard Toolbar: New, Open, Close, Save, Save As,

Page Setup, PrintPreview, Print.

Các lệnh soạn thảo

Các lệnh soạn thảo cơ bản trên thực đơn Edit: Copy, Cut, Paste, Clear (delete), Select All,

Find, Replace

Ngôn ngữ HTML và tổng quan về trang Web

Thông tin chính mà chúng ta truy nhập trên dịch vụ World Wide Web là các trang Web.

Trang là tài liệu cơ bản trên dịch vụ World Wide Web. Chúng được viết theo một ngôn ngữ

gọi là ngôn ngữ đánh dấu siêu văn bản Hypertext Markup Language –HTML. Một trang

HTML bao gồm text và các tag của HTML được nhúng trong tài liệu, các tag này cung cấp

thông tin về cấu trúc trang, hình thức hiển thị và nội dung của nó. Thực chất, một tài liệu

HTML là một file được lưu dưới dạng .htm hoặc .html mà nội dung của nó tuân theo nguyên

tắc của ngôn ngữ HTML.

Ngôn ngữ 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"

được chèn vào các vị trí thích hợp của trang Web. Các tag này sẽ qui định cách mà dữ liệu

sẽ hiển thị trên trình duyệt. Một tag HTML bao gồm hai phần: phần mở và phần đóng tag

(phần này là tuỳ chọn).

Dữ liệu nằm sau phần mở sẽ chịu ảnh hưởng của tag, có nghĩa là nó sẽ xuất hiện với hiệu

ứng phụ thuộc vào các thuộc tính đi kèm với tag.

FrontPage Editor

FrontPage Editor 15

Một vài tag HTML xây dựng một đặc tả về cấu trúc các phần tử của trang, chẳng hạn như

bảng và mẫu biểu, những phần tử này được tạo bởi từ nhiều phần tử. Trình duyệt Web

(chương trình hiển thị các trang Web) sử dụng những thông tin này để nhận ra cách mà dữ liệu

hiển thị dựa trên mối liên hệ giữa các phần tử này. Ví dụ, tag HTML đặc tả bảng miêu tả số

dòng, số cell trên một dòng,...

Hiển thị của tag bảng trên trình duyệt

Các tag HTML cũng cung cấp các thuộc tính đi kèm với giá trị. Ví dụ, tag dùng để chèn ảnh

tại trang có một thuộc tính chỉ ra tên của file ảnh cần chèn. Một vài thuộc tính cung cấp các

giá trị tham chiếu về sự hiển thị của phần tử trên trang. Ví dụ, bảng có những thuộc tính mô

tả độ dày và khoảng cách giữa các ô...

Các tag miêu tả

hàng, cột của

bảng

FrontPage Editor

16 FrontPage Editor

Để trợ giúp bạn thiết kế trang được nhanh chóng, FrontPage hỗ trợ hơn 50 bài trí thiết kế chuyên

nghiệp, chúng sẽ giúp bạn trang trí những trang Web của mình bằng những phần tử có sẵn như

bullet, font, ảnh, thanh định hướng...

Tạo trang mới

1. Tại FrontPage Editor, thực hiện lệnh File/New. Hiển thị hộp hội thoại New.

2. Chọn Page, chọn template hoặc wizard để tạo trang mới, mẫu thu nhỏ của chúng xuât hiện trên vùng Preview.

3. Kích OK.

Cất nội dung trang hiện thời vào file

1. Tại FrontPage Editor, thực hiện lệnh File/Save As.

2. Kích nút File .

3. Tại hộp hội thoại Save As, chọn ổ đĩa và thư mục để cất trang.

4. Gõ tên file trong hộp File Name và kích OK.

5. Kích OK khi xuất hiện hộp hội thoại với danh sách các phần tử như tranh ảnh, âm thanh, các

điều khiển ActiveX và những phần tử khác chứa trong trang.

Mẫu tương ứng xuất hiện

trên Preview

Chọn vị trí để cất nội

dung trên trang

FrontPage Editor

FrontPage Editor 17

Cất nội dung của trang tại FrontPage web hiện thời

1. Nếu trang được mở từ web hiện thời hoặc từ World Wide Web, tại FrontPage Editor,

thực hiện lệnh File/Save. Nếu trang được mở từ một file, để cất dưới tên khác, thực hiện lệnh File/Save As.

2. Nếu là lần đầu cất trang tại FrontPage web, gõ tiêu đề trang tại Title.

3. Gõ URL tương đối tới gốc của FrontPage web đang mở hiện thời, hoặc chấp nhận URL

mặc định của FrontPage. Ví dụ, nếu bạn gõ tại URL là music/index.htm, trang sẽ được

cất tại folder Music là con trực tiếp của folder gốc của FrontPage web hiện thời và kích

OK.

4. Kích OK khi xuất hiện hộp hội thoại với danh sách các phần tử như tranh ảnh, âm thanh, các

điều khiển ActiveX và những phần tử khác chứa trong trang.

Tạo trang mẫu

Trong FrontPage Editor, bạn có thể cất một trang dưới dạng mẫu. Sau đó, mẫu này sẽ được hiển thị

cùng với mẫu trang FrontPage chuẩn tại hộp hội thoại New.

5. Thực hiện lệnh File/Save As.

6. Chọn As Template.

7. Tại hộp hội thoại Save As Template, gõ tiêu đề trang tại Title, tên trang tại Name, đặc tả ngắn cho trang tại Description.

8. Kích OK.

Mở một trang trong FrontPage Editor

9. Thực hiện lệnh File/Open.

10. Tại hộp hội thoại Open, thực hiện một trong các bước dưới đây:

- Mở một trang trên FrontPage web hiện tại, kích chọn một trang. Để xem nội dung của folder,

kích đúp vào folder này và chọn trang trong đó. Kích OK.

- Mở một trang từ hệ thống file của bạn, kích nút File, và chọn file mà bạn muốn từ hộp

hội thoại Select File.

Vào tiêu đề và URL tương đối

của trang

FrontPage Editor

18 FrontPage Editor

- Mở một file từ World Wide Web, chọn nút World Wide Web . FrontPage khởi tạo trình

duyệt Web, chuyển đến trang mà bạn muốn mở và trở lại ứng dụng FrontPage. Vị trí của

trang mà bạn đã xem được hiển thị tại URL của hộp hội thoại Open. Kích OK để mở

trang.

Thuộc tính trang

Thực hiện lệnh File/Page Properties. Xuất hiện hộp hội thoại

Các tuỳ chọn của hộp hội thoại Page Properties:

Tại General:

- Location: URL đầy đủ của trang. Nếu trang được mở từ một file, URL bắt đầu bởi

“File://”. Nếu trang chưa được cất, URL sẽ là “FrontPage:///Editor/New Page n.htm.”

- Title: Tiêu đề của trang.

- Base Location: URL cơ sở của trang.

- Default Target Frame: Nếu bạn muốn mọi đích liên kết của trang được hiển thị trên

một frame khác của một trang frame, gõ tên của đích frame mặc định, hoặc kích vào nút Target Frame để chọn frame đích.

- Nếu siêu liên kết không được đặc tả tới một frame đích khác, trang đích của siêu liên

kết sẽ được hiển thị tại frame đích mặc định.

Background Sound:

- Location: Gõ tên của file âm thanh nền cho trang. Trình duyệt Web sẽ chạy file này

khi trang được hiển thị. Bạn có thể đặc tả một file trên FrontPage web hiện tại hoặc từ

hệ thống file của bạn.

- Browse: Kích nút này để duyệt file trong FrontPage web hiện tại hoặc tại hệ thống

file.

- Loop: Gõ số lần lặp lại của file âm thanh này.

- Forever: Chọn để đặt chế độ chạy file âm thanh cho đến khi trang không được hiển thị

nữa.

FrontPage Editor

FrontPage Editor 19

- Style: Kích nút này để thay đổi thuộc tính style sheet cho phần tử được chọn. Khuôn

dạng của Style-sheet cho phép điều khiển khoảng cách, lề, font, màu sắc mà với

những thuộc tính của HTML cơ bản, bạn không thể điều khiển được.

Lựa chọn trên Margin

Đặc tả các thuộc tính để điều khiển lề của trang. Nếu trang hiện thời sử dụng chung đường

viền, lề thiết lập được áp dụng cho những cạnh chung đường viền (thay cho cạnh của trang).

Specify Top Margin: Chọn lề trên và lề dưới cho trang bằng điểm.

Specify Left Margin: Chọn lề trái và lề phải cho trang bằng điểm.

Lựa chọn Custom

Tại đây thiết lập các tag meta (biến hệ thống và biến được định nghĩa bởi người sử dụng),

chúng sẽ có ảnh hưởng tới trang hiện thời.

System Variables (HTTP-EQUIV): Phần này liệt kê các tag meta dùng thuộc tính HTTP-

EQUIV như một phần cặp tên và giá trị. Những tag này cung cấp những giới thiệu đặc biệt

tới trình duyệt, chẳng hạn như thời hạn hiển thị hoặc nạp lại của trang.

- Name: Tên của tag

- Value: Giá trị tương ứng với tag

- Add: Kích nút này để thêm tag mới

- Modify: Kích nút để sửa thuộc tính của tag được chọn

- Remove: Kích nút này để bỏ tag được chọn

- User Variables: Phần này liệt kê các tag meta do người sử dụng định nghĩa.

FrontPage Editor

20 FrontPage Editor

T

Làm việc với trang Web

Trong bài này, bạn

học về:

Các chế độ hiển thị

của Front-Page Editor

FrontPage Editor là công cụ giúp cho việc tạo các trang

Web một cách dễ dàng mà không đòi hỏi ở bạn kiến thức

về ngôn ngữ HTML. Trang Web là những đơn vị thông tin

cơ bản mà người dùng truy cập trên dịch vụ WWW, chúng

được tạo ra dựa theo ngôn ngữ đánh dấu siêu văn bản

HTML. Chính vì vậy, để tạo giao diện thuận tiện cho người

thiết kế khi tạo trang Web, FrontPage Editor cung cấp các

chế độ hiển thị khác nhau, bao gồm:

Normal: Đây là chế độ hiển thị nội dung của trang Web

khi bạn đang tạo và chỉnh sửa nó

HTML: Chế độ hiển thị trang Web dưới các mã tag

HTML

Preview: Xem trước nội dung của trang Web ngay tại ứng

dụng FrontPage mà không nhờ trình duyệt

Để chuyển giữa các chế độ hiển thị

Kích chuột vào nút tương ứng phía dưới ở màn hình

FrontPage Editor.

Sự khác nhau giữa tài liệu Word và tài liệu HTML

Việc tạo các trang Web tại chế độ hiển thị Normal sẽ trở

nên thân thiện khi bạn đã sử dụng họ sản phẩm soạn thảo

trong bộ Office của Microsoft. Thuật ngữ “WYSIWYG”

chứng tỏ phần nào việc dễ sử dụng các công cụ của

FrontPage Editor trong việc thiết kế các trang Web.

Với giao diện không khác gì lắm màn hình soạn thảo thông

thường (với những ứng dụng kiểu như Microsoft Word),

bạn hoàn toàn có thể tạo các trang HTML dễ dàng như việc

tạo trang soạn thảo vậy.

Sự khác nhau giữa

Word page và HTML

page

Thay đổi một số thuộc

tính của trang

Tuy việc hiển thị nội dung của trang HTML và trang soạn thảo Word trong hai ứng dụng

tương ứng là Word và FrontPage Editor không khác nhau lắm, nhưng về thực chất thì thông

tin chứa đựng trong chúng là khác hẳn. Những trang tài liệu được tạo bởi Word bao gồm thực

Làm việc với

trang web

FrontPage Editor

FrontPage Editor 21

sự những thông tin mà tài liệu đó sẽ hiển thị. Chúng được lưu dưới một khuôn dạng riêng,

phân biệt với các tài liệu của ứng dụng khác, tại đó, thông tin được lưu sẽ có cấu trúc liên quan

với nhau một cách nhất định. Chẳng hạn, trang tài liệu Word hiển thị một bức ảnh (không có

liên kết) cùng với text đi kèm, tài liệu đó được cất dưới một file, trong file này, ngoài những

thông tin đặc trưng cho khuôn dạng của file Word (thường nằm trong phần đầu của file) còn có

những thông tin về text và ảnh đã nói ở trên. Và như vậy, dung lượng của file Word cũng phụ

thuộc vào độ lớn các thông tin mà chúng hiển thị.

Với tài liệu HTML thì khác. Thực chất, tài liệu HTML là một file dạng text, bạn có thể xem

nội dung của nó bằng các ứng dụng soạn thảo thông thường. Nội dung của nó khi đọc bởi

các trình soạn thảo dạng này sẽ bao gồm các tag HTML đi kèm với nó là text (sẽ được hiển

thị) và các thông số cùng các giá trị đi kèm. Những cặp thuộc tính và giá trị này bổ sung cho

tag, và toàn bộ thông tin này sẽ được trình duyệt giải mã để hiển thị dữ liệu theo cách mà tài liệu

HTML chỉ định.

Vậy, sự khác biệt lớn giữa tài liệu Word và tài liệu HTML là ở chỗ, trang Word thực sự

chứa thông tin mà nó hiển thị, còn trang HTML chỉ chứa những thông tin dạng text và chỉ ra

cách mà dữ liệu được hiển thị trên trình duyệt. Và vì vậy, trình duyệt chỉ hiểu khuôn dạng của tài

liệu HTML mà thôi.

Cấu trúc trang Web

Trang Web bao gồm những phần sau:

Phần đầu trang: Thường nằm trong cặp tag <HEAD> và </HEAD>. Phần này thông

thường được tự động tạo khi thiết kế trang. Tuy nhiên, bạn có thể thay đổi các thông số của

trang tại phần này bằng cách dùng lệnh File/Page Properties và chọn General, Language,

hoặc Custom để vào các thông số, các tag cần thiết (mà FrontPage chưa hỗ trợ).

Phần thân: Nằm trong cặp tag <BODY> và </BODY> của HTML. Tương ứng với phần

này của tài liệu HTML, chúng được hiển thị tại chế độ Normal gần giống như cách mà

chúng hiển thị trên trình duyệt.

Phần không có ở HTML chuẩn: Đây là những chương trình, những kịch bản, những plug-

in được nhúng trong tài liệu HTML. Chúng hỗ trợ cho việc tạo các trang Web động và tất nhiên

sẽ không được nhắc đến kĩ trong tài liệu này.

Địa chỉ trang Web

Một trang Web là một tài nguyên trên dịch vụ WWW của Internet, chính vì vậy, để truy cập

đến nó, bạn phải biết:

- Vị trí của máy chủ chứa trang Web này, thực chất đây chính là địa chỉ IP của Web site

- Đường dẫn đến trang web tại máy chủ này

- Tên giao thức của dịch vụ mà bạn đang truy nhập: http

Khuôn dạng tổng quát của địa chỉ một trang Web như sau:

FrontPage Editor

22 FrontPage Editor

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

Chẳng hạn: http://www.fpt.vn/product/ttvn.htm

Tạo màu nền, màu text và ảnh nền cho trang

Thực hiện các bước sau:

11. Thực hiện lệnh Format/Background.

- Specify Background and Colors: Phần này chứa các thông tin điều khiển màu nền cho

trang.

- Background Image: Chọn check box này để sử dụng một ảnh nền. ảnh sẽ trải theo dạng

lát gạch trên nền trang. Gõ tên của đường dẫn đến file ảnh hoặc kích nút Browse để tìm file này.

- Watermark: Chọn để hiển thị ảnh như một “watermark”.

- Properties: Kích nút này để mở hộp hội thoại Image Properties để xem hoặc sửa thuộc

tính của ảnh nền. Bạn chỉ có thể xem thuộc tính của ảnh tại FrontPage web hiện tại mà

thôi.

- Background: Đặc tả màu nền của trang bằng cách chọn màu từ danh sách. Để chọn một

màu chưa xuất hiện trên danh sách, kích Custom và chọn một màu tại hộp hội thoại Color.

Chú ý: Bạn có thể kết hợp ảnh nền với màu nền. Nếu ảnh nền có màu trong, màu nền sẽ hiển

thị qua ảnh.

- Text: Đặc tả màu của text trên trang bằng cách chọn màu từ danh sách.

- Hyperlink: Đặc tả màu của siêu liên kết trên trang.

- Visited Hyperlink: Đặc tả màu liên kết đã được tham chiếu đến.

- Active Hyperlink: Đặc tả màu của siêu liên kết đang kích hoạt.

- Get Background and Colors From Page: Chọn nền và màu từ một trang khác bằng cách

gõ đường dẫn đến trang tại đây hoặc kích nút Browse để tìm trang.

FrontPage Editor

FrontPage Editor 23

T Định dạng text và đoạn

Trong bài này,

bạn học về:

Sử dụng Font trong

trang HTML

FrontPage Editor cung cấp một giao diện soạn thảo text đầy

đủ. Sử dụng các lệnh trên thực đơn, các nút trên thanh công

cụ, các phím nóng, bạn có thể định dạng cho text, cắt, sao

chép và dán text, nhúng các đoạn, tạo danh sách và một số

công việc tương tự như trình soạn thảo văn bản khác nữa.

FrontPage Editor hiển thị trang web giống như trang được

hiển thị trên trình duyệt dưới cấu trúc thẻ của HTML.

Nếu một bố cục được áp dụng cho trang, thuộc tính của kiểu

đoạn, chẳng hạn như font, kích thước, màu sắc, kiểu danh

sách bullet và number, lề được thiết lập bởi bố cục đó. Bạn có

thể áp dụng kiểu của đoạn, chẳng hạn như Heading 1 hoặc

Body Text từ danh sách style đã có.

Nếu trang không dùng bố cục có sẵn, bạn có thể thiết lập kiểu

paragraph khi bạn tạo và thay đổi nó.

Ký tự thường có thuộc tính mặc định dựa trên khuôn dạng của

đoạn chứa chúng. Bạn có thể thiết lập thuộc tính cho những kí

tự mà bạn muốn như điều khiển màu, kích thước, độ đậm, chỉ

số trên, chỉ số dưới và những thuộc tính khác nữa.

Định dạng text

Định dạng đoạn

Bỏ định dạng

Định dạng text

1. Tại FrontPage Editor, chọn text, sau đó thực hiện lệnh Format/Font

Định dạng

text và đoạn

FrontPage Editor

24 FrontPage Editor

2. Vào các lựa chọn như sau:

- Chọn Font, xuất hiện hộp hội thoại Font:

- Chọn Special Style để chọn các khuôn dạng khác cho kí tự:

- Citation (<cite>): Định dạng cho text là tên của sách, một bài hát, tên tác giả, hoặc một

trích dẫn nào đó.

- Sample (<samp>): Định dạng cho text là kí tự chữ.

- Definition (<dfn>): Định dạng cho các định nghĩa, thường hiển thị là chữ nghiêng.

- Blink (<blnk>): Định dạng text nhấp nháy.

- Code (<code>): Định dạng text là mã lệnh máy tính.

- Variable (<var>): Định dạng text là tên biến, thường hiển thị là chữ nghiêng.

- Bold (<b>): Định dạng chữ đậm.

- Italic (<i>): Định dạng chữ nghiêng.

- Keyboard (<kbd>): Định dạng text là dữ liệu cần nhập từ bàn phím bởi người sử dụng.

Chọn các thuộc tính kiểu kí tự (Font Style), kích thước (Size),

màu (Color)

Chọn Font

Chọn các hiệu

ứng cho kí tự

Thiết lập các thuộc tính của Style cho

kí tự

Lựa chọn các kiểu text đặc

biệt

FrontPage Editor

FrontPage Editor 25

- Vertical Position: Chọn Superscript để text có dạng chỉ số trên hoặc Subscript để text có

dạng chỉ số dưới.

- By: Vào số điểm mà text có dạng chỉ số sẽ cao hơn hoặc thấp hơn với dòng text bình

thường.

- Style: Kích nút này để vào các thông số về style cho text.

3. Kích OK để áp dụng những định dạng vừa thiết lập cho text.

Đặt text lui vào so với lề của đoạn hiện thời (To indent text)

1. Tại FrontPage Editor, chọn text muốn indent.

2. Kích nút Increase Indent .

Đặt lề text lùi ra so với lề của đoạn hiện thời (To outdent text)

1. Tại FrontPage Editor, chọn text muốn outdent.

2. Kích nút Decrease Indent button .

Làm việc với Paragraphs

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.

Kích nút Increase Indent

Click nút

này

FrontPage Editor

26 FrontPage Editor

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.

Dóng lề cho đoạn

1. Tại FrontPage Editor, đặt trỏ text tại một vị trí trên đoạn.

2. Thực hiện một trong các bước sau:

- Để dóng lề trái, kích nút Align Left .

- Để dóng lề phải, kích nút Align Right .

- Để căn lề giữa, kích nút Align Left .

Thay đổi style cho đoạn

Tại FrontPage Editor, thực hiện một trong các bước dưới đây:

- Để áp dụng bất kì style hiện có nào, đặt trỏ text tại một vị trí trên đoạn và chọn một style

tại hộp Change Style.

- Để áp dụng nhanh kiểu danh sách bullet, đặt trỏ text tại một vị trí trên đoạn, nhấn nút

Bulleted List .

- Để áp dụng nhanh kiểu danh sách có số thứ tự, đặt trỏ text tại bất kì vị trí nào trong đoạn,

kích nút Numbered List .

Chèn một ngắt dòng

1. Tại FrontPage Editor, thực hiện lệnh Insert/ Line Break.

2. Tại hộp hội thoại Break Properties, chọn kiểu ngắt dòng.

- Không xóa lề phải hoặc trái, chọn Normal Line Break

- Để xóa lề trái, chọn Cleart Left Margin

- Để xóa lề phải, chọn Clear Right Margin

- Xoá cả lề phải và trái, chọn Clear Both Margins.

3. Kích OK.

Chèn kí tự đặc biệt

1. Tại FrontPage Editor, thực hiện lệnh Insert/ Symbol.

FrontPage Editor

FrontPage Editor 27

2. Chọn một kí tự muốn chèn, nhấn Insert, kích nút Close.

Kí tự muốn chèn

FrontPage Editor

28 FrontPage Editor

T

Làm việc với danh sách

Trong bài này, bạn

học về:

Danh sách là gì?

FrontPage cho phép bạn định dạng text với các dạng danh

sách dưới đây:

Danh sách bullet tượng trưng cho một danh sách

không có thứ tự của các phần tử. Thực chất, danh

sách bullet được hiển thị bằng việc phân chia các

đoạn với các khoảng trắng ở giữa và đầu mỗi đoạn là

một bullet.

Danh sách number là một danh sách các phần tử có

thứ tự. Danh sách này hiển thị một kí hiệu chỉ thứ tự

đứng đầu các đoạn trong danh sách.

Danh sách dicrectory tượng trưng cho một danh sách

ngắn liên tiếp các phần tử.

Danh sách menu tương tự như danh sách không có thứ

tự.

Danh sách definition tượng trưng cho các chủ đề và

các đặc tả của chúng. Thực chất, một chủ đề được

hiển thị lùi ra ngoài về phía trái, còn các đặc tả lùi vào

trong

Định dạng chính xác của một danh sách phụ thuộc vào

trình duyệt Web sẽ hiển thị chúng như thế nào. Một vài

trình duyệt không hiển thị đúng kiểu của danh sách

directory và menu.

Nếu một bố cục trang trí được áp dụng cho trang, danh sách

sẽ xuất hiện tại các paragraph được đặc tả bởi bài trí này. Bạn

có thể dùng bullet chuẩn, bullet ảnh từ bài trí, hoặc định nghĩa

lấy bullet của mình.

Bạn có thể tạo các danh sách lồng nhau một cách dễ dàng

bằng cách chèn một danh sách làm thành một phần tử của

danh sách khác. Để kết thúc một danh sách, nhấn Enter

hai lần hoặc Ctrl+End

Tạo danh sách trong

trang HTML

Danh sách bullet

Làm việc với

danh sách

FrontPage Editor

FrontPage Editor 29

Tạo danh sách bullet

1. Tại FrontPage Editor, kích nút Bulleted List trên thanh công cụ Format

2. Vào phần tử của danh sách, nhấn Enter để tiếp tục

3. Nhấn Enter hai lần để kết thúc danh sách

Tạo danh sách definition

1. Tại FrontPage Editor, đặt điểm chèn tại dòng bắt đầu trên danh sách

2. Gõ chủ đề đầu mà bạn muốn định nghĩa

3. Tại thanh Format, chọn Defined Term từ hộp Change Style và nhấn Enter. FrontPage

Editor sẽ đẩy lùi lề của dòng mới vào so với dòng chủ đề vừa tạo

4. Gõ nội dung của chủ đề

5. Để thêm một chủ đề nữa trong danh sách, nhấn phím Enter và lặp lại bước 2-4

6. Nhấn Enter hai lần để kết thúc danh sách

Tạo danh sách directory

1. Tại FrontPage Editor, đặt điểm chèn tại dòng bắt đầu danh sách, tại thanh công cụ

Format, chọn Directory List từ hộp Change Style

2. Gõ phần tử đầu tiên của danh sách, nhấn Enter để tiếp tục

3. Nhấn Enter hai lần để kết thúc danh sách

Tạo danh sách menu

1. Tại FrontPage Editor, đặt điểm chèn tại dòng bắt đầu danh sách, tại thanh công cụ

Format, chọn Menu List từ hộp Change Style

Các

chủ đề Nội dung

của từng

chủ đề

FrontPage Editor

30 FrontPage Editor

2. Gõ phần tử đầu tiên của danh sách, nhấn Enter để tiếp tục

3. Nhấn Enter hai lần để kết thúc danh sách

Tạo danh sách lồng nhau

1. Tại FrontPage Editor, đặt con trỏ tại cuối của phần tử danh sách chính nơi mà dòng bắt

đầu của danh sách trong sẽ là dòng tiếp theo

2. Nhấn Enter để tạo dòng mới

3. Kích nút Increase Indent

4. Gõ phần tử đầu tiên của danh sách trong, kích nút Numbered List hoặc Bulleted List để

tạo danh sách được lồng ở trong

5. Nhấn Enter cho mỗi dòng phần tử mà bạn muốn thêm vào tại danh sách trong

6. Để kết thúc cả hai danh sách, đặt con trỏ tại cuối của phần tử sau cùng và nhấn Ctrl +

Enter

Tạo danh sách có thứ tự

1. Tại FrontPage Editor, kích nút Numbered List trên thanh công cụ

2. Vào nội dung của phần tử, nhấn Enter để tiếp tục

3. Nhấn Enter hai lần để kết thúc danh sách

Thay đổi thông số của danh sách

Chọn danh sách, thực hiện lệnh Format/ Bullets and Numbering. Xuất hiện hộp hội thoại

với bốn lựa chọn sau:

- Chọn Image Bullets để chọn kiểu danh sách bullet từ theme được áp dụng hoặc từ một

file ảnh.

- Chọn Plain Bullets để chọn kiểu bullet truyền thống.

- Chọn Numbers để chọn kiểu danh sách có thứ tự và thay đổi số bắt đầu của danh sách.

- Chọn Other để áp dụng kiểu danh sách khác, chẳng hạn như danh sách definition hoặc

danh sách menu.

FrontPage Editor

FrontPage Editor 31

T Bookmark và HyperLink

Trong bài này,

bạn học về:

Tổng quan về Siêu

liên kết

Hyperlink là một kết nối từ một trang Web tới một vị trí

khác trên World Wide Web. Đích của hyperlink thường là

trang Web khác nhưng nó cũng có thể là một hình ảnh, một

địa chỉ e-mail, một file multimedia, hoặc thậm chí là một

chương trình.

Các loại siêu liên kết

Siêu liên kết thường được chia làm hai loại: siêu text

(Hypertext) và siêu thông tin đa phương tiện (HyperMedia).

Trên Web browsers, Hypertext thường được thể hiện dưới

dạng một chuỗi kí tự được gạch chân và có màu đặc biệt

(thường có màu xanh lục). Hypermedia thường là các hình

ảnh hoặc đoạn phim. Trông hình thức các Hypermedia không

có gì đặc biệt so với các ảnh khác nhưng khi người sử dụng

đưa con trỏ chuột lên các Hypermedia này, trỏ chuột sẽ bị

biến dạng (thường có hình bàn tay trỏ).

Khi người sử dụng kích vào một siêu liên kết tới một trang

Web khác, Web browser sẽ tìm địa chỉ của trang Web này

trên một server và hiển thị trên màn hình. Khi người sử dụng

kích vào một hyperlink tới một file khác, Web browser sẽ tìm

file trên server và mở nó trong cửa sổ ứng dụng tương thích.

Ví dụ, hầu hết các browsers mở các file WAV trong ứng

dụng sound-playback.

Các loại siêu liên

kết

Tạo các liên kết

Thay đổi

Hypertext và

Hypermedia

Bookmark và cách

tạo

Khi một hyperlink được đặt trong một trang Web, đích của hyperlink được mã hoá

(encoded) như một Uniform Resource Locator (URL). URL cho địa chỉ của một file trên

World Wide Web. Các dịch vụ Internet, ví dụ như FTP hoặc World Wide Web, sẽ điều

khiển file này.

Bookmark và

siêu liên kết

FrontPage Editor

32 FrontPage Editor

Bất kì một URL có thể là tuyệt đối hoặc tương đối. Một URL tuyệt đối là một địa chỉ

Internet đầy đủ của một trang Web hoặc của một file bao gồm protocol, network location,

đường dẫn và tên file. Ví dụ như http:// www.microsoft.com/news.htm là một URL tuyệt

đối. Một URL tương đối được tính từ trang Web hiện thời chứa URL. Ví dụ như, nếu trong

địa chỉ không chỉ rõ protocol, trình duyệt Web sẽ sử dụng protocol của trang hiện thời và

nếu trong địa chỉ không chỉ rõ network location, trình duyệt Web sử dụng network location

của trang hiện thời. Hầu hết các loại URL tương đối chỉ là một phần của đường dẫn và tên

file chứ không chứa network location. Nếu trên một trang Web sử dụng URL tương đối để

hyperlink với một trang khác và cả hai trang cùng được di chuyển đến server khác, thì

hyperlink sẽ chỉ làm việc nếu vị trí tương đối của các trang được giữ nguyên trên server mới.

Ví dụ, URL tương đối products.htm chỉ tới một trang trong cùng một folder với trang chứa

hyperlink. Nếu cả hai trang cùng được di chuyển đến một folder trên server khác, thì URL

vẫn đúng.

Khi có một hyperlinks tới một địa chỉ e-mail, sau khi người sử dụng kích vào e-mail

hyperlink, Web browser sẽ nhắc nhở người dùng tạo một thông điệp và gửi thông điệp tới

địa chỉ e-mail xác định.

Dùng FrontPage cho phép tạo hyperlinks mà không cần biết URL của trang Web hoặc file

đích. Bạn có thể chỉ cần tìm FrontPage web hiện thời hoặc World Wide Web, hiện trang Web

hoặc file đích và FrontPage Editor sẽ điền URL đúng.

FrontPage thực hiện các URL tương đối khi bạn tạo hyperlinks giữa các trang trong

FrontPage web của mình. Nếu bạn đổi tên hoặc di chuyển một trang, FrontPage cập nhật tất

cả các URLs tương đối trong FrontPage của bạn chỉ tới trang đó. Bằng cách đó, FrontPage

tiết kiệm thời gian cho bạn và đảm bảo rằng Web site của bạn sẽ rất cơ động.

Tạo các Text Link

Tạo text hyperlink từ FrontPage Explorer

Có thể tạo một text hyperlink từ một trang đang mở trong FrontPage Editor tới trang khác

trong FrontPage web bằng cách sử dụng FrontPage Explorer.

1. Trong FrontPage Explorer, trong Folders, All Files, Navigation, hoặc Hyperlinks, chọn

trang hoặc file mà bạn muốn tạo hyperlink tới nó bằng cách nhấn và giữ nút trái chuột.

2. Dùng chuột rê trang hoặc file từ FrontPage Explorer tới FrontPage Editor. Nếu cửa sổ

FrontPage Editor đang ở trạng thái cực tiểu, hãy rê tới tiêu đề FrontPage Editor trên thanh

Windows task bar, dừng một phút và FrontPage Editor sẽ được kích hoạt.

3. Chuyển con trỏ chuột tới dòng bạn muốn tạo hyperlink và thả nút trái chuột. FrontPage

tạo một hyperlink tới trang hoặc file.

Tạo text hyperlink tới trang mới

12. Có thể tạo text hyperlink tới trang mới. Đầu tiên FrontPage tạo trang mới, sau đó

tạo hyperlink tới nó.

FrontPage Editor

FrontPage Editor 33

13. Trong FrontPage Editor, chọn text sẽ làm hyperlink.

14. Chọn Insert/Hyperlink hoặc kích nút Create or Edit Hyperlink . Xuất hiện hộp hội thoại Create Link.

15. Trong hộp hội thoại Create Hyperlink, nếu bạn muốn trang đích của hyperlink

xuất hiện trong một frame của frameset, hãy chọn frame trong trường Target Frame.

16. Kích nút New Page . Xuất hiện hộp hội thoại New.

- Trong mục Page của hộp hội thoại New, chọn template để tạo trang mới.

- Để tạo trang mới và bổ sung các tác vụ (task) vào Task view của FrontPage Explorer hãy

kích vào Just add web task.

- Kích OK.

Tạo text hyperlink tới một trang trên World Wide Web

1. Trong FrontPage Editor, chọn text sẽ làm hyperlink.

2. Chọn Insert/Hyperlink, hoặc kích nút Create or Edit Hyperlink.

FrontPage Editor

34 FrontPage Editor

3. Trong hộp hội thoại Create Hyperlink, kích nút World Wide Web . Trình duyệt Web

trên máy của bạn xuất hiện.

4. Trong trình duyệt Web, chuyển tới trang hoặc file bạn muốn làm đích của hyperlink và

nhấn tổ hợp phím ALT+TAB để chuyển về cửa sổ FrontPage Editor. Vị trí trang đích

của bạn sẽ xuất hiện trong trường URL.

5. Nếu bạn muốn trang đích của hyperlink xuất hiện trong một frame của frameset, chọn

frame trong trường Target Frame.

6. Kích OK.

Tạo text hyperlink tới trang hoặc file trong FrontPage web hiện thời

1. Trong FrontPage Editor, chọn text sẽ làm hyperlink.

2. Chọn Insert/Hyperlink, hoặc kích nút Create or Edit Hyperlink.

3. Trong hộp hội thoại Create Hyperlink, kích trang hoặc file để tạo đích cho hyperlink. Để

xem nội dung của một folder, kích đúp vào nó.

4. Để kết nối với một bookmark trên trang bạn chọn, gõ tên bookmark trong trường

Bookmark. Có thể tạo hyperlink tới bookmark trên trang đang mở bằng cách chọn trang

và sau đó chọn bookmark của nó từ danh sách trong hộp hội thoại Create Hyperlink.

5. Nếu muốn trang đích của hyperlink xuất hiện trong một frame của Frameset, chọn frame

trong trường Target Frame.

6. Kích OK.

Tạo Image Link

Tạo image hyperlink tới một trang mới

Có thể tạo một image hyperlink tới một trang mới. Lúc đầu FrontPage tạo trang mới và sau

đó tạo hyperlink với nó.

1. Trong FrontPage Editor, kích ảnh để kích hoạt image toolbar.

2. Để tạo một hotspot, làm một trong các việc sau:

Để tạo hotspot hình chữ nhật, kích nút Rectangle.

Để tạo hotspot hình tròn, kích nút Circle.

Để tạo hotspot hình đa giác, kích nút Polygon.

3. Xuất hiện hộp hội thoại Create Hyperlink.

4. Trong hộp hội thoại Create Hyperlink, nếu muốn trang đích của hyperlink xuất hiện trong

một frame của trang các frame (frames page), chọn frame trong trường Target Frame.

5. Kích nút New Page. Xuất hiện hộp hội thoại New.

6. Trong mục Page của hộp hội thoại New, chọn template hoặc wizard để tạo trang mới.

FrontPage Editor

FrontPage Editor 35

7. Để tạo trang mới và bổ sung một tác vụ vào Task view của FrontPage Explorer, kích vào

Just add web task.

8. Kích OK.

Nếu trang vừa tạo dựa theo một wizard, làm theo các bước hướng dẫn của wizard.

Tạo image hyperlink tới một trang trên World Wide Web

1. Trong FrontPage Editor, kích ảnh để hiện image toolbar.

2. Tạo một hotspot tương tự như trên. Xuất hiện hộp hội thoại Create Hyperlink.

3. Trong hộp hội thoại Create Hyperlink, kích nút World Wide Web. Trình duyệt Web sẽ

xuất hiện.

4. Trong trình duyệt Web, chuyển tới trang hoặc file bạn muốn làm đích cho hyperlink của

mình và nhấn tổ hợp phím ALT+TAB để chuyển tới FrontPage Editor. Vị trí của trang

đích sẽ xuất hiện trong trường URL.

5. Nếu muốn trang đích xuất hiện trong một frame của trang frames, chọn frame trong

trường Target Frame.

6. Kích OK.

Tạo image hyperlink tới trang hoặc file trong FrontPage web hiện thời

1. Trong FrontPage Editor, kích ảnh để hiện image toolbar.

2. Tạo một hotspot tương tự như trên. Xuất hiện hộp hội thoại Create Hyperlink.

3. Trong hộp hội thoại Create Hyperlink, kích trang hoặc file làm đích cho hyperlink. Nếu

muốn xem nội dung của một folder, kích đúp vào nó.

4. Để kết nối với một bookmark trên trang bạn chọn, gõ tên của bookmark trong trường

Bookmark. Có thể tạo hyperlink tới bookmark trên trang mở bằng cách chọn trang và sau

đó chọn bookmark của nó từ danh sách trong hộp hội thoại Create Hyperlink.

5. Nếu muốn trang đích của hyperlink xuất hiện trong frame của trang frames, chọn frame

trong trường Target Frame.

6. Kích OK.

Thay đổi HyperText và Hypermedia

Lần theo follow text hyperlink trở về sau (forward)

Giữ phím CTRL và kích vào hyperlink, hoặc kích vào hyperlink và chọn Follow Hyperlink

từ shortcut menu.

FrontPage Editor

36 FrontPage Editor

FrontPage Editor mở trang đích để sửa và kích hoạt nó. Nếu hyperlink chỉ tới một

bookmark, FrontPage Editor sẽ cuộn tới bookmark này. Nếu trang đích không nằm trên

FrontPage web hiện thời, FrontPage mở bản copy của trang đó. Bạn có thể lưu bản sao này

bao gồm tất cả các ảnh và các objects khác trên trang vào FrontPage web hiện thời hoặc vào

một file.

Lần theo image hyperlink về sau (forward)

Trong FrontPage Editor, chọn hotspot trong image chứa hyperlink. Giữ CTRL và kích vào

hotspot hoặc chọn Go/Follow Hyperlink.

Kết quả tương tự như trên.

Lần theo một hyperlink ngược về phía trước (backward)

Sau khi lần theo một hyperlink từ trang này tới trang khác hoặc tới một bookmark, bạn có

thể lần theo hyperlink ngược về trang đầu. Khi bạn làm điều đó, FrontPage Editor cuộn tới

trang để hiển thị nguồn của bất kì hyperlinks nào trên trang. Muốn làm việc đó, trong

FrontPage Editor, kích nút Back .

Xoá và thay đổi các Hyperlink

Thay đổi text hyperlink

1. Trong FrontPage Editor, đặt trỏ chuột vào bất kì chỗ nào trên text chứa hyperlink hoặc

chọn bất kì phần nào của hyperlink.

2. Để thay đổi text của hyperlink, sửa text trực tiếp.

3. Để thay đổi đích của hyperlink, chọn Edit/Hyperlink, hoặc kích nào nút Create or Edit

Hyperlink. Xuất hiện hộp hội thoại Edit Hyperlink.

4. Sửa hyperlink trong hộp hội thoại Edit Hyperlink.

Thay đổi image hyperlink

1. Trong FrontPage Editor, chọn hotspot trong ảnh chứa hyperlink.

2. Chọn Edit/Hyperlink (CTRL + K) hoặc kích nút Create or Edit Hyperlink.

3. Sửa hyperlink trong hộp hội thoại Edit Hyperlink.

Xoá text hyperlink

1. Trong FrontPage Editor, đặt trỏ text lên hyperlink. Để xoá một phần text của text

hyperlink, chọn các kí tự muốn xoá.

2. Chọn Edit/Unlink. FrontPage Editor xoá hyperlink, nhưng không xoá text gắn với

hyperlink.

FrontPage Editor

FrontPage Editor 37

Xoá image hyperlink

1. Trong FrontPage Editor, chọn hotspot chứa hyperlink.

2. Nhấn phím DELETE.

Kiểm tra các hyperlinks

Trong cửa sổ FrontPage Explorer, chọn View/Hyperlink Status. Hyperlink Status view

được kích hoạt và hiện trạng thái của từng hyperlink:

- OK có nghĩa là hyperlink tốt.

- Broken có nghĩa là hyperlink bị hỏng.

- Unknown có nghĩa là hyperlink ở ngoài và chưa được kiểm tra. Để kiểm tra hyperlink,

chọn nó và chọn Verify trên shortcut menu.

- Added task có nghĩa là hyperlink hoặc bị hỏng hoặc chưa được kiểm tra, và task liên

quan đã được bổ sung vào danh sách trên Tasks view.

Sau khi các Hyperlinks được kiểm tra, chúng giữ nguyên trạng thái cho đến khi FrontPage

web bị đóng hoặc cho đến khi chúng được kiểm tra lần nữa trong khi web đang mở.

Trong Hyperlink Status view trong FrontPage Editor, chọn Tools/Verify Hyperlinks để

kiểm tra. Để dừng kiểm tra, kích Stop.

Sửa một hyperlink hỏng

1. Một cách ngầm định, chỉ có các hyperlinks hỏng và tất cả các hyperlinks bên ngoài mới

được hiển thị trong Hyperlinks Status view. Để hiện tất cả, chọn View/Show All

Hyperlinks.

2. Kích hyperlink hỏng để chọn nó.

3. Trên shortcut menu, chọn Edit Hyperlink.

4. Trên trường Replace Hyperlink With , gõ URL đúng cho hyperlink. Đối với hyperlinks

ngoài, kích Browse để mở trình duyệt Web và chuyển tới web site cho URL đúng. Nhấn

tổ hợp phím ALT+TAB để quay về FrontPage Explorer. URL đúng sẽ được bổ sung

trong trường Replace Hyperlink With.

5. Chọn một trong các lựa chọn sau:

- Để sửa hyperlink hỏng trong FrontPage web hiện thời, chọn Change In All Pages.

- Để sửa hyperlink trong tập hợp các trang được chọn, chọn Change in Selected Pages,

kích Replace.

Trạng thái của hyperlink biến thành Unknown nếu hyperlink với web bên ngoài, hoặc biến

thành OK nếu hyperlink tới file trong FrontPage Web hiện thời.

Chú ý: để đảm bảo rằng hyperlink là tốt, hãy kiểm tra tất cả các hyperlinks một lần nữa bằng

cách kích Verify trên shortcut menu.

FrontPage Editor

38 FrontPage Editor

Sắp đặt lại (recalculate) các hyperlinks

Sắp đặt lại các hyperlinks để cập nhật cách hiển thị FrontPage Explorer của FrontPage web

hiện thời. Trong môi trường nhiều tác giả, nó cho phép bạn xem những thay đổi gần nhất tới

FrontPage web bởi các tác giả khác. Sắp đặt lại các hyperlinks cũng cập nhật text index

được FrontPage Explorer duy trì.

1. Trong bất kì view nào của FrontPage Explorer, chọn Tools/Recalculate Hyperlinks.

Xuất hiện thông báo:

2. Kích nút Yes.

3. Chọn màu cho hyperlink

4. Có thể chọn màu cho tất cả các hyperlinks và active Hyperlink trên trang.

Chú ý: lệnh Background của thực đơn Format không được phép sử dụng nếu có một khúc

nhạc hiệu (theme) được áp dụng cho trang. Khi sử dụng các themes, màu của các hyperlinks

được đặt tự động. Trong FrontPage Editor, chọn Format/Background.

- Màu của các hyperlinks trong trang hiện trong tuỳ chọn Hyperlink.

- Màu của các active hyperlinks hiện trong tuỳ chọn Active Hyperlink .

- Màu của visited hyperlinks hiện trong tuỳ chọn Visited Hyperlink.

Để đổi màu của hyperlink, chọn màu từ danh sách thả xuống (drop-down list) của Hyperlink

hoặc chọn Custom để định nghĩa màu mới.

Để đổi màu của của active Hyperlinks, chọn màu từ danh sách thả xuống (drop-down list)

của Active Hyperlink hoặc chọn Custom để định nghĩa màu mới.

Để đổi màu của của Visited Hyperlinks, chọn màu từ danh sách thả xuống (drop-down list) của

Visited Hyperlink hoặc chọn Custom để định nghĩa màu mới.

Kích OK.

FrontPage Editor

FrontPage Editor 39

Tạo e-mail hyperlink

Trong FrontPage Editor, chọn text sẽ làm hyperlink. Nếu bạn không chọn text, URL sẽ được

chèn trên trang khi bạn tạo hyperlink.

1. Chọn Insert/Hyperlink, hoặc kích nút Create or Edit Hyperlink.

2. Trong hộp hội thoại Create Hyperlink, kích nút E-mail .

3. Trong hộp hội thoại Create E-mail Hyperlink, gõ địa chỉ e-mail bạn muốn sử dụng để gửi

thư tới, sau đó kích OK.

4. Kích OK để đóng hộp hội thoại Create Hyperlink.

Chú ý: không phải tất cả các trình duyệt đều hỗ trợ cho e- mail hyperlink.

Tạo hyperlink tới file của Microsoft Word, Excel, hoặc PowerPoint

Import file của Microsoft Word, Excel, hoặc PowerPoint vào FrontPage web của bạn bằng

cách sử dụng File/Import trong cửa sổ FrontPage Explorer.

Trong FrontPage Editor, tạo hyperlink tới file bằng cách sử dụng Insert/Hyperlink.

Khi người sử dụng lần theo (follows) hyperlink tới file của Microsoft Word, Excel, hoặc

PowerPoint, trình duyệt Web sẽ mở ứng dụng hoặc viewer tương thích và hiện file. Trong

một số trình duyệt Web, file được hiện trong cửa sổ trìng duyệt, còn trong các trình duyệt

web khác, nó hiện trong cửa sổ riêng biệt.

Khi hợp nhất file PowerPoint Animation (.PPZ) vào FrontPage web của bạn, bạn phải có

điều khiển Microsoft PowerPoint Animation ActiveX được cài đặt trên máy tính của mình.

Chèn Microsoft PowerPoint Animation ActiveX control vào trang bằng cách chọn

Insert/Advanced/ActiveX Control. Sau khi gõ tên của control trong trường Pick A Control

, kích Properties, và sau đó kích Add trong hộp hội thoại Object Parameter. Bổ sung "file"

trong trường Name, chọn Page làm Value, và sau đó gõ tên của file PowerPoint Animation

trong trường Page hoặc kích Browse để chọn file PowerPoint Animation.

Bookmark

Tạo Bookmark

1. Trong FrontPage Editor, chọn một hoặc nhiều kí tự của text.

2. Chọn Edit/Bookmark. Xuất hiện hộp hội thoại:

FrontPage Editor

40 FrontPage Editor

3. Trong trường Bookmark Name, gõ tên của bookmark hoặc chấp nhận tên do FrontPage

gợi ý. Trong tên của bookmark cho phép gõ dấu cách.

4. Kích OK.

Tạo link với BookMark

Có thể tạo hyperlink tới một bookmark trong một trang mở, một trang trong FrontPage web

hiện thời hoặc một trang trên World Wide Web.

1. Trong FrontPage Editor, chọn Insert/Hyperlink.

2. Trong hộp hội thoại Create Hyperlink, làm một trong các việc sau:

- Để link với một bookmark trên trang đang mở hiện thời, chọn tên bookmark từ danh

sách thả xuống của trường Bookmark.

- Để link với một bookmark trong FrontPage web hiện thời, gõ tên bookmark trong

trường Bookmark.

- Để link với một bookmark trên World Wide Web, gõ tên bookmark trong trường

Bookmark.

3. Kích OK.

Chú ý: Nếu bạn chuyển tới URL với một bookmark trong trình duyệt Web của mình, sau đó quay

về hộp hội thoại Create Hyperlink, bookmark sẽ được ghi nhớ lại.

Xoá Bookmark

Trong FrontPage Editor, làm một trong các việc sau:

- Đặt trỏ text lên bất kì chỗ nào trong text chứa bookmark.

- Chọn bất kì phần nào của bookmark.

- Chọn Edit/Bookmark.

- Kích Clear.

Chuyển tới bookmark

Bookmark do bạn Bạn có thể chuyển tới bookmark trên trang hiện thời mà không cần tạo

hyperlink tới nó. Bạn có thể chuyển tới bookmark trên trang khác nếu có một hyperlink tới

bookmark từ trang hiện thời.

1. Để chuyển tới bookmark trên trang hiện thời, trong cửa sổ FrontPage Editor, chọn

Edit/Bookmark.

2. Trong Other Bookmarks trên trường Page, chọn bookmark cần chuyển tới.

3. Kích Goto. FrontPage Editor hiện nội dung của trang tại vị trí chọn.

4. Đóng hộp hội thoại Bookmark bằng cách kích OK hoặc Cancel.

FrontPage Editor

FrontPage Editor 41

Để chuyển tới bookmark trên trang khác, trong FrontPage Editor, đặt trỏ text lên bất kì chỗ

nào trong hyperlink tới bookmark và chọn Follow Hyperlink trên shortcut menu. FrontPage

Editor hiện trang mới tại bookmark.

FrontPage Editor

42 FrontPage Editor

T Làm việc với ảnh

Trong bài này,

bạn học về:

Loại ảnh được hỗ

trợ

Để trang Web thêm sống động, các nhà thiết kế thường đưa vào

tài liệu HTML của mình những hình ảnh mang tính chất quảng

cáo, trang trí, cũng như những thông tin mà họ cần cung cấp cho

người sử dụng. Hiện nay, hai loại ảnh được hỗ trợ và đọc được bởi

trình duyệt là GIF và JPEG. Các bạn sẽ được tìm hiểu rõ hơn về

đặc điểm của hai khuôn dạng ảnh này ở phần dưới đây.

Tuy vậy, FrontPage vẫn cho phép bạn đưa vào trang các file ảnh

với những khuôn dạng khác và việc chuyển đổi sẽ được chính

FrontPage thực hiện cho bạn khi trang này được cất giữ.

FrontPage có một giao diện đầy đủ cho phép làm việc với các

ảnh trên web một cách dễ dàng. Bạn có thể chèn chúng trong

trang, dóng hàng cho ảnh cùng với text, tạo và thay đổi ánh xạ

ảnh. Bạn cũng có thể quét ảnh từ máy quét, camera, và những

thiết bị khác nữa và đưa chúng trực tiếp lên trang.

Cùng với một tập hợp các lệnh xử lí ảnh, FrontPage cung cấp

một bộ thư viện Clipart đầy đủ: những nút ảnh thường dùng,

biểu tượng, các mẫu nền, video clip và các tranh ảnh đa dạng

khác.

FrontPage cho phép tạo các ánh xạ ảnh một cách dễ dàng và tiện

lợi nhất. ánh xạ ảnh là những ảnh chứa các siêu liên kết. Mỗi

vùng trên ảnh ứng với một trang Web hoặc một URL nào đó. Chỉ

cần kích chuột trên vùng này, người sử dụng có thể tham chiếu

tới một địa chỉ Internet. Như vậy, ảnh không chỉ liên kết tới một

mà liên kết tới nhiều trang Web. Điều này thực sự hữu dụng khi

bạn thiết kế các trang với những hình ảnh vừa mang tính chất

trang trí, vừa mang tính định hướng liên kết và tất cả chỉ cần nằm

trên một ảnh mà thôi.

Chèn ảnh

Thay đổi thông số

hiển thị ảnh

Thay đổi kích

thước file ảnh

Chuyển đổi ảnh

Các loại ảnh được hỗ trợ trong HTML

Các ảnh trên các trang Web phải có định dạng hoặc là Graphics Interchange Format (GIF)

hoặc là Joint Photographic Expert Group format (JPEG).

Làm việc

với ảnh

FrontPage Editor

FrontPage Editor 43

FrontPage cho phép import các ảnh theo các định dạng sau: GIF, JPEG (standard and

progressive), BMP (Windows and OS/2), TIFF, TGA, RAS, EPS, PCX, và WMF. Khi đó,

FrontPage chuyển đổi các ảnh được imported thành ảnh GIF (cho các ảnh chứa tới 256 màu)

hoặc ảnh JPEG (cho các ảnh chứa trên 256 màu) khi trang được lưu trữ trong FrontPage web

hiện thời.

Chèn một hình ảnh

Chèn ảnh từ một file

Có thể chèn các loại ảnh: GIF, JPEG, BMP (Windows and OS/2), TIFF, TGA, RAS, EPS,

PCX, và WMF. Khi chèn một ảnh không thuộc định dạng GIF hoặc JPEG, nó tự động

chuyển thành ảnh GIF (đối với ảnh màu 8 bits hoặc ít hơn) hoặc ảnh JPEG (đối với các ảnh

màu lớn hơn 8 bits).

1. Trong FrontPage Editor, chọn trang muốn chèn ảnh.

2. Chọn Insert/Image. Xuất hiện hộp hội thoại Image:

3. Kích nút From File .

4. Trong hộp hội thoại Select File sử dụng hộp

Look In và hộp liệt kê các files và các folders

để tìm tới các file và folder chứa ảnh. Chọn

loại file từ hộp Files of Type. Chọn ảnh muốn

chèn và kích OK.

Chèn ảnh từ FrontPage web hiện thời

Các loại ảnh được phép chèn: GIF, JPEG, BMP

(Windows and OS/2), TIFF, TGA, RAS, EPS, PCX, và WMF. Khi chèn ảnh không thuộc

loại GIF hoặc JPEG, nó tự động chuyển thành ảnh GIF (đối với ảnh với bits màu hoặc nhỏ

hơn) hoặc ảnh JPEG (đối với ảnh lớn hơn 8 bits màu).

1. Trong Editor, kích trang muốn chèn ảnh.

2. Chọn Insert/Image.

3. Trong hộp hội thoại Image, chọn ảnh muốn chèn.

4. Kích OK.

Chèn ảnh từ World Wide Web

Khi chèn ảnh từ World Wide Web, ảnh luôn luôn được lấy về từ vị trí xác định của nó.

Chú ý:

FrontPage Editor

44 FrontPage Editor

Nếu máy tính của bạn được đặt sau một firewall, đầu tiên bạn phải xác định proxy server của

mình trong mục Proxies của hộp hội thoại Options trong cửa sổ FrontPage Explorer trước khi

bạn có thể chèn ảnh trực tiếp từ World Wide Web.

Trong FrontPage Editor, đặt trỏ text tại nơi muốn chèn ảnh.

1. Chọn Insert/Image.

2. Kích nút World Wide Web. Trình duyệt Web được mở.

3. Trong trình duyệt Web, gõ vị trí và tên của ảnh bạn muốn chèn (ví dụ như,

http://www.microsoft.com/sample.gif) và ấn ENTER để hiện ảnh.

4. Quay về hộp hội thoại Image và kích OK để chèn ảnh.

Chèn clip art

1. FrontPage có Microsoft Clip Gallery, là công cụ để xem, chèn clip art, pictures, sounds,

video clips, và ảnh động (animations).

2. Trong FrontPage Editor, kích trang bạn muốn chèn clip art.

3. Chọn Insert/Clipart để mở Microsoft Clip Gallery.

4. Trong Clip Gallery chọn ảnh, picture, sound file, hoặc video, và kích Insert.

Chèn một video clip

FrontPage có hai phương pháp để chèn một video clip vào trang hiện thời.

Ghi chú: Nếu bạn đã cài đặt Microsoft Internet Explorer, bạn có thể lập tức xem trước video

clip bằng cách chọn mục Preview trong FrontPage Editor.

1. Trong FrontPage Editor, chọn Insert/Active Elements/Video.

2. Trong hộp hội thoại Video, định vị video bạn muốn chèn từ FrontPage web hiện thời, từ

World Wide Web, hoặc hệ thống file của bạn. Nếu bạn đã cài Microsoft Office 2000,

kích Clip Art để chèn video clip từ Microsoft Clip Gallery.

3. Kích OK.

Cách chèn một video clip từ Microsoft Clip Gallery của Microsoft Office 2000.

1. Trong FrontPage Editor, chọn Insert/Clip Art.

2. Chọn mục Videos.

3. Chọn video clip muốn chèn.

4. Kích Insert.

Sửa ảnh

Làm một trong các cách sau:

FrontPage Editor

FrontPage Editor 45

- Từ FrontPage Editor hoặc Explorer, kích đúp ảnh cần sửa.

- Trong FrontPage Editor, chọn ảnh và sử dụng bất kì lệnh sửa ảnh nào trên thanh công cụ

image.

Cách sử dụng các nút trên thanh công cụ Image

- Nút Bevel : đặt góc nghiêng cho ảnh trong không gian ba chiều.

- Nút Text : chèn text cho ảnh. Nếu là ảnh JPEG, FrontPage Editor nhắc bạn chuyển

thành ảnh GIF, vì text không được hỗ trợ trên ảnh JPEG. Nếu FrontPage chuyển kiểu

ảnh, số màu của ảnh có thể bị giảm và kích thước file có thể lớn hơn. Sau đó, gõ text

trong hình chữ nhật trên ảnh. Có thể thay đổi kích thước miền text và di chuyển nó tới các

vị trí khác như các đối tượng đồ hoạ thông dụng. Việc chèn text vào ảnh không làm thay

đổi file ảnh trong FrontPage web của bạn.

- Nút More Contrast : tăng độ tương phản của ảnh

- Nút Less Contrast : giảm độ tương phản của ảnh.

- Nút More Brightness : tăng độ sáng của ảnh.

- Nút Less Brightness : giảm độ sáng của ảnh.

- Nút Black and White : chuyển thành ảnh đen trắng.

- Nút Crop : dùng để cắt xén ảnh. FrontPage hiện hình chữ nhật bao quanh một phần

ảnh. Có thể thay đổi kích thước hình chữ nhật và ấn Enter.

- Nút Flip : để lật dọc ảnh.

- Nút Rotate Left : quay ảnh 90 0 ngược chiều kim đồng hồ.

- Nút Rotate Right : quay ảnh 900 theo chiều kim đồng hồ.

- Nút Reverse : để lật ngược ảnh.

- Nút Washout : để giảm độ tương phản và độ sáng của ảnh. Thường được dùng khi tạo

ảnh nền cho trang.

- Nút Restore : để phục hồi lại ảnh cũ.

Thay đổi cách sắp đặt ảnh

1. Trong FrontPage Editor, chọn ảnh trên trang, sau đó chọn Edit (hoặc shortcut

menu)/Image Properties (Alt+Enter). Xuất hiện hộp hội thoại

FrontPage Editor

46 FrontPage Editor

2. Chọn mục Appearance của hộp hội thoại Image Properties và chọn các lựa chọn sau:

- Alignment: điều chỉnh cách dóng hàng

- Border Thickness: điều chỉnh độ dày khung

- Horizontal Spacing: điều chỉnh khoảng cách ngang so với lề trái và phải của trang.

- Vertical Spacing: khoảng cách dọc điều chỉnh so với lề trên và dưới của trang.

3. Kích OK.

Tạo thumbnail image

Thumbnail image là phiên bản nhỏ của ảnh trên trang, chứa hyperlink với kích thước thật

của ảnh.

- Trong FrontPage Editor, chọn ảnh.

- Chọn Tools/AutoThumbnail (Ctrl+T).

Tuỳ biến video clip

Dùng thủ tục này để tuỳ biến video clip trên trang kích hoạt khi xem trên trình duyệt Web.

Ghi chú: để sửa nội dung của video, kích đúp để mở nó trong video editor được cài trong

máy tính của bạn. Nếu trong máy tính không cài video editor, thì không thể sửa video.

1. Trong FrontPage Editor, chọn video clip muốn tuỳ biến và chọn Edit/Image Properties.

FrontPage Editor

FrontPage Editor 47

2. Trong hộp hội thoại Image Properties, kích mục Video và chọn các tuỳ chọn:

- Nếu muốn video chạy với nút VCR cho phép người sử dụng điều khiển playback, chọn

check box Show Controls in Browser.

- Chỉ định số lần video lặp lại bằng cách gõ số trong trường Loop hoặc chọn check box

Forever để tiếp tục chơi.

- Chọn tuỳ chọn trong mục Start: On File Open khởi tạo video khi trang được gọi trong

trình duyệt Web của người sử dụng; On Mouse Over khởi tạo video khi người sử dụng di chuyển chuột trên video.

Ghi chú: Nếu bạn đã cài đặt Microsoft Internet Explorer, bạn lập tức có thể xem video clip trên

trang kích hoạt bằng cách chọn mục Preview trên FrontPage Editor.

Thay đổi kích thước (Resample) file ảnh

Resample ảnh là thay đổi kích thước file ảnh cho hợp với kích thước hiện thời của nó. Bạn

có thể thay đổi kích thước file lớn hơn hoặc nhỏ hơn.

5. Trong FrontPage Editor, chọn ảnh.

6. Chọn một trong các nút điều khiển kích thước và dãn rộng hoặc co hẹp ảnh.

7. Kích nút Resample trên image toolbar.

Thay đổi kích thước ảnh

Trong FrontPage Editor, kích ảnh để chọn nó. Xuất hiện 8 nút điều chỉnh ảnh. Để thay đổi

kích thước ảnh làm một trong các việc sau:

- Đưa trỏ chuột vào một trong các nút điều khiển và rê chuột để làm thay đổi kích thước.

- Chọn Edit/Image Properties. Trong mục Appearance, chọn Specify Size trong phần Size.

Có thể điều chỉnh kích thước ảnh theo các điểm (pixels) hoặc theo tỉ lệ phần trăm. Để

thay đổi kích thước ảnh tỉ lệ với kích thước cũ, chọn nút Keep Aspect trước khi thay đổi

các giá trị Height và Width.

Tạo ảnh trong suốt

Tạo màu trong ảnh trong suốt thường được áp dụng cho ảnh nền của trang.

8. Trong FrontPage Editor, chọn ảnh.

9. Kích nút Make Transparent . Con trỏ chuột biến thành dạng Make Transparent.

10. Trong ảnh, kích màu muốn làm cho trong suốt.

11. Nếu là ảnh JPEG, FrontPage nhắc bạn chuyển thành ảnh GIF format,vì sự chuyển thành

màu trong suốt không hỗ trợ cho ảnh JPEG.

FrontPage Editor

48 FrontPage Editor

Chuyển đổi ảnh

Chuyển thành ảnh GIF

12. Trong FrontPage Editor, chọn ảnh muốn chuyển

13. Chọn Edit/Image Properties. Chọn mục General:

14. Trong hộp hội thoại Image Properties chọn GIF trong phần Type. Nếu chọn Interlaced,

ảnh sẽ chuyển thành định dạng interlaced GIF.

15. Kích OK.

Chuyển thành ảnh JPEG

16. Trong FrontPage Editor, chọn ảnh muốn chuyển đổi.

17. Chọn Edit/Image Properties.

18. Trong hộp hội thoại Image Properties, chọn JPEG trong phần Type.

19. Quality là Integer trong khoảng 1 - 100. Quality càng tăng, độ nén ảnh càng giảm làm

cho file ảnh lớn nhưng chất lượng cao. Quality giảm, độ nén tăng làm giảm kích thước

file nhưng chất lượng kém. Giá trị Quality ngầm định là 75. Để thay chất lượng ảnh JPEG , thay đổi giá trị trong trường Quality.

20. Trong tuỳ chọn Progressive Passes chọn 0 (zero) để chỉ định JPEG chuẩn. Nếu chọn số

cao hơn, ảnh được chọn sẽ chuyển thành dạng JPEG cao (progressive).

21. Kích OK.

FrontPage Editor

FrontPage Editor 49

Các chức năng khác

Import ảnh vào FrontPage web

Khi import một ảnh tức là bạn đặt bản copy của nó vào FrontPage web của mình. Để import

nhanh một hoặc nhiều ảnh vào FrontPage web hiện thời, kéo chúng từ desktop của bạn vào

Folders, All Files, Navigation, hoặc Hyperlinks view của FrontPage Explorer. Để import các

ảnh vào danh sách import, mà từ đó bạn có thể đổi tên và import chúng vào FrontPage web.

Trong FrontPage Explorer, chọn File/Import. Xuất hiện hộp hội thoại:

- Để bổ sung ảnh vào danh sách import, kích Add File. Trong hộp hội thoại Add File to

Import List, sử dụng hộp Look In và hộp liệt kê các file và các folders để tìm nơi lưu trữ

ảnh. Chọn ảnh và kích Open.

- Để bổ sung toàn bộ nội dung của một folder vào danh sách import, kích Add Folder.

Trong hộp hội thoại Browse For Folder, tìm và chọn folder, kích OK.

- Để thay đổi URL của bất kì ảnh nào trước khi import nó, hoặc đổi tên, hoặc thay đổi thư

mục chứa ảnh trên FrontPage web, kích Edit URL để mở hộp hội thoại Edit URL. Trong

File location bên trong trường FrontPage web, gõ URL tương đối tới gốc (root) của

FrontPage web hiện thời. Ví dụ, Nếu bạn gõ URL images/picture.gif, ảnh sẽ được lưu trữ

vào folder ảnh dưới folder gốc của FrontPage web hiện thời. Sau khi thay đổi URL, kích

OK.

- Để import ảnh và các files khác trên danh sách import vào FrontPage web, kích OK.

Trong khi các files đang được imported, bạn có thể dừng lại bằng cách kích Stop.

Chỉ định độ ảnh có độ phân giải thấp

Bạn có thể hiện ảnh có độ phân giải thấp trong khi vẫn download ảnh đẹp từ Web server.

Điều đó sẽ tiết kiệm thời gian khi kết nối với Internet.

22. Trong FrontPage Editor, chọn ảnh

23. Chọn Edit/Image Properties. Chọn mục General.

FrontPage Editor

50 FrontPage Editor

24. Trong vùng Alternate Representations của hộp hội thoại Image Properties, kích Browse

bên cạnh trường Low-Res và làm một trong các việc sau:

- Trong hộp hội thoại Select Alternate Image, chọn low-resolution image file to be used, và

kích OK.

- Kích nút World Wide Web để chuyển tới trình duyệt Web ngầm định của bạn. Tìm vị trí

của file ảnh có độ phân giải thấp trên World Wide Web, sau đó quay về FrontPage bằng

cách nhấn tổ hợp phím ALT+TAB.

- Kích nút File để chọn file ảnh có độ phân giải thấp từ ổ đĩa cục bộ hoặc từ mạng. Nếu

biết đường dẫn đầy đủ và tên file của file text, hãy gõ nó trong trường File Name.

25. Kích OK để đóng hộp hội thoại Image Properties.

Ghi chú: đầu tiên bạn phải tạo phiên bản phân giải thấp của ảnh trên trang web của mình

trước khi sử dụng chúng. Để làm điều đó, hãy mở ảnh trong một phần mềm image editing ví

dụ như Microsoft Image Composer và giảm màu trên ảnh. Bạn chỉ định số màu ít hơn cho

phiên bản phân giải thấp của ảnh, nó sẽ hiện trên trình duyệt Web nhanh hơn. Vì ảnh có độ

phân giải thấp được dùng để giữ chỗ (placeholder) cho ảnh có độ phân giải cao, bạn không

cần thay đổi độ rộng và độ cao của ảnh.

Đặt hyperlink ngầm định cho ảnh

Hyperlink ngầm định của ảnh là đích của hyperlink đối với bất kì diện tích nào không chứa

hotspot.

26. Kích ảnh để chọn nó.

27. Chọn Edit/Image Properties.

28. Trong mục General, chọn đích của hyperlink ngầm định như URL trong trường Location

hoặc kích Browse để chỉ định đích của hyperlink ngầm định trong hộp hội thoại Create

Hyperlink.

29. Sau khi tạo hyperlink, kích OK để đóng hộp hội thoại Image Properties.

Tạo text thay thế cho ảnh

Tạo text thay thế cho ảnh để hiện vị trí của ảnh khi ảnh bị mờ hoặc không thể hiện được trên

trình duyệt Web. Một số trình duyệt Web hiện text thay thế trong khi đang gọi ảnh.

30. Trong FrontPage Editor, chọn ảnh.

31. Chọn Edit/Image Properties. Chọn mục General.

32. Trong vùng Alternate Representations của hộp hội thoại Image Properties, gõ text thay

thế trong trường Text.

FrontPage Editor

FrontPage Editor 51

T Hospot

Trong bài này,

bạn học về:

Khái niệm

Hotspot

Để trang Web thêm sống động, bạn có thể chèn thêm các hình

ảnh cần thiết vào đó. Một ảnh có thể là một siêu thông tin đa

phương tiện liên kết đến một URL nào đó. Tuy nhiên, bạn hoàn

toàn có thể tạo nhiều mối liên kết từ một ảnh, có nghĩa là thay vì

việc liên kết đến một trang Web, ảnh có thể liên kết đến nhiều trang Web khác nhau.

Việc liên kết đến các URL này hoàn toàn phụ thuộc vào hai yếu

tố: vị trí của trỏ chuột khi kích tại ảnh và khai báo về địa chỉ URL

tương ứng với vùng chứa điểm kích chuột kể trên. Những ảnh

như vậy đi kèm với nó là một ánh xạ ảnh, ánh xạ này chỉ ra vùng

nào trong ảnh thì liên kết đến một URL nào. Những vùng như vậy gọi là Hotspot.

Hotspot là một vùng trên ảnh chứa siêu liên kết. ảnh chứa hospot

được gọi là image map. Trong trình duyệt Web, hospot không

hiện. Người sử dụng có thể nhận biết vị trí của hospot bằng cách

nhận diện sự thay đổi hình dạng của con trỏ chuột trên hospot (có dạng ngón trỏ).

Chẳng hạn, ảnh các ca sĩ của nhóm Beatles trên đây có chứa các

Hotspot. Một là hình tròn, liên kết đến trang John.htm, hai là hình

vuông liên kết đến trang Paul.htm. Khi dịch chuyển trỏ chuột trên

Hotspot hình tròn, trỏ chuột có dạng ngón tay trỏ chỉ ra rằng đấy

là một liên kết và tài liệu được liên kết đến có đường dẫn nằm ở

thanh trạng thái của trình duyệt.

Cách tạo

Hotspot

Hotspot

John.htm

Paul.htm

FrontPage Editor

52 FrontPage Editor

Tạo Hotspot

Tạo Circular Hospot

1. Trong FrontPage Editor, chọn ảnh.

2. Kích nút Circle .

3. Đặt con trỏ bên trong ảnh, con trỏ biến thành hình bút chì

4. Đặt con trỏ tại vị trí tâm của circular hotspot bạn muốn tạo.

5. Rê chuột để tạo circular hotspot cho tới kích thước vừa ý. Khi thả chuột, hiện hộp hội

thoại Create Hyperlink.

6. Trong hộp hội thoại Create Hyperlink chỉ định đích của hyperlink.

Tạo Polygon Hospot

33. Trong FrontPage Editor, chọn ảnh.

34. Kích nút Polygon .

35. Đặt con trỏ vào bên trong ảnh, con trỏ biến thành hình bút chì.

36. Kích chuột vào vị trí muốn làm góc đầu tiên của đa giác, sau đó kích vào vị trí của các

góc còn lại của polygon.

37. Kích đúp để khép kín đa giác. Hộp hội thoại Create Hyperlink.

38. Trong hộp hội thoại Create Hyperlink, chỉ định đích của hyperlink.

Tạo Rectangle Hospot

39. Trong FrontPage Editor, chọn ảnh.

40. Kích nút Rectangle .

41. Đặt con trỏ vào trong ảnh.

42. Đặt con trỏ vào vị trí xác định góc đầu tiên của hình chữ nhật và kích chuột.

43. Rê chuột để tạo hình chữ nhật cho tới kích thước bạn muốn. Khi thả chuột, hộp hội thoại Create Hyperlink.

44. Trong hộp hội thoại Create Hyperlink, chỉ định đích của hyperlink.

Tạo Text Hospot

1. Trong FrontPage Editor, chọn ảnh.

2. Kích nút Text trên Image toolbar. Xuất hiện hình chữ nhật chứa con trỏ text.

3. Gõ text bạn muốn (chỉ được phép gõ một dòng).

4. Để cuộn text, thay đổi kích thước của vùng text. Có thể dùng chuột để di chuyển text

hospot tới vị trí khác.

5. Kích đúp chuột tại một góc của hình chữ nhật. Hộp hội thoại Hyperlink được mở ra.

FrontPage Editor

FrontPage Editor 53

6. Trong hộp hội thoại Create Hyperlink, chỉ định đích của hyperlink.

Thay đổi Hospot

Chọn hotspot

1. Trong FrontPage Editor, kích ảnh. Hotspots được kích hoạt.

2. Kích hotspot để chọn nó hoặc rê chuột trên ảnh để chọn nhiều hotspot.

3. Sử dụng TAB và SHIFT+TAB để di chuyển giữa các hotspots.

Highlight hotspot

Highlighting hotspots thường được dùng khi khó nhìn đường bao của nó trên ảnh.

1. Trong FrontPage Editor, kích ảnh để kích hoạt image toolbar.

2. Để chuyển đổi giữa cách chỉ hiện hospot và cách hiện cả ảnh cùng hospot, kích nút

Highlight Hotspots .

Di chuyển hotspot

1. Trong FrontPage Editor, kích ảnh chứa hotspot muốn di chuyển.

2. Chọn hotspot. Khi hotspot được chọn xuất hiện 8 nút điều khiển kích thước.

3. Để di chuyển hotspot, làm một trong các việc sau:

- Dùng chuột rê hotspot tới vị trí mới.

- Sử dụng các phím mũi tên để di chuyển tới vị trí mới.

FrontPage Editor

54 FrontPage Editor

T Làm việc với Table

Trong bài này,

bạn học về:

Cách tạo bảng

Bảng là tập hợp các hàng và các cột trên trang có thể chứa

text, ảnh, forms, ActiveX controls, hoặc các phần tử của

FrontPage. Có thể dùng các tables đê sắp đặt dữ liệu một

cách có hệ thống hoặc tổ chức cách trình bày dữ liệu trên

một trang. Table cho phép trình bày text theo từng

paragraphs hoặc sắp đặt text bên cạnh đồ hoạ.

Có thể tạo nhanh table bằng lệnh Draw Table. Sau khi tạo

xong một table, có thể tuỳ biến nó bằng cách chèn thêm

hàng, cột, thay đổi kích thước của ô và chèn thêm lời chú

thích. Bạn có thể chuyển text thành table và ngược lại.

Khi gõ text trong một ô hoặc khi chèn text, các ảnh, các

forms, v.v..., ô được tự động mở rộng theo chiều ngang và

chiều dọc để thích hợp với nội dung được gõ hoặc được

chèn trong nó. Bạn có thể sửa, định dạng và chỉ định các

thuộc tính cho text hoặc các phần tử được chèn trong ô.

Bạn có thể dễ dàng thay đổi kích thước của ô, cột, hàng

hoặc cả bảng bằng cách dùng chuột rê các đường viền.

Bố cục của

Frame

Tạo tập Frame

Thay đổi tập

Frame

Nạp trang vào

Frame

Tạo Table

- Trong FrontPage Editor, chuyển trỏ text tới vị trí cần tạo bảng.

Làm việc

với Bảng

FrontPage Editor

FrontPage Editor 55

- Kích nút Insert Table trên standard toolbar, sau đó rê chuột cho tới khi FrontPage

hiện số hàng và cột bạn muốn.

- Để tạo nhanh table với các hàng và cột không bằng nhau, hãy làm theo các bước sau:

1. Trong FrontPage Editor, di chuyển trỏ text tới vị trí muốn tạo bảng.

2. Chọn Table/Draw Table hoặc kích nút Draw Table trên table toolbar.

3. Rê chuột để vẽ viền xung quang bảng.

4. Vẽ các đường dọc và ngang trong bảng.

5. Kích nút Eraser trên table toolbar để xoá bất kì đường nào bạn muốn.

Tạo bảng trong bảng khác

- Trong FrontPage Editor, di chuyển trỏ text tới vị trí muốn tạo bảng.

- Chọn Table/Insert Table. Xuất hiện hộp hội thoại:

- Chọn kích thước (size), cách sắp đặt (layout) và độ rộng (width) của bảng, sau đó kích

OK.

Thuộc tính của table

Để đặt thuộc tính của một bảng khi tạo nó hãy làm theo các bước sau:

Chú ý: bất cứ lúc nào bạn chỉ định thuộc tính bảng mới, nó sẽ trở thành thuộc tính ngầm định và

xuất hiện khi bạn tạo bảng mới sau đó.

3. Trong FrontPage Editor, di chuyển trỏ text tới vị trí muốn tạo bảng.

4. Chọn Table/Insert Table.

FrontPage Editor

56 FrontPage Editor

5. Vào số hàng trong trường Rows

6. Vào số cột trong trường Columns .

7. Trong trường Alignment, chọn vị trí của bảng.

8. Trong trường Border Size, vào độ rộng cho đường viền theo đơn vị điểm (pixels).

9. Để thay đổi phần đệm của ô (cell padding), vào số trong trường Cell Padding.

10. Để thay đổi khoảng cách giữa các ô, vào số trong trường Cell Spacing.

11. Để thay đổi độ rộng bảng, làm một trong các việc sau:

- Chọn Pixels, gõ độ rộng của bảng theo pixels.

- Chọn Percent, gõ số phần trăm so với độ rộng của màn hình.

12. Kích OK.

Điều chỉnh bảng

Chọn cả bảng hoặc một phần của nó

- Chọn một ô: nhấn ALT và kích chuột trong ô hoặc kích đúp chuột tại phần đệm trái của

ô hoặc đặt trỏ text trong ô và chọn Table/Select Cell.

- Chọn nhiều ô liên tục: nhấn SHIFT và kích chuột.

- Chọn nhiều ô rời rạc: nhấn CTRL và kích chuột.

- Chọn hàng: di chuyển trỏ chuột tới bên trái hàng và kích chuột. Để chọn nhiều hàng, rê

chuột qua các hàng. Hoặc đặt trỏ text trong hàng và chọn Table/Select Row.

- Chọn cột: di chuyển trỏ chuột tới đỉnh cột và kích chuột. Để chọn nhiều cột, rê chuột dọc

theo đỉnh các cột. Hoặc đặt trỏ text trong cột và chọn Table => Select Column.

- Chọn cả bảng: di chuyển trỏ chuột tới thanh chọn và kích đúp chuột. Hoặc đặt trỏ text

trong một ô và chọn Table/Select Table.

- Chọn chú giải (caption) của bảng: chuyển trỏ chuột tới bên trái của caption bảng và kích

chuột.

Chèn một ô

Sau khi tạo bảng, có thể chèn thêm các ô nếu cần. FrontPage chèn các ô theo các quy tắc

sau:

- Khi con trỏ text đặt trong ô trống, ô được chèn sẽ nằm bên trái ô chứa trỏ text.

- Khi trỏ text nằm ở đầu ô chứa text, ảnh hoặc form, ô được chèn nằm bên trái ô chứa trỏ

text.

- Khi trỏ text nằm bên phải bất kì text, ảnh hoặc form, ô được chèn nằm bên phải text, ảnh

hoặc form đó.

- Trong FrontPage Editor, chuyển trỏ text vào một ô theo quy tắc trên.

- Chọn Table/Insert Cell.

FrontPage Editor

FrontPage Editor 57

Chèn hàng hoặc cột

Sau khi tạo bảng, có thể chèn thêm hàng hoặc cột nếu cần. Để chèn hàng và cột nhanh, hãy

làm như sau:

13. Trong FrontPage Editor, chọn số hàng hoặc số cột cần chèn.

14. Để chèn hàng nằm trên hàng được chọn, kích trên table toolbar hoặc chọn Insert

Rows từ shortcut menu. Để chèn cột bên trái cột được chọn, kích trên table toolbar hoặc chọn Insert Columns trên shortcut menu.

Để linh hoạt hơn trong việc chèn thêm hàng, cột, hãy làm như sau:

15. Trong FrontPage Editor, chọn hàng hoặc cột.

16. Chọn Table/Insert Rows hoặc Columns.

17. Chọn Columns hoặc Rows.

18. Vào số hàng hoặc số cột muốn chèn.

19. Vào vị trí muốn chèn hàng hoặc cột.

20. Kích OK.

Phân tách ô

Có thể phân tách các ô thành cột hoặc hàng.

21. Trong FrontPage Editor, chuyển trỏ text vào trong ô muốn phân tách hoặc chọn một

nhóm ô bất kì.

22. Kích trên table toolbar hoặc chọn Split Cells từ shortcut menu.

23. Chọn Split into Columns hoặc Split into Rows.

24. Trong trường Number of Columns hoặc Number of Rows, vào số cột hoặc số hàng cần

thiết.

25. Kích OK.

Trộn các ô

Lệnh này chỉ được thực hiện khi chọn hai ô trở lên và chọn các ô theo hình chữ nhật.

26. Trong FrontPage Editor, chọn hàng, cột hoặc các ô.

27. Kích trên table toolbar hoặc chọn Merge Cells từ shortcut menu.

Dãn ô

28. Trong FrontPage Editor, chuyển trỏ text vào một ô hoặc chọn hàng hoặc chọn cột. Sau

đó chọn Table/Cell Properties. Xuất hiện hộp hội thoại:

FrontPage Editor

58 FrontPage Editor

29. Trong trường Number of Rows Spanned, vào số hàng bạn dãn ô (span).

30. Trong trường Number of Columns Spanned, vào số cột bạn muốn dãn (span).

31. Kích OK.

Thay đổi kích thước bảng

- Có thể thay đổi nhanh kích thước bảng bằng cách dùng chuột rê các đường viền đáy và

phải tới kích thước cần thiết.

- Trong hộp hội thoại Table Properties cũng có thể thay đổi kích thước bằng cách chọn độ

rộng, độ cao hoặc cả hai. Kích thước bảng có thể được thay đổi theo pixels hoặc theo tỉ lệ

phần trăm so với kích thước cửa sổ. Nếu bảng được thay đổi kích thước theo pixels, kích

thước của nó giữ nguyên không đổi so với kích thước cửa sổ chứa nó. Ngược lại, Nếu

kích thước của bảng được thay đổi theo tỉ lệ phần trăm so với kích thước cửa sổ chứa nó,

sẽ phụ thuộc vào kích thước cửa sổ hiện thời. Nếu một bảng không có độ rộng xác định,

các trình duyệt Web sẽ thay đổi kích thước của bảng cho vừa khít với nội dung trong các ô của bảng.

1. Trong FrontPage Editor, chuyển trỏ text vào trong bảng.

2. Chọn Table (hoặc shortcut menu)/Table Properties. Xuất hiện hộp hội thoại

FrontPage Editor

FrontPage Editor 59

3. Để xác định độ rộng:

- Chọn Select Specify Width.

- Vào số cho độ rộng

- Chọn In Pixels hoặc In Percent.

4. Để xác định độ cao:

- Chọn Specify Height.

- Vào số cho độ cao

- Chọn In Pixels hoặc In Percent.

5. Kích OK.

Thay đổi kích thước ô

Có thể thay đổi nhanh kích thước ô bằng cách dùng chuột rê các đường viền ô tới kích thước

cần thiết.

Trong hộp hội thoại Cell Properties có thể thay đổi độ rộng ô bằng cách xác định độ rộng,

độ cao hoặc cả hai.

32. Trong FrontPage Editor, chuyển trỏ text vào trong ô muốn thay đổi kích thước.

33. Chọn Table/Cell Properties.

34. Để chỉ định độ rộng, trong phần Minimum Size:

- Chọn check box Specify Width.

- Gõ giá trị độ rộng cho ô được chọn.

- Chọn In Pixels hoặc In Percent.

35. Để chỉ định độ cao, trong phần Minimum Size:

- Chọn check box Specify Height.

- Gõ giá trị của độ cao cho ô được chọn.

- Chọn In Pixels hoặc In Percent.

36. Kích OK.

Phân bố các hàng và cột đều nhau

Nếu có một bảng với độ cao các hàng và độ rộng các cột khác nhau, có thể dùng các lệnh

Distribute Rows Evenly và Distribute Columns Evenly để làm cho các hàng hoặc cột có độ

cao và độ rộng bằng nhau.

37. Chọn các hàng hoặc cột muốn có cùng độ cao và độ rộng.

38. Chọn Table/Distribute Rows Evenly hoặc Distribute Columns Evenly, hoặc kích các

nút Distribute Rows Evenly hoặc Distribute Columns Evenly trên table toolbar.

FrontPage Editor

60 FrontPage Editor

Xoá bảng và một phần của nó

Xoá ô, hàng, cột

39. Trong FrontPage Editor, chọn số ô hoặc số hàng hoặc số cột muốn xoá.

40. Kích trên table toolbar.

Xoá bảng

1. Trong FrontPage Editor, chọn bảng muốn xoá.

2. Nhấn phím DELETE.

Xoá caption của bảng

3. Trong FrontPage Editor, chuyển con trỏ tới bên trái caption, kích đúp để chọn nó.

4. Nhấn phím DELETE.

Định dạng table

Thay đổi màu nền của một hoặc nhiều ô

5. Trong FrontPage Editor, chọn các ô muốn thay đổi màu nền

6. Kích trên table toolbar.

7. Trong hộp hội thoại Color chọn một màu. Kích Define Custom Colors để định nghĩa màu

mới.

8. Kích OK.

Thay đổi màu nền của bảng

1. Trong FrontPage Editor, chuyển trỏ text vào trong bảng

2. Chọn Table / Select Table.

3. Kích trên table toolbar.

4. Trong hộp hội thoại Color chọn màu. Kích Define Custom Colors để định nghĩa màu mới

5. Kích OK.

Bổ sung ảnh nền cho một ô

Một ô có thể chứa ảnh nền khác ảnh nền của cả bảng và của trang. Khi chọn ảnh nền, bất kì

màu nào đã được chọn trong danh sách Background Color đều bị che lấp trừ khi ảnh nền

được chọn có màu trong suốt.

1. Trong FrontPage Editor, di chuyển trỏ text tới ô muốn chèn ảnh nền.

2. Chọn Table/Cell Properties.

3. Chọn check box Use Background Image và sau đó kích Browse để mở hộp hội thoại

Select Background Image. Chọn các thông số sau:

FrontPage Editor

FrontPage Editor 61

- Nếu ảnh đang ở trên FrontPage web hiện thời, tìm folder chứa ảnh, chọn ảnh và kích OK.

- Nếu ảnh là một file của mạng cục bộ, kích nút File. Xuất hiện hộp hội thoại Select File.

Tìm ảnh và kích OK.

- Nếu ảnh trên World Wide Web, kích nút World Wide Web.

Bổ sung ảnh nền cho toàn bảng

Một bảng có thể có ảnh nền khác với nền của trang. Khi chỉ định ảnh nền cho bảng bất kì

màu nào được chọn trong danh sách Background Color đều bị che lấp, trừ phi ảnh nền được

chọn có màu trong suốt.

1. Trong FrontPage Editor, chuyển trỏ text vào trong bảng.

2. Chọn Table/Table Properties.

3. Chọn check box Use Background Image và sau đó kích Browse để mở hộp hội thoại

Select Background Image. Làm một trong các việc sau:

- Nếu ảnh trên FrontPage web hiện thời, tìm folder chứa ảnh, chọn ảnh và kích OK.

- Nếu ảnh là một file trên mạng cục bộ, kích nút File. Xuất hiện hộp hội thoại Select File.

Tìm ảnh và kích OK.

- Nếu ảnh trên World Wide Web, kích nút World Wide Web. Trình duyệt Web xuất hiện.

Tìm ảnh cần thiết, quay trở về FrontPage Editor. Vị trí của trang chứa ảnh sẽ hiện trong

trường URL.

- Nếu ảnh là clip art, kích nút Clip Art để hiện Microsoft Clip Gallery và chọn ảnh.

4. Nếu muốn chỉ định thuộc tính cho ảnh, ví dụ tạo ảnh trong suốt, kích nút Properties và

đặt thuộc tính trong hộp hội thoại Image Properties.

5. Kích OK để đóng hộp hội thoại Table Properties.

Thay đổi màu các đường viền ô

Đường viền của ô có thể có một hoặc hai màu. Khi chọn hai màu, đường viền ô được thể

hiện dưới dạng ba chiều.

17. Trong FrontPage Editor, chuyển trỏ text vào trong ô muốn đặt màu đường viền. Bảo đảm

rằng kích thước của đường viền đã được xác định trong hộp hội thoại Table Properties.

18. Chọn Table (hoặc shortcut menu)/Cell Properties. Làm một trong các việc sau:

- Để có đường viền một màu, chọn màu từ danh sách thả xuống Border. Để định nghĩa

màu mới, chọn Custom từ danh sách này.

- Để có đường viền hai màu, chọn các màu từ các danh sách thả xuống Light Border và

Dark Border. Có thể định nghĩa màu mới bằng cách chọn Custom từ danh sách này.

Chú ý: Khi bạn chỉ chọn Light Border hoặc Dark Border, màu thứ hai được sử dụng cho

đường viền ô là màu được chọn từ danh sách thả xuống Normal.

19. Kích OK.

FrontPage Editor

62 FrontPage Editor

Thay đổi màu đường viền bảng

20. Trong FrontPage Editor, chuyển trỏ text vào trong bảng

21. Chọn Table (hoặc shortcut menu)/Table Properties.

22. Làm một trong các việc sau:

- Để có đường viền một màu, chọn màu từ danh sách thả xuống Border. Để định nghĩa

màu mới, chọn Custom từ danh sách này.

- Để có đường viền hai màu, chọn các màu từ các danh sách thả xuống Light Border và Dark Border. Có thể định nghĩa màu mới bằng cách chọn Custom từ danh sách này.

Chú ý: Khi bạn chỉ chọn Light Border hoặc Dark Border, màu thứ hai được sử dụng cho

đường viền ô là màu được chọn từ danh sách thả xuống Normal.

23. Kích OK.

Thay đổi hình dạng của ô

24. Trong FrontPage Editor, chuyển trỏ text vào trong bảng, sau đó chọn Table/ Cell

Properties.

25. Trong trường Horizontal Alignment, chọn cách dóng hàng cho nội dung của ô từ danh

sách thả xuống.

26. Trong trường Vertical Alignment chọn cách dóng hàng cho nội dung của ô từ danh sách thả xuống.

27. Để sử dụng text làm các tiêu đề, chọn Header Cell.

28. Chọn No Wrap để text trong các ô không bị cuộn bởi trình duyệt Web.

29. Kích OK.

Thay đổi layout của bảng

30. Trong FrontPage Editor, chuyển trỏ text vào trong bảng và chọn Table (hoặc shortcut

menu)/Table Properties.

31. Trong trường Alignment, chọn cách dóng hàng bạn muốn từ danh sách thả xuống.

32. Trong trường Float, chọn nơi nào bạn muốn text bao quanh bên trái hoặc bên phải bảng.

Khi chọn Default, text không bao quanh bảng.

33. Trong trường Border Size, gõ độ rộng cho đường viền bảng theo điểm.

34. Trong trường Cell Padding, vào khoảng cách bạn muốn giữa nội dung và các mép trong

của các ô theo điểm.

35. Trong trường Cell Spacing, vào khoảng cách giữa các ô trong bảng theo điểm.

36. Kích OK.

Các thao tác khác

Bổ sung caption cho bảng

Bạn có thể bổ sung tiêu đề cho bảng để tóm tắt nội dung của nó.

FrontPage Editor

FrontPage Editor 63

37. Trong FrontPage Editor, chuyển trỏ text vào trong bảng choặc chọn bất kì phần nào của

bảng

38. Chọn Table/Insert Caption. FrontPage chèn caption trên hàng đầu tiên của bảng.

Sửa caption của bảng

Bạn có thể sửa caption của bảng sau khi chèn nó.

Trong FrontPage Editor, chuyển trỏ text tới vị trí cần sửa trong caption và gõ thông tin mới.

Bổ sung tiêu đề ô

Có thể tạo text trong ô đậm hơn để làm tiêu đề ô.

39. Trong FrontPage Editor, chuyển trỏ text vào trong ô, sau đó chọn Table/Cell Properties.

Bạn cũng có thể chọn hàng, cột hoặc nhiều ô.

40. Chọn tuỳ chọn Header Cell trong phần Layout của hộp hội thoại.

41. Kích OK.

Chuyển bảng thành text

Khi chuyển bảng thành text, FrontPage tách mỗi ô trong bảng thành một paragraph.

42. Chọn bảng muốn chuyển thành text.

43. Chọn Table/Convert Table To Text.

44. Chuyển text thành bảng

Trước khi thực hiện việc chuyển text thành bảng, hãy xác định bạn muốn chia text thành bao

nhiêu cột và hàng bằng cách chèn thêm các kí tự phân cách. Ví dụ, sử dụng dấu phảy để chia

các cột và sử dụng dấu đoạn (paragraph marks) để đánh dấu hết một hàng.

Ghi chú: vì HTML không hỗ trợ trực tiếp cho các kí tự Tab nên bạn hãy dùng dấu phảy hoặc

các kí tự khác để tách cột.

- Chọn text muốn chuyển thành bảng.

- Chọn Table/Convert Text To Table. Hộp hội thoại Convert Text to Table xuất hiện.

- Trong miền Separate Text At, chọn kí tự dùng để phân tách cột, ví dụ như, dấu phảy, và

kích OK.

FrontPage Editor

64 FrontPage Editor

T

Làm việc với Frame

Trong bài này, bạn

học về:

Tổng quan về

Frame

Tập các Frame chia màn hình trình duyệt Web thành những

vùng riêng biệt, mỗi vùng trong đó có thể hiển thị một

trang Web nào đó và được gọi là một frame. Một nhóm các

frame được gọi là trang frame. Trang frame là một trang

Web đặc biệt định nghĩa kích thước và vị trí của mỗi frame

trên đó.

Chẳng hạn, ta có thể có một trang frame rất đơn giản chứa

hai frame: một hiển thị trang chứa các liên kết, và frame

còn lại hiển thị trang mà liên kết chỉ đến. Mỗi khi người sử

dụng kích chuột vào liên kết trong frame thứ nhất, trang

này chỉ tới trang được liên kết và nó được hiển thị tại frame

thứ hai. Trang frame không thực sự chứa bất kỳ nội dung

nào của trang, nó chỉ chứa các liên kết đến các trang sẽ xuất

hiện tại các frame mà thôi.

Bố cục của Frame

Tạo tập Frame

Thay đổi tập Frame

Nạp trang vào

Frame

Làm việc

với Frame

Trang chứa

liên kết

Trang hiển thị liên kết

chỉ đến

FrontPage Editor

FrontPage Editor 65

Tạo trang frame

1. Tại FrontPage Editor, thực hiện lệnh File/New.

2. Tại hộp hội thoại New, chọn Frames, chọn mẫu trang Frame mà bạn muốn.

Mẫu frame được hiển thị tại hộp Preview và đặc tả của mẫu hiển thị tại Description.

3. Kích nút OK. Trang frame được tạo như dưới đây:

- Set Initial Page: Kích vào nút này để chọn một trang đã có xuất hiện trên frame tại hộp

hội thoại Create HyperLink.

- New Page: Kích vào đây để tạo một trang mới xuất hiện trên frame hiện thời.

Đặc tả trang khởi tạo cho một frame

- Nếu trang khởi tạo của frame chưa được tạo, kích nút Set Initial Page như đã nói ở trên.

- Nếu trang khởi tạo đã có, thực hiện lệnh Frame/Set Initial Page để chọn một trang là trang khởi tạo.

Nhấn Frames và chọn mẫu Frame

có sẵn

Viền bao

xung quanh chỉ

Frame hiện thời (đang

kích hoạt)

FrontPage Editor

66 FrontPage Editor

Cất trang frame

- Tại màn hình trang frame, thực hiện lệnh File/Save.

- Với những trang nằm trong frame chưa được cất, FrontPage yêu cầu bạn ghi lại nội dung

của nó với dấu hiệu: trang được cất nằm trong frame nào cần phải ghi thì frame đó được đánh dấu bằng màu xanh.

- Sau đó, bạn được yêu cầu ghi trang frame khi dấu hiệu chuyển sang dạng viền toàn bộ

màn hình frame (được mô tả tại hộp hội thoại).

Thay đổi bố cục của frame – Chia nhỏ frame – Xóa frame

Từ mẫu frame đã có, bạn có thể tự thiết kế lấy cho mình một bố cục của trang frame bằng

cách ngăn các frame thành các frame con trong đó, hoặc xoá bớt đi những frame không cần

thiết.

Để ngăn frame, thực hiện các bước sau

- Tại frame muốn ngăn, thực hiện lệnh Frame/Split Frame.

Dấu hiệu trang thuộc frame này cần ghi lại: frame có màu

xanh

Đường viền xung quanh – dấu hiệu cần

ghi trang frame

FrontPage Editor

FrontPage Editor 67

- Split into columns: Chia frame theo cột.

- Split into rows: Chia frame theo hàng.

- Kích OK.

Để xóa một frame

Tại FrontPage Editor, chọn frame muốn xoá và thực hiện lệnh Frame/Delete Frame.

Thuộc tính của frame

Tại frame muốn thay đổi thuộc tính, thực hiện lệnh Frame/Frame Properties. Xuất hiện

hộp hội thoại Frame Properties.

- Name: Tên của frame, được dùng để thiết lập đích trong liên kết. Ban đầu, hộp Name

được gán tên mặc định bởi FrontPage Editor.

- Options: Phần này thiết lập frame có thay đổi kích thước và có hay không có thanh cuộn

frame hay không.

- Resizable in Browser: Cho phép người sử dụng thay đổi kích thước.

- Show Scrollbars: Lựa chọn khả năng xuất hiện thanh cuộn frame:

If Needed: Hiển thị thanh cuộn nếu dữ liệu của trang lớn hơn vùng hiển thị của frame.

Never: Không xuất hiện thanh cuộn.

Always: Luôn xuất hiện thanh cuộn.

- Frame Size: Đặc tả chiều cao và chiều rộng của frame tại Width và Row Height. Tuy

nhiên, bạn có thể thay đổi kích thước của frame bằng cách rê chuột trên đường viền của frame ở chế độ view Normal của FrontPage Editor.

Kiểu giá trị của đặc tả này gồm 3 loại:

- Relative: Tính tương đối với các frame cùng cạnh theo chiều cao hoặc chiều rộng.

- Percent: Tính tương đối % theo chiều cao và chiều rộng của màn hình trình duyệt

Web.

- Pixels: Tính chính xác bằng đơn vị điểm.

- Margins: Đặc tả lề của frame tính bằng điểm, với Width là lề trái và lề phải, Height là lề

trên và dưới.

- Initial Page: Đặc tả trang khởi tạo của frame hiện thời. Gõ URL của trang hoặc kích vào

nút Browse để chọn trang khởi tạo mới.

Chia frame hiện thời theo 2 hàng

hoặc 2 cột

FrontPage Editor

68 FrontPage Editor

Thay đổi khoảng cách giữa các frame

1. Thực hiện lệnh Frame/Frame Page Properties.

2. Chọn Frames, vào giá trị khoảng cách giữa các frame tại Frames Spacing. Khoảng cách

này được tính bằng điểm, giá trị ngầm định là 2 pixels.

Tạo viền cho frame

1. Thực hiện lệnh Frame/Frame Page Properties.

2. Chọn Frames, kích Show Borders.

Tạo liên kết từ một frame và hiển thị đích liên kết trên một frame khác

45. Tại frame chứa liên kết, thực hiện lệnh Insert/Hyperlink.

46. Tại hộp hội thoại Create Hyperlink, chọn trang muốn liên kết đến.

47. Kích vào nút Target Name để chọn đích cho liên kết.

Current Frames Page: Đây là vùng hiển thị bản đồ của trang frame. Để gán một đích frame

cho liên kết, kích vào frame trên bản đồ. Tên của frame sẽ hiển thị trên hộp Target Setting.

Common Targets: Đây là những đích của frame đã được định nghĩa trước và được trình

duyệt hiểu. Bạn có thể chọn một trong các đích frame sau:

- Page Default: Đích mặc định cho trang hiện thời.

- Whole Page: Thiết lập frame đích của liên kết tới toàn bộ cửa sổ Web.

- Same Frame: Thiết lập đích frame của liên kết tới cùng frame chứa liên kết.

- New Window: Đặc tả đích liên kết là một cửa sổ trình duyệt Web mới.

- Parent Frame: Đặc tả đích liên kết là trang chứa tập frame hiện thời.

- Target Setting: Nếu bạn chọn frame đích trong Current Frames Page hoặc Common

Target, trường này hiển thị tên của đích frame được chọn. Bạn có thể gõ tên của đích trực tiếp vào đây.

- Make Default for Hyperlinks on the Page: Kích vào lựa chọn này nếu bạn muốn tạo frame đích

được chọn là mặc định cho mọi liên kết trong trang đang kích hoạt.

Kích tại bản đồ frame để chọn đích muốn hiển

thị liên kết

FrontPage Editor

FrontPage Editor 69

Làm việc với form

Trong bài này, bạn

học cách:

Tạo Form

“Form” là mẫu biểu thông qua đó để người sử dụng nhập

dữ liệu theo mẫu đã thiết kế.

Thực chất, form là tập hợp các trường và các điều khiển

form (được hiểu như một chương trình trên máy chủ được

thực hiện khi đăng kí form nghĩa là một phương pháp tổng

hợp dữ liệu từ form). Form là chìa khoá để tạo tương tác

giữa người sử dụng và dữ liệu trên Web. Thông qua các

trường này, người sử dụng có thể vào dữ liệu và đăng kí

form. Khi đó, trình duyệt gửi yêu cầu đến server thông qua

địa chỉ của trang Web chứa form. Máy chủ dựa trên các

điều khiển form gửi trả về trình duyệt những trang Web mới

được tạo bởi chương trình (điều khiển form).

Form có thể chứa mọi phần tử của trang, chẳng hạn như:

các trường, dữ liệu text trong các đoạn, bảng biểu, tranh

ảnh, và các phần tử khác nữa.

Người sử dụng nhập dữ liệu trên form bằng cách gõ dữ liệu

vào trường text, kích các nút radio hoặc check box, chọn

các tuỳ chọn từ thực đơn. Sau đó, họ đăng kí form bằng

cách kích chuột vào nút có kiểu là “Submit”. Khi đó,

FrontPage đưa nội dung của form vào một file trên

FrontPage web. Đây là file chứa các thông tin được cập

nhật từ form. Bạn có thể cấu hình form để gửi dữ liệu trên

đó tới một địa chỉ e-mail.

Người sử dụng không nhìn thấy điều khiển form. Nó bắt đầu

tiến trình của mình khi họ đăng kí form. FrontPage tự động

gán các điều khiển form mặc định khi form được tạo. Tuy

nhiên, bạn có thể thiết lập các điều khiển form của mình cho

form.

Thay đổi thuộc tính

Form

Nhập dữ liệu trên

Form

Thêm trường vào

Form

Sử dụng tạo Form

bằng Wizard

Làm việ c

với Form

FrontPage Editor

70 FrontPage Editor

Trình duyệt đăng kí form

Tạo Form

Trong FrontPage Editor, bạn có thể tạo một form mới ở bất kì vị trí nào trên trang, ở phía

trong hoặc ngoài form.

- Tại vị trí muốn bắt đầu form trên trang, thực hiện lệnh Insert/Form Field và chọn kiểu

trường tương ứng.

- FrontPage sẽ tạo một form mới chứa trường mà bạn chọn và hai trường nút nhấn, bao

gồm nút đăng kí form (Submit) và nút nhập lại form (Reset).

Form mới được gán tới một điều khiển mặc định.

Thêm trường vào form

1. Tại FrontPage Editor, kích vào form muốn thêm trường.

2. Tại điểm chèn, tạo trường mới bằng cách thực hiện lệnh Insert/Form Field và chọn kiểu

trường muốn tạo.

FrontPage Editor

FrontPage Editor 71

Thuộc tính của form

Tại Form muốn thay đổi thuộc tính, kích nút phải chuột và chọn lệnh Form Properties, xuất

hiện hộp hội thoại dùng để đặc tả những việc cần thực hiện với kết quả của form đang chọn.

Bạn có thể gửi kết quả tới một file của FrontPage web hiện thời, tới root web hoặc tới file hệ

thống hoặc cũng có thể gửi kết quả tới một địa chỉ e-mail, một điều khiển form của

FrontPage hoặc một form tự tạo.

Chú ý: Toàn bộ tuỳ chọn gửi kết quả form tới ISAPI tự tạo, NSAPIT, CGI, hoặc ASP script

đòi hỏi một máy chủ chạy FrontPage Server Extensions.

Dưới đây là các tuỳ chọn của hộp hội thoại:

What to do with form results?

Dùng tuỳ chọn này để đặc tả hành động mà FrontPage thực hiện với kết quả trên form.

- Send To: Sử dụng điều khiển form mặc định để gửi kết quả form tới một file trên

FrontPage web hiện tại, root web, trên hệ thống file của bạn hoặc tới một địa chỉ e-mail.

- File Name: Ban đầu, trường này hiển thị file chứa các thông tin cất giữ trên form bằng

một điều khiển form mặc định. File này được đặt tại folder _private của FrontPage web hiện tại.

- Để gửi kết quả form tới một file khác trên web hiện thời, gõ URL tương đối tới file đó,

hoặc kích nút Browse để chỉ định file.

- Để gửi kết quả form tới một file trên root web, bạn phải dùng một folder đặc biệt _vti_log

trên root web. Gõ URL tương đối tới file trong folder này, chẳng hạn như:

/_vti_log/myresults.txt.

- Để gửi kết quả form tới một file trên hệ thống của bạn, gõ đường dẫn đầy đủ đến file,

chẳng hạn như: c:\my_results\results.txt.

- Browse: Hiển thị hộp hội thoại Current Web, bạn có thể duyệt các folders trong

FrontPage web hiện tại để chọn file cất kết quả của form.

- E-mail Address: Gõ địa chỉ e-mail nếu bạn muốn gửi kết quả form đến.

- Send To Other: Nếu muốn gửi kết quả form tới điều khiển FrontPage hoặc điều khiển tự

tạo, chọn điều khiển bạn muốn dùng:

- Custom ISAPI, NSAPI, CGI or ASP Script: Gửi kết quả form tới một điều khiển form tự

tạo sử dụng một trong các phương thức này.

- Discussion Form Handler: Lưu trữ kết quả form từ nhóm thảo luận.

- Registration Form Handler: Cất kết quả của form đăng kí người sử dụng có thể truy nhập

dịch vụ Web của bạn.

- Options: Cấu hình điều khiển form được chọn.

- Form Name: Tên form.

FrontPage Editor

72 FrontPage Editor

- Target Frame: Trường Target liệt kê các frame để hiển thị kết quả form. Lưu ý rằng nếu

không có trang frame nào được tải, trình duyệt Web có thể tạo một cửa sổ mới để hiển thị

kết quả form. Gõ tên của frame hoặc chọn nút Target Frame để chọn frame:

- Advanced: Hiển thị hộp hội thoại Advanced Form Properties, bạn có thể tạo và sửa tuỳ

chọn của các trường ẩn tại đây.

Sử dụng tạo form bằng Wizard

FrontPage hỗ trợ một chương trình giúp bạn tạo form dựa trên những loại thông tin mà bạn cần

tổng hợp, gọi là Form Wizard.

- Thực hiện lệnh File/New, chọn Form Page Wizard.

- Kích nút OK, chọn Next. Vào các thông số:

Page Title: Tiêu đề trang.

Page URL: Địa chỉ trang.

- Chọn Next. Kích nút Add để thêm những thông tin cần tổng hợp.

- Select type of input to collect for select this question:

Chọn các kiểu thông tin.

- Edit the promt for this question: Gõ lời nhắc cho thông tin cần yêu cầu.

Dưới đây là các loại thông tin cần tập hợp và các thông số tương ứng của chúng:

Chọn tên

Target

Chọn kiểu thông tin và gõ lời nhắc

tương ứng

FrontPage Editor

FrontPage Editor 73

Contact Information: Thông tin để liên hệ với người sử dụng

Lần lượt chọn các thông số cho thông tin cần liên hệ:

- Name:

Full: Tên đầy đủ

First, Last: Họ và tên

First, Last, Middle: Họ, tên, đệm

- Title: Bí danh

- Organization: Tổ chức

- Postal Address: Địa chỉ theo đường bưu điện

- Work phone: Điện thoại nơi làm việc

- Home phone: Điện thoại ở nhà

- FAX: Số máy fax cần liên hệ

- E-mail Address: Địa chỉ e-mail

- Web Address: Địa chỉ trang Web cá nhân

- Enter the base name for this group of variables: Vào tên biến cho nhóm

Account Information: Thông tin tài khoản của người sử dụng

Product Information: Thông tin sản phẩm

Tên biến

Chọn User name là một trường hay hai trường họ và

tên

Yêu cầu vào lại mật khẩu hoặc

không yêu cầu

FrontPage Editor

74 FrontPage Editor

Ordering Information: Thông tin về yêu cầu

Personal Information: Thông tin cá nhân

One of several options: Lựa chọn duy nhất trong tuỳ chọn

Chọn tên sản phẩm

từ danh sách hoặc gõ

tên

Vào tên cơ sở cho nhóm

biến

Chọn thông tin

muốn tập hợp về mặt

hàng như Mẫu mã Số hiệu...

Số lượng tối đa của

danh sách mặt hàng

Vào tên cơ sở của

nhóm biến

Chọn hình thức

thanh toán là thẻ

tín dụng hoặc tiền

mặt

Địa điểm giao

hàng

Vào các nhãn

trong danh sách

tuỳ chọn

Chọn kiểu xuất

hiện của tuỳ

chọn Vào tên biến

chọn

FrontPage Editor

FrontPage Editor 75

Any of several option: Một vài lựa chọn trong tuỳ chọn

Boolean: Lựa chọn Có hoặc Không

Date: Kiểu dữ liệu nhập vào là ngày

Range: Kiểu dữ liệu trên form là một miền các giá trị để chọn lựa

Number: Dữ liệu nhập trên form là số

String: Dữ liệu nhập trên form là dòng text

Paragraph: Dữ liệu nhập là text nhiều dòng

Chọn kiểu xuất

hiện Có/Không

Vào tên biến

FrontPage Editor

76 FrontPage Editor

Thêm thành phần của form

Trong bài này, bạn học

về:

Thêm và sửa các

trường trên Form

Trường là những khối được xây dựng trên form. Người

sử dụng cung cấp thông tin thông qua các trường. Việc

nhập dữ liệu này được xử lí bởi một điều khiển form nằm

trên máy chủ Web khi người sử dụng đăng kí form.

Bạn tạo các trường trong FrontPage Editor bằng cách

dùng lệnh Form Field trên thực đơn Insert, hoặc kích nút

trên thanh công cụ form. Bạn có thể tạo các trường sau

đây bằng FrontPage:

Hộp text chỉ có một dòng để người sử dụng gõ dữ liệu

text trong đó.

Một hộp text cuộn nhiều dòng để người sử dụng có thể

nhập các dòng text tại đó.

Một nút là radio cho phép người sử dụng chỉ được

chọn duy nhất bằng cách kích chuột vào nút này.

Nút là check box cho phép người sử dụng chọn nhiều

tuỳ chọn bằng cách kích chuột vào nhiều nút check

box.

Một thực đơn cuộn xuống cho phép người sử dụng có

thể chọn từ một hay nhiều dòng thực đơn cùng một

thời điểm.

Một nút nhấn cho phép người sử dụng đăng kí form

hoặc khởi tạo lại trạng thái ban đầu của form.

Một trường ảnh hiển thị một ảnh trên form. Bằng cách

kích chuột vào ảnh này, người sử dụng có thể đăng kí

form.

Thêm vào các lọai

trường mới.

Chỉnh sửa các trường

Menus, One-line Text

Boxes, Scrolling Text

Boxes, Push Buttons,

Image Field…

Các trường của form được tạo cùng dòng với text của trang đang kích hoạt trên FrontPage

Editor. Mỗi khi chèn một trường vào trang, FrontPage Editor coi nó như một kí tự. Ví dụ,

nếu bạn kích chuột tại nút trái của trường và bắt đầu gõ nhãn cho nó, trường sẽ dịch chuyển

Thêm thành

phầ n của

Form orm

FrontPage Editor

FrontPage Editor 77

về phía phải để tạo chỗ cho text vừa gõ xuất hiện. Nếu bạn nhấn Enter tại phía trái trường,

trường sẽ chuyển xuống đầu dòng mới. Bạn có thể cắt, sao chép trường vào vùng đệm và

dán chúng vào form (dùng các lệnh trên thực đơn Edit như: Copy, Cut, Paste.

Các thao tác với trường

Sao chép một trường

1. Tại FrontPage Editor, kích tại trường muốn sao chép.

2. Thực hiện lệnh Edit/Copy.

3. Kích chuột tại nơi muốn dán trường đã sao chép.

4. Thực hiện lệnh Edit/Paste.

Xóa một trường trên form

1. Tại FrontPage Editor, chọn trường cần xóa.

2. Nhấn phím Delete để xóa.

3. Kích nút phải chọn lệnh Cut để cắt trường.

Hiển thị trường xác nhận

Bạn hiển thị trường xác nhận bằng cách chèn trang xác nhận của form được điều khiển bởi

một điều khiển form Save Results Form Handler, Discussion Form Handler, hoặc Registration Form Handler.

1. Tại FrontPage Editor, mở trang xác nhận.

2. Thực hiện lệnh Insert/FrontPage Component.

3. Tại hộp hội thoại Insert FrontPage Component, chọn Confirmation Field và kích OK,

xuất hiện hộp hội thoại Confirmation Field Properties.

4. Tại hộp Name of Form Field To Confirm, gõ tên trường của form.

5. Kích OK.

Text Boxes

Tạo trường Text Box

1. Thực hiện lệnh Insert/Form Field và chọn One-Line Text Box. Nếu muốn tạo trường

Text Box tại form hiện thời, đặt vị trí trỏ text trên form, nếu tạo trường này với form mới, đặt trỏ text ở ngoài các form đã định nghĩa.

2. Gõ nhãn trực tiếp cho trường trên form.

Chú ý: FrontPage Editor tạo trường text box với thuộc tính mặc định. Kích đúp tại trường để

thiết lập các thuộc tính cho nó.

FrontPage Editor

78 FrontPage Editor

Tạo trường mật khẩu

Một trường mật khẩu chính là trường text box, chỉ khác ở chỗ, dữ liệu text khi người sử

dụng nhập tại trường này trên form không hiển thị trên màn hình. Khi một form chứa trường

mật khẩu được đăng kí từ trình duyệt Web, tên và nội dung của trường text box được gửi tới điều khiển của form.

1. Tại FrontPage Editor, tại vị trí trỏ text, thực hiện lệnh Insert/Form Field/One-Line

Text Box.

2. Kích chọn trường text box này.

3. Thực hiện lệnh Edit/Form Field Properties.

4. Tại trường Password Field, kích Yes.

5. Kích OK.

Thay đổi thuộc tính của trường text box

Bạn có thể thay đổi các thông số sau của trường:

- Tên

- Giá trị khởi tạo

- Độ rộng của trường theo số kí tự

1. Kích nút phải chuột tại trường, chọn Form Field Properties.

Name: Gõ tên của trường. Khi form được đăng kí, tên trường được gửi tới điều khiển form cùng

với giá trị của nó. Dĩ nhiên là tên này không hiển thị trên trang.

Initial value: Vào giá trị khởi tạo cho trường, giá trị này sẽ xuất hiện khi trang lần đầu được

đọc bởi trình duyệt Web.

Width in characters: Vào độ rộng của trường (tính bằng số kí tự).

Tab order: Vào giá trị để điều khiển thứ tự mà người sử dụng có thể dịch chuyển từ trường

này tới trường khác bằng cách nhấn phím Tab.

Chỉ có Internet Explorer 4.0 hoặc các phiên bản sau đó là hỗ trợ thuộc tính này. Nếu để

trống, Internet Explorer 4.0 sẽ dùng thứ tự mặc định, giống như phiên bản trước của nó. Giá

trị có thể được chấp nhận ở đây từ 1 đến 999. Nếu hai trường có cùng Tab order, trường

được định nghĩa trước sẽ có ảnh hưởng bởi giá trị này. Giá trị –1 sẽ huỷ điều khiển của Tab

order.

Password field: Kích Yes nếu là trường mật khẩu.

Kích Validate

để hạn chế

kiểu dữ liệu

nhập vào

FrontPage Editor

FrontPage Editor 79

Validate: Kích vào nút này để mở hộp hội thoại Text Box Validation. Bạn sẽ hạn chế các giá

trị có thể nhập vào cho trường trên form tại hộp hội thoại này.

Các tuỳ chọn của hộp thoại:

- Display Name: Đặc tả tên được dùng để hiển thị trên thông điệp cảnh báo có giá trị.

- Data Type: Chọn kiểu dữ liệu của trường:

No Constraints

Text: Dữ liệu dạng text

Interger: Dữ liệu dạng số nguyên

Number: Dữ liệu dạng số

Text Format: Phần này chứa những thiết lập giá trị được chấp thuận của trường dạng text.

- Letters: Cho phép trường chứa kí tự chữ cái

- Digits: Cho phép trường chứa kí tự chữ số

- Whitespace: Cho phép trường chứa khoảng trắng, bao gồm dấu cách, tab, dấu xuống

dòng và dấu kết thúc dòng.

- Other: Cho phép trường chứa các kí tự khác bằng cách gõ các kí tự này tại hộp

Other.

Numeric Format: Phần này chứa những thiết lập cho dữ liệu dạng số nguyên và số.

Grouping: Chọn kí tự để dùng hiển thị số hoặc số nguyên.

- None: Trường dạng số không chứa các kí tự khác ngoài kí tự chữ số để hiển thị,

chẳng hạn như 123456789

- Comma: Trường chứa dấu phẩy, chẳng hạn 123,456,789

- Period: Trường chứa dấu chấm, chẳng hạn 123.456.789

Decimal: Nếu kiểu dữ liệu của trường là Number, bạn có thể đặc tả một kí tự được dùng như

dấu chấm thập phân:

- Comma: Chỉ định dấu phẩy hiển thị dấu chấm thập phân, chẳng hạn 123.456,789

FrontPage Editor

80 FrontPage Editor

- Period: Chỉ định dấu chấm làm dấu ngăn cách phần nguyên và thập phân, chẳng hạn

123,456.789

Chú ý: Bạn không thể dùng cùng một kí tự để hiển thị dấu chấm thập phân và dấu ngăn cách

phần nghìn của trường số.

Data Length: Phần này chứa thiết lập độ dài của trường dữ liệu.

Required: Chọn check box để đặc tả dữ liệu được yêu cầu trong trường.

- Min Length: Đặc tả độ dài ngắn nhất của dữ liệu trên trường.

- Max Length: Đặc tả độ dài lớn nhất của dữ liệu trên trường.

Data Value: Phần này chứa những giá trị thiết lập cho bất kì kiểu dữ liệu nào.

Field Must Be: Chọn một trong các kiểu điều kiện để giới hạn dữ liệu sau:

- Less Than: Nhỏ hơn

- Greater Than: Lớn hơn

- Less Than Or Equal To: Nhỏ hơn hoặc bằng

- Greater Than Or Equal To: Lớn hơn hoặc bằng

- Equal To: Bằng

- Not Equal To: Không bằng

Value: Gõ giá trị giới hạn dữ liệu tương ứng với điều kiện ở trên. Ví dụ, nếu kiểu dữ liệu là

Interger, và Field Must Be là Greater Than, gõ 100 trong hộp Value có nghĩa là dữ liệu của

trường phải lớn hơn 100.

And Must Be: Chọn giá trị tương tự như trên, và giá trị được nhập vào của trường sẽ là kết

hợp của hai điều kiện Field Must Be và And Must Be.

Style: Kích vào nút này để mở hộp hội thoại Style, bạn có thể thay đổi các thuộc tính style-

sheet. Khuôn dạng của style-sheet cho phép điều khiển khoảng cách, lề, phông và màu sắc

của text...

Dữ liệu nhập vào tuân theo điều kiện tại DataValue

FrontPage Editor

FrontPage Editor 81

Scrolling Text Boxes

Tạo trường scrolling text box

1. Nếu muốn tạo scrolling text box tại một form, đặt trỏ text tại vị trí trên form. Nếu muốn

tạo trường này tại form mới, kích chuột ra ngoài bất kì form nào đã định nghĩa.

2. Tại FrontPage Editor, thực hiện lệnh Insert/Form Field/One-Line Text Box.

3. Gõ nhãn cho trường trực tiếp trên form.

Chú ý: FrontPage Editor tạo scrolling text box với thuộc tính mặc định. Kích đúp chuột tại

trường để vào các thiết lập cho thuộc tính của nó.

Thay đổi thuộc tính của trường scrolling text box

Kích nút phải chuột tại trường, chọn lệnh Form Field Properties. Thay đổi các thuộc tính

sau:

- Name: Tên trường, dùng cho điều khiển form

- Intial Value: Giá trị khởi tạo, xuất hiện lần đầu khi trang chứa form được mở

- Width in character: Độ rộng tính bằng số kí tự

- Number of Lines: Chiều cao tính bằng số dòng

Hạn chế giá trị nhập tại trường

Tương tự như đối với trường text box

Check Boxes

Tạo trường check box

Mỗi text box ứng với một tuỳ chọn trên form. Người sử dụng có thể chọn một hay nhiều

phần tử text box cho cùng một nhóm chọn, nghĩa là những lựa chọn chấp chận nhiều giá trị.

Gõ nhãn cho

trường

Kích vào nút để

hạn chế giá trị

nhập vào

FrontPage Editor

82 FrontPage Editor

Khi form chứa trường đăng kí, tên của trường check box cùng với giá trị của nó được gửi tới

điều khiển form.

- Tại FrontPage Editor, thực hiện lệnh Insert/Form Field/Check Box. Nếu muốn tạo

trường text box tại form, đặt điểm chèn tại đó, nếu không, đặt điểm chèn ra phía ngoài

các form đã định nghĩa.

- Gõ nhãn cho trường trên form.

Chú ý: FrontPage Editor tạo trường text box với thuộc tính ngầm định. Chẳng hạn, mặc định

trường text box không được chọn. Kích đúp tại trường này để thiết lập thuộc tính cho nó.

Thiết lập thuộc tính cho trường check box

Kích nút phải chuột tại trường, chọn lệnh Form Field Properties.

Dưới đây là các tuỳ chọn tại hộp hội thoại:

- Name: Vào tên trường. Tên này không nhất

thiết phải duy nhất và nó không hiển thị trên trang.

- Value: Giá trị tương ứng với trường.

- Initial state: Chọn Checked nếu muốn trường

được chọn lúc khởi tạo, ngược lại là Not

checked.

- Tab order: Vào giá trị là số chỉ ra số thứ tự của trường trên form được nhập giá trị khi người sử dụng nhấn phím Tab. Giá trị trong khoảng 1-999, -1 sẽ huỷ thứ tự của tab.

- Style: Kích nút này để thiết lập các thuộc tính của style-sheet cho trường được chọn.

Radio Buttons

Tạo trường radio button

Radio button là một nút trên form, cho phép người sử dụng kích chuột tại đó để chọn một

tuỳ chọn. Radio button khác với check box ở chỗ, chúng chỉ cho phép chọn một trong các

lựa chọn cùng nhóm. Khi form chứa trường radio button được đăng kí, tên nhóm trường và

giá trị của chúng được gửi tới điều khiển form.

Cho phép chọn nhiều lựa chọn cùng nhóm

FrontPage Editor

FrontPage Editor 83

1. Tại FrontPage Editor, thực hiện lệnh Insert/Form Field/Radio Button. Nếu muốn tạo

trường radio button tại form mới, đặt điểm chèn tại vị trí không nằm trong form nào đã định

nghĩa.

2. Gõ nhãn cho trường trên form.

Chú ý: FrontPage Editorr tạo trường radio button với thuộc tính mặc định. Radio button đầu

tiên bạn tạo trên form có tên là “R1” và mặc định là được chọn. Mỗi radio button mà bạn tạo

sẽ có cùng tên nhóm với nút radio trước. Kích đúp vào trường radio button để thiết lập thuộc

tính cho nó.

Thay đổi thuộc tính của trường radio-button

Name: Vào tên nhóm cho radio button. Tên này được gửi tới điều khiển form khi form chứa

nút được đăng kí. Mặt khác, tên này phân biệt giữa các nhóm trường radio button, có nghĩa

là, người sử dụng sẽ chỉ được chọn một trong các nút radio của nhóm có cùng tên.

Value: Đây là giá trị của trường radio button ứng với nhóm có tên đặt ở thuộc tính Name.

Tab Order: Số thứ tự mà người sử dụng có thể nhập tại trường khi nhấn phím Tab để chuyển

qua lại giữa các trường.

Initial State: Có hiển thị nút là được chọn (Selected) hay không (No selected).

Drop-Down Menus

Drop-Down Menu là một thực đơn mà khi người sử dụng kích chuột vào thì nó trải xuống

một danh sách các phần tử, ứng với mỗi phần tử là một lựa chọn.

Chỉ cho phép chọn một tuỳ chọn cùng

nhóm

Tên phân

biệt nhóm

lựa chọn

FrontPage Editor

84 FrontPage Editor

Tạo một drop-down menu có nghĩa là xây dựng tập các phần tử hay các lựa chọn trên thực

đơn. Bạn có thể thêm, thay đổi, dịch chuyển, xóa các phần tử này trên trường drop-down

menu nhờ những công cụ của FrontPage Editor.

Tạo trường drop-down menu

Thực đơn drop-down đặc trưng cho danh sách chứa một hay nhiều phần tử mà chúng có thể

được chọn từ danh sách này. Bạn có thể cấu hình cho drop-down menu để cho phép một hay

nhiều lựa chọn.

Khi form chứa drop-down menu được đăng kí, tên cùng với danh sách các phần tử được

chọn của trường được gửi tới điều khiển form. Drop-down menu được tạo tại vị trí điểm

chèn. Nếu vị trí này ở trong form, trường sẽ là một phần tử của form. Để tạo trường ở một

form mới, đặt điểm chèn ngoài bất kì form đã được định nghĩa nào.

1. Thực hiện lệnh Insert/Form Field/Drop-Down Menu.

2. Kích nút phải tại trường, chọn lệnh Form Field Properties.

Vào tên của drop-down menu

FrontPage Editor

FrontPage Editor 85

3. Gõ nhãn cho trường tại trang.

4. Vào tên cho trường tại hộp Name.

5. Với mỗi lựa chọn cần thêm vào thực đơn, chọn nút Add:

- Choice: Vào tên lựa chọn.

- Specify Value: Gán giá trị cho lựa chọn.

Nếu không gán, giá trị mặc định là tên lựa

chọn.

- Initial State: Chỉ ra trạng thái ban đầu của

trường là được chọn Seleted hoặc không

được chọn Not Selected.

- Kích OK.

Các phần tử của thực đơn được hiển thị theo

thứ tự mà bạn tạo chúng.

6. Để thay đổi thực đơn drop-down:

- Xóa một lựa chọn: Kích nút Remove.

- Sửa một lựa chọn: Kích Modify và thay đổi thuộc tính của lựa chọn.

- Thay đổi thứ tự của các lựa chọn: Lên trên nhấn Move Up, xuống dưới nhấn Move

Down.

7. Cho phép hoặc không cho phép chọn nhiều lựa chọn trên thực đơn tại một thời điểm: Kích

Yes tại Allow Multiple Selection hoặc No.

8. Thiết lập chiều cao của thực đơn: Vào một số tại Height. Dựa vào lựa chọn của bạn, thực đơn

sẽ hiển thị như sau:

Nếu Height lớn hơn 1, trình duyệt hiển thị

thực đơn như một danh sách có thể cuộn nhờ

mũi tên cuộn lên và xuống ở thanh cuộn.

Nếu Height bằng 1 và Allow Multiple

Selections là No, trình duyệt hiển thị một thực

đơn như danh sách cuộn xuống.

Nếu Height bằng 1 và Allow Multiple

Selections là Yes, trình duyệt hiển thị thực

đơn như một danh sách với các mũi tên cuộn

(lên trên, xuống dưới) có chiều cao bằng một

nửa chiều cao đầy đủ.

9. Kích nút OK.

FrontPage Editor

86 FrontPage Editor

Qui định việc nhập dữ liệu cho trường drop-down menu

Có hai nhóm hạn chế qui định dữ liệu nhập vào cho trường drop-down menu. Một là cho

phép nhiều lựa chọn, hai là thiết lập áp dụng cho trường cho phép không hoặc một lựa chọn.

1. Kích đúp vào trường drop-down menu, xuất hiện hộp hội thoại Drop-Down Menu

Properties. Kích nút Validate.

2. Nếu bạn tạo trường drop-down menu để cho phép nhiều lựa chọn, bạn có thể thiết lập qui

định đặc tả số nhỏ nhất hoặc tối đa lựa chọn một cách đồng thời.

- Minimum Items : Đặc tả số tối thiểu lựa chọn.

- Maximum Items: Đặc tả số tối đa lựa chọn.

- Data Required: Yêu cầu ít nhất một lựa chọn được

chọn.

- Disallow First Item: Không lựa chọn phần tử thứ

nhất, coi đây như phần giới thiệu.

- Display Name: Tên trường xuất hiện trên thông

điệp cảnh báo.

Trường Push Buttons và Image

Tạo trường push button

Trường push button thực chất là các nút cho phép người sử dụng kích chuột vào đó để đăng

kí hoặc khởi tạo lại form. Khi form được đăng kí, dữ liệu của nó được gửi tới điều khiển

form.

Bạn có thể chèn nhiều nút trên form bằng cách gán mỗi nút với một tên riêng biệt. Khi đăng

kí form, tên của nút được chọn cùng với nhãn của nó được chuyển đến điều khiển form như

một cặp tên và giá trị.

1. Tại FrontPage Editor, thực hiện lệnh Insert/Form Field/Push Button. Trường push button

được tạo tại vị trí điểm chèn. Nếu điểm chèn nằm trên form, nút sẽ được thêm vào thành

“Song Name” là

Display Name

FrontPage Editor

FrontPage Editor 87

phần tử của form. Nếu điểm chèn nằm ngoài form, một form mới được tạo khi bạn chèn

trường này.

2. Gõ nhãn cho nút trên form.

Chú ý: FrontPage Editor tạo trường push button với thuộc tính mặc định. Kích đúp trường

để thiết lập các thuộc tính cho nó.

Thay đổi thuộc tính của trường push button

Kích đúp trường. Xuất hiện hộp hội thoại Form Field Properties.

- Name: Vào tên trường.

- Value/Label: Vào nhãn hoặc giá trị cho trường.

- Button type: Chọn kiểu của trường.

Submit: Dùng để đăng kí form.

Reset: Khởi tạo lại form.

Normal: Tạo generic button mà

bạn có thể gán một script tới nó.

Kích nút OK.

Tạo trường Image

Sử dụng trường image tương tự như dùng Submit button. Một trường image đăng kí tới một

điều khiển form khi người sử dụng kích chuột trên ảnh. Khi form được đăng kí từ trường

ảnh, FrontPage gửi cặp toạ độ x và y tại điểm kích chuột tới điều khiển form. Bạn có thể tạo

một điều khiển xử lí form dựa trên thông tin về cặp toạ độ này.

1. Tại FrontPage Editor, thực hiện lệnh Insert/Form Field/Image.

2. Thực hiện bước tiếp theo để chèn ảnh:

- Nếu ảnh thuộc FrontPage web hiện thời, mở folder tương ứng, chọn ảnh và kích OK.

- Nếu không, kích vào nút File , chọn ảnh trong hộp hội thoại Select File.

Chú ý: FrontPage Editor tạo trường image với thuộc tính mặc định. Kích đúp vào trường để

thiết lập các thuộc tính cho nó.

3. Gõ nhãn cho trường image trên form.

Gõ nhãn của

trường Image

FrontPage Editor

88 FrontPage Editor

Trường ẩn - Hidden

Thay đổi trường ẩn

1. Tại FrontPage Editor, kích nút phải chuột, chọn lệnh Form Propertiess.

2. Tại hộp hội thoại Form Properties,

kích Advanced.

3. Kích Modify để thay đổi tên và giá

trị của trường.

4. Kích Add để thêm trường ẩn.

5. Kích Remove đ ể bỏ trường

ẩ n đ ang chọ n.

FrontPage Editor

FrontPage Editor 89

HTML TAGS

1- <!-- (chú thích) -->:

Để thêm những dòng chú thích trong file HTML, người ta dùng thẻ nầy. Nội dung văn bản nằm giữa <!-- và --> sẽ được chương trình Browse bỏ qua. Cho phép có khoảnh trắng giửa -- và >, nhưng không được có khoảng trắng giửa <! và --.

Thí dụ: <HEAD> <TITLE>The HTML Reference</TITLE> <!-- Created by Stephen Le Hunte, April 1996 --> </HEAD> 2- <!DOCTYPE>:

Thẻ nầy dùng ghi thông tin về version HTML áp dụng trong tài liệu Web. Thường đây là dòng đầu tiên trong file HTML.

Thí dụ: <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 3.2 Draft//EN">

hay <!DOCTYPE HTML PUBLIC "-//IETF//DTD HTML Level 1//EN"> 3- <A>:

Đây là thẻ xác lập cho việc liên kết. Các thuộc tính của thẻ nầy như sau:

HREF:

Thuộc tính HREF chỉ định địa chỉ liên kết, dòng văn bản sau dấu = là địa chỉ đối tượng liên kết (được bao trong cặp ""). Dòng văn bản giửa dấu <A> và </A> là đối tược chủ của mối nối liên kết. Khi bạn kích mouse vào đối tượng chủ trong trình Browse, bạn sẽ được chuyển đến đối tượng liên kết.

Thí dụ: <A HREF="http://subnet.virtual-pc.com/~le387818/">The HTMLib site</A> for updated info on the HTMLib.

Trong thí dụ, nếu bạn kích vào dòng "The HTMLib Site" . Bạn sẽ chuyển đến địa chỉ http://subnet.virtual-pc.com/~le387818/.

Bạn có thể thêm "#identifier" để chỉ định chuyển đến 1 vị trí được quy định sẳn trong đối tượng liên kết.

Thí dụ: The <A HREF="document.html#glossary">glossary</A> defines terms used in the document.

Trong thí dụ, chọn "glossary" sẽ được chuyển đến tài liệu document.html, ngay tại vị trí tên glossary trong tài liệu nầy.

Thí dụ vài thẻ liên kết sau:

<A HREF="http://..."> Liên kết với 1 Web Site.

<A HREF="ftp://..."> Với 1 Ftp Site.

<A HREF="gopher://..."> Với 1 Gopher server.

<A HREF="news:..."> Liên kết với 1 nhóm Tin.

FrontPage Editor

90 FrontPage Editor

<A HREF="mailto:..."> Với 1 địa chỉ gởi Mail. Liên kết nầy sẽ kích hoạt chương trình Mail và tự động điền địa chỉ vào mục To dùm bạn. Bạn có thể khai báo luôn cả chủ đề thư (?subject). Thí dụ:

<A HREF="mailto:cmlehunt@swan.ac.uk?subject=The HTMLib is fantastic">link text</A>

NAME:

Thuộc tính NAME cho phép bạn đánh dấu vị trí để làm đích cho các tài liệu khác liên kết qua.

Thí dụ:

<A NAME="coffee">Coffee</A> is an example of... An example of this is <A HREF="#coffee">coffee</A>.

Các tài liệu khác có thể liên kết với tài liệu nầy ngay tại vị trí đã xác định.

<A NAME="drinks.html#coffee">

TARGET:

Chương trình Browser có thể nạp đối tượng liên kết vào 1 cửa sổ chỉ định bằng thẻ nầy. Nếu cửa sổ nầy chưa có, trình Browse sẽ mở 1 cửa sổ mới. Chủ yếu thẻ nầy dùng cho frames.

Dạng chung: <A HREF="url.html" TARGET="window_name">Link text</A>

window_name: Là tên đặt cho Frame.

Khi bạn bấm vào dòng "Link text", trang "url.html" sẽ được nạp vào frame có tên chỉ định.

Ngoài ra bạn còn có thể chèn thêm các Script sau vào thẻ <A>:

OnMouseOver: Khi bạn di chuyển Mouse đến liên kết, sẽ có 1 dòng văn bản mô tả xuất hiện trong thanh trạng thái của trình Browse.

Thí dụ: <A HREF="index.html" OnMouseOver="self.status=('Back to the main page')">Link text</A>

Dòng chữ "Back to the main page" sẽ hiện trong thanh trạng thái khi dời Mouse đến chữ "Link text".

OnMouseOut: Tương tự như trên nhưng dòng chử nầy lại xuất hiện khi kéo Mouse ra khỏi liên kết.

Thí dụ: <A HREF="index.html" OnMouseOut="alert('Oh please go to this document')">Link text</A>

OnClick: Khi bấm Mouse lên liên kết, sẽ xuất hiện hộp thoại yêu cầu xác nhận.

Thí dụ: <A HREF="http://www.netscape.com/" OnClick="confirm('Are you sure you want to go to the Netscape site?')">Link text</A> 4- <ADDRESS>:

Dùng khi cần khai báo địa chỉ. Thí dụ:

<ADDRESS> Mr. Cosmic Kumquat<BR>SSL Trusters Inc.<BR>1234 Squeamish Ossifrage Road<BR>NY 12345<BR>U.S.A. </ADDRESS>

Khi hiển thị trong trình Browse sẽ có dạng:

Mr. Cosmic Kumquat SSL Trusters Inc.

FrontPage Editor

FrontPage Editor 91

1234 Squeamish Ossifrage Road NY 12345 U.S.A. 5- <APPLET>:

Chèn Applet Java vào trang Web. Có dạng tổng quát sau:

<APPLET CODE="Applet.class" WIDTH=200 HEIGHT=150></APPLET>

Dòng lịnh nầy chỉ thị cho trình Browse nạp Applet có tên Applet.class (trong cùng thư mục với trang Web nầy), và chỉ định kích thước là 200 pixels rộng và 150 pixels cao.

Thí dụ:

<APPLET CODEBASE="http://java.sun.com/JDK-prebeta1/applets/ NervousText" CODE="NervousText.class" width=400 height=75 align=center> <PARAM NAME="text" VALUE="This is the Applet Viewer."> <BLOCKQUOTE> <HR> If you were using a Java-enabled browser, you would see dancing text instead of this paragraph. <HR> </BLOCKQUOTE> </APPLET>

Chỉ thị cho trình Browse nạp Applet ở địa chỉ htttp://java.sun.com/JDK-prebeta1/applets/NervousText/NervousText.class". Chỉ định kích thước là 400x75 pixels và canh giửa dòng. Nếu trình Browse hiểu Applet, dòng "This is the Applet Viewer." sẽ hiển thị và Applet tạo hiệu ứng cho dòng chữ nầy. Nếu trình Browse không hiểu Applet, nó sẽ bỏ qua nội dung của <APPLET> cũng như <PARAM> và chỉ hiển thị nội dung của <BLOCKQUOTE>

Applet có thể có các thành phần sau:

<APPLET [CODEBASE = URL] [CODE = appletFile] [NAME = appletInstanceName]: [ARCHIVE = compressed file] [ALT = alternateText] [WIDTH = pixels] [HEIGHT = pixels] [ALIGN = alignment] [VSPACE = pixels] [HSPACE = pixels] [ARCHIVE = URL to archive] > [alternateHTML] </APPLET>

CODEBASE=URL: Chỉ định điạ chỉ tuyệt đối của Applet.

CODE=appletFile: Chỉ định địa chỉ tương đối của Applet.

ALT=alternateText: Chỉ định dòng text sẽ hiển thị trong trường hợp trình Browse không hiểu Applet.

NAME = appletInstanceName: Đặt tên cho Applet để phục vụ cho việc tìm kiếm.

WIDTH=pixels HEIGHT=pixels: Chỉ định kích thước cho Applet.

FrontPage Editor

92 FrontPage Editor

ALIGN=alignment: Dùng canh lề, có các giá trị sau: left, right, top, texttop, middle, absmiddle, baseline, bottom, absbottom.

VSPACE=pixels HSPACE=pixels: Chỉ định khoảng trống bao chung quanh Applet.

ARCHIVE=compressed file: Khai báo các file nén cần thiết của Applet để trình Browse tải về máy cá nhân, phục vụ cho việc đọc lại sau nầy. 6- <B>:

Thẻ làm đậm (bold) dòng văn bản nó chi phối.

Thí dụ:

The instructions <B>must be read</B> before continuing.

Khi hiển thị sẽ có dạng sau :

The instructions must be read before continuing. 7- <BASE>:

Thành phần nầy dùng để chỉ định địa chỉ cơ bản cho các mối nối liên kết. Coi như đây là địa chỉ gốc để tìm các điạ chỉ khác.

Thẻ <BASE> phải nằm dưới thẻ <HEAD>.

Thí dụ: <BASE HREF="http://www.myhost.com/">

Chỉ định điạ chỉ "www.myhost.com" là điạ chỉ gốc cho tất cả các điạ chỉ tương đối khác.

Ngoài ra còn có 1 thẻ mở rộng là <Base Target> dùng cho Netscape Navigator 2.0 và Internet Explorer 3.0 trở lên. Dùng chỉ định Frame mặc nhiên để nạp các đối tượng liên kết.

Thí dụ: <BASE TARGET="default_target"> 8- <BGSOUND>:

Liên kết trang Web với 1 file âm thanh, khi trình Browse hiển thị trang Web cũng đồng thời phát file âm thanh nầy luôn. File âm thanh kèm theo phải thuộc 1 trong các dạng thức: WAV, AU hay MIDI.

Các thuộc tính của <BGSOUND>:

SRC: Chỉ định điạ chỉ file âm thanh.

LOOP=n: Chỉ định số dòng lập lại. Nếu n=-1 hay LOOP=INFINITE là cho lập liên tục.

Thí dụ: <BGSOUND SRC="start.wav"> 9- <BIG>:

Tăng kích thước font của đoạn văn bản so với font hiện hành.

Thí dụ: This is normal text, with <BIG>this bit</BIG> being big text.

Khi hiển thị sẽ là: This is normal text, with this bit being big text. 10- <BLOCKQUOTE>:

Dùng phân cách 1 khối văn bản để nhấn mạnh. Đoạn văn bản nầy được tách ra thành 1 paragraph riêng đồng thời chèn thêm khoảng trống phiá trên và dưới đoạn văn nầy. Đoạn văn nầy cũng được cho thụt vô so với lề trái.

FrontPage Editor

FrontPage Editor 93

Thí dụ: In "Hard Drive", a former Microsoft project manager has said, <BLOCKQUOTE>"Imagine an extremely smart, billionaire genius who is 14 years old and subject to temper tantrums"</BLOCKQUOTE>

Khi hiển thị sẽ thành:

In "Hard Drive", a former Microsoft project manager has said,

"Imagine an extremely smart, billionaire genius who is 14 years old and subject to temper tantrums" 11- <BODY>:

Đây là thẻ chứa nội dung chính của file HTML. Dạng thức tổng quát như sau:

<BODY> The rest of the document included here </BODY>

Các thuộc tính:

BACKGROUND: Dùng chỉ định file hình ảnh làm nền:

<BODY BACKGROUND="imagename.gif"> Rest of the document goes here </BODY>

Hình nền phải có dạng thức GIF hay JPG. Nếu dùng Internet Explorer sẽ hổ trợ thêm dạng BMP.

BGCOLOR: Xác lập màu cho nền:

<BODY BGCOLOR="#rrggbb"> Rest of document goes here </BODY>

Với "#rrggbb" là giá trị hexadecimal (thập lục) red-green-blue.

Netscape có thể xác lập 140 màu theo hệ thập lục như sau:

#F0F8FF-aliceblue, #FAEBD7-antiquewhite, #00FFFF-aqua, #7FFFD4-aquamarine, #F0FFFF-azure, #F5F5DC-beige, #FFE4C4-bisque, #000000-black, #FFEBCD-blanchedalmond, #0000FF-blue, #8A2BE2-blueviolet, #A52A2A-brown, #DEB887-burlywood, #5F9EA0-cadetblue, #7FFF00-chartreuse, #D2691E-chocolate, #FF7F50-coral, #6495ED-cornflowerblue, #FFF8DC-cornsilk, #DC143C-crimson, #00FFFF-cyan, #00008B-darkblue, #008B8B-darkcyan, #B8860B-darkgoldenrod, #A9A9A9-darkgray, #006400-darkgreen, #BDB76B-darkkhaki, #8B008B-darkmagenta, #556B2F-darkolivegreen, #FF8C00-darkorange, #9932CC-darkorchid, #8B0000-darkred, #E9967A-darksalmon, #8FBC8F-darkseagreen, #483D8B-darkslateblue, #2F4F4F-darkslategray, #00CED1-darkturquoise, #9400D3-darkviolet, #FF1493-deeppink, #00BFBF-deepskyblue, #696969-dimgray, #1E90FF-dodgerblue, #B22222-firebrick, #FFFAF0-floralwhite, #228B22-forestgreen, #FF00FF-fuchsia, #DCDCDC-gainsboro, #F8F8FF-ghostwhite, #FFD700-gold, #DAA520-goldenrod, #808080-gray, #008000-green, #ADFF2F-greenyellow, #F0FFF0-honeydew, #FF69B4-hotpink, #CD5C5C-indianred, #4B0082-indigo, #FFFFF0-ivory, #F0E68C-khaki, #E6E6FA-lavender, #FFF0F5-lavenderblush, #7CFC00-lawngreen, #FFFACD-lemonchiffon, #ADD8E6-lightblue, #F08080-lightcoral, #E0FFFF-lightcyan, #FAFAD2-lightgoldenrodyellow, #90EE90-lightgreen, #D3D3D3-lightgrey, #FFB6C1-lightpink, #FFA07A-lightsalmon, #20B2AA-lightseagreen, #87CEFA-lightskyblue, #778899-lightslategrey, #B0C4DE-lightsteelblue, #FFFFE0-lightyellow, #00FF00-lime, #32CD32-limegreen, #FAF0E6-linen, #FF00FF-magenta, #800000-maroon, #66CDAA-mediumaquamarine, #0000CD-mediumblue, #BA55D3-mediumorchid, #9370DB-mediumpurple, #3CB371-mediumseagreen, #7B68EE-mediumslateblue, #00FA9A-mediumspringgreen, #48D1CC-mediumturquoise, #C71585-mediumvioletred, #191970-midnightblue, #F5FFFA-mintcream, #FFE4E1-mistyrose, #FFE4B5-moccasin, #FFDEAD-navajowhite, #000080-navy, #FDF5E6-oldlace, #808000-olive, #6B8E23-olivedrab, #FFA500-orange, #FF4500-orangered, #DA70D6-orchid, #EEE8AA-palegoldenrod, #98FB98-palegreen, #AFEEEE-paleturquoise, #DB7093-palevioletred, #FFEFD5-papayawhip,

FrontPage Editor

94 FrontPage Editor

#FFDAB9-peachpuff, #CD853F-peru, #FFC0CB-pink, #DDA0DD-plum, #B0E0E6-powderblue, #800080-purple, #FF0000-red, #BC8F8F-rosybrown, #4169E1-royalblue, #8B4513-saddlebrown, #FA8072-salmon, #F4A460-sandybrown, #2E8B57-seagreen, #FFF5EE-seashell, #A0522D-sienna, #C0C0C0-silver, #87CEEB-skyblue, #6A5ACD-slateblue, #708090-slategray, #FFFAFA-snow, #00FF7F-springgreen, #4682B4-steelblue, #D2B48C-tan, #008080-teal, #D8BFD8-thistle, #FF6347-tomato, #40E0D0-turquoise, #EE82EE-violet, #F5DEB3-wheat, #FFFFFF-white, #F5F5F5-whitesmoke, #FFFF00-yellow, #9ACD32-yellowgreen.

Internet Explorer có thể xác lập 16 màu theo tên như sau:

Black, Silver, Gray, White, Maroon, Red, Purple, Fuchsia, Green, Lime, Olive, Yellow, Navy, Blue, Teal, Aqua.

TEXT: Thuộc tính nầy chỉ định màu cho văn bàn thường trong file.

<BODY TEXT="#rrggbb"> Rest of document goes here </BODY>

Các xác lập màu giống như BGCOLOR.

LINK, VLINK, và ALINK: Dùng chỉ định màu cho các dòng văn bản là đối tượng chủ cho mối nối liên kết. Trong đó LINK: Liên kết chưa xem, VLINK: Liên kết đã xem, ALINK: Liên kết đang xem.

Mặc nhiên là: LINK=blue (#0000FF), VLINK=purple (#800080), và ALINK=red (#FF0000). Cách xác lập màu giống BGCOLOR và TEXT.

<BODY LINK="#rrggbb" VLINK="#rrggbb" ALINK="#rrggbb"> Rest of document goes here </BODY>

LEFTMARGIN: Canh lề trái. Thí dụ:

BODY LEFTMARGIN="40"> This document is indented 40 pixels from the left hand edge of the browser window </BODY>

TOPMARGIN: Canh lề trên. Thí dụ:

<BODY TOPMARGIN="40"> This document is indented 40 pixels from the top hand edge of the browser window </BODY> 12- <BR>:

Thẻ nầy dùng để ngắt một đoạn văn và xuống hàng mới.

Thí dụ: <P> Mary had a little lamb<BR> It's fleece was white as snow<BR> Everywhere that Mary went<BR> She was followed by a little lamb. 13- <CENTER>:

Tất cả text nằm trong thẻ nầy được canh giửa so với lề trái và phải.

<CENTER>All this text would be centred in the page</CENTER> 14- <CODE>:

FrontPage Editor

FrontPage Editor 95

Dùng để nhập một dòng mã có định dạng ký tự riêng. Dòng mã nầy không được thực hiện mà sẽ hiển thị dưới dạng văn bản bình thường. Điều nầy là cần thiết khi cần minh hoạ một đoạn mã làm thí dụ.

Thí dụ: The formula is : <CODE>x=(-b+/-(b2-4ac)ẵ)/2a</CODE>.

Sẽ hiển thị : The formula is : x=(-b+/-(b2-4ac)ẵ)/2a 15- <COMMENT>:

Giống như thẻ <!-- và --> dùng để nhập những dòng ghi chú cho file HTML.

Đoạn text nằm giửa <COMMENT> và </COMMENT> sẽ không được hiển thị khi trình Browse đọc file.

<COMMENT> This text won't render. I can say what I like here, it wont appear </COMMENT> 16- <DIR>:

Liệt kê các mục theo dạng cột danh sách có độ rộng 24 ký tự. <DIR> phải đi kèm với <LI> (list item). 17- <DIV>:

So hàng Text theo lề

Thí dụ:

<DIV ALIGN="left">This text will be displayed left aligned in the browser window.</DIV> <DIV ALIGN="center">This text will be centred.</DIV> <DIV ALIGN="right">This text will be displayed aligned to the right of the browser window.</DIV> 18- <EMBED>:

Cho phép người soạn thảo chèn liên kết trực tiếp vào trang WEB.

Dạng tổng quát là: <EMBED SRC="_URL_">

Thí dụ: <EMBED SRC="clouds.mid" WIDTH="145" HEIGHT="61"> 19- <FONT>:

Thành phần chính là <FONT SIZE=value>. Giá trị values từ 1-7. Mặc nhiên FONT size là 3. Giá trị thay đổi tương đối là '+' hay '-' so với giá trị chuẩn.

Thí dụ:

<FONT SIZE=4>changes the font size to 4</FONT> <FONT SIZE=+2>changes the font size to BASEFONT SIZE ... +2</FONT>

Thuộc tính:

COLOR = #rrggbb hay COLOR = color: Xác lập màu giống như BGCOLOR

Thí dụ:

<FONT COLOR="#FF0000">This text is red.</FONT> hay <FONT COLOR="Red">This text is also red.</FONT>

FrontPage Editor

96 FrontPage Editor

FACE=name [,name] [,name]: Chỉ định font chữ khi hiển thị text.

Thí dụ:

<FONT FACE=".VNTIME, .VNARIAL"> This text will be displayed in either .VNTIME hay .VNARIAL, depending on which fonts are installed on the browsers system. </FONT> 20- <FRAME>:

Có 9 thuộc tính: SRC, NAME, MARGINWIDTH, MARGINHEIGHT, SCROLLING, NORESIZE, FRAMEBORDER, FRAMESPACING and BORDERCOLOR.

SRC="url": Chỉ định file sẽ được hiển thị trong Frame.

NAME="frame_name": Đặt tên cho Frame. Tên nầy dùng làm đích khi cần hiển thị file trong 1 Frame nhất định.

Thí dụ: <A HREF="URL" TARGET="frame_name">

Theo mặc nhiên các Frame sẽ không có tên.

MARGINWIDTH="value"/ MARGINHEIGHT="value": Chỉ định giá trị tính bằng Pixels cho lề trái, phải (Width) và trên, dưới (Height).

SCROLLING="yes/no/auto": Chỉ định cho thanh cuộn cửa sổ trong trường hợp nội dung vượt quá sức chứa của Frame.

NORESIZE: Theo mặc nhiên, tất cả Frame có thể điều chỉnh được kích thước. Thuộc tính nầy không cho điều chỉnh.

FRAMEBORDER="yes/no/0": Chỉ định việc hiển thị khung viền cho Frame. Chọn "yes/0" cho Internet Explorer và "yes/no" cho Netscape.

FRAMESPACING="value": Chỉ định khoảng cách giửa các Frame. Tính theo Pixels.

Thí dụ: <FRAME FRAMESPACING="40" ...> 21- <FRAMESET>:

Đây là thẻ chính của Frame.Các thuộc tính như sau:

ROWS="row_height_value_list": Chỉ định chiều dọc Frame theo Pixels, phần trăm hay tỷ lệ.

Thí dụ: Tạo 3 Frame theo chiều dọc, Frame đầu tiên có kích thước 20% cửa sổ, Frame 2 có kích thước 100 pixels và Frame 3 dùng toàn bộ khoảng trống còn lại của cửa sổ.

<FRAMESET ROWS="20%, 100, *">

Thí dụ: Chia 2 Frame có kích thước 1/4 và 3/4 cửa sổ.

<FRAMESET ROWS="25%, 75%"> Hay <FRAMESET ROWS="*, 3*">

COLS="column_width_list": Giống như ROWS nhưng tính theo chiều ngang.

BORDER="pixel value": Kích thước đường viền

BORDERCOLOR="#rrggbb hay colour name": Chỉ định màu cho đường viền

Thí dụ:

<HTML> <HEAD> <TITLE>The HTML Reference Library - HTMLib</TITLE>

FrontPage Editor

FrontPage Editor 97

</HEAD> 1 <FRAMESET COLS="25%,*"> 2 <FRAMESET ROWS="100, *"> 3 <FRAME SRC="buttons.htm" NORESIZE SCROLLING="no" NAME="buttons"> 4 <FRAME SRC="qr.htm" NORESIZE SCROLLING="yes" NAME="QR"> 5 </FRAMESET> 6 <FRAMESET ROWS="75, *"> 7 <FRAME SRC="title.htm" NORESIZE SCROLLING="no" NAME="TITLE"> 8 <FRAME SRC="intro.htm" NORESIZE SCROLLING="auto" NAME="main"> 9 </FRAMESET> 10 </FRAMESET> </HTML>

Số thứ tự dòng chỉ để phân tích, không có trong file.

1 <FRAMESET COLS="25%,*"> : Chia 2 Frame 1, 2 theo chiều ngang có kích thước 1=25% và 2=75%.

2 <FRAMESET ROWS="100,*"> : Trong Frame 1 chia thành 2 Frame 3, 4 theo chiều dọc. Có kích thước 3=100 pixels chiều cao, 4=kích thước Frame 1 còn lại.

3 <FRAME SRC="buttons.htm" NORESIZE SCROLLING="yes" NAME="buttons"> : Chỉ định file sẽ nạp vào Frame 3 là buttons.htm. Frame nầy không cho resizing và luôn luôn hiển thị thanh cuộn. Tên Frame là BUTTONS

4 <FRAME SRC="qr.htm" NORESIZE SCROLLING="yes" NAME="QR"> : Giống dòng 3, nạp vào Frame 4 file qr.htm. Frame nầy có tên là QR.

5 </FRAMESET> : Dòng nầy dùng kết thúc FRAMESET trong dòng 2.

6 <FRAMESET ROWS="75,*"> : Dòng nầy chia Frame 2 còn lại thành 2 Frame 5, 6 có kích thước 5=75 pixels, 6=khoảng trống còn lại.

7 <FRAME SRC="title.htm" NORESIZE SCROLLING="no" NAME="TITLE"> : Nạp file vào Frame 5, không Resize, không thanh cuộn. Đặt tên cho Frame 5 là TITLE.

8 <FRAME SRC="intro.htm" NORESIZE SCROLLING="auto" NAME="main"> : Giống như trên nhưng có tên là MAIN và thanh cuộn tự động xuất hiện nếu cần thiết.

9 </FRAMESET> : Đóng FRAMESET trong dòng 6

10 </FRAMESET> : Đóng FRAMESET trong dòng 1

Khi cần nạp liên kết vào Frame nào bạn chỉ cần dùng thuộc tính Target="tên Frame". Thí dụ:

<A HREF="qr.htm#QRM" TARGET="QR"> <IMG SRC="images/m.gif" BORDER="0" WIDTH="17" HEIGHT="17" ALT="M"> </A>

Hiển thị vị trí #QRM của file qr.htm trong Frame có tên QR khi bấm vào hình M.gif. 22- <H1> đến <H6>:

HTML có 6 mức chuẩn cho Tiêu đề (heading). Xác lập bằng các thẻ từ <H1> cho đến <H6>.

Thí dụ:

<H1>This is a first level heading heading</H1> <H2>This is a second level heading</H2>

FrontPage Editor

98 FrontPage Editor

Bạn có thể sử dụng thuộc tính ALIGN để canh lề cho tiêu đề.

Thí dụ:

<H1 ALIGN=center>This is a centred heading</H1> 23- <HEAD>:

Nội dung nằm giửa thẻ nầy là phần tiêu đề của trang Web. Chúng không hiển thị khi trình Browse đọc file.

<HEAD> <TITLE> Introduction to HTML </TITLE> </HEAD>

Trong nội dung HEAD có thể chứa các thành phần sau:

<BASE>: Khai báo điạ chỉ cơ bản cho file HTML

<ISINDEX>: Chỉ định từ khoá cho việc tìm kiếm

<TITLE>: Đặt tên tiêu đề cho tài liệu.

<META>: Các thông tin khác về tài liệu. 24- <HR>:

Đường gạch ngang để phân cách các đoạn trong trang Web.

Thuộc tính:

<HR SIZE=number>: Chỉ định kích thước.

<HR WIDTH=number/percent>: Chỉ định độ rộng

<HR ALIGN=left/right/center>: So lề

<HR NOSHADE>: Không bóng

<HR COLOR>=name/#rrggbb: Chỉ định màu giống BGCOLOR

Thí dụ:

<HR> <HR SIZE="5"> <HR WIDTH="50%"> <HR WIDTH="50%" ALIGN="right"> <HR WIDTH="50%" ALIGN="center" NOSHADE> 25- <HTML>:

Thẻ chính yếu của file HTML. Đánh dấu điểm bắt đầu và chấm dứt nội dung của file.

Thí dụ:

<!DOCTYPE HTML PUBLIC "-//IETF//DTD HTML 2.0//EN"> <HTML> Nội dung file gồm có 2 phần là <HEAD> và <BODY> </HTML> 26- <I>:

FrontPage Editor

FrontPage Editor 99

Chỉ định kiểu chử nghiêng cho văn bản. 27- <IFRAME>:

Dùng hiển thị thông báo khi trình Browse không hiểu Frame

Thí dụ :

<IFRAME NAME="content_frame" width="488" height="244" SRC="welcome.htm">This site uses floating frames</IFRAME>

Đối với trình Browse có hổ trợ Frame, bạn sẽ đọc được nội dung file Welcome.htm trong Frame. Đối với trình Browse không hiểu Frame, bạn sẽ thấy dòng chử "This site uses floating frames". 28- <IMG>:

Chèn 1 file hình vào tài liệu HTML

Thuộc tính:

ALIGN="left/right/top/texttop/middle/absmiddle/baseline/bottom/absbottom": So hàng hình ảnh với Text.

ALT="Alternative Text": Cho hiển thị 1 dòng text thay thế cho file hình trong trường hợp trình Browse đang ở trong chế độ không hiển thị hình ảnh. Dòng Text nầy cũng hiển thị theo dạng ToolTip khi dời Mouse đến hình.

Thí dụ:

<IMG SRC="triangle.gif" ALT="Warning:"> Be sure to read these instructions.

SRC="URL of image": Chỉ định điạ chỉ file hình chèn vào trang Web.

<IMG SRC="warning.gif">Be sure to read these instructions.

WIDTH=value/ HEIGHT=value: Chỉ định khoảng cách dành sẳn cho hình trong khi trình Browse nạp toàn bộ hình.

BORDER=value: Chỉ định cho hiển thị đường viền bao quanh hình ảnh. Bạn có thể chọn "0" để hiển thị đường viền màu xanh khi có liên kết.

VSPACE=value HSPACE=value: Quy định khoảng trống giửa hình và Text. VSPACE cho trên và dưới hình, HSPACE cho trái và phải hình. Value tính theo pixel.

LOWSRC: Thuộc tính nầy cho phép hiển thị 2 hình lần lượt trong cùng 1 vị trí. Thường dùng để nạp một hình nhỏ trong khi chờ đợi nạp hình chính có dung lượng file lớn hơn:

Thí dụ:

<IMG SRC="hiquality.gif" LOWSRC="lowquality.gif">

Đầu tiên trình Browse sẽ hiển thị file hình "lowquality.gif". Sau khi nạp hoàn tất cả trang, trình Browse sẽ nạp file hình chính thức vào thay thế. 29- <INPUT>:

Tạo một field để nhận tác động của người sử dụng.

Thuộc tính:

FrontPage Editor

100 FrontPage Editor

ALIGN: So hàng cho field, chỉ dùng với TYPE=IMAGE trong HTML level 2.

CHECKED: Kiểm tra người dùng đã đánh dấu cho checkbox hay radio button chưa.

MAXLENGTH: Chỉ định độ dài ký tự có thể nhập vào text field, độ dài nầy có thể lớn hơn kích thước Text field. Mặc định là không giới hạn.

NAME: Tên của Field

SIZE: Khai báo kích thước hay số lương ký tự cho field. Thí dụ:

Khai báo 1 field với độ rộng là 24 ký tự:

INPUT TYPE=text SIZE="24"

TYPE: Chỉ định kiểu của Field:

BUTTON: Chèn một nút bấm vào tài liệu. Giá trị VALUE dùng chỉ định Text sẽ hiện trong nút nầy. Thí dụ:

<INPUT TYPE="BUTTON" VALUE="Hello" NAME="btnHello">

CHECKBOX : Chèn 1 chechbox vào tài liệu. Thí dụ:

<INPUT TYPE="CHECKBOX" NAME="chkbox">

HIDDEN: Với thuộc tính nầy, field sẽ không hiển thị ra nhưng nội dung của field vẫn có giá trị. Dùng trao đổi thông tin ngầm giửa client/server.

IMAGE: Chèn field chứa hình ảnh để người dùng bấm Mouse khi chọn. Thí dụ:

<INPUT TYPE="IMAGE" SRC="../images/iexplore.gif" ALIGN="middle">

PASSWORD: Giống như Text, nhưng ký tự nhập vào sẽ không hiển thị ra. Thí dụ:

<INPUT TYPE="PASSWORD">

RADIO: Chèn 1 field có dạng Nút Radio. Thí dụ:

<INPUT TYPE="RADIO">

RESET: Chèn 1 nút bấm dùng phục hồi lại tình trạng cũ cho các field. Đặt tên của nút nầy qua thuộc tính Values.

Thí dụ: <INPUT TYPE="RESET">

SUBMIT: 1 dạng nút bấm giống RESET. Có tác dụng giống như xác nhận đồng ý. Thí dụ: Chèn 1 nút có tên "SUBMIT" và sẽ hiển thị thông báo "alert. This is just an example, nothing will happen" khi bạn bấm Mouse vào nút nầy.

<INPUT TYPE="SUBMIT" OnClick="alert 'This is just an example, nothing will happen'">

TEXT: Nhập 1 dòng text vào fields. Dùng thuộc tính SIZE và MAXLENGTH để quy định kích thước. Trong trường hợp cần nhập nhiều dòng, phải dùng thẻ <TEXTAREA>.

Thí dụ: <INPUT TYPE="TEXT">

TEXTAREA: Nhập nhiều dòng Text vào field. Thí dụ:

<TEXTAREA NAME="descr" COLS="30" ROWS="3" OnBlur="count_char(document.egForm.descr.value)">Enter a short description here (max 50 chars) </TEXTAREA>

FrontPage Editor

FrontPage Editor 101

VALUE: Chỉ định Text sẽ hiển thị trên các nút bấm. 30- <MARQUEE>:

Tạo hiệu ứng chạy chử trong file HTML. Dòng văn bản giửa thẻ nầy sẽ chạy theo 1 kiểu đả quy định trước, khi trình Browse hiển thị trang Web. Thẻ nầy dành riêng cho Internet Explorer.

Thuộc tính:

ALIGN="left/right/top/middle/bottom": Canh hàng văn bản so với khung chứa văn bản đó.

BEHAVIOR="scroll/slide/alternate": Chỉ định kiểu chạy chữ.

SCROLL (mặc nhiên): Dóng chữ chạy theo một hướng nhất định và lập đi lập lại quá trình đó.

SLIDE: Chớp, tắt.

ALTERNATE: Dòng chữ chạy đổi hướng khi đụng đướng biên của khung bao văn bản.

Thí dụ: <MARQUEE BEHAVIOR=ALTERNATE> Marquee will "bounce" across the screen</MARQUEE>

BGCOLOR="#rrggbb|colour name": Chỉ định màu nền cho khung chứa văn bản.

Thí dụ. <MARQUEE BGCOLOR="#F0F8FF">Nice Background colour!<MARQUEE>

DIRECTION="left/right": Chỉ định hướng chạy của dòng văn bản. Mậc định là từ phải qua trái.

HEIGHT="value/value%": Chỉ định độ cao của khung bao văn bản. Tính bằng pixels (HEIGHT=n) hay tỷ lệ so với cửa sổ (HEIGHT=n%).

WIDTH="value|value%": Chỉ định độ rộng.

HSPACE="value"/ VSPACE="value": Chỉ định khoảng trống giửa <MARQUEE> đến Text bao quanh.

LOOP="value/-1/infinite": LOOP=n: Chỉ định số vòng lập lại. Nếu n=-1, hay LOOP=INFINITE là lập lại liên tục.

SCROLLAMOUNT="value": Chỉ định khoảng cách tính bằng pixels giửa các đoạn text cuộn.

SCROLLDELAY="value": Chỉ định khoảng thời gian giửa các đoạn text cuộn. Có tác dụng điều khiển thời gian.

Thí dụ : <MARQUEE SCROLLDELAY=1 SCROLLAMOUNT=75>I'm fast</MARQUEE>

Chú ý: Bạn có thể xác lập font cho marquee. Thí dụ:

<FONT FACE="Comic Sans MS"><MARQUEE>Hello</MARQUEE> 31- <MENU>:

Dùng tạo những dòng văn bản có được sắp xếp theo kiểu liệt kê. Thường dùng chung với <LI> (list item):

Thí dụ:

<MENU> <LI>First item in the list. <LI>Second item in the list. <LI>Third item in the list.

FrontPage Editor

102 FrontPage Editor

</MENU> 32- <MULTICOL>:

Tạo nhiều cột để hiển thị trong trang Web.

Thuộc tính:

COLS="value": Chỉ định số lượng cột.

GUTTER="value": Chỉ định khoảngphân cách cột tính bằng pixel.

WIDTH="value": Chỉ định độ rộng cột tính bằng pixel hay % cửa sổ.

Thí dụ:

Tạo 3 cột, cách nhau 25 pixels.

<MULTICOL COLS="3" GUTTER="25"> <P>Hello and Welcome to the HTML Reference Library. To those of you familiar with the previous incarnation of this project (The HTML Reference Library - HTMLib in Windows .HLP format) the content and working of these pages will probably be obvious. <P>To those of you new to the world of the HTML Reference Library, a little introduction : </MULTICOL>

Khi hiển thị sẽ thành :

Hello and Welcome to the HTML Reference Library. To those of you familiar with the previous incarnation of this project (The HTML Reference Library -

HTMLib in Windows .HLP format) the content and working of these pages will probably be obvious.

To those of you new to the

world of the HTML Reference Library, a little introduction

33- <NOFRAMES>:

Dùng để hiển thị dòng văn bản trong trường hợp trình Browse không hiểu Frame. Một trình Browse không hiểu Frame sẽ bỏ qua nội dung nằm trong <FRAMESET> và <FRAME>, nhưng sẽ hiển thị nội dung giửa <NOFRAMES> và </NOFRAMES>. 34- <NOSCRIPT>:

Dùng để hiển thị dòng văn bản trong trường hợp trình Browse không hiểu Script hay khi chức năng nầy bị người dùng cho vô hiệu lực.

Thí dụ:

<HTML> <HEAD> <TITLE>Welcome to the HTMLib world of JavaScript</TITLE> <SCRIPT LANGUAGE="JavaScript"> <!-- Nội dung Script nằm trong phần nầy // --> </SCRIPT> </HEAD> <BODY>

FrontPage Editor

FrontPage Editor 103

<NOSCRIPT> Sorry, you need a JavaScript capable browser to get the best from this page </NOSCRIPT> </BODY> </HTML>

Trình Browse không hiểu Script sẽ hiển thị dòng chử "Sorry, you need a JavaScript capable browser to get the best from this page". 35- <OL>:

Sắp xếp văn bản theo kiểu danh sách. Thường đi chung với <LI> (list item).

Thí dụ:

<OL> <LI>Click on the desired file to download. <LI>In the presented dialog box, enter a name to save the file with. <LI>Click 'OK' to download the file to your local drive. </OL>

Thuộc tính:

TYPE:

Chỉ định cách đặt ký hiệu đầu dòng:

(TYPE=A) - Chữ hoa. Thí dụ: A, B, C ...

(TYPE=a) - Chữ thường. Thí dụ: a, b, c ...

(TYPE=I) - Số La Mã hoa. Thí dụ: I, II, III ...

(TYPE=i) - Số La Mã thường. Thí dụ: i, ii, iii ...

(TYPE=1) - Số á Rập (mặc định). Thí dụ: 1, 2, 3 ...

START:

Khai báo số dùng làm mặc định và sẽ được chuyển đổi qua TYPE trước khi hiển thị.

Thí dụ: START=5 sẽ được hiển thị là 'E', 'e', 'V', 'v', hay '5' theo TYPE.

Thí dụ :

<OL TYPE=a START=3> <LI>Click on the desired file to download. <LI>In the presented dialog box, enter a name to save the file with. <LI>Click 'OK' to download the file to your local drive. </OL>

Danh sách có ký hiệu đầu dòng là chử thường, bắt đầu từ 'c'. 36- <P>:

Định dạng cho 1 paragraph.

Thí dụ:

FrontPage Editor

104 FrontPage Editor

<H1>The Paragraph element</H1> <P>The paragraph element is used to denote paragraph blocks</P> <P>This would be the second paragraph.</P>

Thuộc tính:

ALIGN=left/center/right:

Thí dụ:

<P ALIGN=LEFT> ... </P> Có nghĩa: Tất cả text trong paragraph nầy sẽ được canh về bên trái lề trang. Đây cũng là mặc định.

<P ALIGN=CENTER> ... </P> Canh giữa

<P ALIGN=RIGHT> ... </P> Canh phải 37- <STRIKE> hay <S>:

Làm dấu gạch ngang giửa text.

Thí dụ: This text would be <STRIKE>struck through</STRIKE>

Sẽ hiển thị là: This text would be struck through 38- <SMALL>:

Làm chử nhỏ lại so với cở chuẩn.

Thí dụ: This is normal text, with <SMALL>this bit</SMALL> being small text.

Sẽ thành: This is normal text, with this bit being small text. 39- <SPACER>:

Chèn 1 khoảng trắng tính bằng pixel vào đoạn text.

Thuộc tính:

TYPE="horizontal/vertical/block": Horizontal: Chèn khoảng trắng theo chiều ngang. Vertical: Theo chiều dọc. Block: Bao chung quanh giống như hình.

SIZE="value":

Khi <SPACER TYPE="horizontal"> hay <SPACER TYPE="vertical"> giá trị SIZE tính bằng pixels. Không có giá trị khi <SPACER TYPE="block">.

WIDTH="value": Chỉ định độ rộng cho khoảng trắng khi <SPACER TYPE="block">.

HEIGHT="value": Chỉ định chiều cao khi <SPACER TYPE="block">.

ALIGN="alignment": So lề cho khoảng trắng khi <SPACER TYPE="block">.

Thí dụ: <P>Hello and Welcome<SPACER TYPE="horizontal" SIZE="25">to the HTML Reference Library. 40- <STRONG>:

Làm đậm text.

Thí dụ: The instructions <STRONG>must be read</STRONG> before continuing.

FrontPage Editor

FrontPage Editor 105

Sẽ thành: The instructions must be read before continuing. 41- <STYLE>:

Thẻ nầy phải nằm trong phần <HEAD>. Dùng quy định dạng biểu mẩu chung khi hiển thị, giúp người soạn thảo đở mất công lập đi lập lại cùng 1 quy định.

Thí dụ:

<HTML> <HEAD> <TITLE>Introduction to Style Sheets</TITLE> <STYLE TYPE="text/css" TITLE="Bright Colours"> BODY { color : white} P { color : blue; font-size : 12pt; font-family : Arial} H1 { color : red; font-size : 18pt} </STYLE> </HEAD> <BODY> ... 42- <SUB>:

Tức là Subscript.

Thí dụ: This is the main text, with <SUB>this bit</SUB> being subscript. 43- <SUP>:

Tức là Superscript.

Thí dụ: This is the main text, with <SUP>this bit</SUP> being superscript. 44- <TABLE>

Tạo bảng trong trang Web.

Thuộc tính:

BORDER="value": Điều khiển việc hiển thị và kích thước đường viền. Nếu giá trị =0 là không có viền.

CELLSPACING="value": Chỉ định khoảng cách giửa các ô. Giá trị mặc định là 2.

CELLPADDING="value": Chỉ định khoảng trắng giửa đường viền và ô. Giá trị mặc định là 1

WIDTH="value or percent": Chỉ định độ rộng bảng tính theo pixels, hay % của cửa sổ hiển thị.

HEIGHT="value or percent": Chỉ định độ cao bảng.

ALIGN="left/right": Canh lề trái, phải.

VALIGN="top/bottom": Canh lề trên, dưới.

BGCOLOR="#rrggbb|colour name": Chỉ định màu nền cho bảng.

BORDERCOLOR="#rrggbb|colour name": Chỉ định màu cho đường viền của bảng.

FrontPage Editor

106 FrontPage Editor

BORDERCOLORLIGHT="#rrggbb|colour name": Chỉ định màu cho phần được chiếu sáng của đường viền.

BORDERCOLORDARK="#rrggbb|colour name": Chỉ định màu cho phần bị tối của đường viền.

BACKGROUND="URL of image": Chỉ định file hình ảnh dùng làm nền cho bảng.

FRAME: Đòi hỏi thuộc tính BORDER phải được hiệu lực khi sử dụng thuộc tính nầy. Có các giá trị sau:

void Gở bỏ tất cả viền ngoài.

Above Chỉ hiển thị đướng viền phiá trên bảng.

Below Chỉ hiển thị đướng viền phiá dưới bảng.

Hsides Hiển thị các đường viền ngang trong bảng, kể cả đướng trên và dưới bảng.

Lhs Chỉ hiển thị đường viền bên trái.

Rhs Chỉ hiển thị đường viền bên phải.

Vsides Hiển thị các đường viền đứng trong bảng, kể cả đướng trái và phải bảng.

Box Chỉ hiển thị đường viền bao chung quanh bảng.

45- <TD>:

Định dạng cho dữ liệu trong bảng (Table data). Chỉ định nầy có giá trị cho ô dử liệu.

Thuộc tính:

ALIGN="left/center/right". VALIGN="top/middle/bottom/baseline": Canh lề cho Text trong ô (so với ô).

WIDTH="value_or_percent"/ HEIGHT="value_or_percent": Chỉ định kích thước cho ô. Bạn chỉ cần xác lập cho 1 ô chuẩn theo hàng hay cột, các ô khác sẽ giống như vậy.

COLSPAN="value": Mở rộng ô theo cột. Giá trị mặc nhiên là 1.

ROWSPAN="value": Mở rộng ô theo hàng.

BGCOLOR="#rrggbb|colour name"/ BORDERCOLOR="#rrggbb|colour name"/ BORDERCOLORLIGHT="#rrggbb|colour name"/ BORDERCOLORDARK="#rrggbb|colour name"/ BACKGROUND="URL of image":

Chỉ định màu cho nền ô, đường viền ô, hình nền ô. Cách xác lập giống như bảng. 46- <TR>:

Xác lập cho hàng (table row).

Thuộc tính và cách xác lập giống như ô và bảng. 47- <TITLE>:

Dùng đặt tiêu đề cho tài liệu HTML. Tiêu đề nầy không hiển thị trong phần nội dung tranh Web, mà sẽ được hiển thị trong thanh tiêu đề của trình Browse, trong danh sách lưu trử hay tìm kiếm.

Thẻ nầy phải nằm trong phần <HEAD>

<HEAD> <TITLE>Welcome to the HTML Reference</TITLE> </HEAD> 48- <U>:

FrontPage Editor

FrontPage Editor 107

Gạch dưới dòng văn bản.

Thí dụ: The <U>main point</U> of the exercise...

FrontPage Editor

108 FrontPage Editor

Bài học

thực hành

Lab1.

Tạo trang chủ

Trang chủ là cánh cuả để đi vào web site cuả bạn. Nó chưá thông tin về nội dung và các vấn

đề người đọc có thể quan tâm. Trên trang chủ thường có chưá các liên kết đến các trang

khác.

1. Trên trang trắng trong chế độ view Page, nhập Welcome to Hanoi School of Public

Health! và nhấn ENTER.

Giống như trong Word nhấn enter có nghĩa là xuống hàng.

FrontPage Editor

FrontPage Editor 109

2. Kế tiếp nhập đoạn sau “Being the first University of Public Health in Vietnam, We do

all we can to make Community Health the First” (Le Cu Linh )

3. Nhấn ENTER.

Giả sử nội dung cuả Web site đã được chuẩn bị sẵn, bạn có thể đưa các tài liệu đã có vào

trong các trang Web mà không cần phải gõ lại

Có thể chọn font chữ cho tiêu đề và đầu trang ở ngay mục Heading

FrontPage Editor

110 FrontPage Editor

Kế tiếp ta sẽ đưa một ảnh vào trong trang Web. Ảnh có thể được quét vào bởi máy scanner

hoặc những hình vẽ do các chương trình xử lý đồ họa tạo ra. Ngòai ra các bạn còn có thể lấy

nguồn ảnh từ internet.

Trong ví dụ này ta sẽ nhập vào hình sau:

Thực hiện chèn hình vào trang chủ.

1. Vào menu Insert, chọn Picture, và bấm From File.

FrontPage hiển thị ra hộp thoại Picture.

2. Kế hộp Look In, Chọn ổ đĩa và thư mục chứa hình (chú ý chọn thư mục đã chép vào đĩa

cứng)

3. Chọn tệp hình có tên frontpage, bấm nút Insert.

4. Nhấn ENTER đề xuống hàng.

FrontPage Editor

FrontPage Editor 111

Nếu ta chỉ chèn hình và chữ vào trang chủ thì người dùng không thề di chuyển đến các trang

khác. Muốn tạo ra các đồi tượng có thể bấm chuột vào được, ta phải gán các liên kết vào các

đối tượng đó.

Một liên kết là một địa chỉ cuả một trang khác ở trong phạm vi Web site hoặc trên Internet.

Tạo ra một liên kết có nghiã là cho phép người dùng di chuyển đến một trang khác bằng

cách bấm chuột.

Tạo liên kết từ hình ảnh.

1. Trên trang chủ, bấm chọn hình mới thêm vào.

2. Vào menu Insert, chọn Hyperlink ( hoặc bấm Ctrl+K).

FrontPage hiển thị hộp thoại Insert Hyperlink. Trong hộp thoaị này ta sẽ đưa vào đích

cuả liên kết.

3. Trong hộp Address, nhập http://www.hsph.edu.vn.

Chú ý

o Frontpage sẽ tự động thêm tiếp đầu ngữ http. HTTP là tên tắt cuả Hypertext

Transfer Protocol. Đây chính là một giao thức Internet để cho các trình duyệt có

thể truy xuất thông tin từ Web server.

o TRong ví dụ trên khi người dùng bấm vào hình họ sẽ được chuyển đến trang chủ

cuả trường Đại Học Y Tế Công Cộng.

4. Chọn OK để kết thúc tạo liên kết.

Kế tiếp ta sẽ học cách đưa thêm hình vào trang chủ.

Chèn hình vào trang chủ

1. Nhấn CTRL+HOME để trở về đấu trang.

2. Trong menu Insert, Chọn Picture, và chọn From File.

3. Nhấp đúp vào tên tệp cần chọn.

FrontPage sẽ chèn hình vào vị trí hiện hành.

3. Nhấn ENTER để đưa dòng tiêu đề xuống hàng.

FrontPage Editor

112 FrontPage Editor

Đế kết thúc taọ trang chủ chúng ta sẽ canh giữa văn bản và hình ảnh.

Canh giữa các thành phần trên một trang

1. Vào menu Edit, chọn Select All.

2. Vào menu Format, chọn Paragraph.

3. Trong danh sách Alignment, chọn Center, sau đó nhấn OK.

4. Bấm taị bất kỳ vị trí nào trên trang để thối chọn.

Lưu trang hiện hành

1. Vào menu File, chọn Save As.

Trong hộp thoại Save As, chọn My Documents trong cây thư mục.

2. Kế hộp Page title, bấm nút Change title .

3. Trong hộp Set Page title, gõ Home Page và bấm OK.

4. Trong hộp File name, gõ homepage, và bấm Save.

FrontPage Editor

FrontPage Editor 113

Các tùy chọn cuả Page View

Hiển thị các thẻ HTML trên trang hiện hành.

• Trong Page view , chọn Reveal Tags trong menu View

• FrontPage hiển thị cách biểu diễn các thẻ HTML . Điều này có ích nếu người sử dụng biết

về HTML.

• Để che giấu các thẻ, bấm Reveal Tags trên menu View một lần nữa.

Hiển thị mã nguồn HTML của trang hiện hành

• Trong Page view, bấm chọn nút HTML tại đáy trang.

Chế độ này dành cho những nhà thiết kế đã quen với mã HTML và có thể chỉnh sửa code để

thay đổi thiết kế.

• Chọn nút Normal tại đáy trang để trở về khung Normal.

Tip Khi làm việc trong khung HTML , bạn vẫn có thể sử dụng các lệnh menu và thanh

công cụ giống như trong khung Normal.

Chế độ xem trước trang Web (preview)

• Chọn Preview để có thể xem trước trang Web .

Chú ý : Bạn cần có Microsoft Internet Explorer để có thể dùng chức năng này.

Xem trước trang Web là một cách nhanh chóng để hình dung kết quả thiết kế sẽ đến với

người đọc như thế nào.

• Bấm nút Normal tại đáy trang để trở về khung Normal một lần nữa.

Lab2.

Mục đích bài thực hành: Sau bài thực hành, sinh viên có thể thực hiện 1 website gồm nhiều trang

web và đạt các yêu cầu sau:

• Tạo liên kết đến các trang khác trong Web site

• Tạo lề chung và thanh di chuyển

• Tạo và hiệu chỉnh theme

• Xem và thử Web site

• Tổ chức thư mục và tập tin

• Xuất bản lên World Wide Web.

FrontPage Editor

114 FrontPage Editor

Tăng cường các định dạng cho Web site

Mở một Web site

Trong menu File, chọn Recent Webs, và chọn Hsph để mở lại trang web . Thanh tiêu đề trở

thành Microsoft FrontPage – <drive>:\My Documents\My Webs\Hsph.

Chú ý rằng trong chương 1, ta chưa tạo một liên kết nào giữa các trang của web site

Taọ liên kết đến các trang khác

1. Trên thanh công cụ, bấm Toggle Pane , và sau đó bấm Folder List.

2. Nhấp đúp chuột váo trang index.htm trong danh sách các trang đang xem trong Folder List

3 Khi trang chủ hiển thị trong Page view, nhấn CTRL+END để đưa con nháy về cuối trang

chủ.

4 Tìm trang About_Us.htm trong danh sách trong Folder List.

Bây giờ ta kéo About us về phía dưới của trang chủ. FrontPage sẽ tạo một hyperlink đến

About Us trên trang chủ.

5. Bấm và giữ chuột trên About_Us.htm trong Folder List, kéo thả vào trang chủ. FrontPage

hiển thị một liên kết đến trang About Us .

6. Lập lại các bước 4 và 5 để tạo các liên kết khác đến Products.htm, Links.htm, và

Photo_gallery.htm. Đặt các liên kết kế tiếp nhau.

7. Nhấn DOWN ARROW để thôi chọn hyperlink.

Trang của bạn sẽ có dạng sau :

FrontPage Editor

FrontPage Editor 115

Dĩ nhiên là bạn có thể thực hiện như trên với các trang khác trong Web site, nhưng đó là một

việc mất rất nhiều thời gian nếu có nhiều trang. Ngoài ra, nếu ta quyết định thêm hay xoá

trang khỏi Web site, ta phải cập nhật lại các liên kết bằng cách thủ công như trên.

FrontPage có một cách làm hay hơn để khởi tạo, quản lý và tự động cập nhật các liên kết

trong toàn bột Web site. Bây giờ, bạn sẽ xoá đi các liên kết vừa tạo ở trên bằng chức năng

Undo (bấm nút Undo trên thanh công cụ nhiều lần cho tới khi trả về trạng thái ban

đầu)

Tạo Shared Borders và thanh di chuyển (Navigation Bar)

Shared borders (biên dùng chung) là các vùng trên trang Web được dùng để chứa các nội

dung xuất hiện một cách ổn định trên tất cả các trang trong Web site.Các biên này chứa các

banner , quảng cáo hoặc các nút di chuyển. Banner của trang có` thể là tiêu đề trang sinh ra

khi tạo trang, còn thanh di chuyển là các hàng hoặc cột chứa các liên kết chính của Web site.

FrontPage có thể tự động cập nhật shared borders và navigation bars, sao cho cấu trúc của

Web site luôn luôn hoạt động tốt, ngay cả khi thêm, di chuyển, xoá trang.

Tạo shared border của Web site

1. Chuyển qua chế độ Navigation view.

2. Tắt hiển thị Folder List trong chế độ làm việc này.

3. Trong menu Format, chọn Shared Borders.

FrontPage hiển thị hộp thoại Shared Borders .Chú ý có 2 loại thanh di chuyển có thể gắn

vào

4. Trong hộp thoại Shared Borders , tạo các tuỳ chọn cho tất cả các trang. Chắc chắn rằng

All pages đã được chọn.

5. Đánh dấu Top và đánh dấu tiếp Include navigation buttons để chỉ định cho hiển thị trên

đầu trang.

6. Đánh dấu Left và đánh dấu tiếp Include navigation buttons để chỉ định cho hiển thị trên

bìa trái trang.

7. Bỏ trống Right và Bottom , và sau đó bấm OK.

FrontPage tạo shared borders và thanh di chuyển mặc nhiên cho tất cả các trang.

Sau đây, ta sẽ học cách sửa đổi hình thức của thanh di chuyển cho phù hợp.

Thử nghiệm hyperlink trên thanh liên kết

1. Trong chế độ Navigation view, Nhấp đúp chuột vào trang chủ Home Page (index.htm).

2. Tắt hiển thị Folder List trong chế độ làm việc này.

3. Giữ CTRL và sau đó bấm hyperlink có tên About Us trên lề trái.

FrontPage Editor

116 FrontPage Editor

FrontPage mở trang đích của liên kết. Trong trang About Us , shared borders và thanh di

chuyển cũng đã được chèn thêm vào đó. Tuy nhiên, trên trang này, các liên kết chỉ tới các

trang khác chỉ hiển thị trong lề trên (top). Đó là do FrontPage sử dụng cấu trúc site để xác

định các cấp (level) của trang hiện hành.

Mặc nhiên, shared border ở trên chỉ tới các trang cùng cấp, còn shared border bên trái chỉ

tới các trang cấp dưới

Hiệu chỉnh thanh liên kết (link bar)

1. Mở trang index.htm.

FrontPage mở lại trang chủ .

2. Trong phần thân cuả trang chủ nhấp đúp chuột lên dòng chữ màu đỏ Edit properties for

this Link Bar to display hyperlinks here.

Nhấp đúp chuột lên thanh liên kết để mở hộp thoại Link Bar Properties .

3. Trong hộp Link Bar Properties , bấm Child level, xoá các hộp kiểm tại Home page và

Parent page, và sau đó bấm OK.

FrontPage tạo một navigation bar đến tất cả các trang cấp dưới trang chủ.

Trang của bạn sẽ có dạng sau :

Chú ý rằng lề trái vẫn chứa các liên kết tương tự lề trên . Ta sẽ học cách sửa hình thức và

liên kết của lề này.

4. Trong lề trái của trang chủ, bấm đúp navigation bar.

FrontPage Editor

FrontPage Editor 117

5. Trong hộp Link Bar Properties, chọn Same level, đành dấu chọn Home page, và nhấn

OK.

FrontPage hiển thị Edit properties for this link bar to display hyperlinks here. .

6. Để lưu trang chủ, Chọn Save trong menu File .

Trang của bạn sẽ có dạng sau :

7. Vào menu Window , chọn About_Us.htm.

8. FrontPage mở lại trang About Us .

Chú ý rằng tất cả những thay đổi trên các thanh liên kết đề được tự động phản ánh ở trang

này, cũng như trong các trang khác.

Chủ đề định dạng (theme)

Trong Web site của chúng ta, các hình ảnh, danh sách, form. shared border, thanh liên kết đã

có đủ cả và tạo nên một sắc thái đa dạng. Tuy nhiên, để cho hình thức các trang trong cùng

Web site được trình bày một cách nhất quán, Frontpage sử dụng khái niệm theme (tạm gọi là

chủ đề định dạng hay mẫu định dạng), giúp nhà thiết kế tiết kiệm được rất nhiều thời gian.

FrontPage Editor

118 FrontPage Editor

FrontPage 2002 có hơn 50 theme được thiết kế sẵn một cách chuyên nghiệp . Mỗi theme bao

gồm các thành phần trang như : danh sách (list), font, ảnh nền, hình trang trí, thanh di

chuyển,… làm cho hình thức của Web site thêm sống động và nhất quán.

Để áp đặt theme đối với Web site

1. Chọn Page tab của index.htm.

2. Trong menu Format, chọn Theme.

3. FrontPage hiển thị hộp thoại Themes . Tại đây, bạn có thể chọn theme tuỳ thích. Mỗi lần

bấm chọn tên theme, một hình mẫu hiện ra để bạn xem trước có ưng không trước khi quyết

định chọn

4. Trong phần Apply theme to,để xác lập cho tất cả các trang được chọn, chắc chắn rằng bạn

đã đánh dấu All pages.

5. Trong phần cài đặt themes, chọn Blends.

6. Bỏ chọn Active graphics, Chọn OK to để xác lập lại theme.

7. Chọn Yes để khẳng định xác lập theme.

Trang của bạn sẽ có dạng sau :

Như bạn thấy, áp đặt định dạng theo chủ đề đã làm thay đổi hoàn toàn hình thức của

Website . Thật đáng ngạc nhiên.

FrontPage Editor

FrontPage Editor 119

Hiệu chỉnh Theme

Mặc dù tiêu đề trang (page banner) tương đối đẹp, nhưng có lẽ chưa phù hợp lắm với nội

dung của web site. Chúng ta sẽ tạo một banner khác dựa vào việc sửa đổi theme đang chọn.

1. Mở lại trang chủ

2. Trên menu Format, bấm Theme.

FrontPage hiển thị hộp thoại Themes . .

3. Trong hộp thoại Themes, đánh dấu All Pages .

4. Kế tiếp, bấm Modify.

5. Dưới câu hỏi What would you like to modify? bấm Graphics.

FrontPage hiển thị hộp thoại Modify Theme . Tại đây bạn có thể thay đổi hình ảnh và các

thành phần đồ hoạ khác .

6. Trong Item list, bấm Banner.

7. Trên thẻ Picture , bấm Browse dưới tên file của hình.

FrontPage hiển thị hộp thoại Open File và hiển thị hình ảnh trong Web site hiện tại. Vì các

hình ảnh ta muốn dùng chưa phải là một thanh phần của web site, ta sẽ tìm trên cây thư

mục.

8. Chuyển tới thư mục tên FPTutor2002.

9. Bấm đúp file czbanner.

FrontPage thay thế banner hiện tại bằng hình mới nhập

10. Bấm OK trong Modify Theme , và sau đó bấm OK trong Themes .

11. Chọn Yes để tái xác nhận.

FrontPage hiển thị hộp thoại Save Theme cùng với thông báo This theme is read-only.

Please enter a new theme title to save as:.

12. Nhập Hsph làm tiêu đề của theme đã sửa, và chọn OK.

13. Chọn Yes để xác lập theme.

14. Bấm Save trên menu File .

Trang của bạn sẽ có dạng sau :

FrontPage Editor

120 FrontPage Editor

Tip Trong ví dụ này, ta chỉ thay đổi 1 hình đơn giản để minh hoạ việc sửa đổi theme.

Bằng cách đó, ta có thể tạo ra các theme mới rất dễ dàng bằng những hình ảnh riêng

của mình.

Xem trước Web site

Xem trước Web site trong Web browser

1. Trong menu File , chọn Preview in Browser.

FrontPage hiển thị hộp thoại Preview in Browser để bạn lựa chọn một trình duyệt đã cài

đặt trên máy (Trong WinXP, đã có sẵn IE6). Web site của bạn đã sẵn sàng được xem thử

trên trình duyệt này

FrontPage Editor

FrontPage Editor 121

2. Bấm tại các liên kết để kiểm tra các đích của nó

3. Trên trang Photo Gallery, bấm các hình thu nhỏ (thumbnail) để kiểm tra các liên kết tới

hình thực. Dùng nút Back của trình duyệt để trở về Photo Gallery

4. Đóng cửa sổ Web browser sau khi đã kiểm tra xong.

Tổ chức file trong web site

Bây giờ trong Web site đã chứa nhiều trang và tập tin, bạn sẽ dùng chế độ Folders view để

quản lý chúng. Tương tự như Windows Explorer, Folders view cho phép thực hiện các thao

tác quản lý tập tin và thư mục trong phạm vi Web site. Bạn có thể thêm, bớt, thay đổi, sắp

xếp lại các tài nguyên mà không phá vỡ các liên kết và cấu trúc của nó.

FrontPage Editor

122 FrontPage Editor

Trong các bước sau, chúng ta sẽ thực hành chuyển các tệp ảnh từ Hsph Web site vào thư

mục Images do FrontPage tạo ra như một thành phần của Web site.

Chú ý rằng nếu bạn dùng Explorer hay một trình quản lý file nào khác để thực hiện các thao

tác về file, bạn có thể bẻ gẫy các liên kết trong trang Web

Di chuyển các file hình ảnh vào thư mục Images

1. Trên Views bar, bấm Folders .

FrontPage chuyển qua chế độ Folders view.

2. Trong Folder List khung, bấm thư mục trên cùng <drive>:\My Documents\My

Webs\Hsph.

3. Trong khung Contents , bấm cột Type

Danh sách của các file bây giờ được nhóm theo loại (GIF, JPEG,..).

4. Trong khung Contents, bấm file GIF đầu tiên (czbanner.gif) để chọn nó

5. Giữ SHIFT, bấm file GIF cuối cùng trong danh sách (frontpage.gif).

7. Kéo thả (nút phải) vào thư mục Images trong Folder List .

8. Khi thư mục images được chọn, thả chuột , bấm Move Here menu tắt..

FrontPage hiển thị hộp thoại Rename trong quá trình di chuyển..

9. Lặp lại các bước 4 và 5 cho các tệp JPG (FPTutor003.jpg ->FPTutor006.jpg).

10. Trong khung Contents , bấm cột Name để sắp xếp lại theo tên

Tạo thư mục ( folder) mới

1. Trong danh sách thư mục , chọn thư mục chưá thư mục cần tạo .

2. Trong menu File , chọn New và chọn tiếp Folder.

FrontPage tạo một thư mục mới có tên tạm “new folder”.

3. Gõ tên mới và nhấn ENTER.

4. Trong cây thư mục, Nhấp phải chuột vào thư mục vừa tạo.

5. Trong menu shortcut, chọn Delete.

6. Trong hộp Confirm Delete , chọn Yes.

FrontPage xoá folder khỏi Web site.

Xuất bản (publishing) Web site Hsph

Khi xuất bản Web site lên INternet hoặc Intranet, FrontPage tự động kiểm tra các liên kết ,

các địa chỉ trang và đường dẫn của các địa chỉ đó.

FrontPage Editor

FrontPage Editor 123

Xuất bản Web site đang làm việc

1. Đóng tất cả các trang trong Page view.

2. Trên menu File, bấm Publish Web, hoặc bấm nút Publish Web button trên thanh công

cụ..

3. Nhập địa chỉ URL của Web server , (ví dụ http://example.microsoft.com/~myweb), sau đó

bấm Publish.

Tip Sau khi xuất bản lần đầu, bạn có thể bỏ qua hộp thoại Publish Web bằng cách

bấm nút Publish Web trên toolbar.

Nếu FrontPage phát hiện bạn xuất bản lên một Web server không hỗ trợ FrontPage Server

Extensions, nó liền chuyển qua chế độ file transfer protocol (FTP).

Tip Khi xuất bản Web site, tất cả các trang và hình đều được tải lên mạng. Để loại trừ một

số file không muốn xuất bản bấm Don’t Publish.

Khi FrontPage xuất bản thành công, nó sẽ xuất hiện một hộp thoại chứa địa chỉ URL , qua

đó có thể mở Web site trong trình duyệt Web để xem lại.

FrontPage Editor

124 FrontPage Editor

Câu hỏi trắc nghiệm

1. Bấm chuột phải tại cửa sổ FrontPage:

A. Xoá đối tượng.

B. Mở 1 menu tắt liệt kê các lệnh liên quan tới đối tượng.

C. Chọn đối tượng.

D. Không làm gì cả.

2. Normal, HTML, và Preview là các cách khác nhau để:

A. Khởi động FrontPage.

B. Tổ chức các bìa hồ sơ.

C. Xem các phim trên Web.

D. Xem các trang trong FrontPage.

3. Trong FrontPage bạn có thể cho thi hành lệnh bằng cách dùng: (Có thể chọn nhiều câu

trả lời.)

A. Menu

B. Thanh công cụ.

C. Phím tắt.

D. Bấm chuột phải tại menu tắt.

4. FrontPage là chương trình: (Có thể chọn nhiều câu trả lời.)

A. Cho phép thiết kế và tạo ra trang tài liệu Word.

B. Dùng cho các phóng viên tạo các trang tin.

C. C.Dùng cho các nhà thiết kế đồ hoạ và Web masters.

D. Cho phép thiết kế và tạo ra Web sites và xuất bản trên Internet.

5. Để khởi động FrontPage :

FrontPage Editor

FrontPage Editor 125

A. Bấm chuột ba lần, và đọc, “FrontPage ơi, mở ra.”

B. Bấm Start → Programs → FrontPage.

C. Bấm My Computer → Local Drive (C:) → FrontPage.

D. Gõ “FrontPage” trong Microsoft Word, và bấm đúp để mở chương trình

6. Một trang Web là: (Có thể chọn nhiều câu trả lời.)

A. Một kiểu tài liệu Word có thể chia sẻ trên mạng.

B. Một tài liệu tạo ra trong Microsoft FrontPage để xuất bản trên Internet.

C. Một phần của Web site.

D. Một bản thảo .

7. Thời gian Download ước lượng là: (Có thể chọn nhiều câu trả lời.)

A. Thời gian trung bình để tải trang về từ Internet.

B. Thời gian đi xuống phố.

C. Lượng thời gian cần thiết để tải trang về máy.

D. Phu thuộc vào kiểu modem .

8. Cách tiết kiệm thời gian tạo Web site? (Có thể có nhiểu trả lời.)

A. Dùng một mẫu Web site (Template).

B. Dùng chức năng Web site Magician.

C. Dùng chức năng Web site Wizard.

D. Nhập từ một Web site khác.

9. Tổ hợp phím nào tạo một dòng mới trong đoạn văn bản?

A. <Alt> + <A>.

B. <Shift> + <Enter>.

C. <Ctrl> + <A>.

D. <Ctrl> + <L>.

FrontPage Editor

126 FrontPage Editor

10. Phím Backspace xoá văn bản phía trái điểm nháy. (Đúng/Sai?)

11. Bạn vô tình xoá đoạn văn bản mới tạo xong. Làm cách nào khôi phục văn bản bị mất?

A. Chọn Help và sử dụng Search Companion để tìm văn bản trên máy tính.

B. Bấm nút Undo trên thanh công cụ chuẩn.

C. Vào chế độ Preview để lấy lại khối văn bản đã xoá.

D. Không thể làm gì được.

12. Cách nào sau đây không dùng để cắt văn bản hay hình ảnh?

A. Bấm nút Cut trên thanh công cụ chuẩn.

B. Nhấn <Ctrl> + <C>.

C. Nhấn <Ctrl> + <X>.

D. Chọn Edit → Cut từ menu.

13. Làm cách nào tạo ra trang mới? (Có thể chọn nhiều câu trả lời.)

A. Chọn File → New → Page từ menu, chọn một khuôn mẫu từ hộp thoại,

A. và bấm OK.

B. Nhấn <Ctrl> + <N>.

C. Bấm nút New Page button trên thanh công cụ chuẩn.

D. Chọn toàn bộ trang đang làm việc và xoá nội dung của nó.

14. Chế độ HTML view trong FrontPage khác với Normal và Preview view ở chỗ:

A. HTML view thiên về văn bản hơn Normal Preview view.

B. Trang Web có nhiều hình hơn

C. HTML view hiển thị các mã định dạng theo ngôn ngữ HTML .

D. HTML view là dễ đọc hơn Normal và Preview view.

15. Tiêu đề của trang cũng chính là tên tập tin HTML. (Đúng/Sai?)

FrontPage Editor

FrontPage Editor 127

16. Bạn thiết kế một Web site quan trọng cho công ty, site này sẽ được xuất bản trên

Internet trong một khoảng thời gian ngắn. Bạn cần chú ý điều gì trước khi tải lên (upload)

lên Internet?

(Có thể chọn nhiều câu trả lời.)

A. Xem trước trong Microsoft Internet Explorer.

B. Xem trước trang trong các trình duyệt khác nhau.

C. In ra và hiệu chỉnh.

D. Không phải các câu trên.

17. Danh sách thư mục (Folder List) là:

A. Một danh sách các thư mục trên máy tính.

B. Một tính năng không hiệu quả của FrontPage chỉ tổ chiếm chỗ trên màn hình.

C. Một tính năng tự động lập sơ đồ Web site.

D. Có thể dễ dàng truy cập trên thanh công cụ chuẩn.

18. Di chuyển (Navigating ) giữa các trang Web là tương tự như duyệt Internet.

(Đúng/Sai?)

19. Tiêu đề của trang Web xuất hiện:

A. Trên đầu cửa sổ trình duyệt.

B. Tại phần tên của trang trong Folders View.

C. Tại ngay đầu trang .

D. Tại phía dưới cửa sổ, gần với thời gian tải ước lượng.

20. Khi nào thì dùng lệnh Save As trong menu File thay cho lệnh Save ?

A. Để lưu dưới một tên mới hoặc một vị trí mới.

B. Để gửi email cho ai đó.

C. Để tiết kiệm thời gian

D. Để chỉ định Frontpage luôn luôn tạo ra một bản sao dự phòng.

FrontPage Editor

128 FrontPage Editor

21. Bạn chỉ có thể di chuyển hay sao chép văn bản bằng các lệnh Copy, Cut, và Paste

(Đúng/Sai?)

22. Thủ tục nào sau đây cho phép thay đổi kích cỡ font?

A. Chọn văn bản và chọn font size hộp danh sách cỡ Font trên thanh công cụ.

B. Chọn văn bản, Bấm chuột phải , chọn Font từ menu tắt, chọn kích cỡ font và bấm OK.

C. Chọn văn bản, chọn Format → Font từ menu, chọn font size , bấm OK.

D. Không phải ba câu trên

23. Để sao chép định dạng ta có thể sử dụng::

A. Lệnh Edit → Copy Format và Edit → Paste Format từ menu.

B. Nút Format Painter trên thanh công cụ chuẩn.

C. Không có cách nào.

D. Mở hộp thoại Copy and Apply Formatting bằng cách chọn Format → Copy Formatting từ

menu.

24. Bạn muốn sử dụng Format Painter để áp đặt định dạng cho nhiều khối văn bản không

liên tiếp. Làm cách nào để thực hiện?

A. Bấm nút Format Painter trên thanh công cụ chuẩn.

B. Bấm đúp Format Painter trên thanh công cụ chuẩn.

C. Không có cách nào.

D. Mở hộp thoại Copy and Apply Formatting bằng cách chọn Format → Copy Formatting từ

menu.

25. Câu nào sau đây là không đúng?

A. Bấm nút Center trên thanh công cụ định dạng sẽ canh giữa các văn bản thuộc đoạn hiện

hành

B. Sử dụng thanh công cụ định dạng là cách dễ nhất để định dạng văn bản.

FrontPage Editor

FrontPage Editor 129

C. Khi thụt lề dòng đầu tiên, mọi dòng dầu tiên sau đó đều bị thụt lề

D. Một kiểu thụt lề đặc biệt là First line.

26. Cách nào sau đây không tạo chữ đậm?

A. Chọn Format → Font từ menu và chọn Bold từ danh sách Font style.

B. Nhấn <Ctrl> + <B>.

C. Bấm chuột phải tại văn bản và chọn Boldface từ menu tắt.

D. Bấm nút Bold trên thanh công cụ định dạng.

27. Khi nhấn <Enter> đề tạo một đoạn mới , đoạn đó sẽ có định dạng y hệt đoạn trước

(Đúng/Sai?)

28. Để canh giữa một đoạn văn bản?

A. Bấm nút Center trên thanh công cụ định dạng.

B. Bấm mũi tên Alignment trên thanh công cụ và chọn Center.

C. Nhấn <Ctrl> + <C>.

D. Chọn Edit → Center từ menu.

29. Làm cách nào thay đổi ký hiệu đánh dấu đoạn trong một bulleted list?

A. Bấm mũi tên Bullets trên thanh công cụ định dạng và chọn ký tự.

B. Không thể thay đổi

C. Chọn Edit → Bullet Symbol từ menu, chọn bulleted list , bấm Customize, và chọn ký tự

cần.

D. Chọn Format → Bullets and Numbering từ menu, chọn bulleted list , bấm Customize, và

chọn ký tự cần.

30. Để thay đổi màu nền của trang Web ?

A. Bấm nút Background trên thanh công cụ định dạng và chọn màu nền.

B. Chọn văn bản và bấm nút Underline trên thanh công cụ Formatting .

FrontPage Editor

130 FrontPage Editor

C. Chọn Format → Background từ menu và chọn màu nền.

D. Bấm chuột phải tại trang và chọn Page Properties → Background , và chọn màu nền.

31. Tất cả các chương trình phát triển Web đều dùng themes. (Đúng/Sai?)

32. Phân biệt giữa themes và cascading style sheets? (Chọn nhiều câu trả lời.)

A. Không phân biệt.

B. Các styles trong themes được tạo ra mỗi khi tạo ra các styles trong cascading style sheets.

C. Themes chỉ có thể áp dụng cho 1 trang trong Web site, trong khi cascading stylesheets áp

dụng cho tất cả các trang trong Web site.

D. Cascading style sheets thay đổi style của trang qua các thẻ HTML đặc biệt, trong khi

themes là một tập hợp các styles được áp đặt 1 lần.

33. Câu nào sau đây là đúng?

A. Ảnh thu nhỏ (Thumbnail) liên kết tới ảnh thật.

B. Một trang có ảnh lớn cần ít thời gian download hơn một trang có ảnh nhỏ.

C. Cắt xén (Cropping) ảnh làm giảm kích thuớc và chất lượng của ảnh.

D. Văn bản thay thế xuất hiện ngay phía dưới của hình trên trang.

34. Bạn muốn đưa ảnh của con chó Kiki vào trang Web, nhưng bạn chỉ có duy nhất 1 tấm

hình của Kiki chụp chung với gia đình. Làm cách nào bây giờ?

A. Thay đổi kích thước (Resize) hình.

B. Tạo một ảnh thu nhỏ (thumbnail image).

C. Canh thẳng hàng (Realign the image).

D. Cắt xén ảnh (Crop the image).

35. Thay đổi định dạng tệp của một ảnh luôn luôn làm giảm kích thước tệp. (Đúng/Sai?)

36. Ảnh trong ClipArt thường có dạng GIF . (Đúng/Sai?)

37. Một đường biên xanh bao quanh ảnh có nghĩa là:

FrontPage Editor

FrontPage Editor 131

A. Người đọc đã vào Website.

B. Ảnh có chứa một liên kết.

C. Có văn bản ghi chú phía dưới ảnh.

D. Ảnh được lấy từ Internet.

38. Bạn đã tạo 1 trang Web có khá nhiều hình nhưng chưa có thông tin ghi chú liên quan.

Làm cách nào đưa thông tin đến người xem ?

A. Tạo một liên kết từ ảnh đến một trang cùng chủ đề.

B. Thêm văn bản ghi chú cho ảnh.

C. Cho người đọc một địa chỉ liên hệ tác giả của ảnh.

D. Cho email của bạn để người đọc hỏi thăm khi nào cần thiết.

39. Một hotspot là:

A. Trang Web phổ biến nhất trong một Web site.

B. Một liên kết ổn định trên trang Web.

C. Một vùng trên lò sưởi có nhiệt độ cao.

D. Một vùng trên ảnh có chứa liên kết.

40. Câu nào sau đây là không đúng?

A. Ảnh nền sẽ làm tăng thời gian download của trang.

B. Di chuyển một ảnh trên trang cũng giống như định vị ảnh

C. Văn bản ghi chú cuả một ảnh chỉ xuất hiện khi người đọc tắt chức năng xem ảnh trên trình

duyệt

D. Một đường biên xung quanh ảnh dùng đề nhấn mạnh ảnh đó

41. Cảnh thẳng hàng (Aligning) một ảnh sẽ làm cho văn bản xung quanh:

A. Bao xung quanh ảnh.

B. Nổi lên trên ảnh.

C. Cũng được canh thẳng hàng cùng tính chất.

FrontPage Editor

132 FrontPage Editor

D. Được hiển thị dưới dạng mã HTML.

42. Loại ảnh nào sau đây không được dùng trên Internet?

A. JPEG

B. GIF

C. BIT

D. PNG

43. Shared borders có thể hiển thi trên phần nào của trang WEb? ( Có thể chọn nhiều câu

trả lới.)

A. Bottom

B. Right

C. Left

D. Top

44. Câu nào sau đây là không đúng?

A. Hyperlinks có thể xuất hiện trong một trang Web.

B. Hyperlinks có thể thêm vào trong chế độ Navigation view.

C. Hyperlinks trong một trang Web được hiển thị trong chế độ Hyperlinks view.

D. Hyperlinks xuất hiện dưới bất kì màu nào trên trang.

45. Chế độ Preview view là một cách để kiềm tra siêu liên kết. (Đúng/Sai?)

46. Có thể thêm một trang vào Web site trong chế độ Normal view. (Đúng/Sai?)

47. Khi nào thì ta nên tạo ra hyperlink? (Có thể chọn nhiều câu trả lới.)

A. Để cung cấp cho người đọc thêm thông tin liên quan.

B. Không có hyperlinks, trang Web cuả bạn rất nhàm chán.

C. Để thêm sự đa dạng vào trang Web.

FrontPage Editor

FrontPage Editor 133

D. Để lấy phản hồi về Web site.

48. Hyperlinks có thể liên kết đến các đích sau: (Có thể chọn nhiều câu trả lời.)

A. Địa chỉ e-mail

B. Một tập tin âm thanh

C. Một video clip

D. Một vị trí trên cùng một trang

49. Một thanh liên kết (link bar) là một công cụ giúp:

A. Đi biển.

B. Tài xế cuả các xe hơi đắt tiền.

C. Người dùng di chuyển trong Web sites.

D. Shared borders định vị các vị trí trong một Web site.

50. Câu nào sau đây là đúng?

A. Shared borders tự động hình thành các nút di chuyển.

B. Xoá một liên kết cũng có nghiã là xoá tập tin liên kết.

C. Chế độ Navigation view cho phép di chuyển nhanh hơn trong web site .

D. Có thể thêm một trang trong Web site trong chế độ Navigation View.

51. Cách nào sau đây không thể tạo được bảng?

A. Chọn Table ->Insert Table từ menu.

B. Bấm nút Insert Table trên thanh công cụ.

C. Chọn Insert ->Table từ menu.

D. Chọn View ->Toolbars ->Tables and Borders để hiển thị thanh công cụ Tables and

Borders rồi sử dụng nút Draw Table để kẻ bảng.

FrontPage Editor

134 FrontPage Editor

52. Câu nào sau đây là không đúng?

A. Có thể thực hiện định dạng ký tự và định dạng đoạn trong table.

B. Có thể sắp xếp thông tin trong một bảng theo thứ tự được chỉ định.

C. Có thể tách một ô thanh nhiểu ô nhỏ, hoặc gộp nhiều ô thanh một ô chung.

D. FrontPage không thể thực hiện các tính toán trong bảng.

53. Phím nào sau đây có thể dùng để nhập dữ liệu và di chuyển trong table?

A. <Tab> để di chuyển qua ô kế tiếp, <Shift> + <Tab> để đi theo hướng ngược lại.

B. <Enter> để di chuyển qua ô kế tiếp, <Shift> + <enter> để đi theo hướng ngược lại.

C. < Mũi tên > để di chuyển qua ô kế tiếp, <Shift> + < mũi tên > để đi theo hướng ngược lại.

D. Tất cả đều đúng.

54. Không thể chèn một ảnh vào trong một Table . (Đúng/Sai?)

55. Câu nào sau đây là không đúng?

A. Chức năng AutoFit tự động điều chỉnh bề rộng của cột.

B. Ta có thể ngăn không cho một hàng bị ngắt trang bằng cách: Vào menu Table, chọn Cell

Height and Width, đánh dấu Allow row to break across pages.

C. Đường lưới của bảng thì luôn luôn xuất hiện khi in.

D. Có thể trộn nhiều ô thành một và có thể tách một ô thanh nhiều ô.

56. Thủ tục nào sau đây được sử dụng để kề đường biên cho một bảng?

(có thể chọn nhiều câu trả lời)

A. Chọn khối ô, sau đó chọn đường kẻ trong nút Borders của thanh công cụ định dạng hoặc

của thanh công cụ Tables and Borders.

B. Chọn Tables ->Table Border Wizard từ menu và thực hiện theo hướng dẫn.

C. Bấm nút Draw Table trên thanh công cụ Tables and Borders và sau đó vẽ đường biên.

D. Đặt điểm nháy trong bảng, chọn Tables-> properties->Table từ menu, và thay đổi thông

tin trong vùng Border.

FrontPage Editor

FrontPage Editor 135

57. Muốn trộn 4 ô thanh một ô lớn. Cách nào sau đây có thể thực hiện được ( có thể chọn

nhiều câu trả lời)

A. Chọn 4 ô và bấm nút Merge Cells trên thanh công cụ Tables and Borders.

B. Chọn 4 ô và chọn Table ->Merge Cells từ menu.

C. Chọn 4 ô và chọn Table ->Combine Cells từ menu.

D. Chọn 4 ô rồi nhấn <Ctrl> + <M>.

58. Khác biệt duy nhất giữa cell padding và cell spacing là : cell padding thay đổi bề rộng

cuả biên ở giữa các ô. (Đúng/Sai?)

59. Nên chỉ định kích thước table bằng pixels hoặc percent, bởi vì trang Web không hiển

thị giống nhau trên mỗi màn hình. (Đúng/Sai?)

60. cách nào sau đây dùng để tạo frame? (Có thể chọn nhiều câu trả lời.)

A. Chọn New → Insert → Frame từ menu.

B. Bấm nút Insert Frame trên thanh công cụ chuẩn.

C. Chọn File → Page, chọn thẻ Frames Pages , chọn kiểu frame, và bấm OK.

D. Bấm nút New Page, chọn Page → Frame.

61. Câu nào sau đây là không đúng?

A. Ta có thể thay đổi kích thước frame, và cho phép cả người dùng cũng có quyền thay đổi

kích thước đó trong cửa sổ trình duyệt.

B. Frame cho phép người dùng xem nhiều trang cùng một lúc.

C. Có thể tách một frame thành nhiều frame nhỏ.

D. Sau khi tạo ra frame trong Web site, tất cả mọi trang đều là trang frame.

62. Khi tạo một trang mới gồm 2 frame, cần lưu 3 lần. (Đúng/Sai?)

63. Cascading Style Sheets là tập hợp các style liên kết đến trang Web. (Đúng/Sai?)

FrontPage Editor

136 FrontPage Editor

64. Các định dạng nào sau đây có thể định nghĩa trong một style?

A. Paragraph

B. Font

C. Numbering

D. Border

E. All of the above

65. Tạo một style giống như là định nghĩa lại các thẻ HTML. (Đúng/Sai?)

Tài liệu Tham khảo:

1. MOC 1912a - Introduction to Web Development Technologies ,Robert Stewart( Microsoft Corporation).

2. Microsoft Frontpage 2000 ,Steve Merrill 3. VDC Ebook Study Frontpage 2002.

4. Giáo trình thiết kế Website ( ĐH Quốc Gia Hà Nội)