Trường Trung cấp kỹ thuật Vạn Xuân Đề tài: Du lch H Tõy Lời nói đầu Công nghệ thông tin ngày phát triển tập hợp phơng pháp công nghệ thông tin khoa học đại Trc õy muốn tìm thơng tin phải tìm thơng tin nhiều thời gian tiền bây giời khác muốn tìm thơng tin bạn cần lên mạng tra cứu thơng tin website, Web site tập hợp nhiều trang web có thơng tin lập trình ngơn ngữ siêu văn bản, Đối với người thiết kế web cho phép làm sổ điện tử với nội dung hình ảnh phong phú : (làm web thương mại, du lịch,văn hố thơng tin,thời sự, giải trí ) Web giúp quảng bá thông tin rộng rãi mà không nhiều thời gian tiền cho việc phải quảng c¸o khu di lịch , sản phẩm W w w đà ngày phát triển toàn giới , giúp cho nhiều công ty , nghành nghề .phát triển Sau viêc quảng bá website Du Lịch Hà Tây Sinh viờn thc hin: Nguyễn Văn Thụ - Lớp TH4E - K4 Trường Trung cấp kỹ thuật Vạn Xuân Đề tài: Du lịch Hà Tây Ch¬ng I: giíi thiƯu chung vỊ web I giới thiệu Internet: Định nghĩa: Internet đợc gọi mạng máy tính lớn giới Mạng máy tính nhóm máy tính đợc kết nối lại với tự trao đổi thông tin với Internet hệ thống máy tính toàn cầu máy tính đà đợc nối mạng với ngời sử dụng liƯu cđa chóng Internet cho phÐp truy cËp th«ng tin tài nguyên toàn cầu không phụ thuộc vào vị trí địa lý 2.Lịch sử đời: -Năm 1960 quan quốc phòng Mỹ, quan quản lý dự án nghiên cứu phát triển đà đề nghị liên kết bốn địa điểm đầu tiên: + Viện nghiên cứu Stanford + Trờng đại học Standa Babara + Đại học tổng hợp California + Trờng đại học Ulta - Đến năm 1969 bốn địa điểm đợc kết nối thành mạng đánh dấu đời Internet ngày Nhng lúc đợc gọi mạng arpanet - Giữa thập kỷ năm 1980 tổ chức khoa học quốc gia Mỹ có tên NSF thàng lập mạng liên kết trung tâm máy tính lớn với Và mạng có tên NSFNET Do cã nhiỊu doanh nghiƯp ®ang sư dơng APNET ®· chuyển sang mạng NSFNET - Đến năm 1990 mạng ARPANET đà dừng hoạt động hẳn Tuy nhiên đến năm 1995 mạng NSFNET thu lại chí mạng nghiên cứu.Và Internet bắt đầu hoàn thiện phát triển Đến Internet đà trở thành mạng lớn giới, đợc sử dụng lĩnh vực nh trị , quân :GPS:Gobal postion System (hệ thống định vị toàn cầu ), siêu thị ảo mạng (thơng mại ), y tế: phẫu thuật- chuẩn đoán bệnh từ xa II.Một số dịch vụ mạng internet: * W.W.W :Xem trang nh yahoo.com Đây dịch vụ đa truyền thông Internet , chứa kho tài liệu văn đa khổng lồ đợc viết ngôn ngữ đánh dấu siêu văn HTML , siêu văn phơng pháp trình bày văn bản, hình ảnh, âm video liêt kết với mét trang web kÕt hỵp Sinh viên thực hiện: Nguyễn Văn Thụ - Lớp TH4E - K4 Trường Trung cấp kỹ thuật Vạn Xuân Đề tài: Du lịch H Tõy không theo thứ tự Dạng thức cho phép ngời dùng duyệt qua chủ đề theo thứ tự bất kỳ, công cụ xác định vị trí chuyển tải tài nguyên máy tính * Giao thøc truyÒn file: FTP (File transfes Protocol ) Dịch vụ truyền file :Trên internet đợc đặt tên theo giao thøc mµ nã sư dơng lµ FTP, giao thøc FTP cho phép chuyển file từ trạm sang trạm khác cho dù trạm đâu sử dụng hệ điều hành cần ý đợc nối internet có cài đặt FTP FTP phơng pháp hỗ trợ cho mạng xa dây, giao thức cho phép chuyển tập tin tài liệu đơn giản Có tập tin phải chun tõ sever FTP ®Õn sever míi cã thĨ truy nhập đợc, qúa trình truyền file đợc thực tầng ứng dụng mô hình OSI, FTP cho phép chuyển hai loại tập tin dạng văn dạng nhị phân * Email: th điện tử Emai : dịch vụ th điên tử dịch vụ chuyển th từ ngời gửi đến ngời nhận thông qua mạng internet Cấu trúc Email gồm hai phần: +Header : - ssĐịa đến - Subject : Tiêu ®Ị - Cã thĨ gưi ®Õn cho nhiỊu ngêi +Body:Phần thân : Nội dung Email Sinh viờn thc hin: Nguyễn Văn Thụ - Lớp TH4E - K4 Trường Trung cấp kỹ thuật Vạn Xuân Đề tài: Du lịch Hà Tây III Giíi thiƯu vỊ web : Định nghĩa : Với mà ngôn ngữ đơn giản ngời thờng xuyên web Nghĩa thông tin cá nhân, tổ chức ngời sử dụng bị khai thác ngời sử dụng web khác Web cho ngời thiết kế làm số điện tử với nội dung hình ảnh phong phú, trang (web ) cửa sổ điện tử đợc gọi trang web Trang đầu đợc gọi trang chủ hay trang Hompage Nó trang khởi đầu đợc tải xuống bị trình duyệt đợc khởi động Các dạng chữ khác sử dụng đợc tên trang web nhiều từ khoá trang web đợc liên kết với trang web Cho phép tiết kiệm nhanh đến thông tin chi tết Sự liên kết nh ngời ta gọi siêu liên kết (Hyperlink) Mỗi lần ngời sử dụng nhấn chuột lên kí tự từ khoá đợc bật sáng lên gạch dới có hiệu ứng đặc biệt gây ý Lúc máy tính tự động chuyển đến vị trí lu trữ thông tin cần thiết Các tài liệu có liên kết lẫn nh đợc gọi Hypertext Hypertext phơng thức liên kết nối thông tin cho việc tìm kiếm chúng dễ dàng 2.Cách gọi tên trang: Mỗi trang web có tên gắn liền với Để cho trình duyệt ngời sử dụng nhìn thấy URL (Uniform Resource Location) địa nhận dạng riêng tài liệu web Một tài liệu nh hình ảnh, file HTML chơng trình Mỗi trang web có URL chuỗi ký tự bắt đầu với http://www Chơng III: nguyên tắc thiết kế website I Các nguyên tắc web : Nguyên tắc làm việc web: Web hoạt động theo mô hình client/server (khách /chủ) Sinh viên thực hiện: Nguyễn Văn Thụ - Lớp TH4E - K4 Trường Trung cấp kỹ thuật Vạn Xuân ti: Du lch H Tõy * Mô hình Sever: Khi chạy chơng trình web client trình duyệt chơng trình phần mềm ứng dụng thực chức giao diện ngời dùng Internet máy khách Máy tính liên lạc với web sever yêu cầu cung cấp thông tin tài nguyên máy chủ Sau máy chủ gửi thông tin đến trinh duyệt để hiển thị kết hình Do nhiều client chia nguồn tài nguyên sever cung cấp Chơng trình Internet client có chức : Hiển thị trang web hình, để giao diện từ ngời sử dụng nói chuyện qua Internet 2.Đặc điểm trang web : Ngời đọc dành thời gian để xem trng web đọc tạp chí, báo Các trang web thờng ngắn có chiều dài từ đến hai trang hình Các nhà thiết kế web cố gây ý cho ngời đọc Nếu phần trình bày không đợc thiết kế khéo léo ngời ®äc cã thĨ dƠ dµng di chun sang mét trang khác Các trang web tài liệu đợc tạo siêu liên kết Do ngời đọc thờng không di chuyển qua chúng trình tự định (trình tự số trang, nút Hyperlink) Tài liệu ngoại tuyến đà xuất thờng đợc viết đợc hiệu chỉnh chuyên viên (các phóng viên, nhà báo) Trong trang web xuất ngời thiết kế website Đôi không cần có kỹ năngviết hiệu chỉnh trang web Các trang web trang động, chúng thờng liên quan đến yếu tố đa phơng tiện (Multimedia) Với báo ngoại tuyến chất lợng quan trọng Với trang web hình ảnh phËn quan träng kh«ng thĨ thiÕu cđa trang web th«ng tin cập nhật nhanh * Trực tuyến :Ưu điểm :yếu tố đa phơng tiện, thông tin cập nhật nhanh 3.Nguyên tắc trình bày trang web : Một kiểu trình bày web tập hợp gồm trang web đà đợc tạo trang website thờng có đề tài Vì thiết kế trang web phải đảm bảo yếu tố : - Một chủ đề mục đích rõ ràng - Đảm bảo khả cho phép khám phá cung cấp đầy đủ định hớng để ngời sử dụng dễ dàng thăm web tránh phơng hớng Sinh viên thực hiện: Nguyễn Văn Thụ - Lớp TH4E - K4 Trường Trung cấp kỹ thuật Vạn Xuân Đề tài: Du lịch Hà Tây - Sù lùa chän mầu, chữ, dễ đọc - Kiểu thiết kế trang thích hợp kỹ lỡng với siêu liên kết thờng trang bên trái - Bài viết mô tả ngắn Nguyên tắc thiết kế web site : Nguyên tắc tổ chức thiết kế website phải đáp ứng đợc nhu cầu ngời sử dụng Muốn phải tổ chức thông tin hợp lý để thiết kế website ngời thiết kế web phải tuân theo nguyên tắc nh sau : Bớc : Siêu tầm sở liệu, sở liệu phong phú nội dung , hình thức website có chất lợng tốt Bớc : Chia nội dung thành phần hợp lý Bíc : ThiÕt kÕ hƯ thèng ph©n cấp mức độ quan trọng phần Bớc : Xây dựng quan hệ phần Bơc : Dùng công cụ thiết kế wesite để thiết kế website theo cấu trúc thông tin Bớc : Phân tích tính khả thi mặt chức tính thẫm mỹ Chơng IV : cÊu tróc vµ nhËn xÐt cđa Website I.Giíi thiƯu chung cấu trúc website: Một website đợc xem thành công có khả thu hút đợc nhiỊu ngêi truy cËp V× vËy néi dung website phải phong phú, ngời sử dụng liên kết đợc thông tin dạng Typetext mặt website, website đợc phát triển dựa chủ đề đợc xây dựng thành cấu trúc, cấu trúc định giao diện, điều hớng website tạo nên định hớng thông tin, hớng dẫn ngời sử dụng tiếp cận thông tin mà ngời thiết kế website muốn quảng bá bảng Các cấu trúc website bao gồm : Tuần tự, lới, phân cấp mạng Cấu trúc : Cách tổ chức thông tin đơn giản cách xếp chúng theo tuần tự tuân theo thời gian loại chủ đề đợc xếp hợp lý tỉng qu¸t víi mét c¸ch thĨ Víi cÊu trúc chọn đề tài theo chuỗi thời gian ví dụ nh đề tài lịch sử Nhợc điểm cấu trúc gây nhàm chán cho ngời sư dơng Sinh viên thực hiện: Nguyễn Văn Thụ - Lớp TH4E - K4 Trường Trung cấp kỹ thuật Vạn Xuân Đề tài: Du lịch Hà Tây Cấu trúc lới : Là cách hiểu hiệu để tạo mối tơng quan biến số, khối đơn lẻ khung lới phải có cấu trúc đồng chủ đề chủ đề phụ Các chủ đề đợc xếp theo dạng lới thờng không đợc phân cấp cụ thể mức độ quan trọng Cơ sở liệu dùng cho web ®Ĩ tỉ chøc néi dung c¸c website cã cÊu tróc lới ghi liệu đợc thiết kế chi tiết quán cấu trúc Hình Sơ đồ cấu trúc lới 3.Cấu trúc phân cấp : Phân cấp thông tin tổ chức thông tin cách hiểu hiệu website đợc tổ chức qua trang chủ Nên sơ đồ phân cấp đặc biệt phù hợp với tổ chức website Sơ đồ hệ thống phân cấp thông dụng cho tổ chức hay công ty Ví dụ nh : giới thiệu khu danh lam thắng cảnh- du lịch Việt Nam Nh vùng tây bắc có nhiều núi non, có bờ biển dài làm trang chủ phân làm miền nh miền bắc có Hà Nội bao gồm chùa chiền danh lam thắng cảnh ngời tạo tự nhiên Sinh viờn thc hiện: Nguyễn Văn Thụ - Lớp TH4E - K4 Trường Trung cấp kỹ thuật Vạn Xuân Đề tài: Du lịch Hà Tây VÝ dơ : ®iỊn kinh :ch¹y… Sinh viên thực hiện: Nguyễn Văn Thụ - Lớp TH4E - K4 Trường Trung cấp kỹ thuật Vạn Xuõn ti: Du lch H Tõy Hình Sơ đồ cấu trúc phân cấp 4.Cấu trúc mạng : Đa vài hạn chế với cách sử dụng thông tin Tuy nhiên cấu trúc cho phép ngời sử dụng tổ chức trang web theo cách thức độc đáo, mang phong cách riêng có tính khám phá Nhận xét : Cấu trúc phong phú cấu trúc khác, phù hợp sử dụng cho thiết kế webste chuyên nghiệp H.4 Sơ Đồ Cấu Trúc Mạng II Kết luận : Mỗi cấu trúc có u nhợc điểm riêng Vì thiết kế website chủ đề ngêi ta thiÕt kÕ cã thĨ sư dơng kÕt hỵp với cấu trúc cho phù hợp Sinh viên thực hiện: Nguyễn Văn Thụ - Lớp TH4E - K4 Trường Trung cấp kỹ thuật Vạn Xuân Sinh viên thực hiện: Nguyễn Văn Thụ - Lớp TH4E - K4 Đề tài: Du lịch Hà Tây