1. Trang chủ
  2. » Công Nghệ Thông Tin

Ebook thực hành thiết kế trang web với microsoft frontpage phần 1 nguyễn trường sinh (chủ biên)

183 312 2
Tài liệu được quét OCR, nội dung có thể không chính xác

Đang tải... (xem toàn văn)

Tài liệu hạn chế xem trước, để xem đầy đủ mời bạn chọn Tải xuống

THÔNG TIN TÀI LIỆU

Thông tin cơ bản

Định dạng
Số trang 183
Dung lượng 18,69 MB

Nội dung

Trang 1

Nguyễn Trường Sinh (Chứ biên)

Thực hành thiết kế trang Web với

Microsoft

FrontPage

Trang 2

Mi 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 3

LỠ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 5

MỤ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 6

MỤ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 7

MỤ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 8

MỤ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 13

Chươ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 17

Chươ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

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 19

Chươ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 22

10 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 25

Chươ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 30

Chươ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 31

Chươ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 34

Chươ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 35

Chươ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 36

36 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 39

Chươ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

Ngày đăng: 04/12/2015, 08:00

TỪ KHÓA LIÊN QUAN

TÀI LIỆU CÙNG NGƯỜI DÙNG

TÀI LIỆU LIÊN QUAN

w