Giáo trình Lập trình web (Nghề Công nghệ thông tin Cao đẳng)

ỦY BAN NHÂN DÂN TỈNH ĐỒNG THÁP
TRƯỜNG CAO ĐẲNG CỘNG ĐỒNG ĐỒNG THÁP

GIÁO TRÌNH
MƠ ĐUN: LẬP TRÌNH WEB
NGÀNH, NGHỀ: CƠNG NGHỆ THƠNG TIN
TRÌNH ĐỘ: CAO ĐẲNG

(Ban hành kèm theo Quyết định số
/QĐ-CĐCĐ ngày tháng
năm 20…
của Hiệu trưởng trường Cao đẳng Cộng đồng Đồng Tháp)

Đồng Tháp, năm 2017


TUYÊN BỐ BẢN QUYỀN
Tài liệu này thuộc loại sách giáo trình nên các nguồn thơng tin có thể được phép
dùng nguyên bản hoặc trích dùng cho các mục đích về đào tạo và tham khảo.
Mọi mục đích khác mang tính lệch lạc hoặc sử dụng với mục đích kinh doanh
thiếu lành mạnh sẽ bị nghiêm cấm.

i


LỜI NĨI ĐẦU
Trong xu thế hiện nay, website khơng cịn là một khái niệm xa lạ đối với mọi người.
Hầu hết các cơ quan, doanh nghiệp đều có riêng cho mình một website để đưa tin tức
hay cung cấp các dịch vụ cho người dùng. Thậm chí ở một số doanh nghiệp, website
không chỉ là một công cụ cập nhật tin tức mà nó cịn là một cơng cụ chiến lược quan
trong để quảng bá hình ảnh cơng ty trong xu thế cạnh tranh gắt gao hiện nay.

Việc thiết kế, quản trị một website là một công việc không hề đơn giản cho bất cứ lập
trình viên nào. Tuy nhiên, với sự hỗ trợ của các công nghệ hiện nay, đặc biệt là cơng
nghệ ASP.NET của Microsoft thì cơng việc này đã trở nên đơn giản rất nhiều. Chính vì
lẽ đó mà đề cương mơn Lập Trình Web đã được xây dựng dựa trên công nghệ
ASP.NET nhằm giúp sinh viên tìm hiểu và có thể sử dụng thành thạo cơng nghệ này để
tạo ra các website phục vụ cho nhu cầu của mình.
Bài giảng bao gồm các Bài sau:
 Bài 1: TỔNG QUAN VỀ LẬP TRÌNH WEB
 Bài 2: LẬP TRÌNH WEB VỚI ASP.NET
 Bài 3: LÀM VIỆC VỚI DỮ LIỆU
 Bài 4: BẢO MẬT WEBSITE
 Bài 5: WEB SERVICES
Cuối cùng, xin gửi lời cảm ơn chân thành nhất đến bạn bè, đồng nghiệp đã có những ý
kiến đóng góp sâu sắc cho bài giảng này. Mọi ý kiến đóng góp xin vui lịng gửi đến địa
chỉ mail: . Xin chân thành cảm ơn!
Đồng Tháp, ngày 01 tháng 10 năm 2013
Tác giả
Phan Quốc Cường

i


MỤC LỤC
LỜI NÓI ĐẦU ..................................................................................................................i
MỤC LỤC ........................................................................................................................ii
DANH MỤC CÁC BẢNG..............................................................................................iv
DANH MỤC CÁC HÌNH ................................................................................................ v
Bài 1 ................................................................................................................................. 1
TỔNG QUAN VỀ LẬP TRÌNH WEB ............................................................................ 1
1.1

Giới thiệu về ứng dụng web ............................................................................... 1

1.2

Giới thiệu một số cơng cụ về lập trình web ........................................................ 6

1.3

Giới thiệu .NET Framework ............................................................................. 21

1.4

Giới thiệu ASP và ASP.NET ............................................................................ 23

