Đang tải... (xem toàn văn)
Các đặc điểm của ứng dụng web: Không phải là một ứng dụng độc lập, là ứng dụng chạy trên nền web-server. Người lập trình có thể thực hiện các thao tác trên ứng dụng web như với một ứng dụng độc lập. Có thể lấy thông tin từ user.
Lập trình mạng – Chương 5 1 CHƯƠNG 5: LẬP TRÌNH WEB – CGI 5.1 Giới thiệu về lập trình web 5.2 HTMLs và FORMs 5.3 Lập trình web ở Client 5.4 DHTML 5.5 Phương pháp lập trình web với CGI Lập trình mạng – Chương 5 2 5.1 Giới thiệu về lập trình web • Hệ thống WWW tĩnh: – Tập hợp các trang HTML – Không tương tác được với user – Khó khăn trong việc cập nhật thông tin thường xuyên. • Ứng dụng web: – Có thể tương tác với user. – Có thể tương tác với các ứng dụng khác. Lập trình mạng – Chương 5 3 5.1 Giới thiệu về lập trình web • Các đặc điểm của ứng dụng web: – Không phải là một ứng dụng độc lập, là ứng dụng chạy trên nền web-server. – Người lập trình có thể thực hiện các thao tác trên ứng dụng web như với một ứng dụng độc lập. – Có thể lấy thông tin từ user. Lập trình mạng – Chương 5 4 5.2 HTMLs và FORMs • HTML(HyperText Markup Language): – Là ngôn ngữ dùng để biểu diễn trang web thông qua các tags. – Thông qua các tags có thể định dạng cách hiển thị trang web. – Một trang HTML có thể chèn các hình ảnh, âm thanh trong nó, có thể liên kết đến các trang HTML khác. Lập trình mạng – Chương 5 5 5.2 HTMLs và FORMs • Các tags HTML cơ bản: – Khung của một file HTML: <html> <head> <meta http-equiv="Content-Type" content="text/html; charset=UTF-8"> <title>Tiêu đề của trang web</title> </head> <body> <!-- Nội dung trang web được trình bày ở đây--> </body> </html> Lập trình mạng – Chương 5 6 5.2 HTMLs và FORMs • Các tags HTML cơ bản: – Tiêu đề: • <Hn>…</Hn> (n: 1=>6) – Phân đoạn: • <p> … </p> – Kiểu chữ: • In đậm: <b>…</b> • In nghiêng: <i> … </i> • Gạch dưới: <u> … </u> Lập trình mạng – Chương 5 7 5.2 HTMLs và FORMs • Các tags HTML cơ bản: – Danh sách: • Đánh thứ tự: <ol> [<li>]+ </ol> • Không đánh thứ tự: <ul> [<li>]+ </ul> – Bảng: <table border="1" width="100%"> [<tr> [<td> … </td>]+ </tr>]+ </table> Trộn các ô: <td colspan=“số cột trộn"> </td> Lập trình mạng – Chương 5 8 5.2 HTMLs và FORMs • Các tags HTML cơ bản: – Chèn hình ảnh: • <img border="#" src="*" width="*" height="*"> – Tạo điểm đánh dấu (bookmark): <a name="*"> – Liên kết đến bookmark: • <a href="#bookmark-name"> … </a> – Liên kết đến một trang web khác: • <a href="path"> … </a> – Liên kết đến địa chỉ e-mail: • <a href="mailto:e-mail address"> … </a> Lập trình mạng – Chương 5 9 5.2 HTMLs và FORMs • Các tags HTML cơ bản: – Giữ định dạng đoạn khi soạn thảo: • <pre> … </pre> – Các ký tự đặc biệt: • Khoảng trắng: • © : © • ® : ® • < : < • > : > • & : & Lập trình mạng – Chương 5 10 5.2 HTMLs và FORMs • Các tags HTML cơ bản: – Số mũ: • Superscript: <sup> … </sup> • Subscript: <sub> … </sup> – Định dạng font chữ: • <font face=“” size=“” color=“”>…</font> – Đường ngăn cách: • <hr size=“” width=“”> – Xuống dòng trong một đoạn: • <br> [...]... tính Lập trình mạng Lập trình mạng – Chương 5 19 5.3 Lập trình web ở Client • Các trang HTML web có thể được lập trình để thực hiện các thao tác thực thi trên web client • Các phương pháp phổ biến để lập trình hiện nay: – Script (Javascript, Vbscript) – Java Applet – ActiveX Control Lập trình mạng – Chương 5 20 5.3 Lập trình web ở Client • Javascript ở client:... len; i++){ form.check-name[i].checked={true|false}; } Lập trình mạng – Chương 5 26 5.3 Lập trình web ở Client • Javascript – Option button form.option_name[index].checked = {true|false} – Select form.select_name.options[index].selected = {true|false} Chỉ số hiện thời đang được chọn: form.select_name.selectedIndex – Text form.text_name.value Lập trình mạng – Chương 5 27 5.3 Lập trình web ở Client • Kiểm... (document.forms[0].elements[1].value.indexOf ('@',0) == -1 || document.forms[0].elements[1].value.indexOf ('.',0) == -1 ) { alert ("\n The E-Mail field requires a \"@\" and a \".\""+ "be used \n\nPlease re-enter your E-Mail address.") document.forms[0].elements[1].select(); document.forms[0].elements[1].focus(); return false; } return true; } Lập trình mạng – Chương 5 29 5.3 Lập trình web ở Client • Java Applet: – Là một... tính trong trang web – location: các thuộc tính về địa chỉ trang web – history: các thuộc tính về vị trí mà web browser đã đến Lập trình mạng – Chương 5 23 5.3 Lập trình web ở Client • Mỗi phần tử trong trang HTML đều có thể coi là một đối tượng, có thể khai báo sự kiện để gọi hàm Javascript – Cú pháp: – Các sự kiện có thể dùng: • onClick: click... giữa web- client và web- server thông qua FORMs – Dùng các tags để thiết kế Lập trình mạng – Chương 5 13 5.2 HTMLs và FORMs • FORMs – Cấu trúc cơ bản của một form: . Lập trình mạng – Chương 5 1 CHƯƠNG 5: LẬP TRÌNH WEB – CGI 5.1 Giới thiệu về lập trình web 5.2 HTMLs và FORMs 5.3 Lập trình web ở Client. value="501016"> ;Lập trình mạng</option> </select> Lập trình mạng – Chương 5 20 5.3 Lập trình web ở Client • Các trang HTML web có thể được lập trình
