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 2LOI 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 3MUC 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 5vii - 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 6Su 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 7x > 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 8PHAN 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 92 - 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 10BAI 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 114 - 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 12BÌ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 136 - 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 14Bilt: 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 16BI 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 18Bail 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 1942 - 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 22BÌ!: 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 2346 - 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 24Xem 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 2720 - 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 28GAZ: 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 2922 - Đ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 3124 - 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 32BÌ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 3326 - 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 3528 - 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 3730 - 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 38Bale: 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 3932 ~ 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 40BÌ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