1.5

Giới thiệu Visual Studio ................................................................................... 26

CÂU HỎI ÔN TẬP BÀI 1 ............................................................................................. 28
Bài 2 ............................................................................................................................... 29
LẬP TRÌNH WEB VỚI ASP.NET ................................................................................ 29
2.1

Web Form ......................................................................................................... 29

2.2

Web Controls .................................................................................................... 31

2.3

Validation Controls........................................................................................... 67

2.4

Quản lý trạng thái (State).................................................................................. 96

2.5

Master Pages và Themes ................................................................................ 115

2.6

Website Navigation ........................................................................................ 129

CÂU HỎI ÔN TẬP BÀI 2 ........................................................................................... 133
BÀI TẬP THỰC HÀNH BÀI 2 ................................................................................... 134
Bài 3 ............................................................................................................................. 135
LÀM VIỆC VỚI DỮ LIỆU ......................................................................................... 135
3.1

Giới thiệu ADO.NET...................................................................................... 135

3.2

Data Binding ................................................................................................... 137

3.3

Data Controls .................................................................................................. 144

Trang ii


3.4

XML ............................................................................................................... 174

CÂU HỎI ÔN TẬP BÀI 3 ........................................................................................... 177
BÀI TẬP THỰC HÀNH BÀI 3 ................................................................................... 178
Bài 4 ............................................................................................................................. 179
BẢO MẬT WEBSITE ................................................................................................. 179
CÂU HỎI ÔN TẬP BÀI 4 ........................................................................................... 190
BÀI TẬP THỰC HÀNH BÀI 4 ................................................................................... 191
Bài 5 ............................................................................................................................. 192
WEB SERVICES ......................................................................................................... 192
5.1

Cấu trúc Web Services ................................................................................... 192

5.2

Tạo Web Services ........................................................................................... 200

5.3

Nâng cấp Web Services .................................................................................. 214

CÂU HỎI ÔN TẬP BÀI 5 ........................................................................................... 218

BÀI TẬP THỰC HÀNH BÀI 5 ................................................................................... 219
TÀI LIỆU THAM KHẢO ............................................................................................ 220

Trang iii


DANH MỤC CÁC BẢNG
Bảng 1 – Lịch sử phát triển .NET Framework ............................................................... 23
Bảng 2 – Bảng mô tả các thẻ nằm trong <Ad> .............................................................. 37
Bảng 3 – Bảng thuộc tính của Button ............................................................................ 40
Bảng 4 - Bảng thuộc tính CalendarDay ......................................................................... 44
Bảng 5 – Bảng thuộc tính Checkbox ............................................................................. 45
Bảng 6 – Bảng thuộc tính CheckBoxList ....................................................................... 47
Bảng 7 – Bảng thuộc tính Label ..................................................................................... 53
Bảng 8 – Thuộc tính ListBox ......................................................................................... 57
Bảng 9 – Bảng thuộc tính Panel ..................................................................................... 60
Bảng 10 – Bảng thuộc tính RadioButton ....................................................................... 62
Bảng 11 – Bảng thuộc tính Table ................................................................................... 65
Bảng 12 – Bảng thuộc tính TextBox .............................................................................. 67
Bảng 13 – Bảng cột Gridview ...................................................................................... 145
Bảng 14 – Bảng thuộc tính Gridview ........................................................................... 146
Bảng 15 - Các style áp dụng cho GridView................................................................. 147
Bảng 16 – Bảng sự kiện Gridview ............................................................................... 148
Bảng 17 – Bảng sự kiện Gridview (tt) ......................................................................... 149
Bảng 18 – Các phương thức Gridview......................................................................... 150

Trang iv


DANH MỤC CÁC HÌNH

