Nguyễn Trường Sinh (Chứ biên)
Thực hành thiết kế trang Web với
Microsoft
FrontPage
Trang 2Mi x
Nguyễn Trường Sinh (Chủ biên)
Bùi Thu Giang - Lê Quang Hồng Nhân - Việt Dũng
Thực hành thiết kế trang Web với
Microsoft
FrontPage
Trang 3LỠI NĨI ĐẦU
LỜI NĨI ĐẦU
Microsoft Office FrontPage 2003 (trong bộ Microsoft Office 2003) là một
chương trình bao gồm đẩy đủ các tính năng để xây dựng và phát triển các Website, từ một sơ yếu lý lịch trên nên Web đơn giản cho đến một
cửa hàng phức tạp trên mạng
Để nhanh chĩng nắm vững các kỹ năng cân thiết trong khi làm việc với
FrontPage 2003, cuốn sách này sẽ hướng dẫn bạn thực hành thơng qua
từng bước xây dựng một Website mẫu: xây dựng một site mới, tổ chức các trang và bổ sung các siêu liên kết, sử dụng các theme và cơng cụ soạn thảo, chỉnh sửa hình ảnh và văn bản, thiết lập khả năng tìm kiếm cơ sở đữ liệu và các biểu mẫu thu thập thơng tin người dùng, theo dõi và phân tích thơng tin truy cập site, tạo Website để quản lý các dự án
Cuốn sách rất phù hợp cho những người tuy đã quen sử dụng hệ điều hành Windows nhưng chưa cĩ nhiều hoặc khơng cĩ kinh nghiệm với các ngơn ngữ lập trình, viết mã HTML hoặc FrontPage
Đĩa CD-ROM Bài tập kèm theo sách cĩ chứa các tập tin thực hành mà ban sẽ sử dung trong các bài thực hành Bằng cách sử dụng các tập tin này, bạn sẽ đỡ mất thời gian trong việc tạo các nội dung mẫu, thay vào đĩ, bạn sẽ tập trung vào việc học cách sử dung FrontPage 2003
Trang 4
LỜI NGỎ
LỜI NGỎ
Kính thưa quý Bạn đọc gần xa, Ban xuất bản MK.PUP trước hết xin bày
tơ lịng biết ơn và niềm vinh hạnh trước nhiệt tình cửa đơng đảo Bạn đọc đối với tủ sách MK.PUB trong thời gian qua
Khẩu hiệu của chúng tơi là: * Lao động khoa học nghiêm túc
* Chất lượng và ngày càng chất lượng hơn
* Tất cả vì Bạn đọc
Rất nhiều Bạn đọc đã gửi mail cho chúng tơi đĩng gĩp nhiều ý kiến quý
báu cho tủ sách
Ban xuất bản MK.PUB xin được kính mời quý Bạn đọc tham gia cùng
nâng cao chất lượng tủ sách của chúng ta
Trong quá trình đọc, xin các Bạn ghi chú lại các sai sĩt (dù nhỏ, lớn) của
cuốn sách hoặc các nhận xét của riêng Bạn Sau đĩ xin gửi về địa chỉ:
E-mail: mk.book@minhkhai.com.vn - mk.pub@minhkhai.com.vn
Hoặc gửi về: Nhà sách Minh Khai
249 Nguyễn Thị Minh Khai, Q.1, TP Hồ Chí Minh
Nếu Bạn ghi chú trực tiếp lên cuốn sách, rồi gửi cuốn sách đĩ cho chúng tơi thì chúng tơi sẽ xin hồn lại cước phí bưu điện và gửi lại cho Bạn
cuốn sách khác
Chúng tơi xin gửi tặng một cuốn sách của tủ sách MK.PUB tùy chọn lựa của Bạn theo một danh mục thích hợp sẽ được gửi tới Bạn
Với mục đích ngày càng nâng cao chất lượng của tủ sách MK.PUB, chúng tơi rất mong nhận được sự hợp tác của quý Bạn đọc gần xa
"MK.PUB va Bạn đọc cùng làm !"
Trang 5MỤC LỤC 5 ay’ MUC LUC Chương 1: TÌM HIỂU CÁCH LÀM VIỆC CUA FRONTPAGE 9 Xem xét FrontPag: Khám phá một site đã cĩ Quan sát một Website theo nhiều cách khác nhau Khám phá trang Web đã cĩ Tìm hiểu các khái niệm Website của FrontPage
Các điểm chính của chương này
Chương 9: TẠO WEBSITE CHO BẢN THÂN HOẶC CƠNG TY 39 Tao site mới bằng cách sử dụng khuơn mẫu Tạo Website mới bằng cách dùng wizard Chén và chỉnh sửa văn bản Sử dụng lại văn bản đã cĩ Định dạng văn bản Chèn liên kết Xem Website giống như người dùng Xĩa một Website
Các điểm chính của chương này
Trang 6MỤC LỤC Đưa thơng tin vào bảng Chính sửa cấu trúc bảng Định dạng bảng Chia một bảng thành các bảng riêng biệt
Các điểm chính của chương
Chương 4: CẢI THIEN SITE VỚI ĐỒ HỌA
Bổ sung hình ảnh vào trang Web Chỉnh sửa và định dạng hình ảnh Tạo và hiển thị hình ảnh thu nhỏ 123 Bổ sung văn bản trang trí vào trang Web
Các điểm chính của chương này
Chương 5: TẠO WEBSITE TỪ ĐẦU
Tạo một Website trống
Bổ sung trang Web mới vào Website “Thay đổi tiêu đề trang Định dạng nền trang Web Định đạng trang với đường biên và bĩng mờ Sử dụng biểu ngữ và đường biên dùng chung của trang Định dạng tồn bộ site Tạo một theme tùy biến
Các điểm chính của chương này
Trang 7MỤC LỤC
Tao trang khung
Bố cục trang Web với khung
Các điểm chính của chương này Chương 7: CẢI TIẾN KHẢ NĂNG CỦA SITE Tổ chức tập tin và thư mục Tạo Web con Bẩ sung liên kết giữa các trang Web Bổ sung liên kết giữa các site Bố sung các thành phần tạo sẵn vào trang Web Bổ sung các hiệu ứng và behavior động vào trang Web Các điểm chính của chương này Chương 8: GIAO TIẾP VỚI NGƯỜI DÙNG Cập nhật thơng tin tự động
Cho phép người dùng cung cấp dữ liệu
Bổ sung các cách thức tìm kiếm thơng tin Các điểm chính của ta chương này NHĨM, on Sử dụng một Website để theo đưi dự án Sử dụng Website để thảo luận vê một chủ dé Tạo Website SharePoint team Tùy bién Website SharePoint team Duy trì sự an tồn cho các tập tin của Website Các điểm chính của chương này Chương 10: XUẤT BẢN WEBSITE
Tìm một nơi ký gửi Web phù hợp với Website của bạn 312
Trang 8MỤC LỤC Xuất bản Website đến một thư mục cục bộ Xuất bản một Website lên máy chủ Web Các điểm chính của chương này Chương 11: QUẢN LÝ WEBSITE Thiết lập các tùy chọn của FrontPage Xuất bản một site với mục đích quan trị Quản trị Website Tao bdo cdo
Quan sát các số liệu thống kê về Website
Các điểm chính của chương này
Phụ lục: GIẢI THÍCH CÁC THUAT NGU
Trang 9@ Chương 1: Tìm hiểu cách làm việc của FrontPage 9 Chương 1: TÌM HIỂU CÁCH LÀM VIỆC CỦA FRONTPAGE Trong chương này, chúng ta sẽ:
5 Tìm hiểu giao diện làm việc của FrontPage
«e Khám phá một Website đã cĩ
* Quan sat Website theo nhiéu cách khỏc nhau ôâ Khỏm phỏ một trang Web đã cĩ
¢ Tim hiểu các khái niệm Website của FrontPage
Microsoft Office FrontPage 2003 1a mét ứng dụng mà bạn cĩ thể sử dụng
dé phát triển các Website Chương trình phức tạp này bao gồm mọi thứ bạn cần để tạo ra các Website từ một sơ yếu lý lịch trên nền Web đơn
giản cho đến một cửa hàng phức tạp trên mạng
Mặc dù phức tạp, nhưng ErontPage lại dễ dùng Là một thành phần của
bộ Mierosoft Office System 2003, nĩ làm việc rất giống với các ứng dụng
khác trong bộ Ofđce này Nếu muốn tránh tạo Website vì bạn khơng muốn học lập trình bằng ngơn ngữ đánh dấu siêu văn bản (HTML) thì
FrontPage sé 1a phan mém ma ban mong ché Véi FrontPage, ban cé thé dé dang tạo ra các Website hấp dẫn, thú vị, tích hợp nhiều phần tử phức
tạp mà khơng phải nhập vào một dịng mã lệnh nào Nhưng nếu cĩ một
chút kinh nghiệm lập trình HTML nhất định hoặc muốn cĩ thêm kiểm sốt, FrontPage sẽ cung cấp cho bạn cách thức đễ đàng để truy xuất mã
lệnh được nĩ tạo ra Bạn cĩ thể xem và chỉnh sửa mã lệnh HTML bất kỳ
lúc nào, nhưng điều đáng nĩi nhất là bạn khơng cần phải làm điểu đĩ
nếu khơng muốn Bạn khơng cần phải cĩ kinh nghiệm lập trình để cĩ thể trở thành một nhà phát triển FrontPage thành cơng
Trang 10
Chương I1: Tìm hiểu cách làm việc của FrontPage
nhau trong ErontPage và học cách định vị cũng như kiểm sốt các đặc điểm của ErontPage mà bạn cĩ lề muốn dùng trong các Website của riêng mình Ngồi ra, bạn sẽ học cách xem mã lệnh HTML ẩn phía sau
trang Web Bạn cũng sẽ được cung cấp một cái nhìn tổng quan về các
loại Website khác nhau mà mình cĩ thể tạo với FrontPage cũng như các
cơng cụ và tài nguyên quyết định cần để tạo, quản lý và duy trì Website
cá nhân hoặc thương mại
Các bài thực hành trong chương này và trong tồn bộ cuốn sách được xây dựng xung quanh một Website cĩ tên là The Garden Company Website
mẫu (GardenCo) chứa các ví dụ về nội dung và cấu trúc hiện thực dùng để minh họa các khái niệm được dé cập đến trong mỗi chương
@ Trước khi sử dụng các tập tin thực hành trong chương này, bạn cần phải chép chúng uào một thứ mục trên đĩa cúng, 0í du:
e:\fpsbs Tat cd cde tập tin uà thư mục thực hành được đề cập
trong cuốn sách đều được tham chiếu đến thư mục này
Xem xét FrontPage
Dưới đây là những kỹ thuật cơ bản mà bạn sé dùng để làm việc với
ProntPage nếu như chưa cĩ nhiều kinh nghiệm với các ứng dụng khác trong bộ Office 2003
Các lệnh của FrontPage 2003 cĩ trong 11 menu Các ứng dụng Office 2003
cung cấp các menu động, mở rộng giống nhau mà lần đầu tiên được xuất hiện trong Office 2000 Các lệnh menu mà chứng ta thường sử dụng nhất sẽ được đặt ở đầu của mỗi menu, làm cho chúng đễ đàng truy xuất Các lệnh menu khơng dùng sẽ được ẩn đi, nhưng bạn vẫn cĩ thể dễ dàng truy cập
bằng cách nhấp vào nút mũi tên ở cuối mỗi menu Các lệnh menu tiếp theo sau bởi một mũi tên cho biết nĩ cĩ menu con Các lệnh menu tiếp theo sau bởi dấu ba chấm ( ) sẽ mở ra một hộp thoại hoặc ơ cơng việc để bạn cung
cấp thêm các tham số cần thiết để tiến hành cơng việc
Phần lớn các lệnh menu cũng được thể biện dưới dang dé họa trên 15 thanh cơng cụ Tất cả chúng đều cĩ thể tùy biến Đổ họa trên các nút nhấn tương ứng với đồ họa kế bên cạnh mỗi lệnh trên menu Mỗi nút nhấn đều cĩ một SereenTip để báo cho bạn biết tên của lệnh
Các tùy chọn menu và thanh cơng cụ sẽ khơng cĩ hiệu lực khi tùy chọn
Trang 11
Chương 1: Tìm hiểu cách làm việc của FrontPage
với màu đen, cịn những lệnh khơng cĩ hiệu lực được hiển thị với phơng
chữ xám hoặc mờ
Trong bài thực hành sau, bạn sẽ học cách khởi động và thốt ra khỏi FrontPage Bạn cũng sẽ xem xét các lệnh cĩ trong các menu và thanh cơng cụ của FrontPage, thực hành những cách khác nhau để làm hiển thị các thanh cơng cụ và đĩng một tập tin
1 Ở phía trái của thanh tác vụ, nhấp nút Start Trén menu Start, trd
đến mục All Programs > Microsoft Office và sau đĩ nhấp vào mục Microsoft Office FrontPage 2003
Q Phụ thuộc uào tài nguyên hệ thống của mình, bạn sẽ thấy một
hộp thơng báo cho biết rằng hệ thống cần phải cĩ một số nguồn tài nguyên phụ để cĩ thể sử dụng được các đặc điểm nhất định của Office 2003, chẳng hạn như Speech Recognition Nếu thấy
hộp thơng báo này, bạn chỉ uiệc nhấp nút OK để tiếp tục
Khi FrontPage được mở lần đâu, bạn sẽ thấy một tập tin cĩ tên
neuu_page_1.htm trong cửa sổ soạn thảo trang (xem hình 1-1)
Thanh Thanh Thanh cơng cụ Thanh cơng cụ
tiêu đề menu Standard Formatting LỄ 14s =7 20 7] ¡Kiểm sốt di chuyển Tén tap tin đang mở LƠ tác vụ khơi đầu
FEES: code Qhrven | Tiigeaine 75 Sak ce
Trang 12
Hộp cơng việc Getting Started sẽ mở ra Hộp cơng việc này được hiển thị khi FrontPage được khởi động mà khơng cĩ Website nào được mỡ
®
12 Chương 1: Tìm hiểu cách làm việc của FrontPage
Nếu bạn khơng muốn hộp cơng oiệc thể hiện mặc định, hãy
nhấp uào menu Tools va chon Options Trén tab General của hộp thoại Options, hãy bỏ chọn muc Startup Task Pane vd sau
đĩ nhấp OK
2 Nhấp vào menu File để mở nĩ và sau đĩ nhấp vào mối tên ở cuối
menu để mở rộng tồn bộ menu này
3 Quan sát các lệnh cĩ trên menu và xem chúng ta cĩ thể làm gì với
mỗi lệnh này
Các lệnh Close Site, Publish Site và Export sẽ bị mờ vì chưa cĩ hiệu lực
tại thời điểm này (chúng được áp dụng cho các Website thay vì trang
Web và hiện tại chúng ta chưa mở Website nào) Nếu bạn chưa từng sử dụng FrontPage trước đây, lệnh Recent Files cũng bị mờ
Các dấu ba chấm ( ) di theo sau các lệnh New, Open, Open Site, Save
As, File Search, Publish Site, Import, Export, Page Setup, Print, Send va
Properties cho biết rằng chúng cĩ một hộp cơng việc hoặc một hộp thoại đi kèm
4 Nhấp vào lệnh Properties để mở ra hộp thoai Properties cho tập tin hiện tại (xem hình 1-2)
5 Nhấp vào từng tab trong hộp thoại để xem các tùy chọn cĩ hiệu lực
Sau đĩ, nhấp vào nút Cancel để đĩng hệp thoại mà khơng áp dụng
bất kỳ thay đổi nào,
6 Nhấp vào menu File lần nữa
Các mũi tên phía sau các lệnh Preview in Browser, Recent Files và
Trang 13Chương 1: Tìm hiểu cách làm việc của FrontPage Page Droperties | ceneral [Formatting Advanced {custom [[ vanguage | Location: Cac tab cia hộp thoại Title: Page description: Keywords: Base location: Default target frame:
1 Microsoft Internet Explorer 6.0
‘2 Microsoft Internet Explorer 6.0 (640 x 480)
Trang 14©
14 Chương 1: Tìm hiểu cách làm việc của FrontPage
7 Lặp lại các bước từ 2 đến 6 cho các menu cịn lại: Edit, View, Insert, Format, Tools, Table, Data, Frames, Window và Help Hãy nghiên cứu các tùy chọn cĩ và khơng cĩ hiệu lực, xem xét các tùy chọn hộp thoại và mở rộng các menu con
8 Nhấp nút chuột phải vào bất kỳ nơi đâu trong vùng menu hoặc thanh
cơng cụ ở đầu cửa sổ để mở ra menu lối tắt thanh cơng cụ (toolbar
shortcut menu) (xem hinh 1-4) Ci ae ee Ties New Roman 3 (1298) Gác thanh cơng cụ đang mở cĩ dâu kiểm ở đầu
Hình 1-4: Các menu đang hoạt động sẽ cĩ dấu kiểm bế bên Các dấu kiểm trong hình cho biết các thanh cơng cu Standard, Format và hộp cơng việc đang được hiển thị FrontPage tự động hiển thị hai
thanh cơng cụ này vì chúng chứa các nút thường được dùng nhất cho các
lệnh về trang và tập tin
9 Nhấn phím ESC để đĩng menu lối tắt thanh cơng cụ
10 Trỏ vào mỗi nút trên thanh cơng cụ Standard và Format để đọc tên lệnh của chúng Các nút sẽ được làm nổi bật khi bạn trỏ vào chúng 11 Kéo thanh cơng cụ Format bằng cách dùng chức năng di chuyển của
nĩ vào giữa màn hình (xem hình 1-5)
Trang 16
Chương 1: Tìm hiểu cách làm việc của FrontPage Việc di chuyển một thanh cơng cụ đến một cạnh của cửa sổ được gọi là gắn dính (docking) thanh cơng cụ Bạn cĩ thể gắn các thanh cơng cụ của
FrontPage 6 phia trén, phia trái, phía dưới hoặc phía phải của cửa sổ
Hướng của các thanh cơng cụ sẽ thay đổi khi nĩ bị di chuyển Các thanh
cơng cụ được gắn ở phía trái hoặc phải sẽ cĩ hướng thẳng đứng, các thanh cơng cụ được gắn ở phía trên hoặc dưới hay các thanh cơng cụ
khơng được gắn sẽ cĩ hướng nằm ngang
13 Nhấp nút phải vào thanh cơng cụ Format để mở ra menu lối tắt thanh cơng cụ Trên menu này, nhấp vào mục Drawing
Thanh cơng cụ Drawing mở ra tại vị trí mặc định của nĩ là ở cuối màn hình (xem hình 1-7) Thanh cơng cụ Drawing
Hình 1-7: Thanh cơng cụ Drawing
14 Nhấp vào mũi tên trỏ xuống ở phía phải của thanh cơng cụ Drawing để làm hiển thị lệnh Add or Remove Button Trỏ vào Add or Remove
Button và sau đĩ trẻ đến lệnh Drawing để mở một danh sách các
lệnh cĩ hiệu lực trên thanh cơng cụ Drawing (xem hình 1-8)
Các thanh cơng cụ khác cũng cĩ danh sách tương tự
1õ Trong danh sách, nhấp vào các nút AutoShapes, Line và Arrow để loại bỏ chúng ra khỏi thanh cơng cụ Drawing Bạn sẽ nhận thấy các
nút này biến mất khi nhấp vào các mục nĩi trên
16 Nhấp lệnh Reset Toolbar để đưa thanh cơng cụ trở lại trạng thái ban
đầu của nĩ Danh sách đĩng lại khi bạn thiết lập lại thanh cơng cụ 17 Trên thanh tiêu để, nhấp nút Close để thốt khỏi FrontPage
18 Mở lại FrontPage bằng cách chọn Start > All Programs > Mierosoft Office 2003 > Microsoft Office Frontpage 2003
Trang 17Chương I1: Tìm hiểu cách làm việc của FrontPage Draw ‘Select Objects
Hình 1-8: Các lệnh cĩ hiệu lực trên thanh cơng cu Drawing
19 Kéo thanh cơng cụ Format ngược trở về vị trí ban đầu (nằm phía
dưới thanh cơng cụ Standard ở đầu cửa sổ)
20 Nhấp nút chuột phải vào thanh cơng cụ Standard và tại menu xuất,
hiện, nhấp Drawing để đĩng thanh cơng cụ Drawing lai
21 Trên menu File, nhấp lệnh Close để đĩng tập tin neu_page_1.htm Khám phá một site đã cĩ
Khi làm việc với các ứng dụng Office 2003 khác, bạn sẽ tạo ra các hồ sơ
độc lập cĩ thể mở ra trong ứng dụng đĩ hoặc từ Microsoft Windows Bxplorer Khi làm việc với FrontPage, bạn cĩ thể tạo một nhĩm các tập
tin kết nối qua lại để tạo nên một Website dựa trên FrontPage Như vậy,
Website phải được mở từ trong FrontPage Việc nhấp vào một tên tập tin trong Windows Explorer cũng cĩ thể mở tập tin đĩ, nhưng nĩ sẽ khơng mở si‡e chứa tập tin này
Trang 18
Chương 1: Tìm hiểu cách làm việc của FrontPage
- _ Trong chế độ thư mục (Folder view), bạn cĩ thể xem và chỉnh sửa cấu
trúc tập tin của Website Bạn cũng cĩ thể tố chức các tập tin và thự
mục tạo nên Website bằng cách sử dụng các kỹ thuật tương tự như
những kỹ thuật mình đã dùng để tổ chức tập tin và thư mục trong Windows Explorer Bạn cĩ thể bổ sung các thư mục mới, xĩa hoặc di chuyển các thư mục đã cĩ và xem nội dung của các thư mục
- _ Trong chế độ đi chuyển (Navigation view), bạn cĩ thể xem hoặc sửa đổi cấu trúc di chuyển và tổ chức phân cấp của các trang khác nhau trong se Trong chế độ này, bạn cĩ thể nhấp vào một trang và kéo
nĩ đến vị trí khác trong Website
@ Để biết thêm uề cúc chế độ thé hiện khác, hãy xem mục “Quan sát một Website theo nhiều cách khác nhau” trong chương này Trong bài thực hành này, bạn sẽ mở một Website mẫu dựa trên FrontPage va xem xét cấu trúc tập tín cũng như cấu trúc di chuyển của
nĩ
Chúng ta sẽ sử dụng Website GardenCo trong thư mục tập tin
cho chủ đề này Tập tin thực hành này nằm trong thư mục
Dnderstanding
1 Trên menu File, nhấp Open Site (khơng nhấp Open)
2 Trong hộp thoại Open Site, duyệt đến thư mục chứa các tập tin thực hành (Ủnderstanding)
Một Website dựa trên FrontPage cĩ tên là GardenCo nằm trong thư mục
này Điều đĩ được thể hiện qua một biểu tượng Website phía trước tên
của nĩ (xem hình 1-9)
3 Nhấp vào thư mục GœrdenCo để chọn Website và sau đĩ nhấp nút Open
Hộp tác vụ đĩng lại và Folder List mở ra, hiển thị các thư mục và tap tin
cĩ thể truy xuất tạo nên Website GardenCo trong chế độ hiển thị thư mục (xem hình 1-10) Bạn cĩ thể nhấp đúp vào một tập tin bất kỳ để mở
Trang 19Chương 1: Tìm hiểu cách làm việc của FrontPage Open Site [eves —— Đj@:AIAXSiER-ues |CWeardsnco
; Jertmatin Tarsfor ou Feedba x tin vm #hmSeoam msolwmm | _ CỬA SỐ đIPHUA63ĐAH - HS0iWgye
Beaten fete ten Cotas mE or essen eenmenrec gl chi
Brecon Grete Braghm Breetbacktm Feedback QuửA ae itn 31 Him J206/8A" ——_ H50Ilgym $HJ2008639AH —_ HS0INNgyen hiển thị Folders erty secs Hi | màeHn Waemetoeosenc s6 H/20036/8A®——_ T5olWMpym
Boren Breet pe wary ecm N8 Mm 9l2E0BS2AE — TS0NNgyen
Trang 20
Chương 1: Tìm hiểu cách làm việc của FrontPage
Website dua trén FrontPage cĩ hèm theo các thư mục uà lập tin
@ Gn được tạo ra bởi FrontPoge để phục uụ cho các cơng niệc của nĩ Việc xĩa hay thay đổi các tập tin va thu muc nay cé thé lam
“phá ưỡ” site do làm hồng cấu trúc di chuyển, làm đứt các liên kết của nĩ Vì thế ProntPage sẽ thiết lập chúng là ẩn, Miễn là
máy tính của ban khơng thiết lập để hiển thị các tập tin uà thư
mục ẩn (thiết lập này nằm trong tab Vieu của hộp thoại Microsoft Windotos Folder Options), bạn sẽ khơng bao giờ thấy
các tập tín này 0à sẽ khơng gặp phải tình huống nguy hiểm do
tình cờ xĩa hoặc thay đổi chúng
4 Trong Folder List, nhấp vào dấu cộng phía trước mỗi thư mục để xem
nội dụng của chúng
Các biểu tượng khác nhau được dùng để thể hiện cho các loại tập tin tao nên Website Ví dụ, biểu tượng trang Web được đặt trước mỗi tên tập tin của trang trong Website và biểu tượng trang chủ cho biết đâu là trang
chủ của sửe
5 Nhấp nút Close để đĩng Folder List
6 Trên thanh cơng cụ Standard, nhấp vào mũi tên trỏ xuống ở phía phải của nút Toggle Pane và sau đĩ nhấp vào Folder List trong danh
sách thả xuống để làm hiển thị lại Folder List
7 Ở cuối của cửa sổ Folders, nhấp nut Navigation dé chuyển sang chế
độ Navigation (xem hình 1-11)
Chế độ thể hiện cấu trúc di chuyển này về thực chất là một bản để phân
cấp cho biết cách các trang được kết nối ra sao trong sife và những liên
kết nào bạn cĩ thể đạt đến được từ một trang bất kỳ Cũng như với Folder List, bạn cĩ thể mở từng tập tin bằng cách nhấp đúp vào biểu tượng trang hoặc tiêu để trong hộp di chuyển
8 Di chuyển con trổ chuột lên phía trên mỗi nút trên thanh cơng cụ Navigation để xem các lệnh cĩ hiệu lực
9 Nhấp vào nút Portrait/Landscape để thay đổi hướng của chế độ hiển
Trang 2210 11 12 13 14 15 16
Chương 1: Tìm hiểu cách làm việc cha FrontPage
Trên thanh cơng cụ Navigation, nhấp vào mũi tên xuống ở phía phải của hộp Zoom và chọn 25% trong danh sách thả xuống Kích thước
của hình vẽ sẽ thay đổi
Trong danh sách thả xuống của hộp Zoom, nhấp mục Size to Eit để tối ưu phần hiển thị của hệ thống đi chuyển trong cửa sổ hiện tại Nhấp vào nút Portrait/Landscape để trở lại chế độ thể hiện mặc
định
Nhấp vào trang Products (khơng nhấp vào dấu trừ ở cạnh dưới của nĩ) để chọn trang này
Trên thanh cơng cụ Navigation, nhdp vaAo nuit View Subtree Only
Nếu đang làm việc với một Website lớn, bạn cĩ thể dùng kỹ thuật này để xem một phần của cấu trúc di chuyển
Nhấp vào nút View Subtree Only một lần nữa để xem lại tồn bộ bản dé site
Trên menu File, nhấp vào mục Close Site để đĩng Website lại Quan sát một Website theo nhiều cách khác
nhau
Ở cuối của vùng làm việc, FrontPage 2003 cĩ cung cấp sáu nút để chuyển qua lại giữa các chế độ thể hiện khác nhau của một Website:
Chế độ thể hiện Eolders: Hiển thị các tập tin và thư mục thấy được của Website đang mở Với mỗi tập tin, chế độ này thể hiện tên,
kích thước, loại tập tin và ngày chỉnh sửa sau cùng của nĩ cũng như người chỉnh sửa và bất kỳ ghi chú nào được gắn với tập tin đĩ
Chế độ thể hiện Remote Web Site: Chế độ này hiển thị thơng tin
về phiên bản xuất bản của Website, vì thế bạn sẽ thấy đồng thời cấu
trúc tập tin của sife cục bộ va site trén may chủ (giống với chế độ
hiển thị trong các chương trình FTP truyền thống) Bạn cĩ thể thao
tác các tập tin và thư mục trên máy cục bộ cũng như trên máy chủ trong chế độ này
Chế độ thể hiện Reports: Chế độ này hiển thị 31 báo cáo cơ bản
về Website đang mở Báo cáo được thể hiện mặc định là báo cáo được
Trang 23ø
Chương 1: Tìm hiểu cách làm việc của FrontPage 23
làm việc hiện tại của FrontPage, mặc định sẽ là Site Summary Báo
cáo này tập hợp tất cả những kết quả của các báo cáo khác Để xem một báo cáo bất kỳ từ trong báo cáo Site Summary, bạn chỉ cần nhấp
vào tên của báo cáo được liên kết Các báo cáo khác nhau cĩ thể được chọn từ menu View hoặc từ thanh cơng cụ Reporting
- Chế độ thể hiện Navigation: Chế độ này hiển thị một cấu trúc
phân cấp dưới dạng để họa về tất cả các tập tin đã được đưa vào trong cấu trúc di chuyển của Website đang mở Để thêm một tap tin đã cĩ vào trong cấu trúc di chuyển, bạn chỉ việc kéo tập tin đĩ vào trong cửa sổ của chế độ thể hiện Navigation rồi thả nĩ vào vị trí thích hợp Bạn cũng cĩ thể tạo các tập tin mới ngay trong chế độ thể
hiện này Để làm cho nội dung của sử phù hợp với kích thước cửa
sổ, bạn chuyển qua lại giữa chế độ Portrait (bố cục theo chiều đứng) và Landscape (bố cục theo chiều ngang) hoặc thu phĩng bằng cách
dùng các nút trên thanh cơng cụ Navigation
- _ Chế độ thể hiện Hyperlinks: Chế độ này thể hiện các liên kết từ
trang hoặc đến trang đang được chọn bất kỳ trong Website đang mở
Các liên kết nội, liên kết ngồi và liên kết thư điện tử đều được thể
hiện Bạn cĩ thể chọn một tập tín trong Eolder List để xem các liên
kết dẫn đến nĩ hoặc liên kết xuất phát từ nĩ rồi sau đĩ nhấp vào dấu cộng kế bên tên tập tin để mở rộng phần thể hiện
- _ Chế độ thể hiện Task: Chế độ này thể hiện các tác vụ đã được hồn
thành trong Website đang mở FrontPage tạo ra các tác vụ này khi bạn
sử dụng Wizard để tạo Website hoặc bạn cũng cĩ thể tự tạo ra các tác vụ cho riêng mình Với mỗi tác vụ, bạn sẽ thấy trạng thái, tên và mơ tả của nĩ Bạn cũng cĩ thể thấy tác vụ đĩ được gán cho ai Mỗi tác vụ sẽ
được gán một độ ưu tiên là High, Medium hoặc Low Tác vụ là một cách
thức hữu hiệu để theo đõi tính sẵn sàng của một Website
Bạn cĩ thể chuyển qua lại giữa các chế độ thể hiện bằng cách nhấp vào
chế độ mong muốn từ menu View hoặc bằng cách nhấp vào các nút nằm ở cuối vùng làm việc
Menu View ciing cung cdp lénh Page View Ban sẽ làm phên lớn cơng uiệc phát triển của mình trong chế độ này
Trong bài thực hành dưới đây, bạn sẽ xem xét các trang Web trong các
Trang 24®
[AA] 24 Chương 1: Tìm hiểu cách làm việc của FrontPage
Chúng ta sẽ tiếp tục làm việc với Website GardenCo
1 Ở cuối cửa sổ, nhấp vào nút Remote Web Site Do Website này chưa được xuất bản nên chế độ thể hiện này sẽ trống (xem hình 1-13) 1 Microsoft FrontPage - C:\fpsbs\Understanding\Gar denCo ‘lek Remote Web Ste Properties to setup aremote web ste
Hinh 1-13: Ché độ hiển thị Remote Web Site
2 Nhấp vào nút Remote Web Site Properties Hộp thoại Remote Web
Site Properties sẽ xuất hiện như trong hình 1-14
3 Trong hộp thoại Remote Web Site Properties, nhấp vào từng tab để
xem các tùy chọn xuất bản mà bạn cĩ thể thiết lập
Bạn cĩ thể xác định thơng tin vị trí và máy chủ về Website sẽ được xuất bản Trên thẻ Optimize HTML, bạn cĩ thể thiết lập các tùy chọn để làm giảm kích thước của các tập tin xuất bản bằng cách loại bỏ các phần tử
như các ghi chú của riêng mình, các khoảng trắng và những thẻ khơng
cân thiết ra khỏi phiên bản được xuất bản
4 Khi kết thúc việc quan sát các tùy chọn, hãy nhấp nút Cancel
5 Ở phía cuối của vùng làm việc, nhấp vào nút Reports
Trang 25Chương 1: Tìm hiểu cách làm việc của FrontPage
Remate Web server ty
FrontPage or SharePoint Services
‘The Remote Web server supports FrontPage Server Extension or SharePont Services
Owebpay
The Remote Web server supports Distributed Authoring and Versioning
Ore The Remote Web server supports Fle Transfer Protocol ‘Ofte system Tư Án 20RIu0ul)5j2 451 lu Hộ
5 Ty the conet nh st that can0t be reached by starting Fe
22 201KB Flos inthe caret Web se that canbe reachedby tna omy] XUONG,
Stow pages 0 0KE_ Pagøsnthe current Web site exceeding an estimated download t thể hiệ
kde files a “448K8 Flesin the curent Web ste that have not been made in over 72 ven
Recenthadiedt 0 06 Flesin the current Web ste that have been createdin the ast 204 = anh
dạ mem iver 0 [Ahyperrs nthe cent Web ste ach
worthy specs | 2 Umededhveel 2 ‘Hypeins porting to unconfirmed terge es sacl
resshtm #9 olen hyverints ° Hyperinks pointing to unavalable target fles các
Brescein Bema 7 types ping t les ote of th cent Web ste bao Beceem | (Bima 107 ‘pets pont tether les wn the cent web sto
| © component errs lemeBeduas | © vnusedthanes 1 2 1 Files nthe current Web ste wth components reporting an ear Themes inthe caren: Web ae that ae ot apse ay fle Tis ibe carer Web ste tht te ot yet mated conted cao
| lab ste Sheet Links o ‘Al Style Sheet Links in the current web ske,
lỂbmmexar © fin thot re ssosted yh a Dra Web Teri
i ‘
\
Trang 26
Để xem từng báo cáo được tập hợp trong báo cáo Site Summary, bạn cĩ Chương I: Tìm hiểu cách làm việc của FrontPage
thể nhấp vào tên báo cáo tương ứng hoặc nhấp vào mũi tên trỏ xuống ở
phía trái của thanh cơng cụ Reports và sau đĩ chọn một báo cáo muốn
xem từ danh sách thả xuống
6 Di chuyển con trỏ chuột lên phía trên mỗi nút trên thanh cơng cụ
Reports để xem các lệnh cĩ hiệu lực
7 Trong báo cáo Site Summary, nhấp vào liên kết Internal hyperlinks 8 Nếu một hộp thơng báo (xem hình 1-16) xuất hiện hỏi bạn cĩ muốn
Trang 27@®
Chương 1: Tìm hiểu cách làm việc của FrontPage 27
FrontPage sé kiém tra ting liên kết nội và cho biết trạng thái tốt và xấu
của chúng bằng cách đặt một dấu kiểm màu xanh lá cây hoặc dấu chéo
màu đỏ ở phía trước mỗi liên kết (xem hình 1-17)
9 Ở phía trái của thanh cơng cụ Reports, nhấp vào mũi tên trổ xuống ở phía phải của hộp Report (hiện đang là Hyperlinks) và sau đĩ chọn Site Summary trong danh sách thả xuống để trở lại với báo cáo mặc định (xem hình 1-18) RE] Microsoft FrontPage - C;AfpsbsVUndderstanding\GardenCo ø ƠProdsks Produetslearivorous_gla so mui speci hin em se Specs ng Tang =
đan i feccbeck.tim specials him speciale Specs Specials
GB index.hem v OK feq.bem, 4pecals.hia Specials
BD monthly_specals.ntm | YOK index.htm specials hem Specials
BD press.htmn vœ products htm confirmation bem ‘Thanks for Your Feedbac
B products tem vx clases htm cerfematin htm Thanks for Your Feedbac press.htm confematon bem confirmation em Thanks for Your Feedbac Thanks For Your Feedbac Hình 1-18: Chon Site Summary dé quay lai uới báo cáo mặc định
10 Ở cuối vùng làm việc, nhấp vào nút Hyperlinks Vì chưa cĩ trang nào
được chọn nên màn hình sẽ hiển thị dịng chữ Selecf œ page from
Folder List to view hyperlinks to and from that page (xem hình 1-19) 11 Trong Folder List, nhấp vào tập tin index.htm (trang chu ctia site)
Tất cả các liên kết dẫn đến hoặc xuất phát từ trang này sẽ được hiển thị
Trang 28
Chương I: Tìm hiểu cách làm việc của FrontPage
RE] Microsoft FrontPags - C:VfpsbstLUnderstandingGar.denCo el) ẳ ¬ > ở L3 a lad 3 _ ĐH E— 8 dl ME TE A a ee | Select a page from the Flr Litto view hyperinks to and From that page
Hình 1-20: Chế độ hién thi Hyperlinks thé hién các liên bết dẫn đến
Trang 29®
Chương 1: Tìm hiểu cách làm việc của FrontPage 29 Mì 12 Trong vùng hiển thị liên kết, nhấp chuột phải vào tập tin
contact.htm va chon muc Move to Center trên menu xuất hiện để di chuyển tập tin đĩ vào tâm điểm của cấu trúc liên kết
Chú ý đến các biểu tượng khác nhau biểu thị cho các loại liên kết
13 Nhấp vào dấu cộng kế bên biểu tượng tập tin để thấy các liên kết
khác xuất phát từ trang Web ứng với tập tin và sau đĩ nhấp vào dấu
trừ để thu gọn phần hiển thị liên kết
14 Ở cuối vùng làm việc, nhấp vào nút Tasks
Chế độ thể hiện Tasks sẽ hiển thị một danh sách gợi nhớ về những gì
cần được thực hiện trong Website đang mở (xem hình 1-21) Các tác vụ sẽ tự động được tạo ra khi bạn sử dụng wizard của FrontPage để tạo một
Website Chúng cũng cĩ thể được tạo ra một cách thủ cơng bởi bất kỳ ai
làm việc với Website
B nicrosot FromPage - C:\psbsiWinderstanding\GardenCo ai
Tu Go ee WEk 2¬ bemio-ki
lạm Task To Ponty | Assorted wth e @noestated Investigate FentPag Seapby St Medun
Hình 1-21: Ché d6 hién thi Tasks
15 Nhấp đúp vào tác vụ cĩ tiêu để là Investigate FrontPage views dé mé
Trang 30Chương 1: Tìm hiểu cách làm việc của FrontPage Task Details Created by: joan on 3/28/2001 at 3:39:01 aM Description:
View this Web site in each of the FrontPage views: Page view, Folders view, Reports
view, Navigation view, Hyperlinks view, and Tasks view IF you're reading this task, lyou've probably already done it! Hình 1-22: H6p thoai Task Details,
16 Trong hộp Assigned to, nhấp đúp hoặc kéo chuột để chọn tồn bộ mục hiện tại Sau đĩ, gán tác vụ cho chính bạn bằng cách nhập vào họ tên, tên đăng nhập
17 Đọc phần mơ tả và nghiên cứu chỉ tiết tác vụ, sau đĩ nhấp nút OK để đĩng tác vụ này lại
18 Nhấp nút chuột phải vào tác vụ Investigate FrontPage view và chọn mục Mark Complete trên menu xuất hiện (xem hình 1-23)
Cột Status (trạng thái) của tác vụ sẽ chuyén tit Not Started thanh Completed
@ Bạn cĩ thể hiển thị các tác uụ đã hồn thành trước đây bằng cách nhấp nút chuột phải uào óng nền của danh sách tác vu vad
sơu đĩ chọn mục Show History tit menu léi tắt xuất hiện
19 Nhấp đúp vào tác vụ cĩ tiêu đề Finish the book để mở nĩ
20 Đọc phần mơ tả và nghiên cứu chỉ tiết tác vụ, sau đĩ nhấp nút OK để
Trang 31Chương 1: Tìm hiểu cách làm việc của FrontPage FdierUe (Gl © CAfpsbelLnderstanding|s 5C mvae @ GQ mages Be Products BD aesses tem | cofrmation ten By contact ten đầnon Bi feesbacktem GB index.htm “SÄ) neothy specsk: Hm BD preset BD products hem Tek Ce Finish the book ‘Step by St _ High
Hinh 1-23: Dắnh ddu hoan thanh céng viée
Kham pha trang Web đã cĩ
Một Website bao gồm nhiều trang Web riêng biệt Khi phát triển một Website, bạn sẽ làm việc với từng trang và với cấu trúc s¿e tổng thể Khi muốn chỉnh sửa một trang là thành phần của Website dựa trên
FrontPage, ban cần phải mở si/e đĩ trong FrontPage trước, rồi mới mở
trang cân chỉnh sửa Điều này tránh khả năng bạn cĩ thể làm thay đổi
trang và sau đĩ ngắt nĩ ra khỏi phần cịn lại của sie Nĩ cũng dam bao rằng các thay đổi được thực hiện cho từng trang sẽ được phản ánh đầy đủ
trên toan bé site
Nếu FrontPage là trình soạn thảo HTML mặc định, bạn cĩ thể
@ mở từng trang Web phía ngồi nĩ bằng cách nhấp đúp uèo tên
tap tin trong Windows Explorer Tuy nhién, néu FrontPage khơng phải là trình soạn thảo mặc định, uiệc truy xuất uà làm thay đổi tập tin một cách riêng rẽ phía ngồi FrontPage cĩ thể dẫn tới hư hỏng cho Website Để thiết lập ProntPage là trình soạn thảo HTML mặc định, bạn hãy nhấp Yes khi được yêu cầu trong lúc khởi động FrontPage
Các tác vụ tạo và chỉnh sửa trang được thực hiện trong chế độ thể hiện
Page Chế độ này hiển thị trang hoặc các trang trong cửa sổ soạn thảo
Trang 32
Chương 1: Tìm hiểu cách làm việc của FrontPage
cho các trang đang mở Bạn cĩ thể mở một trang đã cĩ bằng cách nhấp đúp vào nút trên tab Web Site Tab nằm ở đầu mỗi trang thể hiện tên tập tín của trang Nếu cĩ nhiều trang đang mở, bạn cĩ thể chuyển sang trang khác bằng cách nhấp vào tab của nĩ hoặc bằng cách nhấp vào tên
tập tín trên menu Window
Q Để xem thơng tin uê tồn bộ site uà truy xuốt chế độ hiển thị
Folders, Remote Web Site, Reports, Navigation, Hyperlinks , bạn chỉ cần nhấp véo tab Web Site ở đầu của cửa sổ soạn thảo trong chế độ hiển thi Page
Chế độ hiển thị Page cung cấp bốn cách khác nhau để xem trang Web
Ơ Design hiển thị trang Web giống như khi nĩ xuất hiện trong trình duyệt, ngoại trừ các hướng dẫn thiết kế bổ sung, như chỉ báo đường
biên dùng chung và các đường nét của bảng, ơ Bạn làm việc chủ yếu với ơ này khi tạo các trang Web
Ơ Code hiển thị mã lệnh HTML ẩn phía sau trang Web Các phần tử
được tơ màu để giúp bạn dễ dàng phân biệt văn bản và nội dung với mã lệnh xung quanh, Mỗi dịng lệnh đều được đánh số Các thơng báo
lỗi thường tham chiếu đến số dịng trong mã lệnh HTML để bạn cĩ thể nhanh chĩng phát hiện ra vấn đẻ
- © Split déng thai hién thị chế độ Design và chế độ Code Việc chọn
một phần tử trang trong chế độ Design cũng sẽ đơng thời chọn phần
tử tương ứng trong chế độ Code, vì thế bạn khơng cần phải cuộn qua
mnã lệnh để tìm những gì mình muốn
-_ Ơ Preview hiển thị trang Web giống như thực tế nĩ xuất hiện trong
trình duyệt Web Các liên kết và phần lớn các phần tử trang sẽ được
kích hoạt trong chế độ hiển thị này
Phần lớn người dùng FrontPage thực hiện cơng việc thiết kế trang trong ơ Design vì nĩ cung cấp giao điện làm việc đơn giản nhất
Trong bài thực hành dưới đây, bạn sẽ mở một trang Web trong chế độ
thể hiện Page và quan sát trang trong những ơ khác nhau
Chúng ta sẽ tiếp tục làm việc với Website GardenCo trong bài thực hành
này
Trang 33
Chương 1: Tìm hiểu cách làm việc của FrontPage
2 Trong hộp thoại Open Site, duyệt đến thư mục chứa các tập tin thực hanh (Understanding), nh&p GardenCo và tiếp đến là nhấp Open Website sẽ mở ra trong FrontPage với Folder List được hiển thị
Nếu Folder List khơng được hiển thị, bạn hãy nhấp uào Folder
List trén menu View để làm hiển thị nĩ
3 Trong Folder List, nhấp chuột phải vào tập tỉn confact.htm và sau đĩ
nhấp vào Open trên menu lối tắt xuất hiện
Biểu tượng tập tin sẽ thay đổi thành dạng trang Web đang mở và tập tin sẽ được mở ra trong cửa sổ soạn thảo của chế độ hiển thị Page (xem hình
1-24) Các nút Folder List và Navigation xuất hiện ở cuối của vùng
Folder List Ban c6 thé nhấp vào các nút này để chuyển qua lại giữa
Folder List va Navigation Pane Tab Website Bi In HN =——=" đi cecsks tem Seattle, WA 10101 Phone: (204) 55-010 | Fax: (206) 595.0101 [— Tùy chon
om yl rem nae cho việc
sot Eco Greve [8 xem trang
Hình 1-24: Trang Web mở trong chế độ hiển thị Page
Ở đầu của cửa sổ soạn thảo, các tab sẽ xuất hiện cho Website hiện tại và
trang Web đang mở Bạn cĩ thể sử dụng bốn nút ở cuối vùng soạn thảo để chuyển qua lại giữa các chế độ thể hiện của trang Web này
Trang 34Chương 1: Tìm hiểu cách làm việc của FrontPage Normal Trebuchet MS 3 (1200 THE GARDEN COMPANY 2 ——— Ỉ [ Đồ họa }
Be | (eset esse fel roe ta contact svi foc or emai 2ehousa | nding
ieee” | Sere eee tow ere dng curr! | ang bin tren na Monday - Friday 9:00pm 9:00pm s{ dùng chung
SB socits tom | Saturday 10:00pm - 7:00pm 1 ‘Sunday 11:00pm - 5:00pm | Bang nhing Questions about our products and services? E-mail info@Ga Want to join our team? E-mail = n a iti aii:
Liên kết thư điện tử
Hinh 1-25: Trang Web contact.htm
Trang Web này cĩ các đường biên dùng chung ở đầu và phía trái của nĩ
và được thể hiện bằng đường nét chấm
Các đường biên dùng chung này sẽ xuất hiện trên mọi trang Web của Website và chứa cùng thơng tin, cung cấp cho sie một dạng thể hiện nhất quán Đường biên dùng chung phía trên trang của s¿e này chứa một
lơgơ của cơng ty và tiêu để trang hoặc biểu ngữ trang Đường biên dùng chung bên trái chứa một thanh liên kết hiển thị các liên kết dạng đồ họa mà bạn cĩ thể nhấp vào để nhảy đến các trang khác trong site
Vùng nội dung ở khoảng giữa của trang chứa văn bản, một đổ họa, một
bảng và hai liên kết thư điện tử
ð Hãy nhấp vào nút Code ở cuối của cửa sổ soạn thảo trong chế độ thể hiện Page để chuyển sang ơ Code như hình 1-26
6 Tim timg phan van ban trong mã lệnh của trang và nghiên cứu các mã lệnh HTML bao quanh Bạn hãy thử xác định mã lệnh dùng để
Trang 35Chương 1: Tìm hiểu cách làm việc của FrontPage ss [MỊ? © Microsoft FrontPage - C:\fpsbsWnderstanding\GardenCo\contact him BY) <p><e>Pone:</> (206) $55-0100<bm> Bh co>rex:</u> (206) 585-0101</p> “tprotate.class” codebs -amagel” val ren 'TrontPege.E41tọc.00<uaentf2
pceiuzee"Content-Type” contant="text/Btal? charset=vindows-1252"> ntact Usc/title> iserovore Thee” cont
defauie”>
Trang 3636 Chương 1: Tìm hiểu cách làm việc của FrontPage 7 Nhấp vào nút Split để chuyển sang ơ Split O Split sẽ thể hiện trang
Web ở cả hai chế độ Design và Code (xem hình 1-27)
8 Nhấp vào nút Preview để chuyển sang ơ Preview (xem hình 1-28) Felder ust, i |È2 cWpsLneessmdnne SG phác @ B maoes BG Products axeene — ŠŸ toa hơn non BD feed The Garden Company is located at 1234 Oak Street, Seattle, WA 10101 Phone: (206) 555-0100 Fax: (206) 555-0101 Hình 1-28: 6 Preview thé hién trang giống như khi nĩ được mở trong trình duyệt 9 Nhấp vào các nút liên kết ở thanh liên kết để chuyển qua trang Web khác
10 Khi bạn đã hồn tất việc xem xét trang Web, hãy nhấp nút Close ở gĩc trên phía phải của cửa sổ soạn thảo trang để đĩng tập tin lại
Đĩng Website GardenCo Nếu bạn khơng tiếp tục, hãy thốt khỏi FrontPage
Tìm hiểu các khái niệm Website của FrontPage Phan nay sé để cập đến các loại sửe cĩ thể được phát triển với
FrontPage và các yêu cầu hệ thống cần thiết để tận dụng hết ưu điểm
Trang 37
Chương 1: Tìm hiểu cách làm việc của FrontPage
C6 hai dang Website: Website dua trén dia (disk-based Website) và Website dựa vào máy chi (server-based Website)
Website dựa trên đĩa cĩ thể chạy trên máy tính bất kỳ hoặc thậm chí
trên đia mềm hoặc CD-ROM Các Website dựa trên đĩa chỉ hỗ trợ các tinh nang HTML cơ bản Nhiều (hành phân Web (Web component) mà FrontPage hỗ trợ sẽ khơng làm việc với loại Website này
Website dựa trên máy chủ sẽ chạy trên một máy chủ Web - một máy tính được cấu hình đặc biệt để &ý gửi (host) các Website Ở quy mơ nhỏ,
máy chủ cĩ thể là một máy tính cục bộ như máy của bạn hoặc cĩ thể là
một máy chủ Intranet của cơng ty 6 quy mơ lớn hơn, các máy chủ Web
dùng để đặt Website của cơng ty trên Internet thường được đặt tại những “trang trai” may chủ chuyên nghiệp, được chạy bởi các nhà cung cấp dịch vu Internet (1SP - Internet Service Provider) hoặc các cơng ty cho ky gửi Web (Web hosting company)
Phần lớn các Website được phát triển lúc đầu dưới dạng các Website trên
nên đĩa, nghĩa là chúng ta phát triển chúng trên máy tính cá nhân của
mình Sau đĩ, bạn xuất bản chúng lên một máy chủ Web trong cơng ty của mình hoặc lên máy chủ của nhà cung cấp dịch vụ
Một số thành phần Web của FrontPage (các phần tử đã được tạo sẵn để cung cấp các tính năng như thanh liên kết hoặc bảng nội dung ) chỉ
làm việc khi chúng được đặt trên trang của Website dựa trên máy chủ Một số thành phần địi hỏi trang Web hoặc se phải được đặt trên máy chủ chạy Microsoft Windows SharePoint Services
- Một số thành phần Web khác chỉ làm việc trong các Websửe dựa
trên máy chủ (server-based Website) được chứa trong máy chủ chạy FrontPage Server Extensions
- Mét sé thanh phan lay nOi dung truc tiép tir cde Website khac, vi thé
chúng địi hỏi phải cĩ kết nối Internet
Các đặc điểm quản trị máy chủ chỉ cĩ hiệu lực đối với các Website dua trên máy chủ (server-based Website) được chứa trong máy chủ chay Microsoft Windows SharePoint Services hodc FrontPage Server Extensions
Để hiển thị thơng tin cơ sở dữ liệu, site cua bạn phải được đặt trên máy chủ cĩ hỗ trợ Active Server Pages (ASP) hoặc ActiveX Data
Trang 38®
IMJ” ss Chương 1: Tìm biểu cách làm việc của FrontPage Các Website trên nên FrontPage cĩ thể chạy trên một loại máy chủ bất
kỳ, nhưng tính năng đẩy đủ của chúng sẽ khơng cĩ hiệu lực trừ khi sửe của bạn được ký gửi trên máy chủ cĩ cài dat FrontPage Server Extensions Nếu duy trì máy chủ Web của riêng mình, việc cài đặt các thành phần mở rộng máy chủ này khá đơn giản (chúng cĩ trên đĩa cài đặt Microsoft, Office System 2003) Nếu bạn đang tìm kiếm một cơng ty
để ký gửi Website của mình hoặc đã cĩ một ISP nhưng trước đây bạn
chưa hỏi xem họ cĩ cho ký gửi Website dựa trên FrontPage khéng, hay hỏi lại họ để xem máy chủ cĩ cài đặt FrontPage Server Extensions hay khéng
Các điểm chính của chương này
FrontPage là một chương trình dễ dùng cung cấp tất cả các cơng cụ
cần để phát triển Website đơn giản hoặc phức tạp
- FrontPage si dụng cấu trúc lệnh menu và thanh cơng cụ giống như các ứng dụng khác trong bộ Microsoft Office System 2003
Cac Website FrontPage bao gém nhiéu tập tin, trong số đĩ cĩ một số bị ẩn và nên được mở để soạn thảo từ trong FrontPage thay vì từ
Windows Explorer
- Bạn cĩ thể xem và làm việc với một Website từ một số chế độ thể
hiện khác nhau: Folders, Remote Web Site, Reports, Navigation, Hyperlinks va Tasks
- Một Website bao gồm nhiều trang Web đơn lẻ Cấu trúc của mỗi trang được xác định bởi mã lệnh HTML ẩn phía sau Bạn cĩ thể xem
và làm việc với mã lệnh HTML trong ơ Code hoặc ơ Split cha ché dé
thể hiện Page, nhưng phần lớn cơng việc của bạn được thực hiện trong ơ Design FrontPage cĩ thể giúp bạn tạo trang mà khơng cẩn
phải đụng đến mã lệnh HTML
Trang 39Chương 3: Tạo Website cho bản thân hoặc cơng ty Chương 2: TẠO WEBSITE CHO BẢN THÂN HOẶC CƠNG TY
Trong chương này, chúng ta sẽ:
¢ Tao mét Website mới bằng cách dùng khuơn mẫu hoặc wizard
¢ Chen va chinh sta van ban « _ Sử dụng lại văn ban đã cĩ « Binh dang van bản
¢ Chen cdc lién két
« Xem Website với tư cách người dựng ôâ Xa mt Website
Tt cả ứng dụng Microsoft Office System 2003 đều cung cấp các cơng cụ
để tạo các loại tập tin phổ biến Microsoft Office FrontPage 2003 cĩ kèm | theo nhiều khuơn mẫu (ternplate) và wizard mà bạn cĩ thể dùng để thiết
lập cấu trúc cho các loại trang Web cơ bản, thậm chí tồn bộ Website Khi sử dụng một trong những cơng cụ này, FrontPage sẽ thực hiện phần lớn cơng việc và bạn chỉ cịn phải tập trung vào nội dung cia site
Bạn cĩ thể sử dụng các khuơn mẫu và wizard cia FrontPage để tạo ra
mọi thứ từ trang Web cơ bản nhất cho đến sửe tương tác, phức tạp gồm
rất nhiêu trang Đây là các cơng cụ thích hợp để sử dụng nếu bạn là
người mới làm quen với thiết kế Web và muốn khám phá các khả năng
hoặc đang tìm kiếm cách thức nhanh chĩng để khởi đầu việc tạo một
Website thực sự
Trong chương này, bạn sẽ được dẫn dắt qua các bước để tạo một số
Website, bao gồm một sử cơng ty mà chúng ta sẽ sử dụng trong phần lớn cuốn sách này Bạn cũng sẽ được học cách nhập và định dạng văn
bản, cách xem trước một Website và cách xĩa một sie mà mình khơng
Trang 40@
wy 40 Chương 2: Tạo Website cho bản thân hoặc cơng ty
Tạo site mới bằng cách sử dụng khuơn mẫu
Cách dễ nhất để tạo một Website mới là sử dụng khuơn mẫu của
trontPage Các khuơn mẫu tạo ra bố cục cho một loại trang Web hoặc
Website nhất định, trong đĩ quy định rõ loại nội dung bạn sẽ đặt vào những nơi giữ chỗ (piaceholder) nhất định trên trang Tất cả những gì
cần làm là thay thế những phần tử giữ chỗ với nội dung của riêng mình và như vậy là bạn sẽ cĩ một trang Web hoặc Website hồn chỉnh
Để tạo một Website bằng cách sử dụng khuơn mẫu, bạn chỉ việc chọn
khuơn mẫu và xác định vị trí nơi tạo Website FrontPage sẽ tạo Website mới và áp dụng cấu trúc khuơn mẫu cho nĩ Việc bạn cịn phải làm chỉ là điền vào nội dung và tùy biến dạng thể hiện của site sao cho phù hợp với nhu câu của mình