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

Giáo trình ứng dụng tin học thực hành thiết kế trang web microsoft frontpage 2000 (phần 1) nguyễn việt dũng (chủ biên)

111 287 0
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 111
Dung lượng 5,87 MB

Nội dung

Trang 1

NGUYÊN VIỆT DŨNG (Chủ biên) NGUYEN TRUONG SINH - HOANG ĐỨC HAI

yt +6zÐ

Giáo trình ứng dụng tin học

Thục hành thiết lcễ

TRANG WEB

@ NHA XUAT BAN GIAO DUC

Trang 2

LOI NOI DAU

Một kỷ nguyên mới - kỷ nguyên kỹ thuật số - đã tạo cho mọi người rất nhiều cơ hội học hỏi uà hòa nhập uới thế giới Với sự phát triển tùng ngày của công nghệ thông lin, mạng Iniernet đã làm cho thế giới của chúng ta dường như nhỏ lại uà mọi người trở nên gần nhưu hơn

Nhưng tết cả cái gọi là “xơ lộ thông tin” trên mạng Internet sẽ không trở nên phổ cập nếu khơng có các trang Web

Bạn đã xem các trang Web của mọi người để biết uê họ, uê công ty của họ, uê công uiệc uà khả năng của họ uà rất nhiều những thông tin hữu ích khác còn uê bạn thì sao? Tại sao bạn không làm các trang Web giới thiệu mình, cơng ty của mình hay cho công ty của bạn bè mình?

Nhưng thiết kế các trang Web có khó khơng cách thúc tạo ra nó cụ thể sẽ như thế nào?

Cuốn sách này được xuất bản để giúp bạn trả lời câu hỏi trên

Qua từng bài, chúng tôi sẽ cùng bạn học sử dụng chương trình

FrontPage 2000 dé thiết bế các trang Web, Web site từ cơ bản tới nâng cao Bạn hãy tin tưởng mình sẽ làm được uà để thấy rằng: tạo ra các trang Web thật dễ dàng

Nếu bạn “có duyên” uới FrontPage, có thể sau này bạn sẽ trở thành một chuyên gia thiết kế trang Web thì cuốn sách nay that vinh du

được đóng góp chút ít cho bước khởi đầu thành công của bạn

Trang 3

MUC LUC

Lời nói đầu Mục lục

Sử dụng đĩa CD Bài tập

PHAN I TỔ CHỨC VÀ TẠO MỘT WEB SITE Bài 1 Tổ chức một Web site

Tìm hiểu về World Wide Web Quản trị Web site với FrontPage

Thêm một bước nữa: Thu thập các ý tưởng cho một Web site Tham khảo nhanh bài 1

Bài 2 Tạo một Web site

Tạo một Web site sử dụng Wizard Tạo một Web site sử dụng các Web mẫu Tạo Web mới dựa trên Web đã có

Tạo một trang chủ và thêm phần văn bản

Ý Thêm, định dang và xem trước một marquee Thêm các trang Web

Chèn một tập tin vào một trang Web Thay đổi thuộc tính của trang Web

Thêm một bước nữa: Tổ chức Web của bạn

Tham khảo nhanh bài 2 Bài 3 Liên kết các trang Web

Tạo các liên kết văn bản

Tạo một liên kết đến một địa chỉ thư điện tử (e-mail) Sửa đổi các liên kết

Tạo các bookmark trên trang Web

Thêm một bước nữa: Tạo các liên kết đạng bản đồ ảnh

(Image map)

Tham khảo nhanh bai 3

Trang 4

|

Vvi_- FrontPage 2000

PHAN 2 ĐỊNH DẠNG VÀ CẢI TIẾN CÁC TRANG WEB CỦA BẠN

Bài 4 Thêm các kiểu (styles) vào các trang Web

Tìm hiểu về các Theme của FrontPage Thêm các phần tử (component) của FrontPage

Thêm một bước nữa: Sử dụng các bảng kiếu (style sheets) trong trang Web

Tham khảo nhanh bài 4

Bài 5 Định dạng trang Web

Tạo danh sách

Sử dụng bảng để bố trí, sắp xếp phần tử của trang Web Thêm một bước nữa: Tìm hiểu về các thuộc tính của trang Web Tham khảo nhanh bài 5

Bai 6: Thém Multimedia vao trang Web Sử dụng hình ảnh trong trang Web Sửa đổi các ảnh trong trang Web

Đưa các hiệu ứng âm thanh và nhạc vào các trang Web Thêm video vào trang Web

Sử dụng các bảng kiểu (style sheets) để bố trí các phần tử của trang Web

Thêm một bước nữa: Tạo các nút Hover ¡¿ Tham khảo nhanh bài 6

Ôn và thực hành phần 2

PHẦN 3 CÁC KỸ THUẬT TIÊN TIẾN VỚI WEB SiTE Bài 7: Tạo form để nhận ý kiến phản hồi của người dùng Tìm hiểu về Form

Sửa đổi Form

Gửi dữ liệu của Form đến một địa chỉ e-mail hay một tập tin Thêm một bước nữa: Tạo số khách hàng

Tham khảo nhanh bài 7

Bài 8: Sử dụng các khung (frames) Tìm hiểu về khung

: Cung cấp các trang thay thế không dùng khung

Thêm một bước nữa: Sử dụng biên dùng chung và các thanh di chuyển

Tham khảo nhanh bài 8

Trang 5

vii - Myclyc

PHAN 4 XUAT BAN VA CAP NHAT WEB

Bài 9: Xuất bản Web

Kiểm tra từ vựng trên các trang Web Xuất bản một Web

Cập nhật và bảo trì Web

Thêm một bước nữa: Dùng FTP để chép các tập tin lên

Web server

Tham khảo nhanh bài 9

Bài 10: Quản lý và cải tiến Web

Xem các báo cáo về trạng thái của Web

Quản lý các công việc với FrontPage

Cải tiến Web

Thêm một bước nữa: Sử dụng Search Engine để tìm kiếm Tham khảo nhanh bài 10

Ôn và thực hành phần 4

PHỤ LỤC A Nâng cấp FrontPage 98

Thay thế FrontPage 98 bằng FrontPage 2000 Sử dụng các Web tạo bởi FrontPage 98 trong FrontPage 2000

Các đặc điểm mới của FrontPage 2000

i 7 a 2 2 Z

PHỤ LỤC B Các đặc điểm địi hỏi phải có FrontPage server extension

Tìm hiểu các chức năng riêng biệt của FrontPage

Thay thé cho các thành phần cia FrontPage

PHỤ LỤC C Đành cho người mới sử dụng Windows PHỤ LỤC D HTML (Hypertext Markup Language

- Ngôn ngữ đánh dấu siêu văn bản)

Trang 6

Su dung dia CD Bai tap

Đĩa CD bài tập của cuốn sách này có chứa các tập tin thực hành mà bạn sẽ dùng khi thực hành các bài tập và các tập tin multimedia dùng để

minh họa 10 trong số các bài tập Tuy không nhất thiết phải sử dụng

dia CD bài tập này, nhưng sử dụng các tập tin thực hành này, bạn sẽ tiết kiệm được thời gian phải tạo lại các ví dụ dùng trong các bài học và có thể tập trung vào việc học cách thức sử dụng Microsoft FrontPage

2000 Cùng với các tập tin và các hướng dẫn từng bước một, bạn sẽ cũng học bằng cách thực hiện các cách thức đễ dàng, hiệu quả để nắm bắt và

nhớ các kỹ năng mới

Còi đặt các tập tin thực hành

Thực hiện các bước sau để cài đặt các tập tin thực hành lên ổ cứng trên

máy của bạn và sau đó dùng chúng trong các bài tập thực hành trong

cuốn sách này

1 Nếu máy tính của bạn chưa được khởi động, hãy khởi động nó lên 2 Nếu máy của bạn đã kết nối mạng, bạn sẽ thấy một hộp thoại hỏi

ban về tên đăng ký và mật khẩu truy cập mạng