Hình 1 – Truy cập ứng dụng web..................................................................................... 2
Hình 2 – Trang siêu văn bản HTML ................................................................................ 3
Hình 3 - Mơ hình 2 lớp..................................................................................................... 4
Hình 4 – Mơ hình 3 lớp .................................................................................................... 5
Hình 5 - Notepad .............................................................................................................. 8
Hình 6 - Intype ................................................................................................................. 9
Hình 7 - phpDesigner ..................................................................................................... 10
Hình 8 - Dreamweaver ................................................................................................... 11
Hình 9 - E-Texteditor ..................................................................................................... 12
Hình 10 - Komodo ......................................................................................................... 13
Hình 11 - Aptana ............................................................................................................ 14
Hình 12 - Netbean .......................................................................................................... 15
Hình 13 - Bluefish .......................................................................................................... 16
Hình 14 - CoffeeCup ...................................................................................................... 17
Hình 15 – HTML – Kit .................................................................................................. 18
Hình 16 - Eclipse ............................................................................................................ 19
Hình 17 - SeaMonkey .................................................................................................... 20
Hình 18 - Amaya ............................................................................................................ 21
Hình 19 - Quá trình biên dịch trang ASP.NET .............................................................. 25
Hình 20 – Quá trình xử lý tập tin .aspx .......................................................................... 26
Hình 21 – Biểu tượng Visual Studio .............................................................................. 27
Hình 22 - Page Directives .............................................................................................. 31
Hình 23 - Scripts ............................................................................................................ 32
Hình 24 – Danh sách các sự kiện của trang ASP.NET .................................................. 33
Hình 25 – Cấu trúc của Web Controls ........................................................................... 35
Hình 26 – Web Server Controls trên thanh công cụ Visual Studio ............................... 36
Hình 27 – Kết quả thực thi AdRotator ........................................................................... 39
Trang v

Hình 28 – Kết quả thực thi Button ................................................................................. 41
Hình 29 – Kết quả hiện thị Calendar.............................................................................. 44
Hình 30 – Kết quả thực thi Checkbox ............................................................................ 46
Hình 31 – Kết quả thực thi CheckBoxList ..................................................................... 49
Hình 32 – Kết quả thực thi DropDownList .................................................................... 51
Hình 33 – Kết quả thực thi Hyperlink ............................................................................ 53
Hình 34 – Kết quả thực thi Label ................................................................................... 55
Hình 35 – Bảng thuộc tính LinkButton .......................................................................... 55
Hình 36 – Kết quả thực thi LinkButton ......................................................................... 57
Hình 37 – Kết quả thực thi ListBox ............................................................................... 59
Hình 38 – Kết quả thực thi Panel ................................................................................... 62
Hình 39 – Kết quả thực thi RadioButton ....................................................................... 64
Hình 40 – Kết quả thực thi table .................................................................................... 66
Hình 41 – Cơ chế xác nhận của Validation Controls ..................................................... 69
Hình 42 – Giao diện trang RequireField Validation ...................................................... 72
Hình 43 – Thơng báo lỗi khi khơng nhập Credit Card Information .............................. 73
Hình 44 – Thông báo lỗi không xuất hiện khi nhập đầy đủ thơng tin ........................... 73
Hình 45 – Giao diện thiết kế trang RangeValidator.aspx .............................................. 76
Hình 46 – Kết quả hiển thị trang RangeValidator.aspx ................................................. 77
Hình 47 – Kết quả hiển thị trang RangeValidator.aspx ................................................. 82
Hình 48 - Giao diện trang RegularExpressionValidatorEx.aspx ................................... 86
Hình 49 - Kết quả thực thi cho hai trường hợp dữ liệu nhập không hợp lệ và hợp lệ ... 87
Hình 50 - Giao diện thiết kế trang CustomValidatorEx.aspx ........................................ 90
Hình 51 - Kết quả thực thi sau khi nhập giá trị trong khung nhập và click nút Validate,
cho hai trường hợp dữ liệu nhập không hợp lệ và hợp lệ .............................................. 90
Hình 52 – Danh sách thơng báo lỗi ................................................................................ 91
Hình 53 – Danh sách các lỗi .......................................................................................... 91
Hình 54 - Giao diện trang ValidationSummary.aspx ..................................................... 95

