Upload
hoa-dai
View
378
Download
0
Embed Size (px)
DESCRIPTION
Lập Trình web
Citation preview
8/4/2010
1
Lập trình webBộ môn Kỹ thuật Máy tính
Viện CNTT&TT - ĐH BKHN
Chuyên đề
Nội dung
Bài mở đầu
Phần 1. HTML và CSS căn bản
Phần 2. Ngôn ngữ JavaScript
Phần 3. Ngôn ngữ PHP
Phần 4. PHP và MySQL
2 Lập trình web
8/4/2010
2
Tài liệu tham khảo
Lập trình web động với PHP/MySQL –
Tống Phước Khải
Sử dụng PHP/MySQL thiết kế web động
(Nguyễn Trường Sinh)
http://www.w3schools.com
….
3 Lập trình web
Yêu cầu
Kiến thức cơ bản về lập trình.
Tham gia đầy đủ thời gian theo quy
định môn học.
Bài tập (có tính điểm)
Thi hết môn học (trắc nghiệm + tự luận)
4 Lập trình web
8/4/2010
3
Bài mở đầu
Nhắc lại một số khái niệm
Phân loại trang web
Xây dựng website?
5 Lập trình web
Mạng, giao thức
Mạng máy tính (Computer
Network):
Hệ thống các máy tính được kết
nối với nhau nhằm trao đổi dữ
liệu.
Qui mô: LAN, WAN, GAN
(internet)
Giao thức (Protocol):
Tập hợp các quy tắc được thống
nhất giữa các máy tính trong
mạng nhằm thực hiện trao đổi dữ
liệu được chính xác
Ví dụ: TCP/IP, HTTP, FTP, POP3
8/4/2010
4
Địa chỉ IP (IP Address)
Xác định một máy tính trong mạng theo giao thức TCP/IP
Thường có dạng x.y.z.t (IPv4) trong đó 0 ≤ x, y, z, t ≤ 255
Địa chỉ đặc biệt 127.0.0.1 địa chỉ của máy đang sử dụng
Được quản lý chặt chẽ
Ví dụ: địa chỉ IP 202.191.57.90 gắn liền với máy chủ web của SICT
7 Lập trình web
Tên miền (domain name)
Được gắn với một địa chỉ IP. Có tính chất
gợi nhớ.
Máy chủ DNS thực hiện việc “gắn” (ánh xạ)
Chia thành các cấp, ngăn cách bởi dấu
chấm (.)
Ví dụ: tên miền soict.hut.edu.vn gắn với
địa chỉ IP 202.191.57.90 trong đó
vn: Nước Việt Nam (us: Mỹ, uk: Anh, …)
edu: Tổ chức giáo dục (com: thương mại, gov:
chính phủ)
hut: Tên trường ĐH Bách khoa Hà Nội
soict: Viện CNTT&TT
Tên miền đặc biệt localhost gắn với địa chỉ
IP 127.0.0.1
8 Lập trình web
8/4/2010
5
Máy chủ - Máy phục vụ (Server)
Cung cấp tài nguyên, dịch vụ cho các máy tính khác trong mạng
Được cài các phần mềm chuyên dụng để cung cấp dịch vụ
Một server có thể cung cấp một hoặc nhiều dịch vụ. Tên server gắn liền với dịch vụ cung cấp.
Web Server – Cung cấp dịch vụ web
Mail Server – Cung cấp dịch vụ thư điện tử
File Server – Cung cấp dịch vụ truyền nhận file
Application Server
Cấu hình cao, hoạt động ổn định. Giá thành đắt hơn so với các máy thông thường
9 Lập trình web
Máy khách - Client
Là máy khai thác dịch vụ của
máy chủ
Thiết bị đa dạng: Có thể là
máy tính, điện thoại hay các
thiết bị khác có kết nối mạng
Được cài đặt các chương
trình để khai thác dịch vụ
Một máy tính có thể vừa là
server vừa là client.
10 Lập trình web
8/4/2010
6
Cổng dịch vụ: Service Port
Là số [0; 65535]
xác định dịch vụ của
máy chủ
2 dịch vụ khác nhau
chiếm các cổng khác
nhau
Mỗi dịch vụ thường
chiếm các cổng xác
định, ví dụ:
• Web: 80
• FTP: 21
Chuỗi định vị tài nguyên: URL (Uniform
Resource Locator)
Tài nguyên: file trên mạng
URL: Xác định vị trí và cách khai thác file
Cấu trúc:
giao_thức://địa_chỉ_máy:cổng/đường_dẫn/tên_file
Ví dụ: http://soict.edu.vn:80/index.php
Trong trường hợp mặc định, nhiều thành phần có
thể bỏ qua:
Giao thức, cổng: Được trình duyệt đặt mặc định
Tên file: được máy chủ đặt mặc định
8/4/2010
7
Trang web, web site, www
Trang web (web page)
Là một trang có chứa nội dung
Có thể viết bằng nhiều ngôn ngữ khác
nhau nhưng kết quả trả về client là
HTML
Web site
Là tập hợp các trang web có chứa nội
dung thống nhất
World Wide Web
Tập hợp các web site trên mạng
Internet
13 Lập trình web
Web Server
Máy cung cấp dịch vụ
web
Cài các phần mềm web
server chuyên dụng:
Apache: mã nguồn mở
Internet Information
Services (IIS): sản phẩm
của Microsoft
14 Lập trình web
8/4/2010
8
Trình duyệt web (Web Browser)
Phần mềm chạy trên máy khách để khai thác dịch vụ web
Các trình duyệt web phổ biến
Internet Explorer
Mozilla Firefox
Opera
Google Chrome
Apple Safari
Nescape
…
15 Lập trình web
Bài mở đầu
Nhắc lại một số khái niệm
Phân loại trang web
Xây dựng website?
16 Lập trình web
8/4/2010
9
Phân loại trang web
Dựa vào công nghệ phát triển: có 2 loại
Trang web tĩnh
Dễ phát triển
Tương tác yếu
Sử dụng HTML
Thường dùng các công cụ trực quan để tạo trang web
Trang web động
Khó phát triển hơn
Khả năng tương tác cao
Sử dụng các ngôn ngữ khác nhau
Thường viết nhiều mã lệnh
17 Lập trình web
Một số công nghệ viết web động
Động phía client:
JavaScript, VBScript được chạy ở client.
Applet
Flash
Động phía server:
CGI: Common Gateway Interface
Java Server Pages (SUN)
Active Server Pages (ASP), ASP.NET: Microsoft
PHP: Mã nguồn mở
• Ngôn ngữ lập trình PHP, chạy phía server.
• Webserver: Apache, IIS
• Bộ biên dịch: PHP
Perl
8/4/2010
10
Bài mở đầu
Nhắc lại một số khái niệm
Phân loại trang web
Xây dựng website?
19 Lập trình web
Xây dựng website ?
Cần nắm được:
1. HMTL (Ngôn ngữ đánh dấu siêu văn bản)
2. Web Programming language (Ngôn ngữ lập
trình Web)
3. Web Server (cung cấp dịch vụ Web)
4. Database Server (cung cấp dịch vụ Cơ sở dữ
liệu cho web).
20 Lập trình web
8/4/2010
11
Xây dựng website ?
HTML ?
HTML (HyperText Markup Language, tức là "Ngôn ngữ
Đánh dấu Siêu văn bản") là một ngôn ngữ đánh dấu
được thiết kế ra để tạo nên các trang web, nghĩa là các
mẩu thông tin được trình bày trên World Wide Web
Web Programming Language?
Ngôn ngữ được viết theo phong cách lập trình (khác so
với HTML - ngôn ngữ đánh dấu) để hỗ trợ và tăng
cường các khả năng của Web. Cho phép điều khiển các
phần tử của trang Web dễ dàng hơn.
Một số ngôn ngữ lập trình Web như là: ASP, ASP.Net,
PHP, JSP ..
21 Lập trình web
Xây dựng website ?
Web Server?
Máy phục vụ Web: máy tính mà trên đó cài đặt phần mềm phục
vụ Web, đôi khi người ta cũng gọi chính phần mềm đó là Web
Server.
- Tất cả các Web Server đều hiểu và chạy được các file *.htm và
*.html, tuy nhiên mỗi Web Server lại 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...; Sun Java System Web
Server của SUN dành cho *.jsp...
Database Server ?
Máy phục vụ Cơ sở dữ liệu: Máy tính mà trên đó có cài đặt
phần mềm Hệ quản trị Cơ sở dữ liệu (HQTCSDL). Chúng ta có
một số HQTCSDL chẳng hạn như: SQL Server, MySQL,
Oracle...
22 Lập trình web
8/4/2010
12
Cài đặt và cấu hình các phần mềm
Web server: Chọn 1 trong 2
IIS (Internet Information Service) – tích hợp trong
Win 2000, XP, 2003, Vista.
Apache: http://www.apache.org
Biên dịch: PHP: http://www.php.net
Hệ quản trị CSDL: MySQL www.mysql.com
Hỗ trợ quản lý CSDL MySql
MySql Control
PHPMyAdmin (web)
SQL Manager
Hỗ trợ soạn thảo:
PHPEdit, PHPExpert
Macromedia Dreamweaver
Phần mềm khác:
Bộ gõ: Unikey
Adobe Photoshop
Xara3D …