Xây dựng website giới thiệu về danh lam thắng cảnh sapa

Tài liệu tham khảo công nghệ thông tin, chuyên ngành tin học Xây dựng website giới thiệu về danh lam thắng cảnh sapa

Trang 1

Trờng cao đẳng hoá chất – Việt Trì - Phú Thọ

Khoa Tin học

-oOo -Báo cáo thực tập tốt nghiệp

Đề tài: Xây dựng Web site Giới thiệu về danh lam thắng cảnh Sa Pa

Giáo viên hớng dẫn: Nguyễn Diệu Linh Học sinh thực hiện : Đỗ Thị Bích Ngọc

Trang 2

Mục lục Lời cảm ơn Lời nói đầu Phần Một: Cơ sở lý thuyết

Chơng I : Giới thiệu về trang web

I Giới thiệu về trang web

1 Định nghĩa

2 Nguyên tắc hoạt động

3 Đặc điểm của trang web

4 Nguyên tắc trình bày một trang web

II WORLD WIDE WEB – linh hồn của Internet

III WORLD WIDE WEB – siêu văn bản Hypertext

IV Các URL và giao thức TRANSFER

Trang 3

4 Giới thiệu một số thẻ

5 Cấu trúc trang web

Chơng II : Thiết kế trang web bằng MicrosofrontPage

2000

I Làm quen với FrontPage 200

1 Front Page web và website

2 Trang web

3 Lu web mới của bạn ở đâu ?

II Thêm vào các thành phần chung của website

1.Chọn một Theme của site

2 Thêm vào biên dùng chung

III Tạo một website

IV Làm việc với FRONTPAGE WEBSITE

1 Các chiến lợc thiết kế web

a.Tại sao lại bắt đầu với thiết kế site ?

b Định nghĩa các liên kết di chuyển

2 Đa vào một website đã có

a Đa các tập tin vào một web

Học sinh thực hiện: Đỗ Thị

Bích Ngọc Lớp: TH 4A

3

Trang 4

b Đa một website vào Frontpage web

3 Sử dụng các web mẫu và wizard

a One Page Web

b Corporate Presence Web

c Customer Support Web

d Discusion Web Wizard

e Empty Web

f Import Web Wizard

h Project Web

4 Tạo nội dung trang web cơ bản

a Soạn thảo văn bản trong trang web

b Chèn các dấu ngắt

c Thêm các đờng kẻ ngang

d Đặt vào các chú thích

f Chèn vào các biểu tợng

g Chèn các Bookmark (điểm đánh dấu sách)

Phần hai: Thiết kế website giới thiệu về danh

lam

4

Trang 5

Chơng I Giới thiệu về web

I Giới thiệu về trang web

1 Định nghĩa

Là một trình ứng dụng phần mềm bất cứ ngời nào cũng

có thể suất và trình duyệt các siêu văn bản trên trang webhay web là tập hợp các trang liên kết với nhau, mỗi trang là một

đa phơng tiện về hình ảnh, âm thanh, video …

2 Nguyên tắc hoạt động

5

Trang 6

Hoạt động theo mô hình CLIENT/ SERVER (chủ/ khách)khi chạy web Client là bộ giao tiếp ngời dùng và Internet máytính đó sẽ liên lạc với Wec Client và hiển thị thông tin lên mànhình.

3 Đặc điểm của trang web

Ngời đọc luôn dành ít thời gian để xem trang web haymột tờ tạp chí Trang web thờng rất ngắn chỉ có chiều dàicủa một hay hai màn hình Khi thiết kế phải làm sao gây sựchú ý cho ngời xem, nếu không ngời xem sẽ di chuyển sangnơi khác

Các trang web là những tài liệu đợc siêu liên kết do đóngời đọc thờng không di chuyển qua chúng theo một trìnhtự

Tài liệu ngoại tuyến đã suất thờng đợc viết và điềuchỉnh bởi các chuyên biên trong khi các trang Web có thể đọcsuất bằng bất kỳ ngời nào đôi khi đòi hỏi một ít hoặc khôngcần có kỹ năng viết hoặc điều chỉnh trang Web