Trang vi

Hình 55 - Kết quả thực thi cho hai trường hợp dữ liệu nhập không hợp lệ và hợp lệ ... 96
Hình 56 – Trang SimpleCounter.aspx ............................................................................ 98
Hình 57 – Trang SimpleCounter.aspx trên localhost ..................................................... 99
Hình 58 – Kết quả hiển thị Counter ............................................................................. 100
Hình 59 - Kết quả hiển thị sau khi click nút [Create Cookie] ...................................... 104
Hình 60 – Tạo form đăng nhập .................................................................................... 106
Hình 61 – Kết quả hiện thị khi click nút đăng nhập .................................................... 107
Hình 62 – Quan hệ giữa Session và Application ......................................................... 108
Hình 63 – Ví dụ minh họa ............................................................................................ 109
Hình 64 – Kết quả thực hiện trang ví dụ minh họa ...................................................... 110
Hình 65 – Thơng báo lỗi .............................................................................................. 113
Hình 66 - Hiển thị trang báo lỗi nhưng khơng có hiển thị mã lỗi và mơ tả lỗi ............ 113
Hình 67 – Hiển thị thơng báo lỗi .................................................................................. 114
Hình 68 – Master Page ................................................................................................. 116
Hình 69 – ContentPlaceHolder .................................................................................... 117
Hình 70 - Trang DefaultContent.master chứa ContentPlaceHolder bên trong thẻ Body
...................................................................................................................................... 118
Hình 71 - Tạo trang DefaultContentPage.aspx ............................................................ 119
Hình 72 – Trang Master Page thiết kế theo Table Layout ........................................... 126
Hình 73 – Web Navigation .......................................................................................... 130
Hình 74 – Tạo Site Maps ............................................................................................. 131
Hình 75 – Kiến trúc ADO.NET ................................................................................... 135
Hình 76 – Tổng quát về ADO.NET ............................................................................. 137
Hình 77 - Kết quả thực thi trang SimpleDataBinding.aspx ......................................... 140
Hình 78 - Sự kết nối dữ liệu từ tập dữ liệu List<string> đến các điều khiền dữ liệu của
ASP.NET ...................................................................................................................... 144
Hình 79 – Thiết lập Gridview ...................................................................................... 151
Hình 80 – Chọn mẫu cho Gridview ............................................................................. 154

Trang vii


Hình 81 – Lựa chọn các Template cho Gridview ........................................................ 154
Hình 82 - Phần thiết kế giao diện trang ....................................................................... 157
Hình 83 – Thêm cột cho Gridview ............................................................................... 158
Hình 84 – Kết quả thực thi ........................................................................................... 159
Hình 85 – Thiết kế giao diện ........................................................................................ 160
Hình 86 – Kết quả thực hiện chức năng Select ............................................................ 164
Hình 87 – Details View ................................................................................................ 165
Hình 88 – Kết quả thực thi Details View ..................................................................... 169
Hình 89 – Thiết kế giao diện Form View .................................................................... 170
Hình 90 - Thiết kế mẫu tùy chọn ................................................................................. 173
Hình 91 - Khung Item Template .................................................................................. 173
Hình 92 - Kết quả thực thi FormViewTest.aspx.cs ...................................................... 174
Hình 93 – Cơ chế bảo mật trong ASP.NET ................................................................. 179
Hình 94 - Form-Based Authentication ......................................................................... 180
Hình 95 - Passport Authentication ............................................................................... 181
Hình 96 - Windows authentication .............................................................................. 182
Hình 97 – Thí dụ minh họa Form Authentication ........................................................ 183
Hình 98 – Thêm trang Web Configuration .................................................................. 185
Hình 99 - Viết lệnh xử lý các sự kiện cho các trang .................................................... 186
Hình 100 - Viết thêm vào sự hiện Page_Load và sự kiện cho link button Đăng Xuất 187
Hình 101 – Màn hình đăng nhập .................................................................................. 188
Hình 102 – Đăng nhập vào hệ thống............................................................................ 188
Hình 103 – Tạo Web Service ....................................................................................... 204
Hình 104 – Khởi tạo web service ................................................................................. 205
Hình 105 – Web Service trong Explorer Solution ....................................................... 206
Hình 106 – Web service trên localhost ........................................................................ 207

