Bài giảng phát triển ứng dụng web – web programming chương 1 tổng quan về thiết kế và lập trình web

Phát triển ứng dụng Web – Web Programming Chương 1: HTML Ths Lương Trần Hy Hiến, Khoa CNTT, ĐH Sư phạm TpHCM Phần Tổng quan thiết kế & lập trình Web 1.1 Mạng, giao thức • 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,… 1.2 Địa IP: IP Address • Xác định máy tính mạng dựa giao thức TCP/IP Hai máy tính mạng có địa IP khác • Có dạng x.y.z.t (0 ≤ x, y, z, t ≤ 255) • Ví dụ: 222.255.77.2 • Đặc biệt: địa chỉ: 127.0.0.1 (địa loopback) địa máy tính sử dụng dùng để thử mạng 1.3 Tên miền (Domain Name) • • • • Là tên “gắn” với địa IP Máy chủ DNS thực việc “gắn” (ánh xạ) Ở dạng văn nên thân thiện với người Được chia thành nhiều cấp, phân biệt dấu chấm (.) Đánh số cấp từ phải sang trái • Cấp lớn cấp nhỏ • Ví dụ: fit.hcmup.edu.vn gắn với 222.255.77.2 đó: – vn: Nước Việt Nam (Cấp 1) – edu: Tổ chức giáo dục (Cấp 2) – hcmup: Tên quan (Cấp 3) – fit: đơn vị nhỏ quan (Cấp 4) • Đặc biệt: Tên localhost gắn với 127.0.0.1 1.4 Máy chủ-máy phục vụ: Server • Là máy tính chun cung cấp tài ngun, dịch vụ cho máy tính khác • Thường cài phần mềm chuyên 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 1.5 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 chuyên 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ụ 1.6 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 (http): 80 – Web (https): 443 – FTP: 21 1.7 Địa tài nguyên: URL (Uniform Resource Locator) • Tài nguyên: file mạng • URL: Xác định vị trí cách khai thác file • protocol://host_name[:port_num][/path][/file_name] • giao_thức://địa_chỉ_máy:cổng/đường_dẫn/tên_file • Ví dụ: http://www.fit.hcmup.edu.vn:8111/~hienlth/test.php protocol server name port directory/file name on the server • Trong trường hợp mặc định, nhiều thành phần bỏ qua: – Giao thức, cổng: Được trình duyệt đặt mặc định – Tên file: máy chủ đặt mặc định Các giao tác chuẩn Web Browser URL DNS lookup DNS server TCP connection HTTP request HTTP response optional parallel connections Origin server 6.2 Thành phần Form – Reset • Dùng để trả lại giá trị mặc định cho control khác form Hoa: GET 92 6.4 Gởi liệu phương thức POST/GET • Các đối số Form truyền “ngầm” bên • Khối lượng liệu đối số truyền Form không phụ thuộc vào URL  Khơng bị giới hạn • Chỉ sử dụng phương thức truyền POST Action định đến trang web thuộc dạng xử lý Server POST 93 6.4 Gởi liệu POST/GET POST 94 Khung (iframe) • Cho phép chia trang web làm nhiều phần, phần chứa nội dung trang web khác • Trình duyệt khơng hỗ trợ khung 95 Khung (Frame) • Tạo trang web chứa khung chèn: • Một số thuộc tính – height and width – Remove the Border: style="border:none" – Use iframe as a Target for a Link

ABC

96 Khung (Frame) • Tạo khung có nội dung trang web đó: – Thuộc tính: • src=“Địa trang chứa nội dung” • name=“tên khung” • noresize: Khơng thay đổi kích thước • Thẻ mặc định – Thuộc tính • target=“Cửa sổ mặc định” • href=“Địa gốc mặc định” 97 Tham khảo Bài giảng tham khảo: • Slide giảng “Thiết kế lập trình Web”, ĐH KHTN TpHCM, version 2007 • Slide giảng “Thiết kế Web”, Đào Việt Cường, Khoa CNTT, ĐH Sư Phạm Hà Nội 98 Câu hỏi thảo luận ? 99