Các trang Web là những trang động và chúng thờng liênquan đến đa phơng tiện (MULTIMEDIA)

6

Trang 7

Với nội dung ngoại tuyến chất lợng của bài viết làm thu hút

đợc ngời đọc, hình thức, hình dạng thực sự của bài viết làcái yếu tuy nhiên hình dạng và hình thức là những thànhphần quan trọng của trang Web

Nguyên tắc trình bày trang Web

Một kiểu trình bày Web là tập hợp các trang Web đã đợcliên kết đính kèm theo, những trang Web này thờng có một

đề tài chính nào đó, những điều chính làm cho phầntrình bày có ấn tợng sâu sắc : một là chủ đề và hai là cácmục đích rõ ràng cho trình bày Khả năng cho phép khámphá cung cấp đầy đủ sự định hớng để ngời sử dụng dễdàng Tự lựa chọn màu với gam màu dễ đọc, kiểu thiết kếthích hợp và kỹ lỡng với các siêu liên kết thờng đợc định vịphần trên cùng của trang và bài viết mô tả ngắn, có nhiềuhình ảnh

II WORLD WIDE WEB – linh hồn của Internet

WWW thờng đợc gọi là Web là một bộ su tập của hàngtriệu trang File đợc lu trữ trên hàng ngàn máy tính (Gọi là

7

Trang 8

Web Server ) trên toàn thế giới Các file này trình bày các tàiliệu, hình ảnh, âm thanh, chơng trình, các môi trờng tơngtác nhau và bất kỳ thông tin nào khác đã đợc lu trữ trong filemáy tính, có lẽ Web là một bộ su tập thông tin lớn nhất, đadạng nhất từng đợc tập hợp.

Sự hợp nhất của các file này là một hệ thống dùng choviệc liên kết file này với các file khác và truyền chúng lênInternet, ngôn ngữ HTML cho phép một file chứa các liên kếtvới các file liên quan Một Link nh vậy cũng gọi là Hyperlinkchứa thông tin cần thiết để xác định vị trí các file liên quantrên mạng Internet, khi nối vào mạng Internet và sử dụng bộchơng trình trình duyệt Web, có thể đọc xem nghe, giaotiếp trên Web mà không cần để ý xem thông tin đang truycập đợc chứa trên một máy tính

Một thông tin lu trữ trên một máy tính ở Việt Nam có thểliên kết bạn với một Stock lu ở New York, một âm thanh ởFrankfut và một âm thanh lu ở Tokyo Việc liên kết các dịch

vụ web, mạng Internet và bộ trình duyệt web của bạn, tập hợpthông tin này và trình bày cho bạn dới dạng một tổng thểthống nhất

8

Trang 9

Do các liên kết này, bạn có thể đi từ bất kỳ một tài liệuweb này đến một tài liệu web khác Vì lý do này nhiều ngờithích xem toàn bộ trang web nh một tài liệu lớn, với cách nhìnnày các liên kết chỉ cho bạn đi từ một phần này đến mộtphần khác.

III WORLD WIDE WEB và siêu văn bản Hypertext

Năm 1991, TIM BERNERS LEE trong quá trình nghiên cứuInternet đã hình dung ra một khái niệm về phơng pháp cáchtruyền các tập tin qua lại giữa kết nối UUCP (UNIX TO UNIXCOPY) và FTP Theo phơng cách này một máy tính ở trênmạng có thể đến các tập tin khác ở máy khác và ngợc lại Kháiniệm này sau đó đợc phát triển mạnh mẽ và trở thành WORLDWIDE WEB (WWW) các file truyền trên web lúc ban đầu làdạng văn bản dạng Text (chỉ gồm các ký tự ) phải đợc đánhdấu định dạng (MARKED UP), ở máy thu chơng trình duyệtWeb còn đợc gọi là BROWSER sẽ căn cứ vào các dấu địnhdạng này để tái hiện nội dung văn bản

Năm 1992, WORLD BANK đợc đa dạng lên mạng với cụm từ

“LWOWS trên Internet” (SURFING THE INTERNET)