Hình 107 – Nhập các giá trị a, b................................................................................... 207
Hình 108 – Nhập giá trị 5, 6 tương ứng cho a, b ......................................................... 208

Trang viii


Hình 109 – Tập tin XML được tạo ra .......................................................................... 208
Hình 110 – Tạo trang web thử nghiệm dịch vụ web .................................................... 209
Hình 111 – Add web reference .................................................................................... 210
Hình 112 – Add web reference (tt) .............................................................................. 211
Hình 113 – Thêm dịch vụ web vào website ................................................................. 211
Hình 114 – Thiết kế website kiểm tra dịch vụ web ..................................................... 212
Hình 115 – Website trên localhost ............................................................................... 213
Hình 116 – Nhập số vào các textbox ........................................................................... 213
Hình 117 – Kết quả được lấy từ web service ............................................................... 214
Hình 118 – Session cookies với một web client .......................................................... 216

Trang ix


Bài 1
TỔNG QUAN VỀ LẬP TRÌNH WEB
MỤC ĐÍCH
Cung cấp những kiến thức tổng quát về lập trình web. Giúp sinh viên biết được xu thế
về công nghệ trong lĩnh vực lập trình web hiện nay. Kết thúc Bài này các bạn có thể:
 Trình bày được khái niệm ứng dụng thương mại điện tử
 Mô tả được các khái niệm cơ bản về Web,kiến trúc Client-Server 2 lớp và 3 lớp
 Mơ tả được các ngơn ngữ lập trình Web: HTML, DHTML, VBScript,
JavaScript
 Trình bày và cài đặt được Web Server IIS

 Trình bày được các đặc điểm của ASP và ASP.Net
 Sử dụng được Visual Studio .Net để tạo ứng dụng Web
1.1 Giới thiệu về ứng dụng web
Cùng với sự phát triển mạnh mẽ về công nghệ thông tin, đặc biệt là sự phát triển hệ
thống mạng intranet, internet... Trong các lĩnh vực ngày nay như: thương mại, y tế,
giáo dục thì nhu cầu trao đổi thơng tin thực sự là cần thiết, giúp cho công việc được
triển khai nhanh, chính xác, dễ dàng và tiết kiệm chi phí, thơng tin được cập nhật kịp
thời. Do đó, vấn đề đặt ra là chúng ta cần phải có một ứng dụng cho phép trao đổi
thông tin mọi lúc, mọi nơi, dễ sử dụng thông qua mạng. Ứng dụng Web đáp ứng được
các yêu cầu đặt ra và sau đây là các lý do tại sao chúng ta phải sử dụng Web: Dễ dàng
trao đổi và chia sẽ thông tin thông tin qua mạng.
 Sử dụng giao diện đồ họa giúp cho người dùng dễ sử dụng
 Hỗ trợ về multimedia như: hình ảnh, âm thanh, phim ảnh
 Hỗ trợ nhiều Bài trình (web-browser) để truy cập Web
 Hỗ trợ truy cập web trên các thiết bị đi động: PocketPC, SmartPhone
 Hỗ trợ nhiều ngôn ngữ để phát triển Web: ASP, ASP.NET, JSP, PHP.
Trang 1


