Bài giảng Lập trình Web: Bài 1 - Trần Quang Diệu

LẬP TRÌNH WEB TS Trần Quang Diệu Email: dieutq@gmail.com Nội dung mơn học • Phần Giới thiệu tổng quan Web • Phần HTML JavaScript • Phần ASP.Net Phần Giới thiệu tổng quan Web • Webpage – Website • HTML, XHTML, DHTML • Các ngơn ngữ lập trình web • Web Server – Web Browser – HTTP • Mơ hình ứng dụng • Q trình Request - Respone Webpage - Website • Webpage: • Web hệ thống văn có mối siêu liên kết bên với (interlinked hypertext documents) truy xuất thông qua hệ thống Internet • Webpage trang thơng tin chứa: văn (text), hình ảnh (images), phim (videos) đa phương tiện khác…có mối siêu liên kết với (hyperlinks) • Một trang web tập tin HTML XHTML truy xuất thông qua giao thức HTTP Webpage - Website • Website: • Website tập hợp trang web nằm tên miền tên miền phụ WWW hệ thống mạng Internet Phân loại: • Website tĩnh: chủ yếu giới thiệu thơng tin • Website động: có tương tác với người dùng Webpage - Website HTML, XHTML, DHTML • HTML: • HTML viết tắt HyperText Markup Language (ngơn ngữ đánh dấu siêu văn bản) • HyperText – văn kết nối đến văn khác • Sử dụng “thẻ” để “đánh dấu” văn bản, giúp trình duyệt xác định cách biểu diễn trang web đến người sử dụng • Một tập tin HTML tập tin văn có chứa thẻ đánh dấu (các tập tin có phần mở rộng *.htm *.html) XHTML • XHTML viết tắt eXtensible HyperText Markup Language (ngôn ngữ đánh dấu siêu văn mở rộng): ngôn ngữ đánh dấu tương tự ngơn ngữ HTML có cú pháp chặt chẽ • XHTML xem hệ HTML dựa chuẩn XML DHTML • DHTML viết tắt Dynamic HyperText Markup Language (ngôn ngữ đánh dấu siêu văn động) • Là ngơn ngữ dùng tạo trang web dựa kết hợp nhiều kỹ thuật như: ngôn ngữ HTML tĩnh, ngôn ngữ kịch máy khách (Javascript), ngôn ngữ định dạng trình diễn Cascading Style Sheets (CSS) Document Object Model (DOM) • DHTML cho phép người dùng thêm hiệu ứng vào trang web mà HTML không thực Các ngơn ngữ lập trình Web • Hiện nay, có nhiều ngơn ngữ lập trình hỗ trợ cho việc viết ứng dụng web chạy máy chủ (xây dựng website động) như: • ASP (Active Server Pages): Microsoft phát triển • JSP (Java Server Pages): IBM phát triển • PHP (Hypertext Preprocessor): cộng đồng phát triển (các tài liệu liên quan PHP cung cập Zend) Web Server, Web Browser, HTTP • Web Server: nơi nhận điều phối yêu cầu từ Web Browser gởi kết trả • Web Browser: nơi thể liệu, tập hợp liệu người dùng gởi đến Web Server • HTTP: giao thức dùng để trao đổi thông tin Web Browser với Web Server Hành động gởi nội dung đến Web Server trình xử lý thơng tin sau Server trả kết cho Web Browser xem Postback Ví dụ: trang đăng nhập website, forum… Web Server, Web Browser, HTTP Mơ hình ứng dụng Q trình Request - Respone Nhóm • Tìm hiểu ngơn ngữ lập trình web thơng dụng So sánh ngơn ngữ lập trình về: • • • • Giống nhau, khác Cách thức truy xuất Ưu điểm Nhược điểm Nhóm • Tìm hiểu webserver thơng dụng, so sánh webserver với IIS • Tìm hIểu IIS (Internet Information Services) • Cài đặt windows • Các đặt website IIS • Quản lý IIS Nhóm • Tìm hiểu giao thức HTTP • Cài đặt lựa chọn cho giao thức HTTP IIS • Tìm hiểu giao thức FTP, cài đặt giao thức FTP IIS Nhóm • Tìm hiểu Web Browser, giới thiệu lịch sử phát triển Web Browser Nhóm • Tìm hiểu HTML, cách xây dựng website HTML, thẻ HTML • Xây dựng website giới thiệu lớp CNTT 55 HTML, cài đặt website lên IIS Nhóm • Tìm hiểu chuẩn website W3C • Tiêu chuẩn W3C • Tại phải thiết kế website theo chuẩn W3C • Tìm hiểu chuẩn Web 1.0, 2.0, 3.0 So sánh khác giống chuẩn Nhóm • Tìm hiểu quy trình xây dựng website • Các bước xây dựng website • Các yêu cầu xây dựng website • Xây dựng website tĩnh HTML Nhóm • Tìm hiểu JavaScript • Cách đặt JavaScript website (ví dụ website tĩnh) • Các lệnh JavaScript, cách thức lập trình JavaScript Nhóm • CSS • Cách xây dựng CSS • Ứng dụng CSS thiết kế web nào?