9

Trang 10

Năm 1993 MOSAIC, trình duyệt đầu tiên ra đời đã thúc

đẩy các hoạt động kinh doanh, quảng cáo, dịch vụ trên mạngphát triển mạnh mẽ

Năm 1995 WWW vợt qua FTP trở thành dịch vụ đợc nhiềungời sử dụng nhất

Hiện nay, nhờ vào các công nghệ mới nh JAVA, áp điệnthoại, internet, VOIP (VOICE OVER INTERNET FORTOCOL), môigiới chứng khoán trực tuyến … Internet và WWW đã trở nêntiện dụng và hữu ích hơn bao giờ hết

IV Các URL và giao thức Transfer

Khi các mảng của một tài liệu đợc phân tán trên khắpthế giới, nhng muốn hiển thị cho bất cứ ngời nào xem ở bất

cứ nơi nào trên thế giới, chỉ cần một hệ thống địa chỉ cầnthiết, mỗi file trên Internet có một địa chỉ gọi là INIFORMRESOURCE LOCATOR (URL) chẳng hạn, URL củaESPNSPORTZONE WEBSITE là: http://espnet.sportzone.com

phần đầu của URL chỉ định giao thức TRANSFER, phơngpháp mà một máy tính dùng để truy cập file này, hầu hết cáctrang web đợc truy cập với Hypertext Transfer Protocol (ngônngữ của thông tin web) đó là lý do vì sao các địa chỉ webthờng bắt đầu với HTTP một cách tiêu chuẩn (phiên bản an

10

Trang 11

toàn của nó, HTTPS hoặc SHTTP) HTTP:// ở đầu của một URLtrong trang web khá phổ biến đến nỗi nó thờng đi cùng vớiviệc nói đơn giản nếu gõ nhập Espnet Sportzone.com vàocửa sổ địa chỉ của Internet Exporer hay Navigator, bộ trìnhduyệt tự vào http:// trong cách dùng thông thờng http:// ở đầucâu một URL thờng bị bỏ.

V Ngôn ngữ siêu văn bản HTML

WWW thờng đợc đơn giản là web, là dịch vụ thông dụngnhất trên Internet, Web mang tính đồ họa rõ ràng truy truysuất và mang thông tin chất lợng cao Hai công cụ hỗ trợ choweb là HTML và ngôn ngữ đánh dấu siêu văn bản Sử dụngHTML để tạo các trang web và các máy tính sử dụng HTML

để truyền dữ liệu của các trang web một trang WEB (WEBBROWSER PROGRAM, chẳng hạn NETSCAPE NAVIGATORhoặc MICROSOFT INTERNET EXPLORER) sẽ nhận thông tin vàhiển thị trang web lên màn hình

1 Nguồn gốc của HTML

11

Trang 12

HTML đợc phát triển để cung cấp định dạng văn bản vàhình ảnh để các bộ trình duyệt web đọc HTML là mộtngôn ngữ đánh dấu hơn là một ngôn ngữ lập trình, đó làmột cách mật mã hoá thông tin để tất cả các kiểu của bộtrình duyệt có thể đọc và hiển thị trang này HTML pháttriển liên tục, các mã mới đợc bổ xung và các mã cũ đợc bỏ đi.

Sự phát triển của HTML đợc quản lý bởi WORLD WIDE WEBCONSORTIUIM hoặc W3C

2 HTML ngôn ngữ đánh dấu

HYPERTEXT MARKUP LANGUAGE (HTML) là ngôn ngữ cáctrang WORLS WIDE WEB , các định dạng mà bạn ứng dụngcho văn bản, tiêu đề và các hình ảnh trên trang web đợc

điều khiển bởi HTML

HTML là một ngôn ngữ đơn giản và khá mạnh cho phépbạn tạo ra các trang web Các ngôn ngữ này dùng thẻ ( TAG)hoặc mã cho phép ngời dùng chèn vào văn bản của mình đểtạp các thành phần của trang web Các thẻ đóng vai trò nh cáclệnh báo cho trình duyệt web biết vị trí và phơng thức hiểnthị các thành phần của trang web