Web client (Browser)
Máy khách (Client) sẽ sử dụng Bài trình để truy cập đến các trang web gọi là trình
duyệt web hay browser. Hiện rất nay có nhiều trình duyệt web như: Internet Explorer,
Nescape, Mozila FireFox.
Web server
Các máy chủ (Server) chứa các ứng dụng Web, sẳn sàng truy xuất các trang web hay
các tài liệu và gửi về cho client khi nhận được yêu cầu từ phía Client. Hiện nay có rất
nhiều Web server và chạy trên nhiều hệ thống như: Apache, Microsoft, Sun.
Giao thức HTTP
Quá trình giao tiếp giữa client và server được thực hiện thông qua giao thức chuẩn
HTTP(HyperText Transfer Protocol).Hình minh họa sau mơ tả việc truy cập ứng dụng

Web.

Hình 1 – Truy cập ứng dụng web
Web được phát triển trên mơ hình client-server

Trang 2


Mơ hình gồm hai thành phần chính là: máy khách (client) và máy phục vụ (server).
Máy phục vụ (server) sẽ chứa các ứng dụng Web và các ứng dụng Web này sẽ được
quản lý tập trung bởi trình quản lý gọi là Web Server. Các máy khách (client) truy cập
đến ứng dụng web sử dụng trình duyệt web (browser).
Client sử dụng giao thức HTTP Request để gửi yêu cầu trang web lên Server, Server
xử lý và sử dụng giao thức HTTP Response để gửi kết quả về cho Client.
Ngôn ngữ HTML
Ngôn ngữ chuẩn để tạo một trang Web. HTML cho phép người viết có thể phân chia
và trình bày thơng tin trên một trang tin. HTML đơn giản, dễ học. HTML đơn giản là
tập tin có phần mở rộng .htm (.html), sử dụng các thẻ (tag): kiểu văn bản, danh sách,
các liên kết (hyperlinks). Chúng ta có thể dùng FrontPage, DreamWeaver… để thiết kế
các trang HTML.
Ngôn ngữ đánh dấu HTML sử dụng các ký hiệu quy định sẵn (được gọi là tag) để trình
bày nội dung văn bản.

Hình 2 – Trang siêu văn bản HTML
Client Scripting và Server Scripting

Trang 3


Các ngôn ngữ dùng để viết mã cho trang web. Một trang web được xử lý ở Server và

trả kết quả về cho Client. Do đó các ngơn ngữ viết mã cho trang web được chia thanh
hai dạng:
ClientScript: được xử lý tại trình duyệt (Browser) trên máy Client. Các ngơn ngữ dùng
để viết là:VBScript, JavaScript, DHTML…
 JavaScript là ngôn ngữ phỗ biến sử dụng nhiều nhất hiện nay. JavaScript được
dùng để kiểm tra việc nhập liệu, kiểm tra trình duyệt.
 DTHML:là sự kết hợp của HTML,Style Sheet(CSS) và JavaScript nhằm làm
cho trang web dễ tương tác, điều khiển và giảm bớt việc xử lý phía Server.
 VBScript là ngơn ngữ script của Microsoft. Chức năng của VBScript cũng
giống như JavaScript.
Server Scripting: được xử lý tại Web server trên máy Server. Các ngôn ngữ dùng để
viết là: ASP, ASP.NET, PHP, JSP.
Các mơ hình ứng dụng
Mơ hình ứng dụng 2 lớp

Hình 3 - Mơ hình 2 lớp

Trang 4


Đây là một dạng mơ hình đơn giản, khá phổ biến của một ứng dụng phân tán. Trong
mơ hình này, việc xử lý dữ liệu được thực hiện trên Database Server, việc nhận và hiển
thị dữ liệu được thực hiện ở Client.
Ưu điểm:
 Dữ liệu tập trung do đó đảm bảo dữ liệu được nhất quán.
 Dữ liệu được chia sẻ cho nhiều người dùng.
Khuyết điểm:
 Các xử lý tra cứu và cập nhật dữ liệu được thực hiện ở Database Server, việc