3 Nhập tên đăng ký và mật khẩu vào các ô tương ung va click OK

Bạn sẽ thấy hộp thoại Weleome xuất hiện, hay click nut Close

4 Đưa đĩa CD-ROM vào ổ CD-ROM trên máy tính của bạn Trong folder My Computer, double-click vao biểu tugng 6 CD-ROM

Cửa sổ của chương trình cài đặt sẽ xuất hiện cùng với một số tùy chọn để nghị được chọn sẵn Để có được kết quả tốt nhất trong việc sử dụng các tập tin thực hành trong cuốn sách này, hãy chấp nhận các thông số đã được chọn sẵn này

5 Khi các tập tin đã được cài đặt, lấy đĩa CD-ROM ra khỏi ổ CD-ROM Một folder có tên FrontPage 2000 SBS Practice được tạo ra trên ổ

cứng của máy bạn và các tập tin thực hành được đặt trong folder đó

Sử dụng cóc lộp tin thực hành

Mỗi bài học trong cuốn sách này sẽ giải thích rõ ràng khi nào và làm

Trang 7

x > FrontPage 2000

sự, vì thế bạn có thể dễ dàng áp dụng các kỹ năng mà bạn học được

vào công việc của riêng bạn Đối với kịch bản trong cuốn sách này, hãy tưởng tượng bạn là một nhân viên thừa hành trong một hãng quan hệ cộng déng nhé, hang Impact Public Relations Hang nay chuyén vé thiét kế multimedia, bao gồm quảng cáo qua in ấn, phát thanh và truyền hình cho các công ty cỡ vừa

Chú ý: Bạn không nhất thiết phải thực hiện các bài tập trong cuốn sách này một cách tuần tự Tuy nhiên, trước khi bạn có thể thực hiện các bài tập trong bất kỳ bài học nào, bạn cân phải thực hiện bài tập “Import the Web Lesson” trong mỗi bài học để tạo ra VWeb thực hành cho bài học đó

Sử dụng cóc tệp tin Multimedia

Trong suốt cuốn sách này, bạn sẽ thấy những biếu tượng của các tập tin

video cho các bài tập đặc biệt Sử dụng các bước dudi day để sử dụng các tAp tin multimedia nay

1 Dua dia CD-ROM Bai tap vao 6 CD-ROM trén may cua ban 2 Từ thanh công việc của Windows, click nit Start, chon Programs

và sau đó click vào mục Windows Explorer

3 Trong vùng All Folders, click biểu tượng 6 D (ổ đĩa CD-ROM / tên ổ đĩa CD có thể khác đi tùy theo máy tính của bạn)

Nội dung của đĩa CD-ROM hiện ra

4 Trong vùng Contents Of, double-click vào folder Multimedia

Folder Multimedia dugc mé ra

5 Double-click vao tap ‘tin multimedia ban cén xem

Chuong trinh Windows Media Players sé trinh dién doan video cia

bài tập đó

Sau khi kết thúc video, click vào nút Close ở góc trên bên phải của cửa số Media Player

Cửa sổ Media Player đóng lại và bạn lại quay về với Windows

Explorer

Đóng Windows Explorer và trở iại với bài tập trong cuốn sách này

Trẻ lời cho các thông điệp cịi đặt

Có thể bạn sẽ gặp một thơng điệp nói răng cái mà bạn dang cố gắng sử dụng chưa được cài đặt Nếu bạn bắt gặp thông điệp này, hãy đưa đĩa

CD-FrontPage 8000 hay CD Mierosoft Office 2000 vao 6 CD-ROM va click

Trang 8

PHAN 1 10 CHUC VA TAO MOT WEB SITE

Tổ chức một Web site

Trong bài này bạn sẽ học: e Tổ chức một Web site e khởi động FrontPage

e Xem một Web site theo nhiều cách thức khác nhau e Mở và đóng một trang Web

Hãy tưởng tượng rằng bạn là một nhân viên của Impact Public Relations một hãng quan hệ cộng đồng luôn di đầu trong việc sử dụng Internet đí giới thiệu khách hàng của mình Bạn vừa được giao công việc vô' cùng

quan trọng : giới thiệu về Lakewood Mountains Resort, một điểm ngh

mát nổi tiếng của California Công việc đầu tiên của bạn là tạo một Wel site để nêu rõ các đặc điểm nổi bật của nơi nghỉ này

Có một khúc mắc nhỏ Bạn đã từng truy cập World Wide Web, nhưni

bạn khơng hiểu nó hoạt động như thế nào Và ý tưởng tạo một Web site đặc biệt với việc miêu tả mới có tính quyết định - là một thách thức Tuy nhiên bạn thật may mắn Một nhân viên của hãng kế cho bạn vị

một công cụ làm Web có tên là Microsoft FrontPage 2000, va sắn san;

giúp đỡ bạn trong việc nắm bắt công cụ này :

Trong bài này, bạn sẽ học cách thức hoạt động của Web và các tran,

Web cấu thành Web site như thế nào Bạn cũng sẽ học làm thế nào đ tổ chức một Web site cho riêng bạn cùng với các liên kết Cuối cùng, bạ,

Trang 9

2 - PHANI.Té chic va tao mét Web site

Tim hiéu vé World Wide Web

World Wide Web (hay Web) làm cho việc sử dụng Internet - một mạng

máy tính tồn cầu được tạo ra vào cuối năm 1960 - trở nên dễ dàng Ban đầu, bạn cần phải học nhiều lệnh - không chỉ để sử dụng Internet mà còn dùng để thu thập dữ liệu từ các máy bạn đã kết nối Nếu bạn muốn lấy dữ liệu từ một máy tính sử dụng hệ điều hành UNIX, bạn cần phải biết các lệnh về UNIX, Để nhận dữ liệu từ các máy tính VAX sử dụng hệ điều hành VMS, bạn cần phải biết các lénh vé VMS Internet đã hoạt động, nhưng việc sử dụng nó vẫn cịn khó khăn

Vào năm 1992, Tim Berners-Lee và một số nhà nghiên cứu khác đã đưa ra Web, cho phép bạn "duyệt” Internet mà không cần phải biết các lệnh phức tạp Trong những năm tiếp theo, các trình duyệt Web như Microsoft

Internet Explorer đã làm cho Web ngày càng mạnh hơn và dễ dùng hơn Chú ý : Trong cuốn sách này, bạn sẽ gặp từ Web được dùng theo hai nghĩa khác nhau Thông thường, Web đề cập đến World Wide Web Tuy nhiên, nó cũng có thể đê cập đến Web dựa trên FrontPage, một tập các trang VWeb mà bạn tạo ra bằng FrontPage Ngữ cảnh sẽ giúp giải nghĩa Web có nghĩa gì tuỳ từng trường hợp cụ thể

Chìa khóa của việc tạo Web là siêu văn bản, một phương pháp liên kết

các khối thay các "trang", dữ liệu với nhau, đã được nói đến từ những

năm 1960 Tuy nhiên, chỉ cho đến những năm 1990, khi mà Bernes-Lee và các đồng sự của ông áp dụng khái niệm siêu văn bản với Internet bằng cái gọi là HTTP (giao thức truyền siêu văn bản), World Wide Web coi như được khai sinh

Ngày nay có hàng triệu Web site Bạn có thể truy cập thông tin theo nhiều chủ để khác nhau, bạn cũng có thể điều hành công việc thông qua Web và thậm chí, bạn có thể học về Web và các công nghệ liên quan

Tìm hiểu về trang Web và HTML

Trang 10

BAI Té chic mot Website - 3 Các thẻ HTML cịn có nhiều vài trị hơn ngồi việc định dạng văn bản và hình ảnh Ví dụ, các siêu liên kết giúp cho trình duyệt xác định vị

trí của các trang Web khác trên Internet và thể hiện nó trên màn hình của bạn Các khóa của một trang Web điển hình và trang Web tương ứng

được thể hiện trong các hình 1-1 và hình 1-2

Bắt đầu hồ sơ HTML

gt aa

Bat dau