3 Các thẻ của HTML

12

Trang 13

Các thẻ gồm các phần tử đặt trong dấu <&> và có hailoại thẻ: thẻ chứa và thẻ đóng.

- Thẻ chứa (CONTAINER TAG ) gồm một phần tử thẻmở( OPENNING TAG ) và một phần tử thẻ đóng( CLOSINGTAG ), thẻ mở bắt đầu bằng dấu “<” và tiếp ngay sau đó làtên của thẻ, các thuộc tính của thẻ đợc cách nhau bởi khoảngtrắng và cuối cùng là dấu “>” Thẻ đóng tơng tự nh thẻ mởchỉ khác ở chỗ có dấu “/” nằm ở giữa dấu “<” và dấu “>” vàtên của thẻ Trong thẻ đóng chứa các thuộc tính, các dữ liệu

đợc đặt giữa thẻ mở và thẻ đóng Có thể viết tổng quát nhsau:

<tên thẻ> dữ liệu </ tên thẻ>

Ví dụ : Trong <TITLE> Chúc mừng năm mới </TITLE>.Thì <TITLE> là thẻ mở, Chúc mừng năm mới là dữ liệu, </TITLE> là thẻ đóng

- Thẻ rỗng (EMPTY TAG) chỉ có thẻ mở mà không có thẻ

đóng, thẻ rỗng dùng để biểu thị các lệnh một lần chẳng hạnlệnh xuống hàng hay chèn các đờng kẻ ngang

Ví dụ: có tác dụng xuống hàng, dữ liệu nằm sauthẻ sẽ đợc hiển thị bắt đầu từ lề trái của một dòng mới

13

Trang 14

Một số thẻ có nhiều thuộc tính, các thuộc tính này biểuthị các tùy chọn của thẻ Thẻ rỗng sau đây báo cho trìnhduyệt chèn một hình ảnh, nó có một thuộc tính SRC báo chotrình duyệt biét tập tin ngầm chứa hình ảnh cần chèn.

Các thẻ chứa và thẻ rỗng đều có các thuộc tính, nếu mộtthẻ chứa có một thuộc tính thì thuộc tính này đợc liệt kêtrong thẻ mở còn thẻ đóng thì không

4 Giới thiệu một số thẻ

* Cú pháp của thẻ

FROM cơ bản của tất cả các thẻ đợc viết nh sau:

<TAG ATTRI 1 = “V1” ATTRI 2 = “V2”> chữ cần hiển thị

< ITAG>

Trong đó:

ATTRI: Là thuộc tính

TAG : Là bất kỳ thẻ nào của HTML

Nhiều thẻ của HTML có thuộc tính, số thuộc tính khácnhau giữa các nhãn, các thuộc tính có các giá trị lựa chọnkhác nhau, dấu “=” là cú pháp lập trình để gán V1 cho thuộctính 1, dấu “ “ trích dẫn cho tất cả các giá trị, tuy nhiên là giátrị số thì không cần dấu “ “

14

Trang 15

TAG có nhiều nhãn kết thúc tơng ứng là nhãn đóng tuynhiên không phải nhãn nào cũng có nhãn đóng.

* Một số thẻ

- : là chữ in đậm

- : chữ in nghiêng

- : chữ gạch chân ở dới

- <TI>: chữ bình thờng </TI>

- <BIG>: chữ tăng gấp đôi </BIG>

5 Cấu trúc trang Web

<HTML> </HTML> Khai báo tập tin là một tin HTML.Thẻ này

không bắt buộc khai báo nhng bạn nên

15

Trang 16

<TITLE> </TITLE>Văn bản này nằm bên trong thẻ sẽ đợc

hiển thị ở tiêu đề của cửa sổ trangWeb

CHƯƠNG II.

Thiết kế trang web bằng MICROSOFT FRONPAGE

2000

I Làm quen với Frontpage website

1 Frontpage web và website

Frontpage web đợc tổ chức thành các tập hợp các tập tin

liên quan tới website Interner đã dần dần đợc biết đến với tên