nhận kết quảvà hiển thị phải được thực hiện ở Client nên khó khăn trong vấn đề
bảo trì và nâng cấp.

 Khối lượng dữ liệu truyền trên mạng lớn vì vậy chiếm dụng đường truyền, thêm
gánh nặng cho Database Server.

Mơ hình ứng dụng 3 lớp

Hình 4 – Mơ hình 3 lớp

Trang 5


Mơ hình 2 lớp phần nào đáp ứng được các yêu cầu khắc khe của một ứng dụng phân
tán. Tuy nhiên, khi khối lượng dữ liệu lớn, ứng dụng đòi hỏi nhiều xử lý phức tạp, số
người dùng tăng, mô hình 2 lớp khơng thể đáp ứng được.
Mơ hình 3 lớp sử dụng thêm Application Server giữ nhiệm vụ tương tác giữa Client và
Database server, giảm bớt các xử lý trên Database server, tập trung các xử lý nhận và
hiển thị dữ liệu tại Application server.
Ưu điểm:
 Hỗ trợ nhiều người dùng
 Giảm bớt xử lý cho Client do đó khơng u cầu máy tính ở Client có cấu hình
mạnh.
 Xử lý nhận và hiển thị dữ liệu tập trung tại Application Server nên dễ quản lý,
bảo trì và nâng cấp.
 Xử lý truy cập dữ liệu tập trung tại Database Server.
Khuyết điểm:
Phải sử dụng thêm một Application Server vì vậy chi phí tăng.
1.2 Giới thiệu một số cơng cụ về lập trình web
Lập trình web là xu hướng mới đang được sử dụng ngày càng phổ biến. Có 2 loại lập
trình Web:
 Lập trình Web chạy trên máy client: cho ta viết các đoạn code (thường bằng
ngôn ngữ Javascript hay VBscript, Applet Java, ActiveX) để chúng chạy trên

máy người dùng, các đoạn code này thường là các hàm xử lý sự kiện mà người
dùng kích hoạt. Cơ sở của lập trình Web chạy trên máy client là tính chất của
ngơn ngữ DHTML (Dynamic HTML). Tuy nhiên lập trình Web chạy trên máy
client có nhiều nhược điểm như khó bảo mật mã nguồn, khó chạy ổn định vì
khơng biết khả năng chính xác của máy người dùng, khó truy xuất dữ liệu được
quản lý ở máy server,... Hiện nay, thường ta lập trình Web chạy trên máy client
để kiểm tra sơ bộ dữ liệu nhập vào từ người dùng.
Trang 6


 Lập trình Web chạy trên máy server: cho ta viết các đoạn code (bằng bất kỳ
ngôn ngữ nào) để chúng chạy trên máy server, các đoạn code này có thể xử lý
bất kỳ vấn đề nào với độ phức tạp nào theo yêu cầu từ người dùng ở máy client.
Có có rất nhiều cơng nghệ và ngơn ngữ khác nhau phục vụ cho việc lập trình
chạy ở máy server như CGI (Common Gateway Interface), ISAPI Extension,
ASP, ASP .Net, JSP, Servlet Java, Java Bean, PHP
a. Notepad++
Đây là một phần mềm soạn thảo rất mạnh, độ tùy biến cao và hoàn tồn miễn phí. Nó
là trình viết code cho người dùng Windows và hỗ trợ vài ngơn ngữ lập trình như: PHP,
ASP, Java, C#, Python, Jsp.... Nó là một phần mềm mã nguồn mở nên những ai u
thích có thể xem mã nguồn để cá nhân hóa phần mềm này.
Download bản Desktop: | Portable: />
Trang 7


Hình 5 - Notepad
b. Intype
Đây là một phần mềm soạn thảo rất nhẹ và miễn phí nhưng cũng cung cấp cho bạn đầy
đủ tính năng để sử dụng cho việc lập trình website. Kể cả việc tổ chức một project hay
viết mã. Chúng ta cịn có thể dùng bản portable nhẹ nhàng.

