Xây dựng web site giới thiệu về danh lam thắng cảnh sa pa

B¸o c¸o thùc tËp tèt nghiƯp: giíi thiƯu Danh lam thắng cảnh Trng cao ng hoỏ cht Vit 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 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 : Đỗ Thị Bích Ngọc Lớp : TH 4A Hà nội, năm 2005-07-02 MỤC LỤC Học sinh thực hiện: Đỗ Thị Bích Ngọc Lớp: TH 4A B¸o c¸o thùc tËp tèt nghiƯp: giíi thiƯu Danh lam thắng cảnh Li cm n Li 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 trang web Định nghĩa Nguyên tắc hoạt động Đặc điểm trang web Nguyên tắc trình bày trang web II WORLD WIDE WEB – linh hồn Internet III WORLD WIDE WEB – siêu văn HYPERTEXT IV Các URL giao thức TRANSFER V Ngôn ngữ siêu văn HTML Nguồn gốc HTML HTML ngôn ngữ đánh dấu Các thẻ HTML Giới thiệu số thẻ Cấu trúc trang web Học sinh thực hiện: Đỗ Thị Bích Ngọc Lớp: TH 4A B¸o c¸o thùc tËp tèt nghiƯp: giíi thiệu Danh lam thắng cảnh CHNG II : THIT K TRANG WEB BẰNG MICROSOFRONTPAGE 2000 I Làm quen với FrontPage 200 Front Page web website Trang web Lưu web bạn đâu ? II Thêm vào thành phần chung website 1.Chọn Theme site Thêm vào biên dùng chung III Tạo website IV Làm việc với FRONTPAGE WEBSITE Các chiến lược thiết kế web a.Tại lại bắt đầu với thiết kế site ? b Định nghĩa liên kết di chuyển Đưa vào website có a Đưa tập tin vào web b Đưa website vào Frontpage web Sử dụng web mẫu wizard a One Page Web Häc sinh thực hiện: Đỗ Thị Bích Ngọc Lớp: TH 4A B¸o c¸o thùc tËp tèt nghiƯp: giíi thiƯu Danh lam thắng cảnh b Corporate Presence Web c Customer Support Web d Discusion Web Wizard e Empty Web f Import Web Wizard h Project Web Tạo nội dung trang web a Soạn thảo văn trang web b Chèn dấu ngắt c Thêm đường kẻ ngang d Đặt vào thích f Chèn vào biểu tượng g Chèn Bookmark (điểm đánh dấu sách) Phần hai: Thiết kế website giới thiệu danh lam thắng cảnh Sa Pa I Trang chủ II Giới thiệu chung Sa pa xưa Khám phỏ Sa Pa Học sinh thực hiện: Đỗ Thị Bích Ngäc Líp: TH 4A B¸o c¸o thùc tËp tèt nghiệp: giới thiệu Danh lam thắng cảnh Thụng tin tiện ích Gallery Phần : Cơ sở lý thuyết Chương I Giới thiệu web I Giới thiệu trang web Định nghĩa Là trình ứng dụng phần mềm người suất trình duyệt siêu văn trang web hay web tập hợp trang liên kết với nhau, trang đa phương tiện hình ảnh, âm thanh, video … Nguyên tắc hoạt động Hoạt động theo mơ hình CLIENT/ SERVER (chủ/ khách) chạy web Client giao tiếp người dùng Internet máy tính liên lạc với Wec Client hiển thị thơng tin lên hình Đặc điểm trang web Người đọc ln dành thời gian để xem trang web hay tờ tạp chí Trang web thường ngắn có chiều dài hay hai hình Khi thiết kế phải gây ý cho người xem, không người xem di chuyển sang nơi khác Các trang web tài liệu siêu liên kết người đọc thường khơng di chuyển qua chúng theo mt trỡnh t Học sinh thực hiện: Đỗ Thị BÝch Ngäc Líp: TH 4A B¸o c¸o thùc tËp tốt nghiệp: giới thiệu Danh lam thắng cảnh Ti liu ngoại tuyến suất thường viết điều chỉnh chuyên biên trang Web đọc suất người địi hỏi khơng cần có kỹ viết điều chỉnh trang Web Các trang Web trang động chúng thường liên quan đến đa phương tiện (MULTIMEDIA) Với nội dung ngoại tuyến chất lượng viết làm thu hút người đọc, hình thức, hình dạng thực viết yếu nhiên hình dạng hình thức thành phần quan trọng trang Web Nguyên tắc trình bày trang Web Một kiểu trình bày Web tập hợp trang Web liên kết đính kèm theo, trang Web thường có đề tài đó, điều làm cho phần trình bày có ấn tượng sâu sắc : chủ đề hai mục đích rõ ràng cho trình bày Khả cho phép khám phá cung cấp đầy đủ đị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 kỹ lưỡng với siêu liên kết thường định vị phần trang viết mơ tả ngắn, có nhiều hình ảnh II WORLD WIDE WEB – linh hồn Internet WWW thường gọi Web sưu tập hàng triệu trang File lưu trữ hàng ngàn máy tính (Gọi Web Server ) tồn giới Các file trình bày tài liệu, hình ảnh, âm thanh, chương trình, mơi trng Học sinh thực hiện: Đỗ Thị Bích Ngọc Lớp: TH 4A B¸o c¸o thùc tËp tèt nghiƯp: giíi thiệu Danh lam thắng cảnh tng tỏc v bt kỳ thông tin khác lưu trữ file máy tính, có lẽ Web sưu tập thông tin lớn nhất, đa dạng tập hợp Sự hợp file hệ thống dùng cho việc liên kết file với file khác truyền chúng lên Internet, ngôn ngữ HTML cho phép file chứa liên kết với file liên quan Một Link gọi Hyperlink chứa thông tin cần thiết để xác định vị trí file liên quan mạng Internet, nối vào mạng Internet sử dụng chương trình trình duyệt Web, đọc xem nghe, giao tiếp Web mà không cần để ý xem thông tin truy cập chứa máy tính Một thơng tin lưu trữ máy tính Việt Nam liên kết bạn với Stock lưu New York, âm Frankfut âm lưu Tokyo Việc liên kết dịch vụ web, mạng Internet trình duyệt web bạn, tập hợp thơng tin trình bày cho bạn dạng tổng thể thống Do liên kết này, bạn từ tài liệu web đến tài liệu web khác Vì lý nhiều người thích xem toàn trang web tài liệu lớn, với cách nhìn liên kết cho bạn từ phần đến phần khác III WORLD WIDE WEB siêu văn Hypertext Năm 1991, TIM BERNERS LEE trình nghiên cứu Internet hình dung khái niệm phương pháp cách truyền tập tin qua lại kết nối UUCP (UNIX TO UNIX COPY) FTP Theo phương cách máy tính mạng đến tập tin khác máy khác ngược lại Khái niệm ny sau Học sinh thực hiện: Đỗ Thị Bích Ngọc Líp: TH 4A B¸o c¸o thùc tËp tèt nghiƯp: giới thiệu Danh lam thắng cảnh ú c phỏt trin mạnh mẽ trở thành WORLD WIDE WEB (WWW) file truyền web lúc ban đầu dạng văn dạng Text (chỉ gồm ký tự ) phải đánh dấu định dạng (MARKED UP), máy thu chương trình duyệt Web cịn gọi BROWSER vào dấu định dạng để tái nội dung văn Năm 1992, WORLD BANK đa dạng lên mạng với cụm từ “LWOWS Internet” (SURFING THE INTERNET) Năm 1993 MOSAIC, trình duyệt đời thúc đẩy hoạt động kinh doanh, quảng cáo, dịch vụ mạng phát triển mạnh mẽ Năm 1995 WWW vượt qua FTP trở thành dịch vụ nhiều người sử dụng Hiện nay, nhờ vào công nghệ JAVA, áp điện thoại, internet, VOIP (VOICE OVER INTERNET FORTOCOL), mơi giới chứng khốn trực tuyến … Internet WWW trở nên tiện dụng hữu ích hết IV Các URL giao thức Transfer Khi mảng tài liệu phân tán khắp giới, muốn hiển thị cho người xem nơi giới, cần hệ thống địa cần thiết, file Internet có địa gọi INIFORM RESOURCE LOCATOR (URL) chẳng hạn, URL ESPNSPORTZONE WEBSITE là: http://espnet.sportzone.com phần đầu URL định giao thức TRANSFER, phương pháp mà máy tính dùng để truy cập file này, hầu hết trang web truy cập với HYPERTEXT TRANSFER PROTOCOL (ngụn ng Học sinh thực hiện: Đỗ Thị Bích Ngọc Líp: TH 4A B¸o c¸o thùc tËp tèt nghiƯp: giới thiệu Danh lam thắng cảnh ca thụng tin web) lý địa web thường bắt đầu với HTTP cách tiêu chuẩn (phiên an tồn nó, HTTPS SHTTP) HTTP:// đầu URL trang web phổ biến thường với việc nói đơn giản gõ nhập Espnet Sportzone.com vào cửa sổ địa Internet Exporer hay Navigator, trình duyệt tự vào http:// cách dùng thông thường http:// đầu câu URL thường bị bỏ V Ngôn ngữ siêu văn HTML WWW thường đơn giản web, dịch vụ thông dụng Internet, Web mang tính đồ họa rõ ràng truy truy suất mang thông tin chất lượng cao Hai công cụ hỗ trợ cho web HTML ngôn ngữ đánh dấu siêu văn Sử dụng HTML để tạo trang web máy tính sử dụng HTML để truyền liệu trang web trang WEB (WEB BROWSER PROGRAM, chẳng hạn NETSCAPE NAVIGATOR MICROSOFT INTERNET EXPLORER) nhận thông tin hiển thị trang web lên hình Nguồn gốc HTML HTML phát triển để cung cấp định dạng văn hình ảnh để trình duyệt web đọc HTML ngôn ngữ đánh dấu ngôn ngữ lập trình, cách mật mã hố thơng tin để tất kiểu trình duyệt đọc hiển thị trang HTML phát triển liên tục, mã bổ xung Häc sinh thực hiện: Đỗ Thị Bích Ngọc Lớp: TH 4A B¸o c¸o thùc tËp tèt nghiƯp: giíi thiƯu Danh lam thắng cảnh v cỏc mó c c b i S phát triển HTML quản lý WORLD WIDE WEB CONSORTIUIM W3C HTML ngôn ngữ đánh dấu HYPERTEXT MARKUP LANGUAGE (HTML) ngôn ngữ trang WORLS WIDE WEB , định dạng mà bạn ứng dụng cho văn bản, tiêu đề hình ảnh trang web điều khiển HTML HTML ngôn ngữ đơn giản mạnh cho phép bạn tạo trang web Các ngôn ngữ dùng thẻ ( TAG) mã cho phép người dùng chèn vào văn để tạp thành phần trang web Các thẻ đóng vai trị lệnh báo cho trình duyệt web biết vị trí phương thức hiển thị thành phần trang web Các thẻ HTML Các thẻ gồm phần tử đặt dấu có hai loại thẻ: thẻ chứa thẻ đóng - Thẻ chứa (CONTAINER TAG ) gồm phần tử thẻ mở( OPENNING TAG ) phần tử thẻ đóng( CLOSING TAG ), thẻ mở bắt đầu dấu “” Thẻ đóng tương tự thẻ mở khác chỗ có dấu “/” nằm dấu “” tên thẻ Trong thẻ đóng chứa thuộc tính, liệu đặt thẻ mở thẻ đóng Có thể viết tổng quát sau: liệu Học sinh thực hiện: Đỗ Thị Bích Ngọc Lớp: TH 4A