gọi World Wide Web và vị trí của mạng đợc gọi là website

16

Trang 17

Trừ khi chúng rất đơn giản – website có một trang web, phầnlớn các website bao gồm nhiều trang web Để xem mộtwebsite, bạn cần nhập vào một URL hay Uniform ResourceLocator ( bộ định vị tài nguyên đồng nhất) (một địa chỉwebsite) từ trình duyệt và website đó sẽ đợc định vị bởitrình duyệt.

Frontpage có một cách sử dụng riêng của nó về thuật ngữweb Một web, trong ngữ cảnh của Frontpage là một tập cáctrang web và các tập tin liên quan đợc tổ chức trong một thmục hay cấu trúc th mục đơn Nói chung, Frontpage web củabạn là một website của bạn, mặc dù nhiều Frontpage web cóthể đợc tạo trên cùng một website Đó là vì Frontpage sử dụngthuật ngữ web để tham khảo tới một th mục hay cấu trúc thmục lu trữ các tập tin của website đó Có thể có nhiều webloại này đợc gắn với một URL hay một website

Điều này thực tế có nghĩa là bớc đầu tiên trong tạo mộtwebsite trong Frontpage là định nghĩa một website Trongphần lớn trờng hợp, một Frontpage web và một website là trùngnhau Hai thuật ngữ mô tả cùng một cái từ các quan điểmkhác nhau – website là sự thể hiện bề ngoài và Frontpageweb là cấu trúc tập tin bên trong của nó

17

Trang 18

2 Trang web

Trang web khác với các hồ sơ khác theo cách thức chúng

đợc thiết kế để có thể hiểu đợc bởi trình duyệt MicrosoftInternet Explorer (IE) và Netscape Navigator hiểu đợc cácphần tử văn bản, đồ họa và thậm chí các phần tử tơng tác,

nh các form nhập, âm thanh, video và cho phép mọi ngời cóthể truy cập đợc chúng từ website của bạn

Các trình duyệt sẽ dịch và hiển thị nội dung của trangweb bằng cách đọc một ngôn ngữ chuơng trình có tên làHypertext Markup Language (HTML – ngôn ngữ đánh dấu siêuvăn bản) Frontpage giúp cho bạn tránh phải học HTML bằngcách chuyển dịch các tuỳ chọn từ menu mà bạn chọn thànhcác mã HTMl

Frontpage không chỉ thông dịch các lệnh của bạn sangHTML, nó còn phát sinh các Script chơng trình theo các ngônngữ khác, cho phép bạn thêm vào các nội dung nh là hộp tìmkiếm, form nhập, các đáp ứng có tính tơng tác với ngời xem,

Trang 19

Để tạo web của bạn trên ổ cứng, hãy nhập vào tên ổ đĩa

và th mục trong hộp thoại có nhãn “Specify the location of thenew web” ở phía phải của hộp thoại New Ví dụ nh tronghình 1-6, th mục đợc xác định là C:\bichngoc6

Sau khi bạn chọn một web mẫu, bạn có thể nhấp vào nút

OK để tạo ra một web cục bộ cho Frontpage website của bạn

Hình 1-7: Lu một website vào một th mục trên ổ cứng

II Thêm vào các thành phần chung của website

19

Trang 20

1 Chọn một Theme của site

- Với web của bạn đang mở, chọn Format/ Theme từmenu Frontpage Bạn có thể thực hiện điều này từ bất kỳchế độ thể hiện nào

- Để áp dụng một Theme cho tất cả các trang trongwebsite, hãy nhấp nút chọn lựa All Pages Một cách khác, nếubạn đã chọn một trang (hay nhiều trang) trong chế độ thểhiện Folder, Page hay Navigation, bạn có thể nhấp nút lựachọn Selected Page(s) để áp dụng Theme cho các trang đợcchọn

- Nhấp vào một trong số các Theme trong danh sách bêntrái của hộp thoại Themes Một bản xem trớc của Theme đợchiển thị trong vùng Sample of Theme ở phía bên phải của hộpthoại Hãy sử dụng các hộp kiểm Vivid Colors, Active Graphics