Download bản Install: | Portable: />
Trang 8


Hình 6 - Intype
c. PHPdesigner
Cơng cụ này có giao diện rất thân thiện và nhiều tính năng hay như: xem trước trang
web trên trình duyệt, code snippets, báo lỗi cú pháp khi lập trình với PHP,
autocomplete v.v...Hơn nữa sẽ dễ dàng quản lí các project của mình.
Download bản Install: | Portable: />
Trang 9


Hình 7 - phpDesigner
d. Dreamwweaver
Đây là phần mềm được dùng rộng rãi cho người mới bắt đầu lập trình hay các lập trình
viên chun nghiệp. Nó hỗ trợ kéo thả để thiết kế một trang web hay viết code, mã
màu, bổ sung thẻ tag, thanh cơng cụ mã... Nó hỗ trợ các ngôn ngữ như ASP.NET, PHP,
ASP, JSP. Giao diện của dreamweaver bố trí rất trực quan dễ dàng cho người sử dụng.
Download

bản

install: />
Trang 10


Hình 8 - Dreamweaver
e. E-Texteditor
Với phần mềm e-Texteditor chuyên nghiệp, chúng ta có thể viết html một cách dễ dàng

nhờ tình năng view trực tiếp trên màn hình. Ngồi ra phần mềm cịn hỗ trỡ mạnh các
ngơn ngữ như javascript, php, xml.....rất nhiều tính năng khác. Nhưng đây là một phần
mềm phải trả phí khơng được rẻ nên các bạn phải cân nhắc về việc sử dụng nó lâu dài
đấy.
Download bản install: />
Trang 11


Hình 9 - E-Texteditor
f. Komodo Edit
Komodo Edit là một trong các trình soạn thảo XML miễn phí tốt nhất hiện nay. Nó bao
gồm rất nhiều tính năng tuyệt vời dành cho phát triển HTML và CSS. Thêm vào đó,
nếu nhưng vẫn chưa làm thỏa mãn chúng ta có thể nhận được phần mở rộng để thêm
vào ngôn ngữ hoặc các tính năng hữu ích khác (như ký tự đặc biệt). Komodo Edit
khơng phải là trình biên tập HTML tốt nhất, nhưng rất tốt cho cho giá cả, đặc biệt là
nếu bạn xây dựng trong XML. Có hai phiên bản của Komodo:
Download Komodo Edit: | Komodo IDE: />
Trang 12


Hình 10 - Komodo
g. Aptana
Aptana Studio là một sự tích hợp thú vị về phát triển trang web. Thay vì tập trung vào
HTML, Aptana tập trung vào JavaScript và các yếu tố khác cho phép bạn tạo ra các
ứng dụng Internet phong phú, phần mềm này sẽ giúp cho việc phát triển CSS và
JavaScript dễ dàng hơn bao giờ hết. Nếu bạn là một nhà phát triển tạo ra các ứng dụng
web thì Aptana Studio là một lựa chọn tốt.
Download: />
Trang 13

Hình 11 - Aptana
h. NetBeans
NetBeans IDE là một IDE Java có thể giúp bạn xây dựng các ứng dụng web mạnh mẽ.
Giống như hầu hết các IDE khác, ứng dụng có chút phức tạp trong thời gian đầu bởi vì
phần mềm không được thường dùng trong cùng một cách mà các biên tập viên trang
web làm. Nhưng một khi đã quen với nó, chúng ta sẽ thấy nó rất tiện lợi và dễ dàng.
Một tính năng đáng giá trong IDE của phần mềm là nó thực sự hữu ích cho những
người làm trong môi trường phát triển lớn (các ứng dụng và dự án lớn). Nếu chúng ta
viết Java và các trang web này là một công cụ tuyệt vời.
Download: />
Trang 14