phan

théng

tin dau chai

trang <tatleyên the Toon</eather <aeta none "GENERATOR" content«"Hicrowofe FrontPage 4.0°>

Kết thúc phần ¬- ` simone

thông <body>

tin Khi>0n che Townc/hi>

đầu

tran, <gocew<ateongp Lakewood Mountains Resort iz locates on the outskirts of Beewhon,

8 California, one of amy historic gold-aining tovus eateblished an the lệch century, The teunspeople are warn and friendly You'll be able to coubine sightseeing with shepping.</stconc Bắt đâu fe berderz”0^ wšdth+“100%” height”8507>

bảng 348" heLghe=”1BI Sưec“Einda11101.3pg" widthe"247" heaght=^l62“ eIt=2indm)

(table) ded wiđchz"66A" heighee”1BL Visit the original Exevhon Power Plant, which

genecaced electricity for Guring the Coliterma gold cush The power pleat wes Bat dau ¢ eft Seuackea by Don Quixote during bis cquotriaerican peciod equots</stcongo</ew></ed>

mét hang <u tfong

bang

Tập tin ảnh được chèn vào ơ bảng

Hình 1-1!

Ngày nay, nhiều trang Web sử dụng các script được tạo với các ngôn ngữ như Microsoft VBScript và Javascript Những "tiểu chương trình" này được nhúng vào các trang Web để điều khiển việc định dạng, hình ảnh và các thủ tục thể hiện đa phương tiện giống như bất kỳ một ngơn ngữ lập

trình nào Một cách thức mới và tiên tiến hơn là sử dụng HTML động

(DHTML) Với DHTML, bạn có thể tạo ra các hiệu ứng khác nhau và các

ảnh động đơn giản

Như vậy, bạn có cảm giác bị chìm ngập bởi HTML và các tùy chọn của

Trang 11

4 - PRANE-Téchéeva taomét Web site

để thực hiện bat ky diéu gi ma thông thường bạn phải làm với script hay DHTML Bạn vẫn có thể viết HTML, seript, hay DHTML nếu bạn muốn, tuy nhiên điểu này không thật cần thiết

On the Town

Lakewood Mountains Resort is located on the outskirts of Erewhon, California, one af masy historic gold-mining towns established in the 19h century The townspeople are warm and Friendly You be able to combine sightseeing with shopping

Visit the original Erewhan Power Plans, which

"generated electricity for miners during the Galiforaia ‘gold rush The power plant was attached hy Dow Quixote

during his "American period."

Hormal { HTM { Provan 7 bc

Hinh 1-2

Gợi ý Ý Cuốn sách này chỉ dẫn cho bạn cách thức tạo một Web site trên

Internet Bạn cũng có thể dùng nó đế tạo Web site trên Intranet - một mạng hoạt động giống như Internet nhưng được giới hạn trong phạm vi một công ty hay một tổ chức

Trang Web và Web site

Trang 12

BÌN.Idghúcmộtllebste - 8

khác Các liên kết này có thể là các site cùng trên một máy tính hoặc cũng có thể nó nằm trên một máy tính khác đâu đó trên thế giới Một tố chức tiêu biểu cho một Web site được thể hiện như hình 1-3

¬ a

og I eT Tots T iE The

i ame [ies Reeeee ) khang) ‘oration }! - Me 1 cont

Hinh 1-3

Trang chủ là trang nằm trên cùng, với các trang liên kết nằm ở hàng phía dưới Thơng thường các trang nằm đưới trang chủ - được gọi là các "trang eon" của trang chủ - có các liên kết đến các trang Web khác trong cùng Web site, cũng như liên kết để quay về trang chủ Về tổ chức, các

trang Web con thường có các liên kết đến các trang Web khác dưới nó Một Web site sẽ được bố trí trên -một máy chủ Web, một máy tính được

dùng để cung cấp các trang Web cho những người truy cập (Tuy nhiên,

với FrontPage, bạn có thể tạo Web site của bạn ngay trén may cua ban

và sau đó đưa lên máy chủ khi mọi việc đã hồn tất) Thơng thường, máy chủ Web được kết nối với Internet Nhiều công ty và tổ chức đang

thiết lập các máy chủ Web trên Intranet Những máy chủ Web nội bộ

này rất lý tưởng cho việc đặt các Web về các dự án hoặc các dữ liệu nội bộ khác cần được chia sẻ cho các thành viên lãnh đạo khác: Một số trang

Web của Intranet có thể được công bổ rộng rải cho mọi người, còn một số trang Web khác lại chỉ có thể truy cập bởi các thành viên trong cùng công ty hoặc tổ chức mo

Chon máy chủ Web

Trước khi thiết lập một Web site cho khách hàng của bạn, ví dụ Lakewood Mountains Resort, bạn cần phải tìm vị trí để đặt máy chủ Web

Trang 13

6 - PHANI.Té chic va tao mét led site

Dù bạn chọn là thuê không gian hay thuê một máy chủ riêng biệt, bạn

vẫn phải trả lời cho câu hỏi: "Bạn có cần FrontPage Server Extensions

khơng?" FrontPage có nhiều đặc điểm giúp bạn trong việc tạo các Web

site sôi động và đưa nó lên Web với các nỗ lực tối thiếu Nhưng một số

ISP và dịch vụ cho thuê không gian đặt Web khơng có phần FrontPage Server Extensions Một số ISP có phần này cho các tài khoản Internet dùng cho doanh nghiệp, tuy nhiên lại khơng có đối với các tài khoản cá nhân rẻ tiển hơn

Vi thé, ban cé thé chon cdc Web host (nơi cho th khơng gian đặt Web) có hỗ trợ FrontPage ở đâu? Tất nhiên là trên Web Hãy vào site Microsoft 's

Web Presence Provider theo địa chỉ microsoft salt- mine.com / FrontPage /wpp/list/ dé xem danh sách các ISP vA Web host

có hé trg FrontPage Server Extensions

Tổ phức một Web site

Hãy giả sử rằng bạn đã tìm được một chỗ cho thuê không gian đặt Web

có hỗ trợ FrontPage Server Extensions Bây giờ bạn cần phải quyết định

đưa vào Web site những gì để giới thiệu với khách hàng của bạn Đầu

tiên bạn phải xác định mục đích của Web site Trong trường hợp của

Lakewood Mountains Resort, có hai mục đích chính:

- Cung cấp các thông tin về nơi nghỉ cho các khách hàng - Cho phép khách hàng đặt phòng thông qua Web

Di nhiên, các Web site cịn có nhiều mục đích phụ nữa Một Web site có

thể cung cấp các hỗ trợ kỹ thuật về một sản phẩm máy tính Một Web

site khác có thể có một catalog và cho phép khách hàng đặt hàng thông

qua Web Mục đích của một Web site sẽ xác định việc thiết kế và các trang nó cân phải có

Cũng giống như các Web site khác, Web site về nơi nghỉ ngơi cũng sẽ bắt đầu với một trang chủ Từ đó, nó cần ít nhất một trang Web cho mỗi điểm bán vé Nhờ đó mà khách bàng có thể đặt phịng thơng qua Web, Web site cũng cân có một form để khách hàng có thể điển vào tên, địa chỉ và thơng tin đặt phịng

Bạn gọi cho quản lý nhà nghỉ để khảo sát các điểm chủ chốt của nhà nghỉ Bạn hoàn tất với một danh sách các chủ để ứng với từng trang Web

Trang 14

Bilt: Té chic mptiWebsite - 7

- Thị trấn với cảnh đẹp gần nơi nghỉ

- bịch sử muôn màu của nơi nghỉ cùng đội ngũ phục vụ

Dựa trên thông tin này, bạn hoàn tất một sơ đỏ cho Web site của bạn như hình 1-4

TT

Hình 1-4

Bây giờ đã đến lúc bạn đặt câu hỏi làm thế nào để các trang liên kết lại với nhau Câu trả lời rõ ràng là "bằng các liên kết", và trontPage sẽ giúp bạn sử dụng các liên kết theo một vài cách thức khác nhau Bạn có thể đặt tất cả các liên kết trên trang chủ, hoặc, nếu bạn quan tâm nhiều về kỹ thuật, bạn có thể dùng một thanh di chuyển, một trong những đặc điểm đặc biệt của FrontPage Bạn cũng có thể tạo một bản đề ảnh - một

ảnh trên đó có những "điểm nóng", hay các liên kết với một hình ảnh, mà ngửời dùng có thể click vao dé mé một trang mong muốn

Đồng nghiệp của bạn đưa ra một giải pháp tương đối đơn giản: sử dụng

khung có menu Một khung là một ô làm việc độc lập với ơ chính Một khung luôn được thể hiện thậm chí khi người dùng chọn các liên kết khác nhau để mở các trang Web khác nhau trong ô chính Khi người dùng di chuyển xung quanh Web site, các trang được thể hiện trong khung bên phải, trong khi một menu với các liên kết vẫn giữ nguyên trong

khung bên trái Sau khi xem xét các yếu tố này, bạn quyết định sử dụng khung trong Web site của bạn

Quan tri mét Web site vdi FrontPage

Trang 15

& - PARI Téchdcua tao met Ueb site

Thanh Views Danh sách Folder Phần thể hiện trang

la Si CWywedee)

so + On the Town

Boat bins inp

{9 Chnamnioa |] Lakewood Moiensedns Resort is located on tke outshirés of Erowhon, {B] Coleeshoo s:4] California, one of many historic gold-mining towns established in the 19k Ì

{Bi Concmaion || comisury, The unenspeophe are warm amd friendly You Ube able to combine 2 CamsgcMm LẮ|, sighiseeing with shopping

ban

goi nao, The pơtmer gland was jattacked by Don Quixote during

Các thẻ che phép ban xem và soạn thảo tập tin hiện hành theo các cách khác nhau

Hình 1-5 i

Trong FrontPage, ban c6 thé xem mét Web theo nhiều cách khác nhau Thanh Views thể hiện các biểu tượng cho phép bạn xem và sửa đổi Web site của bạn

Biểu tượng Tên Mô t

6 Folders ica Reports Navigation

Thể hiện danh sách các folders và các tập

tin trong Web hiện tại

Thể hiện danh sách các report về cáo khía cạnh khác nhau của Web, như là số tập tin liên kết, các liên kết bị đứt, và số các trang

- "chạm" ghái tân đến hờn 30:6lây để tôi xuống'

máy tính của bạn trên đường kết nối 28.8 kbpa

Thể hiện một sơ để dạng cây của Web hiện tại xà làm cho :Folder,List thé hiện, đanh

sách các folder, và tập lan có trong Web

Trang 16

BI 16 chic mot Website: ~2 9 Biểu 1ượng Tên Mô tả

Tasks Thể hiện danh sách các công việc cần phải làm cho Web hiện tại Khi bạn sử dụng một vai Wizard dé tao Web, FrontPage sé tao ra một danh sách công việc Bạn cũng có thể

thêm vào các công việc của riêng bạn,

Page Thể hiện một trang Web để xem hay sửa đổi Hyperlinks Thể hiện một sơ để các liên kết vào và ra

của trang hiện tại

Folder List thể hiện tất cả các folder và tập tin có trong Web hiện tại, trong khi trang Web được chọn được thể hiện trong chế độ xem Page Ở đáy của màn hình, thanh trạng thái thể hiện thông tin về trang hiện tại hoặc thao tác hiện tại Ví dụ, khi một trang được thể hiện trong chế độ xem Page, thanh trạng thái sẽ chỉ ra thời gian tải xuống thống qua đường kết nối 28.8 kbps

Chuẩn bị bài thực hành bài 1

Trong bài tập này, bạn sẽ tạo một Web mới dựa vào các tập tin trong thư muc Lesson01 trong thu muc FrontPage 2000 SBS Ban sé ding Web

này cho các bài tập trong bài hoc 1

1 “Từ thanh công việc của Windows, click nút Start, chọn Programs

và sau đó click vào mục Microsoft FrontPage

FrontPage sé khdéi dong

2 Trén menu file, chon muc New va sau d6 click vao Web

FrontPage sẽ hiển thị một hộp thoại New như hình 1-6

6j đi sỊ SỊ

A] Emobyeeb — lmpgAlk/eb Posonagieb PhoealWeb ‘Wierd

Trang 17

40 - PAANI Té chic vataomot Web site

3 Click vao biéu tugng Import Web Wizard Trong 6 Specify The Location Of The New Web, xéa đoạn văn bản ngâm định va nhập vào c:\My Webs\Lesson01 và sau đó nhấn nút OK

FrontPage hién thi hép thoại Import Web Wizard đầu tiên như

hình 1-7 | Hình 1-7

4 Click vào tùy chon From A Source Directory Of Files, click vao hép ¿kiểm Include Subfolder va sau 46 click vao nut Browse

5 Chon thư mục Lesson01 trong thư mục FrontPage 2000 SBS Practice, va sau d6 click OK

6 Click nut Next hai lần, và sau đó click nút Einish

FrontPage tạo một Web mới dựa trên các tập tin thực hành và đặt ching trong thu muc Lesson01

Tìm hiểu các chế độ xem khác nhau của FrontPage

Trong bài tập này bạn sẽ khám phá một số chế độ Web xem khác nhau 1 Nếu Web của bạn chưa ở chế độ xem Page, hãy click vào biểu tượng

Page trên thanh Views

2 Trong Folder List, double-click vao tap tin Welcome.htm FrontPage sé hién thi trang Web Welcome nhu hinh 1-8

3 Click vào thẻ HTML ở phía dưới của cửa sé FrontPage FrontPage sé hién thi ma HTML của trang Web hién tai 4 Click vào thẻ Preview ở phía dưới của cửa sổ FrontPage

Trang 18

Bail Té chic mat Web site - 44

150] Bryant's Gap Trail, Frewhon, CA 94501

Welcome te Lakewood Mountains Resort, your luxury vac

Calf 1-800-555-3411 today! Hinh 1-8

5 Trên thanh View, click vào biểu tượng Folder

ErontPage hiển thị một danh sách tất cả các folder va tập tin trong hình 1-9

Web hiện tại như

‘ (BrrontPegelog FrortPageLoge of d|6esewee - Geosvpo Habo, loan ng HHatay andPenenosl Lakewood Home Page Litehourieg

ÍĐ]Locseonhem — Location

Đ]Leeaenim — Loealeapg TỂMam kiểng Mai bưidngpo

ÑjMasoerpg — Menageciog 2) Menuhin Men

Orbe On the Tome

[Beat eg Poll pg

JD} Recieaibin Reoesen IB} Rcomes hin Rlocerve & oon

Trang 19

42 - BHAI Té chic va tao mot Web site

6 Trên thanh View, click vào biểu tượng Report

FrontPage sẽ hiển thị một danh sách các báo cáo về Web hiện tại (xem hình 1-10)

Fiet in the Re Web hat carol be reached by lating fam yout hone PRO Flies in th convert Web that can be reached by stating rom your hove page | Pagasin the inert Web exceeding on sxtinated download ine of 30 socends at 288, Flas i the Guperu Web ihat have not been moked i over 72 days

Fins hr the cuapari Web that have been created inthe lat 30 daye ‘Al typotieks ‘Hyperinks pointing to uncentrmed inthe congrs Web target iec

Hypesinis pointing to unavashe target Res Hyped poling 1 fies outside ofthe curent Web Hyperirks pointing lo other es within he curert Web

Files in the curr Web wth companents repating en cước “Tacks in he cumeel Web thal art rot yet marked completed Themes ithe curveri Web thet are nat apphed 9 ary fe

Hinh 1-10

7 Trén thanh View, click vao biéu tugng Navigation

Thông thường FrontPage sẽ-hiển thị một sơ đô phân cấp về Wel hiện tại Tuy nhiên, do bạn chưa tạo bất kỳ trang Web nào ch nên chưa có sơ đổ phân cấp

8 Trên thanh View, chíck vào biểu tượng Hyperlinks

FrontPage sé hién thi sơ để các liên kết đến trang và đi từ trang (xem hình 1-11)

Index hi -

Hình 1-11

Trang 20

Bill Téchdem@tlet'site - 48 Tìm hiểu về, các folder cia FrontPage

Khi ban cai dat FrontPage 2000, nó sẽ tạo một folder duge goi la “My

Webs" Đây là folder ngâm định mà trong đó FrontPage sẽ chứa bất ky Web nào mà bạn tạo ra Mỗi Web bạn tạo ra sẽ có một folder con trong

folder My Webs, trong dé FrontPage sé chia cdc tap tin của riêng Web đó

Foider Giải thích

Folder chinh Folder ngầm định cho các tập tin Java, trang Web, hinh anh

_private FrontPage chứa các tập tin dùng để tổ chức và quản lý Web của bạn trong folder này Bạn không nên đụng đến folder này Images Bạn có thé di chuyển các tập tin hình ảnh vao folder nay néu bạn muốn Nếu bạn có số lượng tập tin hình ảnh lớn, việc này sẽ giúp cho folder chính của bạn đỡ bị lộn xộn

Ngoài ba folder mặc định này, bạn có thể tạo các folder của riêng bạn

để lưu giữ các tập tin khác nhau hoặc phân nhóm các tập tin

Tạo một folder

1 Trên thanh Views, click vào biểu tượng Folder

2 đrên menu File, click New va sau dé click Folder

3 Xóa tên folder ngầm định, nhập vào tên mong muốn và an phim Enter Bạn có thể tạo một folder mới vì bất kỳ mục đích gì Chỉ một điều bạn cẩn phải nhớ là phải tạo dùng FrontPage chi không dùng Windows Explorer để di chuyển các tập tin vào các folder này Khi bạn dùng FrontPage để di chuyển các tập tin, các liên kết với các tập tin này sẽ

được cập nhật tự động

Đóng và mở lại một Web

Trong bài tập này, bạn sẽ đóng và mở lại Web Lesson01 1 Trên menu File, click Close Web

FrontPage sé déng Web Lesson01 2 Trén menu File, click Open Web

Trang 21

Hinh 1-12

3 Nếu cần thiết, chọn Web Lesson01 trong folder My Webs

4 Nếu cần thiết, trong danh sách tập tỉn, click vào folder Lesson01 5 Click nút Open

FrontPage sẽ mở Web

6 Trên thanh Views, click vào biểu tượng Page, và sau đó click vào

Folder List, double-click vao tap tin History.htm

FrontPage sé hiéu thi trang History va Personel Web

Thêm mét buéc nia: Thu thap cac y tưởng cho

một Web site ,

Ban đang có ý định dùng khung trong Web Lakewood Mountains Resort, nhưng bạn thích có nhiều ý tưởng để cải tiến Web của bạn Đồng sự của bạn cho rằng nơi tốt nhất để xem xét chính là Web của bạn

Vị trí đầu tiên và hiển nhiên nhất để xem là site FrontPage Web của chính Microsoft ở địa chỉ www.microsoft.com/FrontPage Một site khác là Builder.com của CNet 6 dia chi www.builder.com Site nay có các bài về thiết kế Web, HTML, viết seript và nhiêu chủ để khác về Web

Cuối cùng, bạn cần phải lướt trên Web để xem càng nhiều trang Web càng tốt Ý tưởng có khắp mọi nơi, miễn là bạn đừng sao chép nội dung Web site của một ai đó, cịn ý tưởng là tự do Bạn thường

sẽ bắt gặp

Trang 22

BÌ!: Tổ chức mặt Website - 15

Thu thập ý tưởng cho Web site của bạn

Trong bài tập này, bạn sẽ xem các trang Web trên Internet để tự mình

làm quen với các địa chỉ thường có các ý tưởng về thiết kế Web 1 Kết nối với Internet, và sau đó double-clicek vào biểu tượng trình

duyệt Web từ trên desktop của bạn

Trình duyệt của bạn sẽ mở ra và hiển thị trang chủ Internet của bạn 2 Trong thanh địa chỉ, nhập /microsof.com/clipgdlleryHue và ấn

phim Enter

Khi đó một thỏa thuận về bản quyển với người dùng (EULA) sẽ được biến thị

3 Đọc thóa thuận về bản quyển và sau đó click vào nút Accept Trang Web Microsoft Clip Gallery Live sẽ được hiến thị trong trình

duyệt của bạn Từ đó bạn có thể tải xuống các clip art, ảnh, âm

thanh và cả video (xem hình 1-13)

VIEW CLIPS by ee SEARCH by keyword BROWSE by cavegon

3 ` Enliven your Web newsletter or party invitation with

