Bài giảng Lập trình web - Bài 1: Tổng quan về lập trình web

HỌC LẬP TRÌNH WEB TỪ CƠ BẢN ĐẾN NÂNG CAO α - Tek 1 HỌC LẬP TRÌNH WEB TỪ CƠ BẢN ĐẾN NÂNG CAO Mục tiêu • • • α - Tek Các khái niệm Internet Lập trình web phía Client Lập trình web phía Server 2 HỌC LẬP TRÌNH WEB TỪ CƠ BẢN ĐẾN NÂNG CAO Nội dung Giới thiệu Internet số khái niệm Tổng quan lập trình web Mơi trường cài đặt α - Tek 3 HỌC LẬP TRÌNH WEB TỪ CƠ BẢN ĐẾN NÂNG CAO Giới thiệu Internet số khái niệm • • • • • • •  Giới thiệu Internet  Web Server  Web Client  Web Browser  HTTP  URL  HTML α - Tek 4 HỌC LẬP TRÌNH WEB TỪ CƠ BẢN ĐẾN NÂNG CAO Bài 1: Tổng quan lập trình web Giới thiệu Internet số khái niệm • Giới thiệu Internet    α - Tek Là tập hợp máy tính nối mạng giới nhằm trao đổi thông tin với thông qua giao thức TCP/IP (Transmission Control Protocol/Internet Protocol)  Mang lại nhiều tiện ích hữu dụng cho người sử dụng, bật dịch vụ thư điện tử (email), trị chuyện trực tuyến (chat) truy tìm liệu (search engine) Dịch vụ dùng phổ biến Internet World Wide Web (WWW, thường gọi tắt Web) 5 HỌC LẬP TRÌNH WEB TỪ CƠ BẢN ĐẾN NÂNG CAO Giới thiệu Internet số khái niệm • • • • • • •  Giới thiệu Internet  Web Server  Web Client  Web Browser  HTTP  URL  HTML α - Tek 6 HỌC LẬP TRÌNH WEB TỪ CƠ BẢN ĐẾN NÂNG CAO Bài 1: Tổng quan lập trình web Giới thiệu Internet số khái niệm • Web Server   • Trả kết cho Web Client nhận yêu cầu Web Client   α - Tek Máy tính lưu trữ website Máy tính dùng để truy cập trang web Có khả yêu cầu nhận kết từ Web Server 7 HỌC LẬP TRÌNH WEB TỪ CƠ BẢN ĐẾN NÂNG CAO Giới thiệu Internet số khái niệm • • • • • • •  Giới thiệu Internet  Web Server  Web Client  Web Browser  HTTP  URL  HTML α - Tek 8 HỌC LẬP TRÌNH WEB TỪ CƠ BẢN ĐẾN NÂNG CAO Bài 1: Tổng quan lập trình web Giới thiệu Internet số khái niệm • Trình duyệt web – Web Browser   α - Tek Phần mềm dùng để xem tài liệu tìm kiếm tài ngun World Wide Web Một số trình duyệt thơng dụng nay: • Internet Explorer (IE) có sẵn Microsoft Windows Microsoft • • • • Mozilla Firefox Tập đoàn Mozilla Netscape Navigator Netscape Opera Opera Software Chrome Google 9 HỌC LẬP TRÌNH WEB TỪ CƠ BẢN ĐẾN NÂNG CAO Giới thiệu Internet số khái niệm • • • • • • •  Giới thiệu Internet  Web Server  Web Client  Web Browser  HTTP  URL  HTML α - Tek 10 10 HỌC LẬP TRÌNH WEB TỪ CƠ BẢN ĐẾN NÂNG CAO Giới thiệu Internet số khái niệm • • • • • • •  Giới thiệu Internet  Web Server  Web Client  Web Browser  HTTP  URL  HTML α - Tek 14 14 HỌC LẬP TRÌNH WEB TỪ CƠ BẢN ĐẾN NÂNG CAO Bài 1: Tổng quan lập trình web Giới thiệu Internet số khái niệm • HTML (HyperText Markup Language)   Ngôn ngữ dùng để xây dựng trang web Gồm tag giúp web browser biết cách định dạng thơng tin hiển thị Ví dụ: nội dung trang web Chao.html Học lập trình web Chào mừng bạn đến với ngôn ngữ HTML α - Tek 15 15 HỌC LẬP TRÌNH WEB TỪ CƠ BẢN ĐẾN NÂNG CAO Nội dung Giới thiệu Internet số khái niệm Tổng quan lập trình web Mơi trường cài đặt α - Tek 16 16 HỌC LẬP TRÌNH WEB TỪ CƠ BẢN ĐẾN NÂNG CAO Tổng quan lập trình web • •  Web tĩnh lập trình Client-side  Web động lập trình Server-side α - Tek 17 17 HỌC LẬP TRÌNH WEB TỪ CƠ BẢN ĐẾN NÂNG CAO Bài 1: Tổng quan lập trình web Tổng quan lập trình web • Web tĩnh     α - Tek Là trang web trình bày dạng văn Nội dung trang tạo lúc thiết kế khơng thay đổi có người dùng truy cập Được viết ngơn ngữ HTML khơng có kết nối với sở liệu (CSDL) Khi có nhu cầu xử lý trang web tĩnh, ta dùng ngôn ngữ Client-side script  Lập trình Client-side Quá trình xử lý xảy Web client 18 18 HỌC LẬP TRÌNH WEB TỪ CƠ BẢN ĐẾN NÂNG CAO Lập trình Client-side http://www.hoclaptrinhweb.com Web Client α - Tek Web Server 19 19 HỌC LẬP TRÌNH WEB TỪ CƠ BẢN ĐẾN NÂNG CAO Bài 1: Tổng quan lập trình web Tổng quan lập trình web • Đặc điểm xử lý Client      α - Tek Nhanh, không thời gian để thể kết lên trang web Chỉ thực xử lý đơn giản độc lập Không cần phải cài đặt phần mềm web server Trình duyệt phải hỗ trợ ngôn ngữ script mà trang HTML sử dụng Rất hữu ích cho DHTM 20 20 HỌC LẬP TRÌNH WEB TỪ CƠ BẢN ĐẾN NÂNG CAO Tổng quan lập trình web • •  Web tĩnh lập trình Client-side  Web động lập trình Server-side α - Tek 21 21 HỌC LẬP TRÌNH WEB TỪ CƠ BẢN ĐẾN NÂNG CAO Bài 1: Tổng quan lập trình web Tổng quan lập trình web • Web động    Là trang web có nội dung lấy từ CSDL Dùng ngôn ngữ Server-side script để xử lý Quá trình xử lý xảy Web server  Lập trình Server-side α - Tek 22 22 HỌC LẬP TRÌNH WEB TỪ CƠ BẢN ĐẾN NÂNG CAO Lập trình Serverside http://www.hoclaptrinhweb.com/video/ Web Client α - Tek Web Server 23 23 HỌC LẬP TRÌNH WEB TỪ CƠ BẢN ĐẾN NÂNG CAO Bài 1: Tổng quan lập trình web Tổng quan lập trình web • Đặc điểm xử lý Server     α - Tek Chậm, thời gian để thể kết lên trang web Có khả thực xử lý phức tạp truy cập CSDL Trang web linh động, phục vụ đa yêu cầu người dùng Phải cài đặt phần mềm Web server 24 24 HỌC LẬP TRÌNH WEB TỪ CƠ BẢN ĐẾN NÂNG CAO Bài 1: Tổng quan lập trình web Tổng quan lập trình web • Khi triển khai ứng dụng web:  Cần nhận biết chất xử lý nên thực Client hay Server  α - Tek Một website chứa trang web tĩnh động 25 25 HỌC LẬP TRÌNH WEB TỪ CƠ BẢN ĐẾN NÂNG CAO Nội dung Giới thiệu Internet số khái niệm Tổng quan lập trình web Mơi trường cài đặt α - Tek 26 26 HỌC LẬP TRÌNH WEB TỪ CƠ BẢN ĐẾN NÂNG CAO Bài 1: Tổng quan lập trình web Mơi trường cài đặt • Môi trường cài đặt Notepad++ Macromedia Dreamweaver xx Microsoft Visual Studio 2010 α - Tek 27 27 HỌC LẬP TRÌNH WEB TỪ CƠ BẢN ĐẾN NÂNG CAO Bài 1: Tổng quan lập trình web HẾT α - Tek 28 28