BÀI GIẢNG: WORLD WIDE WEB pps

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, Tim Berners Lee trong quá trình nghiên cứu Internet đã hình dung ra mộtkháiniệmvề phương cách truyềncáctậptinqualạigiữa kết nối UUCP (Unix to Unix Copy) và FTP . Theo phương cách này, một kết nối UUCP (Unix to Unix Copy) và FTP . Theo phương cách này, một máy tính ở trên mạng có thể xem đượccáctậptincủa máy tính khác và ngượclại. ¾ Khái niệm này sau đó được phát triển mạnh mẽ và trở thành World Wide ¾ Khái niệm này sau đó được phát triển mạnh mẽ và trở thành World Wide Web (WWW).  Các file truyềntrênWWW hoặc WEB lúc ban đầulànhững vănbảndạng ỉ ồ á ý ả á ấ T EX T (ch ỉ g ồ mc á ck ý tự)ph ả i được đ á nh d ấ u định dạng (Marked up) bởimộtngônngữ có tên Hyper Text Markup Language (HTML). Ở máy đích, chương trình duyệtWebcòngọilàWeb Browser sẽ căncứ ể vào các dấu định dạng này đ ể tái hiệnnộidungvănbảnlênmànhình. 22 BÀI 2: WORLD WIDE WEB BÀI 2: WORLD WIDE WEB 2. Khái niệmvề World Wide Web 2. Khái niệm về World Wide Web  Word Wide Web, đượcgọitắtlàWeb- là mạng lướinguồn thông tin cho phép mọingười khai thác thông tin qua ộ ố ô h ặ là h ìh h độ d ới á m ột s ố c ô n g c ụ h o ặc là c h ươn g tr ì n h h oạ t độ n g d ư ới c ác giao thứcmạng .  Nhưn g vấn đề l ý thú nhấtcủaWebnằm ở khía c ạ nh khác , đólà g ý ạ , Web có khả năng liên kếtvớinhững trang Web khác, thông qua các “siêu liên kết” (hyperlink), siêu liên kếtvề bảnchấtlàđịachỉ trỏ tới nguồn thông tin (trang Web) nằm đâu đó trên Internet . trỏ tới nguồn thông tin (trang Web) nằm đâu đó trên Internet . Bằng những siêu liên kết này, các trang Web có thể liên kếtvới nhau thành mộtmạng chằng chịt, trang này trỏ tới trang khác, cho phép mọi người chu du trên biển cả thông tin (lướt web) cho phép mọi người chu du trên biển cả thông tin (lướt web) . 3 BÀI 2: WORLD WIDE WEB BÀI 2: WORLD WIDE WEB Đ ặ c điểm và N g u y ên l ý ho ạ t đ ộ n g ặ gy ý ạ ộ g  WWW đượcxâydựng dựatrênmộtkỹ thuậtcótêngọilà hypertext (siêu vănbản). Hypertext là kỹ thuật trình bày thông tin trên một trang không theo tuầntự.Người đọctự do đuổitheocác dấuvết liên quan qua suốttàiliệu đóbằng các mốiliênkếtxácđịnh sẵn. Trong môi trường ứng dụng hypertext, có thể trỏ vào (highlight) bấtkỳ từ liên kếtnàocủatàiliệuvàsẽ tứckhắcnhảy đếncáctàiliệu khác có vănbản liên quan đếnnó.  Trên cùng một trang thông tin có thể cần có nhiều kiểu dữ liệu  Trên cùng một trang thông tin có thể cần có nhiều kiểu dữ liệu khác nhau như TEXT, ảnh hay âm thanh. ¾ Dẫn đếnsự xuấthiệnngônngữ HTML (HyperText Markup Language). 4 BÀI 2: WORLD WIDE WEB BÀI 2: WORLD WIDE WEB Đặc điểm và Nguyên lý hoạt động  Ngườidùngsử dụng mộtphầnmềmWebBrowserđể xem thông tin trên các máy chủ WWW. Tạiserverphảicómộtphầnmềm Web server. Phầnmềm này thực hiện nhận các yêu cầu từ Web Browser gửi lên và thực hiện yêu này thực hiện nhận các yêu cầu từ Web Browser gửi lên và thực hiện yêu cầu đó. 5 BÀI 2: WORLD WIDE WEB BÀI 2: WORLD WIDE WEB 6 BÀI 2: WORLD WIDE WEB BÀI 2: WORLD WIDE WEB 3. Trình duyệt Web 3.1. Internet Explorer  Viếttắt là IE, là trình duyệtwebthôngdụng nhấthiệnnayđược đikèmvớihệđiều hành Windows của hãng Microsoft Phiên bản hiện tại là Internet Explorer 8 hành Windows của hãng Microsoft . Phiên bản hiện tại là Internet Explorer 8 . 3.2. Mozilla FireFox  Là mộttrìnhduyệttự do, mã nguồnmở,cókhả năng chạy trên nhiềuhệđiềuhành khác nhau, có giao diện đồ họavàđượcpháttriểnbởi công ty Mozilla Corporation và hàng trămtìnhnguyệnviênở khắpnơitrênthế giới.  FireFox là trình duyệt đầutiêncótấtcả các tính năng như ngănchặncửasổ quảng cáo kiểu pop-up, duyệttab,đánh dấutran g độn g ( liv e bookmark s ), hỗ trợ chuẩn mở và cơ cấumở rộng để thêm chứcnăng cho chương trình.  Phiên bảnhiệntạilà3.6.Cóthể tảitại địachỉ: www.mozilla.com 7 BÀI 2: WORLD WIDE WEB BÀI 2: WORLD WIDE WEB BÀI 2: WORLD WIDE WEB 3. Opera BÀI 2: WORLD WIDE WEB  Là mộtbộ phầnmềmInternetđiềukhiểncáctácvụ liên quan đếnInternetbaogồm duyệtweb,gửivànhậnthưđiệntử,tinnhắn, quảnlýdanhsáchliênhệ và trò chuyện trựctuyến.  Opera đượcpháttriểnbởicôngtyphầnmềm Opera Software tại Oslo (Na Uy). Có thể chạy trên nhiềuhệđiều hành khác nhau: Windows, MacOS, Solaris và Linux. Nó cũng đượcsử dụng trong điệnthoạidiđộng, smartphone, PDA (Personal Digital Assistant), thiếtbị trò chơicầm tay và tivi tương tác. (http://www.opera.com) 4. Google Chrome  Là trình duyệt web của hãng Google một gã khổng lồ trong lĩnh vực Internet và truyền  Là trình duyệt web của hãng Google , một gã khổng lồ trong lĩnh vực Internet và truyền thông, có khả năng chạy trên nhiềuhệđiều hành khác nhau, giao diện đơngiản, dễ sử dụng và có tốc độ duyệtwebcực nhanh. Tuy sinh sau đẻ muộnnhưng đã nhanh chón g vươnlênchỉ sau IE và Firefox. Goo g le đã p hát hành bảnChrome2.0chínhthức g g p vào giữa tháng 2/2009. Phiên bảnhiệntại là ver 4 (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 HTM hay HTML. Đólàmộttậptin viết bằng mã code HTML chứa các siêu liên kết (hyperlink) đến các trang khác viết bằng mã code HTML chứa các siêu liên kết (hyperlink) đến các trang khác . Trên trang web ngoài thành phầnchữ nó còn có thể chứacácthànhphần khác như hình ảnh, nhạc, video á ệ ề 4.2. Kh á i ni ệ m v ề Websit e  Website là tậphợpnhững trang web liên kếtvới nhau bằng các siêu liên kết. Website được đưavàomạng Internet để hoà cùng các website khác, mọi n g ườitrênkhắpth ế g iới đềucóth ể truy cập được vào website đ ể lấythôn g tin. 10 [...]... những trang Web ưa thích Add to Favorites: thêm một trang web vào danh sách những trang Web ưa thích Home: hiển thị trang khởi đầu, trang này tự động nạp mỗi khi khởi động IE Print: In trang hiện hành 32 BÀI 2: WORLD WIDE WEB Page: Hiển thị các tùy chọn cho trang g ị y ọ g web hiện hành 33 BÀI 2: WORLD WIDE WEB Safely: Hiển thị các tùy chọn về an toàn và bảo mật y ị y ọ ậ 34 BÀI 2: WORLD WIDE WEB Tools:... khu vực, theo lứa tuổi, Các thông tin Chat không lưu lại trên trang web 6.12 Multimedia Multimedia là các tập tin ảnh, video hay âm thanh lồng trong trang Các thành phần multimedia có trong trang web giúp người xem không bị nhàm chán 25 BÀI 2: WORLD WIDE WEB 26 BÀI 2: WORLD WIDE WEB 27 BÀI 2: WORLD WIDE WEB 7 Các kỹ thuật dùng cho Web cao cấp 7.1 Flash: Flash là tạo hình ảnh động cao cấp, đẹp nhất... 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... 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: WORLD WIDE WEB 5.5 Trang web tĩnh Web tĩnh là trang web chỉ đơn thuần mô tả... 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...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... + F4 30 BÀI 2: WORLD WIDE WEB 2 Các thành phần trong màn hình Internet Explorer a Thanh công cụ: Các nút trên thanh công cụ cho phép thực hiện các thao tác nhanh hơn Chức năng của các nút trên thanh công cụ như sau: Back: trở về trang trước đó Forward: hiển thị trang kế tiếp tiếp Refresh: tải lại nội dung trang Web hiện hành Stop: ngưng tải trang Web hiện hành từ máy chủ 31 BÀI 2: WORLD WIDE WEB 2 Các... 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 giúp tạo chương trình web động, tạo chat, forum 7.4 Cơ sở dữ liệu - My SQL, SQL Server, My SQL, SQL Server là cơ sở dữ liệu giúp tạo cho trang web động 28 BÀI 2: WORLD WIDE WEB 8 8 Trình duyệt Internet Explorer (IE) 29 BÀI 2: WORLD WIDE WEB 1 Khởi động và thoát khỏi Internet Explorer Khởi động: Chọn Start/ Program Files/ Internet Explorer Double_Click lên biểu tượng IE trên màn hình desktop . 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 phản