Báo cáo thực tập tốt nghiệp: giới thiệu Danh lam
thắng cảnh
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
Lớp : TH 4A
Hà nội, năm 2005-07-02
Học sinh thực hiện: Đỗ Thị Bích Ngọc
Lớp: TH 4A
1
Báo cáo thực tập tốt nghiệp: giới thiệu Danh lam
thắng cảnh
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
V. Ngôn ngữ siêu văn bản HTML
thắng cảnh
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
thắng cảnh Sa Pa
I. Trang chủ
Học sinh thực hiện: Đỗ Thị Bích Ngọc
Lớp: TH 4A
4
Báo cáo thực tập tốt nghiệp: giới thiệu Danh lam
thắng cảnh
II. Giới thiệu chung
1. Sa pa xa và nay
2. Khám phá Sa Pa
3. Thông tin tiện ích
4. Gallery
thức là những thành phầ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 đã đợc liê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ần trình bày có ấn tợng sâu sắc : một là chủ đề và hai là các mục đích
rõ ràng cho trình bày. Khả năng cho phép khám phá 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ều hình ảnh.
Học sinh thực hiện: Đỗ Thị Bích Ngọc
Lớp: TH 4A
6
Báo cáo thực tập tốt nghiệp: giới thiệu Danh lam
thắng cả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àng triệu trang File đ-
ợc lu trữ trên hàng ngàn máy tính (Gọi là Web Server ) trên toàn thế giới. Các
file này trình bày các tài liệu, hình ảnh, âm thanh, chơng trình, các môi trờng t-
ơng tác nhau và bất kỳ thông tin nào khác đã đợc lu trữ trong file máy tính, có lẽ
Web là một bộ su tập thông tin lớn nhất, đa dạ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 cho việc liên kết file
này với các file khác và truyền chúng lên Internet, ngôn ngữ HTML cho phép
một file chứa các liên kết với các file liên quan. Một Link nh vậy cũng gọi là
Hyperlink chứa thông tin cần thiết để xác định vị trí các file liên quan trê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, giao tiếp trên Web mà không cần để ý xem thông tin đang
truy cậ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
Học sinh thực hiện: Đỗ Thị Bích Ngọc
Lớp: TH 4A
8
Báo cáo thực tập tốt nghiệp: giới thiệu Danh lam
thắng cảnh
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ắp thế 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ần thiết, mỗi file trên Internet có một địa chỉ gọi là INIFORM
RESOURCE LOCATOR (URL) chẳng hạn, URL của ESPNSPORTZONE
WEBSITE là: phần đầu của URL chỉ định giao thức
TRANSFER, phơng pháp mà một máy tính dùng để truy cập file này, hầu hết
các trang web đợc truy cập với Hypertext Transfer Protocol (ngôn
ngữ của thông tin web) đó là lý do vì sao các địa chỉ web thờng bắt đầu với
HTTP một cách tiêu chuẩn (phiên bản an toàn của nó, HTTPS hoặc SHTTP).
HTTP:// ở đầu của một URL trong trang web khá phổ biến đến nỗi nó thờng đi
cùng với việc nói đơn giản nếu gõ nhập Espnet Sportzone.com vào cửa sổ địa chỉ
của Internet Exporer hay Navigator, bộ trình duyệt tự vào http:// trong cách dùng
thông thờng http:// ở đầu câ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ụng nhất trên
Internet, Web mang tính đồ họa rõ ràng truy truy suất và mang thông tin chất l-
ợng cao. Hai công cụ hỗ trợ cho web là HTML và ngôn ngữ đánh dấu siêu văn
bản. Sử dụng HTML để 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 (WEB BROWSER
PROGRAM, chẳng hạn NETSCAPE NAVIGATOR hoặc MICROSOFT
INTERNET EXPLORER) sẽ nhận thông tin và hiển thị trang web lên màn hình.
Học sinh thực hiện: Đỗ Thị Bích Ngọc
Lớp: TH 4A
9
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 nh sau:
<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ạn lệnh xuống hàng hay chèn các đờng
kẻ ngang.
Ví dụ: <BR> có tác dụng xuống hàng, dữ liệu nằm sau thẻ <BR> sẽ đợc
hiển thị bắt đầu từ lề trái của một dòng mới.
Một số thẻ có nhiều thuộc tính, các thuộc tính này biểu thị các tùy chọn
của thẻ. Thẻ rỗng sau đây báo cho trình duyệt chèn một hình ảnh, nó có một
thuộc tính SRC báo cho trì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ột thẻ 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ẻ
Học sinh thực hiện: Đỗ Thị Bích Ngọc
Lớp: TH 4A
11
Báo cáo thực tập tốt nghiệp: giới thiệu Danh lam
thắng cảnh
* 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ác nhau giữa các
nhãn, các thuộc tính có các giá trị lựa chọn khác nhau, dấu = là cú pháp lập
tin về tài liệu, thẻ này không bắt buộc.
<BODY> </BODY> Khai báo một phần của một tập tin, chứa
toàn bộ dữ liệu của trang web, thẻ này
không bắt buộc.
<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ổ trang Web.
13
Báo cáo thực tập tốt nghiệp: giới thiệu Danh lam
thắng cảnh
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. Trừ khi chúng rất đơn giản website có một
trang web, phần lớn các website bao gồm nhiều trang web. Để xem một website,
bạn cần nhập vào một URL hay Uniform Resource Locator ( 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ởi trì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ác trang web và các tập tin liên quan
đợc tổ chức trong một th mục hay cấu trúc th mục đơn. Nói chung, Frontpage
web của bạ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ụng thuật ngữ web để tham khảo
tới một th mục hay cấu trúc th mục lu trữ các tập tin của website đó. Có thể có
nhiều web loạ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ột website trong
Frontpage là định nghĩa một website. Trong phần lớn trờng hợp, một Frontpage
web và một website là trùng nhau. Hai thuật ngữ mô tả cùng một cái từ các quan
điểm khác nhau website là sự thể hiện bề ngoài và Frontpage web là cấu trúc
tập tin bên trong của nó.
2. Trang web
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
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 trong website, hãy nhấp nút
chọn lựa All Pages. Một cách khác, nếu bạ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ựa chọn
Selected Page(s) để áp dụng Theme cho các trang đợc chọn.
Học sinh thực hiện: Đỗ Thị Bích Ngọc
Lớp: TH 4A
16
Báo cáo thực tập tốt nghiệp: giới thiệu Danh lam
thắng cảnh
- Nhấp vào một trong số các Theme trong danh sách bên trái của hộp
thoại Themes. Một bản xem trớc của Theme đợc hiển thị trong vùng Sample of
Theme ở phía bên phải của hộp thoạ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ết quả
khác nhau.
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 để áp dụng Theme
cho website của bạn (hay các trang web đợc chọ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 Shared Borders xuất hiện nh hình 1-2.
Học sinh thực hiện: Đỗ Thị Bích Ngọc
Lớp: TH 4A
17
Báo cáo thực tập tốt nghiệp: giới thiệu Danh lam
3 trang con kết nối với trang Favorites.
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
Học sinh thực hiện: Đỗ Thị Bích Ngọc
Lớp: TH 4A
19
Báo cáo thực tập tốt nghiệp: giới thiệu Danh lam
thắng cảnh
ra. Thay đổi tiêu đề trang thành People. Nhấn phím Tab và thay đổi tên của
trang kế thành Places. Nhấn phím Tab lần nữa và thay đổi trang thứ ba thành
Things.
6. Nhấp và kéo trong chế độ thể hiện Navigation để di chuyển 3 trang web
mới sao cho chúng trở thành trang con củ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
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ùng Sample of Theme của hộp thoại.
Khi bạn tháy một Theme bạn thích, hãy thử với 3 hộp kiểm trong hộp thoại. Sau
khi bạn chọ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é.
Học sinh thực hiện: Đỗ Thị Bích Ngọc
Lớp: TH 4A
20
Báo cáo thực tập tốt nghiệp: giới thiệu Danh lam
thắng cảnh
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 Shared Borders lại.
9. Nhấp đúp vào trang Home Page trong chế độ thể hiện Navigation đẻ mở
trang web đó trong chế độ thể hiện Page. Chú ý các phần tử đợc đặt trong trang
web của bạn bởi Theme và Shared Borders. Nhấp thẻ HTML để xem mã HTML
- Thiết kế dạng phân cấp: Giới thiệu ngời dùng với các lớp tuỳ 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 cung cấ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ác bớc sau:
- Chọn File/ Import. Biểu tợng Import Web Wizard sẽ đợc chọn.
- Nhập vào vị trí và tên của web mới trong ô Specify th location of the
new web. Sau đó chọn OK.
Học sinh thực hiện: Đỗ Thị Bích Ngọc
Lớp: TH 4A
22
Báo cáo thực tập tốt nghiệp: giới thiệu Danh lam
thắng cảnh
- Chọn nút lựa chọn From a Source Directory. Sử dụng hộp kiểm Include
Subfolders để lấy vào các tập tin trong các th mục con. Nhấp Next
- 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 ra khỏ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ác bớc sau:
- Chọn File/ Import. Biểu tợng Import Web Wizard đợc chọ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
Học sinh thực hiện: Đỗ Thị Bích Ngọc
Lớp: TH 4A
b. CORPORATE PRESENCE WEB
WIZARD CORPORATE PRESENCE WEB là một site cơ bản cho các
thông tin liên lạc về một công ty. Đây là một wizard phứ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 trong hình 1-6.
Hình 1-6: Wizard Corporate Presence Web phát sinh tới 6 trang chính
Cá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ên kết di chuyển khác
trong site.
- Whats 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ột danh sách đến các mục đợc liên
kết mà bạn có thể phát sinh.
Học sinh thực hiện: Đỗ Thị Bích Ngọc
Lớp: TH 4A
25
Copyright: Tài liệu đại học ©