Thiết kế hệ thống điều khiển chỉnh lưu tích cực 1 pha
Bài 1 - Tổng quan về lập trình web - Học lập trình web cơ bản với Html, Css, Javascript
1. 11
HỌC LẬP TRÌNH WEB TỪ CƠ BẢN ĐẾN NÂNG CAO
HocLapTrinhWeb.COM
α - Tek http://www.facebook.com/groups/hoclaptrinhweb/
2. 22
HỌC LẬP TRÌNH WEB TỪ CƠ BẢN ĐẾN NÂNG CAO
HocLapTrinhWeb.COM
α - Tek http://www.facebook.com/groups/hoclaptrinhweb/
Mục tiêuMục tiêu
• Các khái niệm cơ bản về Internet
• Lập trình web ở phía Client
• Lập trình web ở phía Server
3. 33
HỌC LẬP TRÌNH WEB TỪ CƠ BẢN ĐẾN NÂNG CAO
HocLapTrinhWeb.COM
α - Tek http://www.facebook.com/groups/hoclaptrinhweb/
Nội dungNội dung
1.1. Giới thiệu về InternetGiới thiệu về Internet
và một số khái niệmvà một số khái niệm
1.1. Giới thiệu về InternetGiới thiệu về Internet
và một số khái niệmvà một số khái niệm
2. Tổng quan về lập trình web2. Tổng quan về lập trình web2. Tổng quan về lập trình web2. Tổng quan về lập trình web
3. Môi trường cài đặt3. Môi trường cài đặt3. Môi trường cài đặt3. Môi trường cài đặt
4. 44
HỌC LẬP TRÌNH WEB TỪ CƠ BẢN ĐẾN NÂNG CAO
HocLapTrinhWeb.COM
α - Tek http://www.facebook.com/groups/hoclaptrinhweb/
Giới thiệu về Internet và một số khái niệmGiới thiệu về Internet và một số khái niệm
• Giới thiệu về Internet
• Web Server
• Web Client
• Web Browser
• HTTP
• URL
• HTML
5. 55
HỌC LẬP TRÌNH WEB TỪ CƠ BẢN ĐẾN NÂNG CAO
HocLapTrinhWeb.COM
α - Tek http://www.facebook.com/groups/hoclaptrinhweb/
• Giới thiệu về Internet
− Là tập hợp các máy tính nối mạng trên thế giới nhằm
trao đổi thông tin với nhau thông qua giao thức TCP/IP
(Transmission Control Protocol/Internet Protocol)
− Mang lại rất nhiều tiện ích hữu dụng cho người sử
dụng, nổi bật nhất là dịch vụ thư điện tử (email), trò
chuyện trực tuyến (chat) và truy tìm dữ liệu (search
engine)
− Dịch vụ được dùng rất phổ biến trên Internet là World
Wide Web (WWW, thường được gọi tắt là Web)
Bài 1: Tổng quan về lập trình web
Giới thiệu về Internet và một số khái niệm
6. 66
HỌC LẬP TRÌNH WEB TỪ CƠ BẢN ĐẾN NÂNG CAO
HocLapTrinhWeb.COM
α - Tek http://www.facebook.com/groups/hoclaptrinhweb/
Giới thiệu về Internet và một số khái niệmGiới thiệu về Internet và một số khái niệm
• Giới thiệu về Internet
• Web Server
• Web Client
• Web Browser
• HTTP
• URL
• HTML
7. 77
HỌC LẬP TRÌNH WEB TỪ CƠ BẢN ĐẾN NÂNG CAO
HocLapTrinhWeb.COM
α - Tek http://www.facebook.com/groups/hoclaptrinhweb/
• Web Server
− Máy tính lưu trữ website
− Trả kết quả về cho Web Client khi nhận được yêu cầu
• Web Client
− Máy tính dùng để truy cập các trang web
− Có khả năng yêu cầu và nhận kết quả từ Web Server
Bài 1: Tổng quan về lập trình web
Giới thiệu về Internet và một số khái niệm
8. 88
HỌC LẬP TRÌNH WEB TỪ CƠ BẢN ĐẾN NÂNG CAO
HocLapTrinhWeb.COM
α - Tek http://www.facebook.com/groups/hoclaptrinhweb/
Giới thiệu về Internet và một số khái niệmGiới thiệu về Internet và một số khái niệm
• Giới thiệu về Internet
• Web Server
• Web Client
• Web Browser
• HTTP
• URL
• HTML
9. 99
HỌC LẬP TRÌNH WEB TỪ CƠ BẢN ĐẾN NÂNG CAO
HocLapTrinhWeb.COM
α - Tek http://www.facebook.com/groups/hoclaptrinhweb/
• Trình duyệt web – Web Browser
− Phần mềm dùng để xem các tài liệu hoặc tìm kiếm các
tài nguyên trên World Wide Web
− Một số trình duyệt thông dụng hiện nay:
• Internet Explorer (IE) có sẵn trong Microsoft Windows của
Microsoft
• Mozilla Firefox của Tập đoàn Mozilla
• Netscape Navigator của Netscape
• Opera của Opera Software
• Chrome của Google
Bài 1: Tổng quan về lập trình web
Giới thiệu về Internet và một số khái niệm
10. 1010
HỌC LẬP TRÌNH WEB TỪ CƠ BẢN ĐẾN NÂNG CAO
HocLapTrinhWeb.COM
α - Tek http://www.facebook.com/groups/hoclaptrinhweb/
Giới thiệu về Internet và một số khái niệmGiới thiệu về Internet và một số khái niệm
• Giới thiệu về Internet
• Web Server
• Web Client
• Web Browser
• HTTP
• URL
• HTML
11. 1111
HỌC LẬP TRÌNH WEB TỪ CƠ BẢN ĐẾN NÂNG CAO
HocLapTrinhWeb.COM
α - Tek http://www.facebook.com/groups/hoclaptrinhweb/
• HTTP (HyperText Transfer Protocol)
− Là giao thức chuyển giao siêu văn bản trên web
− Giao thức này là tập hợp các qui định dùng để trao đổi
các tài liệu (văn bản, hình ảnh, âm thanh, video, các tập
tin đa truyền thông,…) giữa Web server và trình duyệt
Web
Bài 1: Tổng quan về lập trình web
Giới thiệu về Internet và một số khái niệm
12. 1212
HỌC LẬP TRÌNH WEB TỪ CƠ BẢN ĐẾN NÂNG CAO
HocLapTrinhWeb.COM
α - Tek http://www.facebook.com/groups/hoclaptrinhweb/
Giới thiệu về Internet và một số khái niệmGiới thiệu về Internet và một số khái niệm
• Giới thiệu về Internet
• Web Server
• Web Client
• Web Browser
• HTTP
• URL
• HTML
13. 1313
HỌC LẬP TRÌNH WEB TỪ CƠ BẢN ĐẾN NÂNG CAO
HocLapTrinhWeb.COM
α - Tek http://www.facebook.com/groups/hoclaptrinhweb/
• URL (Uniform Resource Locator )
− Đường dẫn chỉ tới một trang web cụ thể trên Internet.
− Cú pháp đầy đủ:
scheme://<host> [:port] [<path>[ ?<querystring> ] ]
Trong đó:
• scheme: lọai dịch vụ Internet
• host: địa chỉ máy chủ chứa tài nguyên
• port: cổng dịch vụ trên máy chủ
• path: đường dẫn và tên của tập tin tài nguyên trên máy chủ
• querystring: các tham số được gửi kèm theo http
Ví dụ:
http://www.hoclaptrinhweb.com/about.html
http://www.vietbando.com/vietbando?tab=panorama
http://www.htmlib.com:80/example_files/file.html?Lib=3
Bài 1: Tổng quan về lập trình web
Giới thiệu về Internet và một số khái niệm
14. 1414
HỌC LẬP TRÌNH WEB TỪ CƠ BẢN ĐẾN NÂNG CAO
HocLapTrinhWeb.COM
α - Tek http://www.facebook.com/groups/hoclaptrinhweb/
Giới thiệu về Internet và một số khái niệmGiới thiệu về Internet và một số khái niệm
• Giới thiệu về Internet
• Web Server
• Web Client
• Web Browser
• HTTP
• URL
• HTML
15. 1515
HỌC LẬP TRÌNH WEB TỪ CƠ BẢN ĐẾN NÂNG CAO
HocLapTrinhWeb.COM
α - Tek http://www.facebook.com/groups/hoclaptrinhweb/
• HTML (HyperText Markup Language)
− Ngôn ngữ dùng để xây dựng các trang web
− Gồm các 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
<html>
<head><title> Học lập trình web</title></head>
<body>
<h1 align=“center” > Chào mừng các bạn đến với ngôn ngữ HTML</h1>
</body>
</html>
Bài 1: Tổng quan về lập trình web
Giới thiệu về Internet và một số khái niệm
16. 1616
HỌC LẬP TRÌNH WEB TỪ CƠ BẢN ĐẾN NÂNG CAO
HocLapTrinhWeb.COM
α - Tek http://www.facebook.com/groups/hoclaptrinhweb/
Nội dungNội dung
1.1. Giới thiệu về InternetGiới thiệu về Internet
và một số khái niệmvà một số khái niệm
1.1. Giới thiệu về InternetGiới thiệu về Internet
và một số khái niệmvà một số khái niệm
2. Tổng quan về lập trình web2. Tổng quan về lập trình web2. Tổng quan về lập trình web2. Tổng quan về lập trình web
3. Môi trường cài đặt3. Môi trường cài đặt3. Môi trường cài đặt3. Môi trường cài đặt
17. 1717
HỌC LẬP TRÌNH WEB TỪ CƠ BẢN ĐẾN NÂNG CAO
HocLapTrinhWeb.COM
α - Tek http://www.facebook.com/groups/hoclaptrinhweb/
Tổng quan về lập trình webTổng quan về lập trình web
• Web tĩnh và lập trình Client-side
• Web động và lập trình Server-side
18. 1818
HỌC LẬP TRÌNH WEB TỪ CƠ BẢN ĐẾN NÂNG CAO
HocLapTrinhWeb.COM
α - Tek http://www.facebook.com/groups/hoclaptrinhweb/
• Web tĩnh
− Là trang web được trình bày dưới dạng văn bản. Nội
dung trong trang được tạo ra lúc thiết kế và không được
thay đổi khi có người dùng truy cập
− Được viết bằng ngôn ngữ HTML và không có kết nối với
cơ sở dữ liệu (CSDL)
− Khi có nhu cầu xử lý trên trang web tĩnh, ta dùng ngôn
ngữ Client-side script Lập trình Client-side
− Quá trình xử lý chỉ xảy ra tại Web client
Bài 1: Tổng quan về lập trình web
Tổng quan về lập trình web
19. 1919
HỌC LẬP TRÌNH WEB TỪ CƠ BẢN ĐẾN NÂNG CAO
HocLapTrinhWeb.COM
α - Tek http://www.facebook.com/groups/hoclaptrinhweb/
Web ClientWeb Client Web ServerWeb Server
http://www.hoclaptrinhweb.com
Lập trình
Client-side
Lập trình
Client-side
20. 2020
HỌC LẬP TRÌNH WEB TỪ CƠ BẢN ĐẾN NÂNG CAO
HocLapTrinhWeb.COM
α - Tek http://www.facebook.com/groups/hoclaptrinhweb/
• Đặc điểm khi xử lý tại Client
− Nhanh, không mất thời gian để thể hiện kết quả lên trang
web
− Chỉ có thể thực hiện những xử lý đơn giản và độc lập
− Không cần phải cài đặt phần mềm tại web server
− Trình duyệt phải hỗ trợ ngôn ngữ script mà trang HTML
đang sử dụng
− Rất hữu ích cho DHTM
Bài 1: Tổng quan về lập trình web
Tổng quan về lập trình web
21. 2121
HỌC LẬP TRÌNH WEB TỪ CƠ BẢN ĐẾN NÂNG CAO
HocLapTrinhWeb.COM
α - Tek http://www.facebook.com/groups/hoclaptrinhweb/
Tổng quan về lập trình webTổng quan về lập trình web
• Web tĩnh và lập trình Client-side
• Web động và lập trình Server-side
22. 2222
HỌC LẬP TRÌNH WEB TỪ CƠ BẢN ĐẾN NÂNG CAO
HocLapTrinhWeb.COM
α - Tek http://www.facebook.com/groups/hoclaptrinhweb/
• Web động
− Là trang web có nội dung được lấy từ CSDL
− Dùng ngôn ngữ Server-side script để xử lý
− Quá trình xử lý xảy ra tại Web server
Lập trình Server-side
Bài 1: Tổng quan về lập trình web
Tổng quan về lập trình web
23. 2323
HỌC LẬP TRÌNH WEB TỪ CƠ BẢN ĐẾN NÂNG CAO
HocLapTrinhWeb.COM
α - Tek http://www.facebook.com/groups/hoclaptrinhweb/
Web ClientWeb Client Web ServerWeb Server
Lập trình
Server-
side
Lập trình
Server-
side
http://www.hoclaptrinhweb.com/video/
24. 2424
HỌC LẬP TRÌNH WEB TỪ CƠ BẢN ĐẾN NÂNG CAO
HocLapTrinhWeb.COM
α - Tek http://www.facebook.com/groups/hoclaptrinhweb/
• Đặc điểm khi xử lý tại Server
− Chậm, mất thời gian để thể hiện kết quả lên trang web
− Có khả năng thực hiện những xử lý phức tạp và truy
cập CSDL
− Trang web linh động, phục vụ đa yêu cầu của người
dùng
− Phải cài đặt phần mềm tại Web server
Bài 1: Tổng quan về lập trình web
Tổng quan về lập trình web
25. 2525
HỌC LẬP TRÌNH WEB TỪ CƠ BẢN ĐẾN NÂNG CAO
HocLapTrinhWeb.COM
α - Tek http://www.facebook.com/groups/hoclaptrinhweb/
• Khi triển khai một ứng dụng web:
− Cần nhận biết bản chất của mỗi xử lý là nên thực hiện ở
Client hay Server
− Một website có thể chứa các trang web tĩnh và động
Bài 1: Tổng quan về lập trình web
Tổng quan về lập trình web
26. 2626
HỌC LẬP TRÌNH WEB TỪ CƠ BẢN ĐẾN NÂNG CAO
HocLapTrinhWeb.COM
α - Tek http://www.facebook.com/groups/hoclaptrinhweb/
Nội dungNội dung
1.1. Giới thiệu về InternetGiới thiệu về Internet
và một số khái niệmvà một số khái niệm
1.1. Giới thiệu về InternetGiới thiệu về Internet
và một số khái niệmvà một số khái niệm
2. Tổng quan về lập trình web2. Tổng quan về lập trình web2. Tổng quan về lập trình web2. Tổng quan về lập trình web
3. Môi trường cài đặt3. Môi trường cài đặt3. Môi trường cài đặt3. Môi trường cài đặt
27. 2727
HỌC LẬP TRÌNH WEB TỪ CƠ BẢN ĐẾN NÂNG CAO
HocLapTrinhWeb.COM
α - Tek http://www.facebook.com/groups/hoclaptrinhweb/
• Môi trường cài đặt
Bài 1: Tổng quan về lập trình web
Môi trường cài đặt
Notepad++
Macromedia Dreamweaver xx
Microsoft Visual Studio 2010
28. 2828
HỌC LẬP TRÌNH WEB TỪ CƠ BẢN ĐẾN NÂNG CAO
HocLapTrinhWeb.COM
α - Tek http://www.facebook.com/groups/hoclaptrinhweb/
HẾTHẾT
Bài 1: Tổng quan về lập trình web
Editor's Notes
Thời lượng : 1 tiết Lưu ý chung cho môn Web1: Tất cả các nội dung văn bản có trong bài tập thì giáo viên phải cung cấp cho học viên, nhằm để rút ngắn thời gian làm bài tập
Ghi chú : Giáo viên minh hoạ thao tác tạo trang web .htm đơn giản trên 3 môi trường trên Nêu lên ưu, khuyết điểm của 3 môi trường trên