và Bankground Pictures nh trong hình 1-1 để xem các kếtquả khác nhau

20

Trang 21

Hình 1-1: Các Themes cung cấp các bảng màu,

biểu tợng di chuyển, phông chữ và màu

- Khi bạn chọn đợc Theme phù hợp, hãy nhấp nút Ok để ápdụng Theme cho website của bạn (hay các trang web đợcchọn)

2 Thêm vào biên dùng chung

- Chọn Format/ Shared Borders từ menu Frontpage (bạn

có thể đang ở chế độ thể hiện bất kỳ) Hộp thoại SharedBorders xuất hiện nh hình 1-2

- Chọn All Pages để áp dụng biên dùng chung cho mọitrang web hoặc chọn Selected Pages để áp dụng biên dùngchung cho các trang web đợc chọn

21

Trang 22

- Chọn bất kỳ tổ hợp của biên dùng chung trên đỉnh và

lề trái nào, loại thờng đợc dùng rộng rãi nhất Hãy bắt đầu thửbằng cách lựa chọn chúng Sau này, bạn có thể bỏ chọn mộthoặc cả hai biên dùng chung này và áp dụng biên dùng chung ở

đáy và lề phải

Hình 1-2: Có tới 4 biên dùng chung có thể đợc dùng

cho mọt websiteNếu bạn chọn biên dùng chung ở đỉnh và lề trái hoặc cảhai, bạn có thể chọn hộp kiểm Include Navigation Buttón chomột hoặc cả hai biên dùng chung này

- Sau khi bạn đã chọn các biên dùng chung, hãy nhấp nútOK

III Tạo một website

22

Trang 23

1 Khởi động Frontpage 2000 Chọn File/ New/ Page orWeb để mở hộp thoại Web Site Templaces nh hình 1-3.

2 Nhập vào vị trí cho website của bạn trong hộp danhsách “Specify the location of the new web” Vị trí này có thể

là một máy chủ web hay một th mục tập tin

23

Trang 24

5 Nhấp nút phải vào trang đầu tiên (nằm bên trái nhất)của các trang web mới trong chế độ thể hiện Navigation vàchọn Rename từ menu ngữ cảnh hiện ra Thay đổi tiêu đềtrang thành People Nhấn phím Tab và thay đổi tên củatrang kế thành Places Nhấn phím Tab lần nữa và thay đổitrang thứ ba thành Things.

6 Nhấp và kéo trong chế độ thể hiện Navigation để dichuyển 3 trang web mới sao cho chúng trở thành trang concủa trang web Thông tin tiện ích nh hình 1-4

Hình 1-4: Sắp xếp lại các trang web trong chế độ thể hiện

Navigation

24

Trang 25

7 Chọn Format/ Theme Chọn một trong số các Theme từdanh sách bằng cách xem trớc danh sách các Theme trong vùngSample of Theme của hộp thoại Khi bạn tháy một Theme bạnthích, hãy thử với 3 hộp kiểm trong hộp thoại Sau khi bạnchọn một Theme và chọn các tuỳ chọn bạn thích, hãy nhấp nút

OK trong hộp thoại Themé

8 Chọn Format/ Shared Border và chú ý các thông sốmặc định liên quan với Theme của bạn Đóng hộp thoại SharedBorders lại

9 Nhấp đúp vào trang Home Page trong chế độ thểhiện Navigation đẻ mở trang web đó trong chế độ thể hiệnPage Chú ý các phần tử đợc đặt trong trang web của bạn bởiTheme và Shared Borders Nhấp thẻ HTML để xem mã HTML

mà bạn vừa tạo ra

10 Nếu bạn có một trình duyệt đợc cài đặt trên máycủa bạn, hãy chọn File/ Preview In Browser và sau đó nhấp vàomột trong số các trình duyệt đã cài đặt Thử websitecuarbạn trong trình duyệt bằng cách nhấp vào các liên kết gạch d-

ới trong các thanh di chuyển để di chuyển qua lại giữa cáctrang

25

Trang 26

