›
›

Bài giảng Thiết kế và lập trình Web - Bài 1: Tổng quan về Thiết kế và lập trình Web

Download
Thiết kế và lập trình Web  
Bꢀi 1  
Tổng quan về Thiết kế vꢀ lập trình Web  
Viện CNTT & TT  
Thiết kế & Lập trình Web  
Mục đích  
. Cung cấp cho Sinh viên kiến thức về cơ chế hoạt  
động của trang web  
– Khái niệm siêu văn bản (hypertext)  
– Máy phục vụ, trình duyệt web, giao thức hoạt động  
2
Thiết kế & Lập trình Web  
Nội dung  
. 1. Khái niệm về siêu văn bản  
. 2. Các thành phần của Web  
– 2.1. Máy phục vụ, máy khách  
– 2.2. WebServer, WebBrowser  
– 2.3. Website, WebPage  
– 2.4. URL  
– 2.5. HTTP  
. 3. Phân loại trang Web  
. 4. Một số điều cần chú ý trong phát triển Web  
3
Thiết kế & Lập trình Web  
0. Lịch sử phát triển của WWW  
. Năm 1978, Ward Christensen và Randy Suess đã xây  
dựng một hệ thống liên lạc đơn giản giữa 2 máy tính  
thông qua đường dây điện thoại… CBBS (tên viết tắt của  
Computerized Bulletin Board System - Hệ thống bảng tin  
trên nền máy tính) Đây là những bước đi đầu tiên để bắt  
đầu một kỷ nguyên thông tin mới – kỷ nguyên của World  
Wide Web  
. Các hệ thống CBBS trở nên rất thông dụng vào thập niên  
80 và đầu những năm 90 của thế kỷ trước. Có thể khẳng  
định rằng CBBS chính là tiền thân của mạng World Wide  
Web hiện nay  
4
Thiết kế & Lập trình Web  
Cơ chế hoạt động của WWW  
. Cơ chế hoạt động  
– WWW hoạt động dựa trên 3 cơ chế:  
• Giao thức HTTP (Hyper Text Transfer Protocol): Dùng để truy cập  
tài nguyên trên web.  
• Địa chỉ URL (Uniform Resource Locator): Nhận dạng các trang và  
tài nguyên trên web  
• Ngôn ngữ đánh dấu siêu văn bản HTML: Tạo các tài liệu có thể  
truy cập trên web  
Thiết kế & Lập trình Web  
1. Khái niệm về siêu văn bản  
. Hypertext? Hyperlink?  
Hypermedia?  
. Hypertext: là văn bản (text) trên  
máy tính có sự liên kết đến một  
văn bản khác và có thể truy cập  
trực tiếp thông qua click chuột,  
nhấn phím.  
. Hyperlink: là một liên kết từ một  
file hypertext đến một file khác  
. Hypermedia: là sự mở rộng của  
hypertext, trong đó đối tượng có  
thể là văn bản, đồ họa, âm thanh,  
video…  
H1. Hypertext  
6
Thiết kế & Lập trình Web  
1. Khái niệm về siêu văn bản  
. Một số ngôn ngữ siêu văn  
bản tiêu biểu  
– HTML (Hypertext Markup  
Language) - Ngôn ngữ đánh dấu  
siêu văn bản  
– XML (Extensible Markup  
Language) - Ngôn ngữ đánh dấu  
có thể mở rộng  
H1. Hypertext  
7
Thiết kế & Lập trình Web  
1. Khái niệm về siêu văn bản  
. Ứng dụng  
. Các trình ứng dụng dùng siêu văn bản rất hữu  
ích trong trường hợp phải phải làm việc với số  
lượng văn bản lớn….như các bộ từ điển bách  
khoa và các bộ sách nhiều tập..  
Thiết kế & Lập trình Web  
2. Các thành phần của Web  
. Web (World Wide Web)?  
Web là hệ thống các tài liệu hypertext liên kết với  
nhau thông qua mạng Internet  
. Các thành phần của Web  
– Web Page  
– Web Site  
– Uniform Resource Locator  
– Web Server  
– Web Browser  
9
Thiết kế & Lập trình Web  
2.1. Máy phục vụ, máy khách  
Máy khách (Client)  
. Máy khai thác dịch vụ của máy phục  
vụ  
. Với mỗi dịch vụ, thường có các phần  
mềm chuyên biệt để khai thác  
. Một máy tính có thể vừa là client vừa  
là server  
10  
Thiết kế & Lập trình Web  
2.1. Máy phục vụ, máy khách  
Máy phục vụ (Server)  
. Là máy chuyên cung cấp các dịch vụ và  
tài nguyên cho các máy tính khác  
. Thường cài các phần mềm chuyên  
dụng  
. Một máy phục vụ có thể dùng cho một  
hay nhiều mục đích.  
– File server  
– Application server  
– Mail server  
– Web server  
11  
Thiết kế & Lập trình Web  
2
12  
Thiết kế & Lập trình Web  
2.2. Web Server, Web Browser  
. Kiến trúc ứng dụng Web  
Webserver  
HTTP protocol  
Apache  
or IIS  
2
request  
Internet  
or Intranet  
response  
7
6
3
ServerSide Script  
Parser  
(PHP, ASP, ..)  
5
4
Database  
Server  
Disk  
driver  
13  
Thiết kế & Lập trình Web  
2.2. Web Server, Web Browser  
. Web Browser  
Thiết kế & Lập trình Web  
2.2. Web Server, Web Browser  
. Web Server  
– Là thành phần chính của hệ thống dịch vụ  
– Nhận yêu cầu từ Web Clients qua Web Browsers  
– Sinh và gửi nội dung trang web dưới dạng HTML,  
CSS và các đoạn mã kịch bản JavaScripts  
– Tương tác với hệ thống hỗ trợ dịch vụ (backend  
system)  
– Thường là các hệ quản trị cơ sở dữ liệu  
15  
Thiết kế & Lập trình Web  
2.2. Web Server, Web Browser  
. Web Server  
– Mỗi Web Server phục vụ một số kiểu file chuyên biệt  
chẳng hạn như IIS của Microsoft dành cho *.asp,  
*.aspx...;  
– Apache dành cho *.php...;  
– Tomcat server dành cho *.jsp...  
16  
Thiết kế & Lập trình Web  
2.3. WebPage, WebSite  
. WebPage:  
– Là một trang Web  
– Ngôn ngữ viết: PHP, ASP,  
ASP.Net… nhưng kết quả trả về  
cho Client là HTML  
. Website:  
– Là tập hợp các WebPage có nội  
dung thống nhất  
17  
Thiết kế & Lập trình Web  
2.3. WebPage, Website  
. Phân cấp trang Web  
18  
Thiết kế & Lập trình Web  
2.3. WebPage, Website  
. Phân cấp quá “nông”  
19  
Thiết kế & Lập trình Web  
2.3. WebPage, Website  
. Phân cấp quá “sâu”  
20  
Tải về để xem bản đầy đủ
pdf 57 trang yennguyen 20921 Free
Download
Bạn đang xem 20 trang mẫu của tài liệu "Bài giảng Thiết kế và lập trình Web - Bài 1: Tổng quan về Thiết kế và lập trình Web", để tải tài liệu gốc về máy hãy click vào nút Download ở trên

File đính kèm:

  • pdfbai_giang_thiet_ke_va_lap_trinh_web_bai_1_tong_quan_ve_thiet.pdf