bài giảng về WORLD WIDE WEB

BÀI 2: WORLD WIDE WEB BÀI 2: WORLD WIDE WEB 1. Nguồn gốc World Wide Web ƒ Năm 1991, Tim Berners Lee trình nghiên cứu Internet hình dung khái niệm phương 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 này, máy tính mạng xem tập tin máy tính khác ngược lại. ¾ ƒ Khái niệm sau phát triển mạnh mẽ trở thành World Wide Web (WWW). Các file truyền WWW WEB lúc ban đầu văn dạng TEXT (chỉỉ gồm kýý tự) phải ả đánh dấu ấ định dạng (Marked up) ngôn ngữ có tên Hyper Text Markup Language (HTML). Ở máy đích, chương trình duyệt Web gọi Web Browser vào dấu định dạng để ể tái nội dung văn lên hình. BÀI 2: WORLD WIDE WEB 2. Khái niệm World Wide Web ƒ Word Wide Web, gọi tắt Web - mạng lưới nguồn thông tin cho phép người khai thác thông tin qua ộ số ố công ô cụ h ặ chương h trình ì hh hoạt động độ d ới giao thức mạng. ƒ Nhưng g vấn đề lýý thú Web nằm khía cạnh khác,, Web có khả liên kết với trang Web khác, thông qua “siêu liên kết” (hyperlink), siêu liên kết chất địa trỏ tới nguồn thông tin (trang Web) nằm Internet. Bằng siêu liên kết này, trang Web liên kết với thành mạng chằng chịt, trang trỏ tới trang khác, cho phép người chu du biển thông tin (lướt web). web) BÀI 2: WORLD WIDE WEB Đặc ặ điểm Nguyên g y lý ý hoạt động ộ g ƒ WWW xây dựng dựa kỹ thuật có tên gọi hypertext (siêu văn bản). Hypertext kỹ thuật trình bày thông tin trang không theo tuần tự. Người đọc tự đuổi theo dấu vết liên quan qua suốt tài liệu mối liên kết xác định sẵn. Trong môi trường ứng dụng hypertext, trỏ vào (highlight) từ liên kết tài liệu tức khắc nhảy đến tài liệu khác có văn liên quan đến nó. ƒ Trên trang thông tin cần có nhiều kiểu liệu khác TEXT, ảnh hay âm thanh. ¾ Dẫn đến xuất ngôn ngữ HTML (HyperText Markup Language). BÀI 2: WORLD WIDE WEB Đặc điểm Nguyên lý hoạt động ƒ Người dùng sử dụng phần mềm Web Browser để xem thông tin máy chủ WWW. Tại server phải có phần mềm Web server. Phần mềm thực nhận yêu cầu từ Web Browser gửi lên thực yêu cầu đó. BÀI 2: WORLD WIDE WEB BÀI 2: WORLD WIDE WEB 3. Trình duyệt Web 3.1. Internet Explorer ƒ Viết tắt IE, trình duyệt web thông dụng kèm với hệ điều hành Windows hãng Microsoft. Microsoft Phiên Internet Explorer 8. 3.2. Mozilla FireFox ƒ Là trình duyệt tự do, mã nguồn mở, có khả chạy nhiều hệ điều hành khác nhau, có giao diện đồ họa phát triển công ty Mozilla Corporation hàng trăm tình nguyện viên khắp nơi giới. ƒ FireFox trình duyệt có tất tính ngăn chặn cửa sổ quảng cáo kiểu pop-up, duyệt tab, đánh dấu trang động (live bookmarks), hỗ trợ chuẩn mở cấu mở rộng để thêm chức cho chương trình. ƒ Phiên 3.6. Có thể tải địa chỉ: www.mozilla.com BÀI 2: WORLD WIDE WEB 3. Opera ƒ Là phần mềm Internet điều khiển tác vụ liên quan đến Internet bao gồm duyệt web, gửi nhận thư điện tử, tin nhắn, quản lý danh sách liên hệ trò chuyện trực tuyến. ƒ Opera phát triển công ty phần mềm Opera Software Oslo (Na Uy). Có thể chạy nhiều hệ điều hành khác nhau: Windows, MacOS, Solaris Linux. Nó sử dụng điện thoại di động, smartphone, PDA (Personal Digital Assistant), thiết bị trò chơi cầm tay tivi tương tác. (http://www.opera.com) 4. Google Chrome ƒ Là trình duyệt web hãng Google, Google gã khổng lồ lĩnh vực Internet truyền thông, có khả chạy nhiều hệ điều hành khác nhau, giao diện đơn giản, dễ sử dụng có tốc độ duyệt web cực nhanh. Tuy sinh sau đẻ muộn nhanh g vươn lên sau IE Firefox. Google g p phát hành Chrome 2.0 thức chóng vào tháng 2/2009. Phiên ver (http://www.google.com/chrome). BÀI 2: WORLD WIDE WEB BÀI 2: WORLD WIDE WEB 4. THUẬT NGỮ WEB 4.1. Khái niệm Webpage ƒ Webpage trang web, tức file có đuôi HTM hay HTML. Đó tập tin viết mã code HTML chứa siêu liên kết (hyperlink) đến trang khác. khác Trên trang web thành phần chữ chứa thành phần khác hình ảnh, nhạc, video . 4.2. Khái niệm ệ vềề Website ƒ Website tập hợp trang web liên kết với siêu liên kết. Website đưa vào mạng Internet để hoà website khác, người khắp giới truy cập vào website để lấy thông tin. 10 BÀI 2: WORLD WIDE WEB 4.3. Các dạng g trang g Web 4.3.1. Website giới thiệu ƒ Website giới thiệu website đơn giản nhất, dùng để giới thiệu cá nhân hay đơn vị. Ví dụ website ca sĩ chứa thông tin lý lịch, hát ưa thích, lịch diễn ca sĩ đó. Một doanh nghiệp, quan, ngành… tạo cho website nhằm giới thiệu khái quát đơn vị như: lịch sử doanh nghiệp, chức doanh nghiệp, thành phần ban giám đốc . Website loại chứa trang, tốn dễ làm nhất. ƒ Ví dụ: http://www.lhu.edu.vn 11 BÀI 2: WORLD WIDE WEB 4.3. Các dạng trang Web 4.3.2. Website lưu trữ thông tin ƒ Website lưu trữ thông tin hay gọi thư viện điện tử, chứa ứ thông ô tin chuyên ê môn ô ắ xếp ế thành nhiều ề đề ề mục, nhiều tiêu đề dễ tra cứu. Website lưu trữ phải cập nhật thường xuyên thông tin xếp cho người xem tìm thông tin muốn tìm. Để ể tạo Website thư viện điện tử, cần có kế hoạch tầm nhìn xa để dễ phát triển mở rộng sau. Để nuôi dưỡng website lưu trữ, người cập nhật cần có kiến thức website. ƒ Ví dụ: website thư viện điện tử Bộ GD & ĐT http://ebook moet gov http://ebook.moet.gov.vn 12 BÀI 2: WORLD WIDE WEB 4.3. Các dạng trang Web 4.3.3. Website truyền liệu ƒ Website truyền liệu thiết kế đặc biệt để thu nhận thông tin từ xa. Một ộ quan hay ộ doanh nghiệp ệ làm công ô tác quản ả lýý chương trình ì có ó nhiều vệ tinh thay phải đến tận đơn vị quận huyện, tỉnh thành khác để ghi chép thông tin ngồi chỗ để nhận thông tin qua mạng Internet việc kiểm ể chứng, đánh giá thông tin trước nhập vào kho thông tin chung. Website thuộc hàng cao cấp có nhiều chương trình lồng trang web, đòi hỏi nhà thiết kế phải có trình độ định lãnh vực điện toán lẫn ẫ chuyên môn. 13 BÀI 2: WORLD WIDE WEB 4.3. Các dạng trang Web 4.3.4. Website thương mại ƒ Website thương mại: chứa thông tin hàng hoá dịch vụ, chứa nhiều form chứa ứ script tính í toán để ể người tiêu ê dùng ù có ó thể ể mua trả ả tiền website. ƒ Ví dụ ụ Website mua bán hàng g hoá trực ự tiếp p qua q mạng g http://www.1001shoppings.com/, http://www.golmart.vn/ 14 BÀI 2: WORLD WIDE WEB 5. Các loại trang Web 5.1. Homepage - Trang chủ ƒ Trang chủ - Homepage trang xuất website gọi lên. ê Trang chủ ủ thường chứa ứ thông ô tin ả ấ ủ website liên kết đến trang chuyên đề. Trang chủ thường lưu tên: index.htm, default.htm 5.2. Trang chuyên đề ƒ Trang chuyên đề trang lớn mang liên kết đến trang đơn vị có ù tính tí h chất. hất ƒ Ví dụ: www.quantrimang.com, 15 BÀI 2: WORLD WIDE WEB 16 BÀI 2: WORLD WIDE WEB 5.3. Trang đơn vị ƒ Trang đơn vị thường bố trí vào thư mục có chủ đề, chứa nội dung cụ thể website. Một trang đơn vị xuất hay nhiều trang chuyên đề tuỳ theo tính chất trang đó. Các trang đơn vị thường trang web thật (hay web tĩnh) với đuôi .htm hay .html. Các trang đơn vị thành phần trích xuất từ database nhà lập trình web sử dụng hình thức web động. 17 BÀI 2: WORLD WIDE WEB 5.3. Trang g đơn vịị 18 BÀI 2: WORLD WIDE WEB 5.4. Trang phản hồi – Feedback ƒ Trang phản hồi – Feedback chứa form thu nhận thông tin từ người xem. Đây đặc trưng Internet, thông tin hai chiều. Người xem web không nhận thông tin từ Web mà giao tiếp với chủ Website thông qua trang web. Thông tin người đọc nhập vào hiển thị trang web chuyển đến địa email định đưa vào sở liệu. Có nhiều loại trang phản hồi tùy mục đích sử dụng form thu nhận thông tin. ƒ Ví dụ trang góp ý, trang đăng ký khám bệnh, trang đặt câu hỏi thắc mắc . 19 BÀI 2: WORLD WIDE WEB 5.4. Trang g phản p hồi – Feedback 20 [...]...BÀI 2: WORLD WIDE WEB 4.3 Các dạng trang Web ạ g g 4.3.1 Website giới thiệu Website giới thiệu là website căn bản và đơn giản nhất, dùng để giới thiệu về một cá nhân hay một đơn vị Ví dụ một website của ca sĩ chứa các thông tin về lý lịch, bài hát ưa thích, lịch diễn của ca sĩ đó Một doanh nghiệp, cơ quan, bộ ngành… có thể tạo cho mình một website nhằm giới thiệu khái quát về đơn vị mình... database khi nhà lập trình web sử dụng hình thức web động 17 BÀI 2: WORLD WIDE WEB 5.3 Trang đơn vị g ị 18 BÀI 2: WORLD WIDE WEB 5.4 Trang phản hồi – Feedback Trang phản hồi – Feedback chứa các form thu nhận thông tin từ người xem Đây là đặc trưng của Internet, thông tin hai chiều Người xem web không chỉ nhận thông tin từ Web mà còn có thể giao tiếp với chủ Website thông qua trang web Thông tin do người... thông tin mình muốn tìm Để tạo Website thư viện điện tử, ể cần có kế hoạch và tầm nhìn xa để dễ phát triển mở rộng về sau Để nuôi dưỡng website lưu trữ, người cập nhật cần có kiến thức cơ bản về website Ví dụ: website thư viện điện tử của Bộ GD & ĐT http://ebook.moet.gov.vn http://ebook moet gov vn 12 BÀI 2: WORLD WIDE WEB 4.3 Các dạng trang Web 4.3.3 Website truyền dữ liệu Website truyền dữ liệu được... chất ù tính hất Ví dụ: www.quantrimang.com, 15 BÀI 2: WORLD WIDE WEB 16 BÀI 2: WORLD WIDE WEB 5.3 Trang đơn vị Trang đơn vị thường được bố trí vào các thư mục có cùng chủ đề, chứa nội dung cụ thể của website Một trang đơn vị có thể xuất hiện trên một hay nhiều trang chuyên đề tuỳ theo tính chất của trang đó Các trang đơn vị thường là một trang web thật (hay web tĩnh) với đuôi htm hay html Các trang đơn... ứ á í á ể ờ ê ù ó ể à ả tiền ngay tại website Ví dụ Website về mua bán hàng hoá trực tiếp qua mạng ụ g ự pq ạ g http://www.1001shoppings.com/, http://www.golmart.vn/ 14 BÀI 2: WORLD WIDE WEB 5 Các loại trang Web 5.1 Homepage - Trang chủ Trang chủ - Homepage là trang đầu tiên xuất hiện khi website được gọi lên Trang chủ thường chứa các thông tin căn bản nhất của website và ê ủ ờ ứ á ô ả ấ ủ à các liên... chỉ việc kiểm chứng, đánh giá thông tin trước khi nhập ể vào kho thông tin chung Website này thuộc hàng cao cấp có nhiều chương trình lồng trong trang web, đòi hỏi nhà thiết kế phải có trình độ nhất định trong cả lãnh vực điện toán lẫn chuyên môn ẫ 13 BÀI 2: WORLD WIDE WEB 4.3 Các dạng trang Web 4.3.4 Website thương mại Website thương mại: chứa thông tin hàng hoá và dịch vụ, chứa nhiều form và chứa... nghiệp, thành phần ban giám đốc Website loại này chứa ít trang, ít tốn kém và dễ làm nhất Ví dụ: http://www.lhu.edu.vn 11 BÀI 2: WORLD WIDE WEB 4.3 Các dạng trang Web 4.3.2 Website lưu trữ thông tin Website lưu trữ thông tin hay còn gọi là thư viện điện tử, chứa các thông tin chuyên môn được sắp xếp thành nhiều đề mục, ứ á ô ê ô ắ ế à ề ề nhiều tiêu đề dễ tra cứu Website lưu trữ phải được cập nhật... trang web Thông tin do người đọc nhập vào có thể hiển thị ngay tại trang web hoặc có thể chuyển đến một địa chỉ email nhất định nào đó hoặc đưa vào cơ sở dữ liệu Có nhiều loại trang phản hồi tùy mục đích sử dụng form thu nhận thông tin Ví dụ trang góp ý, trang đăng ký khám bệnh, trang đặt câu hỏi thắc mắc 19 BÀI 2: WORLD WIDE WEB 5.4 Trang phản hồi – Feedback gp 20 . BÀI 2: BÀI 2: WORLD WIDE WEB 1 BÀI 2: WORLD WIDE WEB BÀI 2: WORLD WIDE WEB BÀI 2: WORLD WIDE WEB 1. Nguồn gốc World Wide Web BÀI 2: WORLD WIDE WEB  Năm 1991,. (http://www.google.com/chrome). 88 BÀI 2: WORLD WIDE WEB BÀI 2: WORLD WIDE WEB 9 BÀI 2: WORLD WIDE WEB BÀI 2: WORLD WIDE WEB 4. THUẬT NGỮ WEB 4.1. Khái niệm về Webpage  Webpage là mộttrangweb,tứcmộtfilecóđuôi. khi nhà lậptrìnhwebsử dụng hình thứcwebđộng. 17 BÀI 2: WORLD WIDE WEB BÀI 2: WORLD WIDE WEB 5.3. Tran g đơn v ị g ị 18 BÀI 2: WORLD WIDE WEB BÀI 2: WORLD WIDE WEB 5.4. Trang