Bài giảng thiết kế Web này giới thiệu về lịch sử của mạng internet và Web, các khái niệm căn bản, các dịch vụ cơ bản của Internet và khai thác tài nguyên trên Internet. Mời các bạn cùng tham khảo.
29/01/2010 TRÌNH BÀY THƠNG TIN VÀ XUẤT BẢN ĐIỆN TỬ PHẠM THẾ BẢO ptbao@hcmus.edu.vn http://www.math.hcmuns.edu.vn/~ptbao/TKW Nội dung mơn học • Tổng quan • Tổng quan thiết kế web • Ngơn ngữ HTML • Cơng cụ thiết kế web Phạm Thế Bảo - ĐHKHTN TP.HCM 29/01/2010 Cách kiểm tra tính điểm Bài báo cáo (70%) a Nhóm (40%), xây dựng website thư viện (ít nhất), gồm trang chủ trang: • • • • • b Giới thiệu thư viện nhóm Thơng tin nhân viên Sách (theo thời gian) Thông tin … Từng nhân (30%), gồm trang: • Thơng tin nhân • Sở thích • Nhật ký • … Kiểm tra cuối kỳ (30%) Yêu cầu báo cáo: Bảng phân cơng nhóm: làm gì? Ngày bắt đầu, kết thúc Từng nhân báo cáo Phạm Thế Bảo - ĐHKHTN TP.HCM Tổng quan • • • • Giới thiệu lịch sử Các khái niệm Các dịch vụ Internet Khai thác tài nguyên Internet Phạm Thế Bảo - ĐHKHTN TP.HCM 29/01/2010 Internet - Mạng máy tính • Mạng máy tính: Computer Network: Hệ thống máy tính kết nối với nhằm trao đổi liệu • Giao thức: Protocol: – Tập hợp quy tắc thống máy tính mạng nhằm thực trao đổi liệu xác – Ví dụ: TCP/IP, HTTP, FTP,… Phạm Thế Bảo - ĐHKHTN TP.HCM Web - Mạng thông tin Phạm Thế Bảo - ĐHKHTN TP.HCM 29/01/2010 Lịch sử • Mạng Internet xuất phát từ mạng ARPANET Mỹ (1969) – mạng trường ĐH • 1989 - Tim Berners Lee phát minh giao thức World Wide Web, sau tạo ngơn ngữ Hypertext Markup Language - HTML • 1990 – Tim viết trình duyệt (Web Browser) Web server (info.cern.ch) • • Từ năm 1993 internet phát triển nhanh Đến nay, mạng internet liên kết hàng trăm triệu người dùng có khoảng - 50 tỉ trang web Phạm Thế Bảo - ĐHKHTN TP.HCM Web gì? • Là dịch vụ phân tán cung cấp thông tin multimedia dựa hypertext • o Phân tán: thơng tin đặt nhiều máy chủ khắp giới o Multimedia: thông tin bao gồmtext, graphics, sound, video o Hypertext: kỹ thuật sử dụng để truy cập thông tin Cung cấp truy cập vào tài nguyên mạng o FTP, News, … o Chương trình, Phạm Thế Bảo - ĐHKHTN TP.HCM 29/01/2010 Web hoạt động nào? Internet (WWW) WWW servers users (clients) browse Resources (HTML files) authors write HTML Phạm Thế Bảo - ĐHKHTN TP.HCM Máy chủ-máy phục vụ: Server • Là máy tính chuyên cung cấp tài nguyên, dịch vụ cho máy tính khác • Thường cài phần mềm chun dụng để có khả cung cấp • Một máy chủ dùng cho hay nhiều mục đích Tên máy chủ thường gắn với mục đích sử dụng Ví dụ: – – – – File server Application server Mail server Web server • Thực tế: máy chủ có cấu hình cao, khả hoạt động ổn định Phạm Thế Bảo - ĐHKHTN TP.HCM 29/01/2010 Máy khách: Client • Máy khai thác dịch vụ máy chủ • Với dịch vụ, thường có phần mềm chun biệt để khai thác • Một máy tính vừa client vừa server • Một máy tính khai thác dịch vụ Phạm Thế Bảo - ĐHKHTN TP.HCM Cổng dịch vụ: Service Port – Là số ∈ [0; 65535] xác định dịch vụ máy chủ – dịch vụ khác chiếm cổng khác – Mỗi dịch vụ thường chiếm cổng xác định, ví dụ: • Web: 80 • FTP: 21 Phạm Thế Bảo - ĐHKHTN TP.HCM 29/01/2010 Web – khái niệm • Web = protocol + language + naming infrastructure • HTTP - HyperText Transport Protocol o • HTML - HyperText Markup Language o • Là giao thức giao tiếp WWWclient and server Ngôn ngữ biểu diễn tài liệu WWW URL - Uniform Resource Locator o Địa web (xác định nhất) Phạm Thế Bảo - ĐHKHTN TP.HCM Web - khái niệm • Địa IP – IP Address o Là số 32 bit, chia thành số bit, vd: 203.162.44.37 (gồm phần: network address, host address) o • • Xác định đối tượng nhận gởi thông tin Internet Tên miền – Domain name o Là tên giao dịch công ty hay tổ chức Internet o Ví dụ: www.math.hcmuns.edu.vn o Là địa máy chủ thuộc tổ chức giáo dục Việt Nam o Có địa IP 203.162.44.37, có tên máy chủ WWW o Là tên miền cấp 1: vn, cấp 2: edu, cấp 3: hcmuns, cấp 4: math Ánh xạ tên miền địa IP o Do DNS server – Domain name system (service) đảm trách Phạm Thế Bảo - ĐHKHTN TP.HCM 29/01/2010 Web – khái niệm Browser • • • Lấy hiển thị (nếu có thể) tài nguyên khác Khả hiển thị : o text-only (Lynx, ) o graphic (MSIE, Netscape, ) Hiển thị nhiều loại ảnh, âm thanh, video o • o • BMP, GIF, JPEG, sound, video, postscript, Hỗ trợ nhiều giao thức HTTP, HTTPS, FTP, SMTP, POP, Có thể “plug-in” cơng cụ vào browser để tăng tính (3D animation, SWF, ) • Phạm Thế Bảo - ĐHKHTN TP.HCM Web – khái niệm URL – định vị tài nguyên Internet • • • URL định danh cho tài nguyên Internet Chỉ ra: o Cách truy cập o Vị trí tài nguyên Cú pháp chung: o Protocol://host_name[:port_num][/path][/file_name] o http://www.math.hcmuns.edu.vn:8080/html/test.htm Phạm Thế Bảo - ĐHKHTN TP.HCM 29/01/2010 Các giao tác chuẩn Web Phạm Thế Bảo - ĐHKHTN TP.HCM Các dịch vụ Internet • World Wide Web - WWW Phạm Thế Bảo - ĐHKHTN TP.HCM 29/01/2010 Các dịch vụ Internet • Thư điện tử – Email (Electronic mail) o Là dịch vụ trao đổi thông điểm qua mạng viễn thông o Sử dụng giao thức SMTP/POP3 để gởi/nhận email o Địa email có dạng : name@domainame o (VD: ptbao@hcmus.edu.vn : ptbao – tên tài khoản email, hcmus.edu.vn – tên miền) o • Truyền, tải tập tin – FTP – File Transfer Protocol o • Được quản lý Mail Server Là dịch vụ trao đổi tập tin máy tính Internet Tán gẫu – Chat, Phạm Thế Bảo - ĐHKHTN TP.HCM Khai thác thơng tin Internet • Tra cứu thơng tin o www.google.com o www.lycos.com o www.altavista.com o www.researchindex.com (tra cứu báo khoa học) • • • • o Đường (bản đồ) o Tin tức, thông tin tổng hợp Phần mềm Nghiên cứu, giáo dục Mua bán Phạm Thế Bảo - ĐHKHTN TP.HCM 10 29/01/2010 Một số thuật ngữ thơng dụng khác • Internet: Mạng máy tính tồn cầu kết nối mạng máy tính khắp nơi giới Tập giao thức dùng gọi chung TCP/IP • • Intranet: Mạng cục có kiến trúc tương tự mạng Internet Website: Tập hợp trang web Website tổ chức hay cá nhân mạng bao gồm tập hợp trang web liên quan đến tổ chức • Webpage: Là trang web Có thể hiển thị thơng tin dạng văn bản, hình ảnh, âm thanh, Phạm Thế Bảo - ĐHKHTN TP.HCM Một số thuật ngữ thơng dụng khác • Web browser: Trình duyệt web, dùng để hiển thị trang web Các web browser thông dụng Firefox, Internet Explorer (Microsoft), Chrome, Safari, Opera • Homepage: Trang chủ hay gọi trang nhà Thường trang (mặc định) truy cập website • Hyperlink: siêu liên kết Dùng để liên kết trang web dịch vụ website Internet • IAP (Internet Access Provider): Nhà cung cấp đường truyền Internet Phạm Thế Bảo - ĐHKHTN TP.HCM 11 29/01/2010 Một số thuật ngữ thơng dụng khác • ISP (Internet Service Provider): Nhà cung cấp dịch vụ Internet Một số ISP Việt Nam: VDC, FPT, SaigonNet, NetNam, • Search engines: Máy tìm kiếm Các máy tìm kiếm thơng dụng Yahoo,Google, Altavista, • HTTP, FTP, SMTP, POP3, : Đây giao thức dùng cho dịch vụ web, ftp, email Internet Phạm Thế Bảo - ĐHKHTN TP.HCM Phân loại trang web • Dựa vào cơng nghệ phát triển, có loại: – Web tĩnh: • Dễ phát triển • Tương tác yếu • Sử dụng HTML • Người làm web tĩnh thường dùng công cụ trực quan để tạo trang web – Web động: • Khó phát triển • Tương tác mạnh • Sử dụng nhiều ngơn ngữ khác • Thường phải viết nhiều mã lệnh Phạm Thế Bảo - ĐHKHTN TP.HCM 12 29/01/2010 Bài thực hành 1: THAO TÁC VÀ SỬDỤNG MẠNG INTERNET • • • Đăng ký dịch vụ email miễn phí nhóm o http://mail.yahoo.com o http://www.google.com Tham khảo webite o http://www.yahoo.com.vn o http://www.vnn.vn o http://vnexpress.net o http://www.123greetings.com Tìm website cho gửi thiệp chúc mừng Phạm Thế Bảo - ĐHKHTN TP.HCM 13 ... http://www.math.hcmuns.edu.vn:8080/html/test.htm Phạm Thế Bảo - ĐHKHTN TP.HCM 29/01/2010 Các giao tác chuẩn Web Phạm Thế Bảo - ĐHKHTN TP.HCM Các dịch vụ Internet • World Wide Web - WWW Phạm Thế Bảo - ĐHKHTN TP.HCM 29/01/2010... Ngày bắt đầu, kết thúc Từng nhân báo cáo Phạm Thế Bảo - ĐHKHTN TP.HCM Tổng quan • • • • Giới thiệu lịch sử Các khái niệm Các dịch vụ Internet Khai thác tài nguyên Internet Phạm Thế Bảo - ĐHKHTN TP.HCM... HTTP, FTP,… Phạm Thế Bảo - ĐHKHTN TP.HCM Web - Mạng thông tin Phạm Thế Bảo - ĐHKHTN TP.HCM 29/01/2010 Lịch sử • Mạng Internet xuất phát từ mạng ARPANET Mỹ (1969) – mạng trường ĐH • 1989 - Tim Berners