11 Chọn File/ Close Web để đóng lại toàn bộ web củabạn, bao gồm toàn bộ các tập tin Bạn có thể xoá web này nếubạn muốn bằng cách chọn File/ Open web, nhấp nút phải vàomột tập tin web và chọn Delete từ menu ngữ cảnh hiện ra.

IV Làm việc với Frontpage website

1.Các chiến lợc thiết kế web

a Tại sao lại bắt đầu với thiết kế site?

Dới đây là hai quyết định chiến lợc cần thực hiện khibạn thiết kế website của bạn

- Loại chiến lợc di chuyển bạn muốn cung cấp cho kháchhàng - các tuỳ chọn có thể di chuyển đến các trang web kháctrong site mà bạn muốn có trên mỗi trang web là gì

- Loại chủ đề thể hiện mà bạn muốn áp dụng chowebsite của bạn là gì? Các phần tử thể hiện nhất quán -chẳng hạn nh lợc đồ màu, biểu tợng di chuyển, nền và phôngchữ - cung cấp tính chặt chẽ cho website của bạn và là mộtphần của thông điệp mà bạn muốn gửi tới khách hàng

b Định nghĩa các liên kết di chuyển

Dới đây là hai cách tiếp cận cơ bản để trình bàywebsite của bạn

26

Trang 27

- Thiết kế dạng đờng: Đa ngời dùng qua website của bạntheo một đờng thẳng.

- Thiết kế dạng phân cấp: Giới thiệu ngời dùng với các lớptuỳ chọn

Phần lớn các website đợc tổ chức theo một phiên bản nào

đó của một cấu trúc phân cấp, tuy nhiên cả hai chiến lợc

đều hữu ích, tuỳ thuộc vào loại thể hiện mà bạn muốn cungcấp cho ngời dùng

Đa vào một website đã có

a Đa các tập tin vào một web

Để lấy các tập tin vào một website mới, hãy thực hiện cácbớc sau:

- Chọn File/ Import Biểu tợng Import Web Wizard sẽ đợcchọn

- Nhập vào vị trí và tên của web mới trong ô “Specify thlocation of the new web” Sau đó chọn OK

- Chọn nút lựa chọn From a Source Directory Sử dụnghộp kiểm Include Subfolders để lấy vào các tập tin trong các

th mục con Nhấp Next

27

Trang 28

- Bạn có thể sử dụng hộp thoại Edit File List để loại trừcác tập tin ra khỏi web mới Để loại bỏ một hay nhiều tập tin rakhỏi danh sách, hãy chọn chúng và sau đó nhấp nút Exclude.Các tập tin bạn chọn đợc loại bỏ khỏi danh sách đợc lấy vào.

- Nhấp Finish để hoàn thành

b Đa một website đã có vào Frontpage web

Để lấy các tập tin vào một web mới, hãy thực hiện theo cácbớc sau:

- Chọn File/ Import Biểu tợng Import Web Wizard đợcchọn nh trong hình 1-5

Hình 1-5: Frontpage cung cấp một wizard để tích hợp

các đối tợng đã có vào trong web mới

28

Trang 29

- Nhập vào vị trí và tên của web mới trong ô “Specify thelocation of the new web” Sau đó nhấp OK trong hộp thoạiWebsite Templaces.

- Nhấp nút chọn lựa From A World Wide Web Site và nhậpvào URL cho trang web cuả bạn trong hộp thoại Location Hộpkiểm Secure Connection Required (SSL) chỉ đợc dùng nếumáy chủ web của bạn sử dụng chơng trình an toan SSL đểbảo vệ dữ liệu Nhấp nút Next

- Hộp Chose Dowload Amount cho phép giới hạn dung lợng

đĩa và số lợng các tập tin mà bạn tải xuống Bạn có thể giớihạn số cấp trong cấu trúc website mà Import Web Wizard cầntuân thủ bằng cách chọn Limit to This Page Plus và chọn sốmức từ hộp Limit To và nhập vào kích thớc tập tin lớn nhất chocác tập tin đợc đa vào Cuối cùng, bạn có thể giới hạn loại tậptin là văn bản và đồ họa và nhờ đó tránh đợc thời gian tảixuống lâu cho các tập tin đại loại nh tập tin số hóa 20 Mb Cáctùy chọn trong hộp thoại này bảo vệ ổ cứng bạn tránh bị đầyvới các tập tin từ một website với kích thớc không xác định

