Baûn quyeàn ®2005- Khoa Coâng Ngheä Thoâng Tin Trang 1
Tröôøng Ñaïi Hoïc Baùch Khoa Tp.HCM
CHƯƠNG IV
DHMTL
& LẬP TRÌNH WEB CHẠY ỞCLIENT
Tröôøng Ñaïi Hoïc Baùch Khoa Tp.HCM
Baûn quyeàn ®2005- Khoa Coâng Ngheä Thoâng Tin Trang 2
GIỚI THIỆU HỆTHỐNG WEB
•Mô hình hoạtđộng: Web browser/Web server
Web client Web server
HTTP
Tröôøng Ñaïi Hoïc Baùch Khoa Tp.HCM
Baûn quyeàn ®2005- Khoa Coâng Ngheä Thoâng Tin Trang 3
GIỚI THIỆU HỆTHỐNG WEB
zWeb server: chương trình quảnlýmộtcâythứbậc các trang
Web và phụcvụyêu cầutruyxuất chúng từcác client từxa.
zWeb Browser: chương trình giao tiếpvớingười dùng, nhận
yêu cầutừuser rồitruyxuất trang Web ởserver tương ứng
để phân giảivàhiểnthịnội dung lên màn hình.
zTrang Web: đơnvịgởinhậngiữa Web server và Web client,
nó là 1 file vănbảnđượcviếtbằng ngôn ngữHTML
zWeb browser và web server sẽtạo1 cầunốiTCP để trao đổi
thông tin, server lắng nghe ởport 80 (port mặcđịnh) và dùng
giao thức HTTP (HyperText Transfer Protocol).
Tröôøng Ñaïi Hoïc Baùch Khoa Tp.HCM
Baûn quyeàn ®2005- Khoa Coâng Ngheä Thoâng Tin Trang 4
CẤU TRÚC MỘT GIAO DỊCH HTTP 1.0
zBước 1: HTTP client mởkếtnốiđến HTTP server
zBước 2: HTTP client gửirequest message đến HTTP server
zBước3: HTTP server trảresponse mesage vềcho HTTP client, chứa
resource mà HTTP client yêu cầu
zBước4: HTTP server đóng kếtnối
zVí dụClient: GET /path/file.html HTTP/1.0
From: someuser@jmarshall.com
User-Agent: HTTPTool/1.0
[blank line here]
Server: HTTP/1.0 200 OK
Date: Fri, 31 Dec 1999 23:59:59 GMT
Content-Type: text/html
Content-Length: 1354
[blank line here]
<html>
…
</html>
Tröôøng Ñaïi Hoïc Baùch Khoa Tp.HCM
Baûn quyeàn ®2005- Khoa Coâng Ngheä Thoâng Tin Trang 5
GIỚI THIỆU VỀLẬP TRÌNH WEB
zCác đặcđiểmcủaứng dụng web
–Không phảilàmộtứng dụng độclập, là ứng dụng chạy
trên nền web-server.
–Ngườilậptrìnhcóthểthựchiện các thao tác trên ứng dụng
web nhưvớimộtứng dụng độclập.
–Có thểlấy thông tin từuser.
Tröôøng Ñaïi Hoïc Baùch Khoa Tp.HCM
Baûn quyeàn ®2005- Khoa Coâng Ngheä Thoâng Tin Trang 6
HTML – HyperText Markup Language
zLà một ngôn ngữđánh dấu siêu vănbản.
zSửdụng các thẻ(tag) để định dạng: vănbản, đoạn
văn, hình ảnh, file âm thanh, Java applet, đốitượng
nhưfile Word, Excel, JavaBean…
zChophépchèncácđoạnmãscript nhưJavaScript
thựcthitại trình duyệt (browser).
zLà định dạng chuẩnchotrangweb.
–Mởrộng: XML, WSDL/SOAP…
Tröôøng Ñaïi Hoïc Baùch Khoa Tp.HCM
Baûn quyeàn ®2005- Khoa Coâng Ngheä Thoâng Tin Trang 7
CÁC CÔNG CỤTẠO TRANG WEB
zMicrosoft Visual InterDev 6
–HTML, ASP…
zMicrosoft Visual Studio.NET 2003
–HTML, ASP.NET, ASP.NET Webservice, C#, C++…
zMicrosoft Frontpage
–HTML…
zJbuilder
–HTML, JSP, Java Servlet, Java EJB…
zMacromedia Dreamweawer MX 2004
–HTML, ASP, JSP, ASP.NET…
zEditPlus
zNotepad/Wordpad/Unix VIM
Tröôøng Ñaïi Hoïc Baùch Khoa Tp.HCM
Baûn quyeàn ®2005- Khoa Coâng Ngheä Thoâng Tin Trang 8
HTML – HyperText Markup Language
Tröôøng Ñaïi Hoïc Baùch Khoa Tp.HCM
Baûn quyeàn ®2005- Khoa Coâng Ngheä Thoâng Tin Trang 9
HTML – HyperText Markup Language
Tröôøng Ñaïi Hoïc Baùch Khoa Tp.HCM
Baûn quyeàn ®2005- Khoa Coâng Ngheä Thoâng Tin Trang 10
HTML – HyperText Markup Language
zFORMs
–Cấutrúccơbảncủamột form
<FORM ACTION=“file" METHOD={GET|POST}>
[<INPUT TYPE=“” NAME=“” VALUE="">]+
</FORM>
–Các loại (type) INPUT
zTEXT: là textbox dùng để nhậpdữliệu.
–Cú pháp:
<INPUT [TYPE=TEXT] NAME="text-id" [SIZE=nn]
[MAXLENGTH=nn] [VALUE="default text"]>