selection eee ee ee j Hefe [

AdToday

Now you have access to 750,000 more great chips Faltow this link to a free trial offer from ArtToday

holiday and winter scenes of sleighs flying, Menorah candles flashing, and partygoers celebrating the year 2000

oe Symbols Get your massage across with familiar symbols such as the wheelchair, world globe, telephone, and no- ~

smoking sign

Special Occasions The mood is bath peaceful and playful in this callection of holiday art, Whether you ice-skate into winter or

toast tha New hase clips will match your spint - «}

(i Cie

eee

Hinh 1-13

4 Trong thanh địa chỉ, nhập vao microsoft.com / FrontPage

Web site FrontPage của Microsoft sẽ được hiển thị trong trình duyệt

Trang 23

46 - PHA Té chicva tao mot Web site

5 Trong thanh địa chỉ, nhập www.builder.com và sau đó ấn phím Enter

Trang Web Builder.com của CNet sẽ được hiển thị trong trình duyệt của bạn

Kết thúc bài học

1 Click vào nút Ơlose ở góc phải phía trên trong cửa sổ của trình duyệt Trình duyệt sẽ đóng lại và FrontPage sé hién ra lai

2 Trén menu File, click Close Web

3 Néu FrontPage nhdc ban cần lưu các trang có thay déi thi click nút Yes

FrontPage sẽ lưu lại các thay đổi của bạn và sau đó đóng Web Lesson01

Tham khdo nhanh vé bai 1

Lập một Webbite 2° Kác định mục đích của Web site, và

sau đó xác định các trang Web cần cho site này

Khởi dope FrontPage: “Chick 0hoiRút Start, chọn Progyams ` và sau đó click vào Microsoft

FrontPage

Tạo một Web mới dựa Trên menu File, chọn New và click

vào các tập tin trang Web Trong hộp thoại New; chick

Web trong một folder vào biểu tượng mport Web Wizard Trong hộp văn bản Specify The Location Of The New Web, nhập vào folder chứa các tập tin cho Web mới Click OK, click tuy chon From A Source Directory Of Files, click vao

6 kiém Include Subfolders va sau a6

click vao nGt Browse Chon folder

ma bạn cần và click nut OK, click nút Next 2 lần va sau đó click nút Finish

Mở một Web Trên menu File, click Open Web

Trong hộp thoại Open Web, chọn

folder chứa Web cần mở và click vào

Trang 24

Xem hay sửa đổi một

trang Web

Xem trước trang Web

trong chế độ xem Page

Xem cấu trúc Web đưới dạng sơ đồ cây

Xem sơ để liên kết

với một trang Web

Xem danh sách các công việc cần làm để hoàn thành một Web site Xem danh sách các folder và các tập tin trong một Web

Xem các báo cáo về

một Web

BÌII: Iổ chúc một tlebsite - 17

Double-click vào tên tập tin.(yới

phần mở rộng htm) trong Folier-:

List

Click vao biéu tugng Page trén thanh Views va click vao thé Preview 6 đáy cửa số FrontPage

Click vào biểu tượng Navigation trên

thanh Views

Click vào tên tập tin trong Folder List, va sau dé click vào biểu tượng Hyperlinks trén thanh Views

Click vào biểu tượng Tasks trên

thanh Views

Click vào biểu tượng Folders trên thanh Views

Click vào biểu tugng Report trên thanh Views

Trang 25

@m®

Tạo một Web site

Trong bài này bạn sẽ học cách thức: Tạo một Web

Tạo một trang chủ

Thêm và định dạng phần văn bản của trang Web

Thêm một băng cuộn (scrolling marquee) vào một trang Web

Xem trang Web

Thêm các trang vào Web

Thay đổi các thuộc tính của một trang Web Tổ chức một Web

Bây giờ bạn đã xác định được mục dích của site Lakewood Mountains Web, xác định được các trang cần phải có và đã đến lúc bắt đầu tạo một Web site với Microsoft ErontPage 2000 Đó là một tin tốt lành Nhưng người lãnh đạo của bạn ghé vào văn phòng của bạn và tuyên bố rằng bạn sẽ gặp øỡ khách hàng vào chiều ngày mai Bạn cân phải chuẩn bị

ngay một bản phác thảo cho Web site

Trong bài học này, bạn sẽ học về các công cụ của FrontPage giúp cho

bạn tạo một Web site trong một thời gian ký lục Sau đó bạn sẽ tạo một Web và thêm vào một trang chủ Bạn cũng nhập và định dạng văn bản trong trang Web, thêm một băng cuộn, tạo một trang khác, và đưa vào một trang có sẵn Bạn sé thay đổi các thuộc tính của một trang Web và xem

qua Web của bạn Cuối cùng, bạn sẽ học cách thức tố chức Web của bạn

Tạo một Web site sử dụng Wizard

Có ba cách để tạo một Web site trong FrontPage: sti dung Wizard, su dung Web mau (template), hodc tao mot Web từ “vạch xuất phát” Chon phương pháp nào là tùy vào nhu cầu và tình huống xác định

Wizard của FrontPage rất phù hợp cho các Web site phức tạp Mãi Wizard

tạo một dạng Web khác nhau bằng cách sử dụng một loạt các hộp thoại

Trang 26

BiN2: Taomot Website - 19

Khi ban da chon xong, Wizard tao mét Web site dua trén cdc thong sé

bạn cung cấp FrontPage có kèm theo các Wizard được mô tả trong phần

dưới đây

Corporate Presence Wizard (Wizard để tạo một Web site cho

một công ty)

Corporate Presence Wizard tạo một Web site cho một công ty Web site bao gồm một trang chủ, một bảng nội dung, một trang tin tức, một danh

mục sản phâm và dịch vụ, các trang Web cho từng sản phẩm hay dịch

vụ, một trang ý kiến khách hàng và một trang Web cho phép khách

hàng tìm kiếm thơng tin (xem hình 2-1)

—NH nam -——= — —— nam [ sem TỈ Seve?) mm ke | See

SEN

Hinh 2-1

Discussion Web Wizard (Wizard dé tao Web thao luan)

Discussion Web Wizard tao mét Web site với một bảng thông điệp cho phép khách hàng xem, gửi và trả lời các thông điệp trên Web site của bạn Import Web Wizard (Wizard để tạo một Web site dựa trên một Web site đã có)

Trang 27

20 - PHAN, Téchdeva taumét led site

sẽ thấy ring Wizard nay đặc biệt hữu hiệu cho việc tạo và

thử các phiên bản nâng cấp Web site của bạn

Tạo một Web site sử dụng, Wizard

Trong bài tập này, bạn sẽ tạo mat Web site sử dụủg

Corporate Presence

Wizard

1 Trén menu File, chon New va sau dé click Web FrontPage sé hiển thị hộp thoại New (xem hình 2-2)

Copơrate Customer

Presen Suppo web Web Wicard

@ j SJ

Import Web Pewonal web Project Web ‘wizard

Hình 2-2

2 Trong ô Web Sites, click vào biểu tượng Corporate

Presence

FrontPage sé dùng Corporate Presence Wizard dé tao Web

3 Trong hộp văn ban Specify The Location Of The New

Web, xóa

dong văn bản ngắm định và nhập vào C:\My Webs\MyWizardDemo FrontPage sé tao folder C:\My Webs\MyWizardDemo No sé

dat ,các tập tần của Web trong folder này và các folder con

4 Click OK va sau dé click nút Next

Lo? BeontPage sẽ hiển thị hộp thoại Corporate Presence

Wizard đầu tiên nhằm giải thích mục đích của Wizard Sau đó nó hiển thị

hộp thoại thứ hai cho phép bạn chọn các trang đưa vào trong Web

Trang 28

GAZ: TaomotWebsite - 2¢

Hình 2-3

5 Click vao 6 kiém What’s New va 6 kiém Search Form để xóa chúng và sau-d6 click nut Next

FrontPage sé khéng dua trang What’s New hay Search Form vio trong Web của bạn FrontPage sau đó hiển thị hộp thoại kế tiếp

cho phép bạn chọn thông tin được thể hiện trên trang chủ của công ty (xem hình 2-4)

Hình 2-4

Trang 29

22 - ĐHẰM Téchic va taomét Web site

Hinh 2-5

7 Click nut Next

FrontPage chấp nhận các thông số mặc định là ba trang sản phẩm

và ba trang dịch vụ và hiển thị một hộp thoại cho phép

bạn chọn

thông tin cần biển thị trên mỗi trang sản phẩm hay dịch vụ (xem hình 2-6)

mm

Hình 2-6

8 Click nút Next

FrontPage chấp nhận các thông số ngâm định và hiển thị hộp thoại cho phép bạn chọn thông tin mà bạn muốn khách hàng cung

Trang 30

Bửl?: TaomptWebsite - 23

TT n ae era) ; The Feedback Fotn ete renders tel you what they:

think about ged, and

SON tối Ni ng

Hình 2-7

9 Click Ít Next năm lần

FrontPage sẽ hiển thị một hộp thoại cho phép bạn nhập vào tên

và địa chỉ công ty của bạn (xem hình 2-8)

TH Nha tra: 0» TRỢ

The Web Viekd utes your company’s long name

(example: ACHE: Industies Incorporeted) and short

‘fame { ACME} in many places: yeor

What i the ful ngme:of your company? *

"What is the ane votd version of this name?

What ls your company’s test addiase? -°

Aza Web Way, Cambridge MA 0213¢

Đ =

Hình 2-8

10 Trong hộp văn bản What is The Full Name Of Your Company, nhập vào “Lakewood Mountains Resort” Nhấn phím Tab, nhập

“Lakewood”, nhấn phím Tab, nhập “1501 Bryants Gap Trail,

Erwhon, CA 64501” va click nut Finish

Trang 31

24 - PHA: Té chic vatan mot Web site

FrontPage sé hiển thị trang chủ công ty của bạn Bây giờ bạn có thể

sửa đổi trang bằng cách nhập vào các thông tin bổ sung (xem hình 2-9)

Home -

[Edit the properties for this Navigation Barto

display hyperlinks here] Eomment Waite an introductory parag)

front door to your home en the internet Invite visitors to ¢

swvceeNm

tien

ee

Our Mission

Comment: Write one or hyo short sentences that descr eh »

ĐÁ Ôn nh Sa

Xin si c7 HN Ế |

Hình 2-9

12 Trén menu File, click Close Web

FrontPage sẽ đóng Web bạn vừa tạo ra

Gợi ý : Khi bạn dat tén tập tin cho Web, nên tạo thói quen tạo lên tập tin khơng có khoảng trắng Phần lớn các máy chủ Web không nhận diện được khoảng trắng trong tên tập tin Nếu bạn muốn giữ cho tên tập tin có tính diễn ta, bạn có thể phân cách các từ bằng dấu gạch dưới Corporate Presense Web Pages (Cac trang Web giới thiệu công ty)

Trang 32

BÌI2: Taomot Web site - 26

Tham khảo trang Web mẫu

Home Whats New Products/Services Table of Contents Feedback Form Search Form

Trang chủ chứa thông tin mà ban cung cấp

Trang với thông tin về các trang mới hay các thong tin cập nhật khác trên Web site

Mét hay nhiều trang về các sản phẩm và dịch Vụ cung cấp bởi công ty bạn cùng với các mô tả về mỗi sản phẩm hay địch vụ, ích lợi, mã số và giá cả của từng sản phẩm liệt kê tất cả các trang trong Web site với các liên kết đến mỗi trang

Cho phép khách hàng gửi ý kiến đóng góp theo một địa chỉ e-mail (thư điện tử) bạn xác định

Cho phép khách hàng tìm kiếm thông tin trên Web site

Tạo một Web sile sử dụng các Web mẫu

Khéng nhu Wizard sẽ yêu cầu bạn xác định các thông số hoặc đưa vào

thông tin và sau đó sẽ tạo ra Web dựa trên các thông tin mà bạn cung cấp, Web mẫu là những Web site đã làm sẵn cho phép bạn sửa đổi tùy theo yêu cầu của bạn FrontPage có kèm theo một số Web mẫu sau

Cusfomer Support Web Một Web site cho phép công ty trả lời khách hàng

Project Web

Personal Web

One Page Web Empty Web

cũng như tiếp nhận ý kiến đóng góp Nó bao gồm một bảng trao đổi thông điệp (message board) với một vài đặc điểm khác, ví dụ đanh sách các câu hỏi thường gap FAQ, form gợi ý, và một vùng để tải xuống các thông tin và phần mềrn

Một Web site để chia sẻ thông tin về một dự án với các thành viên tham gia dự án Nó bao gồm một trang liệt kê các thành viên của dự án, một trang lịch làm việc, một trang trạng thái của dự án, một bảng trao

đổi thông điệp và một trang tìm kiếm

Một Web site để biểu thị các sở thích của một cá nhân Nó bao gồm một trang chủ, một trang album ánh, một trang về các sở thích và một trang để liên kết sang các Web site khác

Một Web site với chỉ một trang chủ

Trang 33

26 - PHAN Té chic va taomot Web site

Tạo một Web site sử dụng Web mẫu

Trong bài tập này, bạn sẽ tạo một Web sử dụng Web mau Customer

Support Web

1 Trén menu File, chon New va sau 46 click Web

FrontPage sé hién thi hép thoại New

2 Trén 6 Web sites,

nay duge ding dé giải quyết các vấn

và click nut OK

FrontPage tao ra

port Web

click vào biểu tugng Customer Support Web FrontPage sé si dung Web m&u Customer Support Web Web mau

tạo ra một Web site cung cấp các trợ giúp và

đề về các sản phẩm của công ty cho khách hàng 3 Trong hộp văn bản Specify The Location Of The New Web, xóa dịng van bán ngầm định và nhập vao C:\My Webs\MyTempDemo một Web mới dựa vào Web mẫu Customer Sup-

4 Trong danh sách Folder, double-click vao tap tin index.htm

FrontPage hién th

Bede Yow Diet

(Gafeutt fort)

Tools Table Fuses Yardow tip Le

#mj@ à#1* s28 21s 7: CA

i trang chủ của Web mới tạo (xem hình 2-10)

#187

[ Fax ti ed [cena ie a eee j

a _ 3 bi

5 Trên trang Web hiển thị, chọn phần văn ban [CompanyName} va

What's New Welcome to [CompanyName] The purpose of this web

FAO ' is to enhance the support services we provide to our

Bugs 1 Gustomers We've provided a number of resources hore

Suggestions to help you resolve problems, report bugs, and suggest Download | improvements to our products and service

Search | You may also‘obtnin technical support by telephone at

+ empervEtengl; and by e-mail to RomeaoyRe

[Tmanvaraet jana [TmName2pare tra dereasks of (CompanyName) Allother products me registered trademarks or ba demurke of theie seepective companies Questions or problems regarding this web site should be directed to [CompanyEmail}

Copyright © 1999 [Company'iame}

Hinh 2-10

sau d6 nhap vao “Lakewood Mountains Software’

FrontPage sẽ thay thế phần văn bản được chọn bằng phần văn bản

Trang 34

BAl2 Taomot Website - 27

ó Trên thanh công cụ, click nút Save

FrontPage lưu trang Web hiện tại cùng với các thay đổi của bạn

7 Trong danh sách Folder, double-click vào tập tin Bugrep.htm

FrontPage hiển thị trang Web cho phép người dùng thông báo các

vấn đề về sản phẩm hay dịch vụ của công ty (xem hình 2-11)

2S (a!

JNemal— G@efauk font)

Feld te s, 5 EY CAMy Webs\MyTare private | ceustiim Piper | eeeimhn

1B] curofool him nga

3 nied 1 and submit the following bug reporsttorm You may also wa

B) conaich in h : eLknown problems

@) cuntoc hon

FB} cecuns ee ‘If what you want to tell us is really more of a suggestion ort

i : enhancement, please use our su: ion form instead, $B) downloadhin, ‘splay + pl suggestion form

BY feahin

mm ' keep of TTT Te ee ee insect :

a earch tim ! Bag Report Form

suggest in ì

trú sẽ }— When you subait your bug repork tt will be entered into ou TẾ] seyeneehem | purposes It wilt be associated with the account name under

this web this web Aft After an initial assessment I by our support departer pport dep: will be assiened to an appropriate encineer Poa

b————1 2IÌNang (i Hut Rome | nee

eee EMTs owe! RửI 2

Hình 2-11

8 Trong danh sách Eolder, double-cliek vào tập tin Discuss.htm

FrontPage hiển thị trang Web cho phép người dùng đọc và trả lời các thông điệp trong một trang thảo luận

9 Trén menu File, click Close Web FrontPage déng Web ban vita tao

Tạo Web mới dựa trên Web đỗ có

Dù bạn sử dụng Wizard hay Web mẫu thì ln có hai cách để tạo một Web Cách thứ nhất là tạo các trang Web và các tập tin khác sau khi

bạn đã tạo Web Cách thứ hai là tạo một Web mâu dựa trên các tập tin

đã có

Trang 35

28 - PHAN Téehicva tao mot Web site

Tạo một Web rỗng

Trong bài tập này, bạn tạo một Web mới sử dụng Web mẫu Empty Web

Sau đó bạn đóng Web rỗng này lại

1 Trên menu File, chon New va sau đó click Web FrontPage hiển thị hộp thoại New (xem hình 2-12)

a] gÒ KT

Corporate — Lusomer Discussion ẹ Piesen SưpgotWeb WebWiad =f

a $J $Ị

Import Web Peisona Web Project Web Wizard

Secure tenth dio eimert Wits

Hình 2-12

2 Click vào biểu tượng Empty Web Trong hộp van ban “Specify The Location Of The New Web”, xóa đoạn van ban ngầm định và nhập vào “C:\My Webs\Empty02”, va sau do click nut OK

FrontPage tạo một folder tên là Empty02 và đặt Web rỗng mới tạo vào folder này

3 Trên thanh Views, click vao biéu tugng Navigation

ErontPage thường hiển thị sơ đồ phân cấp của Web hiện tại Tuy nhiên, vì bạn chưa tạo các trang Web, nên sẽ không có sơ để phân cấp nào được hiển thị

4 Trên menu File, click Close Web

FrontPage sẽ đóng Web bạn vừa tạo

Chuẩn bị Web thực hành bài 2

Trang 36

BAl2: lạo một lebsite - 29

1, Trén menu file, chon New va sau dé click Web

FrontPage sé hién thi hép thoai New

2 Click vao biéu tugng Import Web Wizard Trong hép van ban Specify

The Location Of The New Web, nhập C:VMy Webs\Lesson02 và click nit OK

FrontPage sé hién thi hép thoai Import Web Wizard thứ nhất

$ Click vào tùy chọn From A Source Directory Of Files, click 6 kiém Include Subfolders va sau do click nit Browse

4 Chon folder Lesson02 trong folder FrontPage 2000 SBS Practice va

click nit OK

5, Click nút Next hai lần và sau đó click nút Finish

FrontPage sẽ tạo một Web mới dựa trên các tập tin thực hành và đặt nó vào folder Lesson02

Tạo một trang chủ vị thêm phơn vốn bản

Một khi bạn đâ tạo xong Web, bước tiếp theo là thêm các trang Web Mặc định, trang đầu tiên bạn thêm vào sẽ được xem là trang chủ của

Web Tên tập tin cho trang chủ hoặc là Default.htm hoặc Index.htm, dù rằng tiêu để của trang Web có thể bất kỳ tùy bạn chọn

Gqj ý: Các máy chủ Web thường không sử dụng chung quy ước về tên trang chủ Phân lớn chúng yêu cầu tập tín này phải có tên hoặc

Default.htm hoặc Index.htm Nếu tên trang chủ của bạn khác với tên

yêu câu của máy chủ Web thì bạn cùng đừng lo ngại FrontPage sẽ tự động đổi tên trang chủ khi bạn chuyển Web của bạn lên máy chủ Web (nếu bạn chuyển các tập tin một cách thú công thay vì sử dụng FrontPage - như khi bạn phải làm với các Web site như là GeoCities hay The Globe - bạn phải tự thay đối tên tập tin.)

Trang 37

30 - PHANI Té chic va tao mét Ueb site

Tạo va đặt tiêu dé cho một trang Web

Trong bài tập này bạn sẽ tạo một trang chủ cho Lakewood Mountains Resort

1 Trên thanh Views, click vao biéu tugng Navigation

2 Trén menu File, chon New va sau do click Page

FrontPage sé tao mét trang Web mới và hiển thị nó dưới dạng một

biểu tượng (xem hình 2-13)

Eat Tạ: Type wnioe tp: :

Nút +e Wal |@ là Ÿ Lý tạ #| co -| E1 m4 | @| 710: tạo : ry Oe a S|E ee Bl Gy CAMy Webs\Lesson, images 1 boa sores đem đã) do tim Tndex02 HHm Ỹ a Location him WB} Locationdz him

IB) Locationd3 hin 1 po ‘Thes view showa the navigation structure ol your Web, To automaticaly add navipalion buttons % #0 igi ona these pages, choose Shared Boidess on the Forrnat menu

G} ecient $33] Tenmia_coutt ip: Pre Ca — ae TT” ĐÚN ¿ Hình 2-13

3 Trên biểu tượng của trang chủ, click phần văn bản Home page để

chọn, nhập “Lakewood Mountains Resort” và sau đó nhấn phím Enter FrontPage sẽ đặt lại tiêu đề của trang Web

Nhập và định dạng văn bản

Trong bài tập này, bạn mở trang chủ Lakewood Mountains Resort để soạn thảo Sau đó bạn thêm vào phần văn bản và định dạng đoạn văn

bản này

1 Trước hết hãy đảm bảo rằng trang Web của bạn đang được hiển thị trong chế độ Navigation Double-click vao biéu tugng trang chu

Lakewood Moutains Resort

FrontPage sé hién thi trang chu ở chế độ Page

Trang 38

Bale: Taomot Website - 31

3 Hép Text Style ở mép trái của thanh công cụ định dạng hiện là

Normal Click vào mũi tên thả xuống để mở danh sách các kiểu Danh sách Text Style thể hiện tất cả các kiểu văn bản hiện có

(xem hình 2-14)

Hình 2-14

4 Click vào dòng Heading 1, và sau đó click vào nút Center trên

thanh công cụ định dạng l

FrontPage sẽ định dạng dòng văn bản theo kiểu Heading 1 và bố trí đoạn văn bản vào giữa trang Web

5 Nhấn phím Enter 2 lần, và sau đó nhập “1501 Bryant’s Gap Trail, Erewhon, CA 94501”

Gợi ý : froniPage sẻ gach dưới cụm tư Erewhon Điều này cho biết rằng

bộ kiểm tra từ vựng (spelling checker) cua FrontPage khéng tim thấy từ này trong danh sách các từ của nó và cho rằng từ này có thế bị nhập

sai Tuy nhiên, bạn biết rằng đó là tên riêng của một thành phố và hoàn toàn chính xác Bạn sẽ học cách sử dụng bộ kiểm tra từ vựng của

FrontPage trong bai hoc 9 Cho đến lúc này, hãy bỏ qua việc gạch dưới của FrontPage

ó Chọn đoạn văn bản trong dòng địa chỉ (xem hình 2-15)., 7 Trên thanh cơng cụ định dang, click nut Bold i

FrontPage sé dinh dang doan van ban sang chế độ in đậm

| 8 Trén thanh céng cụ, click nit Suve

Trang 39

32 ~ PHAN Téchic va tao mit Ueb site

: vc Insert aa Tool Table frases, Se

2: asin ey) * BES)

[sang — } Gan RA mo | eB | IKÍ

[9] Boat ties.iog BP index.him

\wena GIMCZPSBEEZLU en aT Bo ceca re 288 ae i a

⁄4

Hình 2-15

Thêm, định dạng và xem trước mot marquee

Ban có thể dễ dàng thêm vào trang chủ Lakewood Mountains Resorts một chỉ tiết hấp dẫn Một marquee cuộn sẽ hiển thị một dòng văn bản dịch chuyển từ từ ngang quả màn hình Điều này dé dang thu hút người

xem với một dịng thơng điệp tiếp thị chẳng hạn Tuy nhiên chỉ nên

dùng marquee và các hình ảnh động một cách vừa phải Nhiều nghiên cứu đã chỉ ra rằng quá nhiều hình ảnh động, chớp nháy trên trang Web

sẽ gây khó chịu cho người dùng

Bạn có thể chỉnh tốc độ và hướng di chuyển của phần văn bản trong marquee, cũng như kích thước, font chữ và kiểu cách

Thêm một marquee

Trong bài tập này, bạn sẽ thêm một marquee vào trang chủ của Lakewood Mountains Resorts Sau đó bạn sẽ chỉnh tốc độ và định dạng văn bản

1 Click vao dịng phía dưới dong dia chi

FrontPage sé di chuyén con trỏ xuống dong kế Chú ý rằng điểm chèn bây giờ nằm sát lề trái của trang Web

2 Trên menu Insert, chọn Component và sau đó click Marquee

Trang 40

BÌl2: Iaomộtllebste - 33

3 Nhập đoạn văn bản

sau vào ô Text “Welcome to Lake- wood Mountains Re-

sorts, your luxury vacation retreat! Come home to: Spa- cious rooms Fine

food Golf Tennis

Swimming Boating

and fishing Special

programs for kids And surprisingly low rates.” Click nút OE Màiquce Pioperties, Ẽ Iizelc E T wee € trppicenk

| T Hay ros Fes pine

bn peteert

Hinh 2-16

FrontPage sé dat mét marquee lên trang Web của bạn Ban sé chi thấy một phần của đoạn văn bản và nó cũng khơng cuộn Đoạn

văn bản chỉ cuộn sang trái khi nào nó được hiển thị trong trình

duyệt Web Bạn sẽ xem qua marquee trong phần sau của bài học này

Chỉnh các thông số của marquee

Trohg bài tập này, bạn sẽ thay đối chiều: rộng và màu nền của marquee

1 Chon marquee và click nút phải

Một menu truy cập nhanh (shortcut menu) xuất hiện (xem hình 2-17)

Cut Cony Paste Peste Thame 2 Special Shared Borders

Maiquee Properties AlsErter CoteK

Hyperink

Hinh 2-17

Trên menu truy cập nhanh, click vào dòng Marquee Properties

FrontPage sé hién thi hép thoai Marquee Prop- erties

Trong phần Size của hộp thoại, click vào ô kiểm Width, double-click hép nhap Width, nhap vac 400, đồng thời chọn mục In Pixels

Marquee sẽ có chiều rộng là 400 pixels Click vào mũi tên của menu thả xuống Back:

ground Color

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

TỪ KHÓA LIÊN QUAN

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

TÀI LIỆU LIÊN QUAN

w