- Nhấp Finish để kết thúc

3 Sử dụng các Web mẫu và Wizard

a ONE PAGE WEB

29

Trang 30

Web mẫu ONE PAGE WEB cũng phát sinh hai th mục controng website của bạn, _private và images Th mục images cóthể đợc dùng để tổ chức các tập tin hình ảnh cho site củabạn và th mục _private chứa các trang và các tập tn khác màbạn không muốn thể hiện trong các tìm kiếm hoặc đợc liênkết trong các thanh di chuyển.

b CORPORATE PRESENCE WEB

WIZARD CORPORATE PRESENCE WEB là một site cơ bảncho các thông tin liên lạc về một công ty Đây là một wizardphức tạp và tỉ mỉ nhất đợc kèm theo Frontpage Hộp thoại

đầu tiên trong wizard sẽ hỏi bạn các trang chính mà bạn muốn

đa vào website của bạn Hộp thoại nàyđợc thể hiện tronghình 1-6

30

Trang 31

Hình 1-6: Wizard Corporate Presence Web phát sinh tới 6

trang chínhCác trang có trong wizard Corporate Presence Web bao gồm:

- Home: Bắt buộc phải có vì nó là đầu mối cho mọi liênkết di chuyển khác trong site

- What’s new: Liệt kê các liên kết tới các trang web khác.Nếu bạn chọn hộp kiểm này, sau này wizard sẽ cung cấp mộtdanh sách đến các mục đợc liên kết mà bạn có thể phát sinh

- Products/ services: Có thể có một số lợng bất kỳ các liênkết đến các sản phẩm và các sản phẩm và dịch vụ Nếuchọn hộp kiểm này, sau này bạn có thể đợc hỏi bao nhiêutrang sản phẩm và bao nhiêu trang dịch vụ cần phát sinh vàthông tin gì bạn muốn có trên các trang này Một số trong sốcác trang đợc phát sinh này bao gồm các form nhập để thuthập dữ liệu từ ngời dùng Kết quả của các form này đợc lu ởdạng các tập tin trong th mục _privates

- Table of Contents: Phát sinh bảng nội dung cho site trênmột trang riêng biệt

- Feedback Form: Tạo một trang web với một form nhập

để thu thập ý kiến khách hàng Dữ liệu từ form này đợc lu

31

Trang 32

trong tập tin có tên inforeq.txt (nằm trong th mục _private).Nhấp đúp tập tin này trong chế độ thể hiện Folders đểhiển thị thông tin trong trình xử lý văn bản của bạn.

c Customer Support Webwizard

Các trang trong chế độ thể hiện Navigation đợc phátsinh bởi web mẫu này bao gồm:

- What’s new: Danh sách các liên kết đến các trang webvới nội dung đợc cập nhật Để tạo cho các liên kết này hoạt

động, bạn cần phải soạn thảo nội dung của nó và sau đónhấp nút phải, chọn Hyperlink Properties từ menu ngữ cảnhhiện ra và sau đó liên kết chúng với trang thực tế mà bạn tạora

- FAQ (Frequently Asked Questions): Bao gồm một danhsách 6 câu hỏi, với các liên kết tới các câu trả lời đợc đánhdấu bằng Bookmark trong phần thân của trang web Bạn cầnsửa đổi các câu hỏi và câu trả lời

- Bugs: Chủ yếu là một form nhập mà ngời dùng có thểdùng nó để thông báo các lỗi Khi ngời dùng gửi một thông báolỗi, kết quả đợc gửi đến một trang có tên Bugslist.htm Bạn có

32

Định dạng
Số trang	49
Dung lượng	1,38 MB

Xây dựng website giới thiệu về danh lam thắng cảnh sapa

Chèn các Bookmark (điểm đánh dấu sách)

Đi lại trong nội tỉnh Lào Ca