LỜI NÓI ĐẦU
Nói đến lập trình bạn nghĩ ngay đến các dòng lệnh để thực hiện những
công việc nào đó lập trình viên muốn hệ thống làm việc theo ý mình. Đối với
hướng đi của lập trình web thì hiện nay 2 dạng phổ biến lập trình web với
PHP lập trình web với ASP.NET. Riêng Việt Nam mình thì các trang web
chạy bằng PHP nhiều hơn, nhiều bạn đã làm quen với lập trình C# rồi thì sẽ
cảm thấy lập trình web với ASP.NET dễ hơn so với PHP, nhưng thật ra ta thấy cả 2
cái đều như nhau, quan trọng nhất vẫn là tư duy và trình độ của người lập trình.
Nội dung giáo trình này gồm 3 phần chính:
Phần 1: Tổng quan về WWW – Ngôn ngữ HTML
Phần 2: Thiết kế Web tĩnh
Phần 3: Xây dựng Web động
Tác giả đã nghiên cứu một số tài liệu kết hợp với kinh nghiệm làm việc thực
tế để viết nên giáo trình này. Nội dung được tác giả trình bày cô động, dễ hiểu kèm
theo các bước hướng dẫn thực hành chi tiết giúp cho người học hình thành được kỹ
năng nghề.
Trong quá trình biên soạn, chắc chắn giáo trình còn nhiều thiếu sót. Tác giả
rất mong nhận được ý kiến đóng góp của quý thầy/cô các em học sinh, sinh
viên.
1
MỤC LỤC
Bài 1: Tổng quan về WWW – Ngôn ngữ HTML..............................................................4
1. Lịch sử www.............................................................................................................4
2. Nhập môn ngôn ngữ HTML......................................................................................5
3. Trang và văn bản trên trang.....................................................................................30
4. Bảng biểu(Table) và trang khung(Frame)................................................................33
4.1. Bảng biểu(Table)..............................................................................................33
4.1.1 . Làm việc với Bảng dạng đối xứng............................................................33
4.1.2. fCác thuộc tính của thẻ <table></table>....................................................34
4.1.3. fCác thuộc tính của thẻ <tr></tr>..............................................................34
4.1.4. Các thuộc tính của thẻ <td></td>..............................................................34
4.1.5. Tùy biến Bảng hay tạo “Bảng không đối xứng” với các thuộc tính colspan
và rowspan của thẻ <td></td>..........................................................................................35
4.2. Trang khung(Frame).........................................................................................35
4.2.1. Giới thiệu..................................................................................................35
4.2.2. Tạo khung.................................................................................................35
5. Multimedia trên trang Web......................................................................................37
Bài 2: Thiết kế Web tĩnh..................................................................................................40
1. Tổng quan................................................................................................................40
2. Trang và văn bản trên trang.....................................................................................41
3. Bảng biểu(Table) và trang khung(Frame)................................................................44
4. Multimedia trên trang Web......................................................................................46
5. Các yếu tố động trên trang.......................................................................................48
6. Khung nhập-Form....................................................................................................49
7. Liên kết....................................................................................................................51
Bài 3: Xây dựng Web động..............................................................................................52
1. Tổng quan về ASP.Net và ADO.Net.......................................................................52
2. Các đối tượng ASP.Net............................................................................................53
2.1. Request Object..................................................................................................53
2.2 Response Object................................................................................................54
2.3 Server Object.....................................................................................................55
2.4 Session Object...................................................................................................55
3. Các đốiợng ADO.Net.........................................................................................56
3.1. Lớp Connection................................................................................................56
3.2. Lớp Command..................................................................................................58
3.3. Lớp DataReader................................................................................................59
3.4 Lớp DataColumn...............................................................................................60
2
3.5. Lớp DataTable..................................................................................................60
3.6. Lớp DataRow...................................................................................................60
3
Bài 1: Tổng quan về WWW – Ngôn ngữ HTML
1. Lịch sử www
Từ sự khởi đầu chỉ một dịch vụ chia sẻ thông tin qua Internet với thiết kế đơn
giản, tuy nhiên, với việc chia sẻ thông tin một cách nhanh chóng, mạng thông tin toàn cầu
WWW đã phát triển rộng khắp. Ngày nay, mạng thông tin toàn cầu đã tiến đến một kỷ
nguyên mới với khái niệm Web 2.0, cho phép người dùng thể sửa đổi thông tin trực
tiếp mà không phải thông qua quyền quản trị, giúp cho con người trên mọi vùng lãnh thổ
tiến lại gần nhau hơn.
Ý tưởng cho World Wide Web
Ý tưởng cho World Wide Web kể từ ngày sớm nhất năm 1946 khi Murray
Leinster đã viết một truyện ngắn trong đó tả làm thế nào để máy tính (mà ông gọi
"Logic") sống trong mỗi gia đình, mỗi người quyền truy cập vào một thiết bị trung
tâm nơi họ thể lấy thông tin. Mặc câu chuyện có một vài sự khác biệt với cách
web hoạt động ngày hôm nay, không nắm bắt được ý tưởng của một mạng lưới thông
tin khổng lồ có sẵn cho tất cả mọi người trong nhà của họ.
Năm 1980 khi một người Anh tên Tim Berners Lee đã làm việc trên một dự án
gọi là ‘Enquire’. Enquire là một cơ sở dữ liệu đơn giản của người dân và phần mềm đang
làm việc tại cùng một vị trí như Berners Lee. Đó trong quá trình thực hiện dự án này
mà ông đã thử nghiệm với siêu văn bản. Siêu văn bản là văn bản có thể được hiển thị trên
các thiết bị sử dụng các siêu liên kết. Hệ thống Berners Lee Enquire được sử dụng các
siêu liên kết trên mỗi trang của sở dữ liệu, mỗi trang tham khảo các trang khác
liên quan trong hệ thống. Vào năm 1989, ông thiết lập về việc đưa một đề nghị cho một
sở dữ liệu tập trung chứa các liên kết đến các tài liệu khác. Đây có thểgiải pháp
hoàn hảo cho Tim Berners Lee các đồng nghiệp của ông, nhưng hóa ra không ai quan
tâm đến nó và không ai mất bất kỳ thông báo - ngoại trừ cho một người. Tim Berners Lee
thích ý tưởng của ông khuyến khích để thực hiện nó trong dự án tiếp theo của họ. Sau
một vài gợi ý, chỉ có một tên hợp lý, World Wide Web.f
Trình duyệt đầu tiên
Tháng 12 m 1990, Tim đã gia nhập lực lượng với một nhà vật Robert
Cailliau, người viết lại đề xuất ban đầu của Tim. Đó tầm nhìn của họ để kết hợp siêu
văn bản với internet để tạo ra các website, nhưng không ai vào thời điểm đó thể
đánh giá cao ý tưởng này có thể thành công như thế nào.
Mặc dù ít quan tâm đến, Tim tiếp tục phát triển ba thành phần chính cho các trang
web, HTTP, HTML trình duyệt web đầu tiên thế giới. Trình duyệt này cũng được gọi
là "World Wide Web" và nó cũng tương tự như một trình soạn thảo.
Ngày 06 tháng 8 năm 1991, trang web đầu tiên trên thế giới đã được đưa ra. Đây
cũng là năm HTML được sinh ra và công bố công khai đầu tiên diện mạo của HTML
đã được phát hành. Một số các thẻ vẫn còn sdụng ngày nay, chẳng hạn như thẻ h1-h6,
thẻ paragraph và các thẻ anchor.
4
Sự ra đời của JavaScript & CSS
Khi World Wide Web đầu tiên bắt đầu, các trang web chỉ đơn giản các tài liệu
văn bản. Ngày nay, các trang web nhiều hơn các tài liệu, họ đã khả năng được ứng
dụng toàn diện. Một phần của khả năng này do những bổ sung của JavaScript CSS.
Đó vào ngày 19 tháng 8 năm 1995, JavaScript đã được công bố lần đầu tiên, ban đầu
được đặt tên là 'Mocha'. Ngoài ra World Wide Web đã không được hỗ trợ đầy đủ bởi một
số người, trong đó Robert Cailliau, người đã làm việc với Berners Lee về dự án
WWW. CSS1 được giới thiệu vào năm 1995 nhưng đã gặp rắc rối do những mâu thuẫn
giữa các trình duyệt tại thời điểm đó. Internet Explorer 5 đã được phát hành tháng ba năm
2000 trình duyệt đầu tiên hỗ trợ các đặc điểm kỹ thuật CSS1 gần như hoàn toàn
(đảm bảo 99%). Một năm sau đó vào, năm 1996 thì CSS1 trở thành một sự tiến cử chính
thức của W3C.
Mạng xã hội
Ban đầu , mạng hội chỉ hoạt động dưới hình thức tương tự một hệ thống bảng
tin. Sau khi đăng nhập, người dùng thể thực hiện các chức năng như tải lên tải về
phần mềm dữ liệu, đọc tin tức, bản tin, trao đổi tin nhắn với những người dùng
khác, hoặc thông qua email, bảng tin công khai, và đôi khi trực tiếp trò chuyện.
Các mạng hội đã trởn đặc biệt phổ biến trên web giữa các năm 1995-2000.
Đến năm 2002, cuộc chạy đua để trở thành phổ biến trên thế giới mạng hội bắt đầu.
Các trang web như Friendster, LinkedIn MySpace hiện lên. Friendster được cho
một trong các trang web phổ biến nhất với khởi đầu 3.000.000 người sử dụng chỉ một
năm sau khi ra mắt. Tuy nhiên, các đối thủ cạnh tranh sớm vượt qua Friendster, Myspace
ra mắt vào năm 2003 đã nhanh chóng được phổ biến như trang web phổ biến nhất thế
giới mạng xã hội.
Nếu bất kỳ trang web mạng hội đã cách mạng hóa cách chúng ta tương tác
hội trên web, thì Facebook đã tạo ra sự khác biệt. Facebook quản để thiết lập ngoài
các đối thủ cạnh tranh của bằng cách đến với các tính năng sáng tạo thực hiện các
quyết định kinh doanh cựcf thông minh.
Ngày nay, Web trở thành yếu tố không thể thiếu trong mọi lĩnh vực của cuộc sống,
nơi chia sẻ thông tin với bất cứ ai, bất cứ nơi nào trên thế giới. Trong tương lai, các
trang web sẽ còn phát triển cả về chất lượng lẫn hình thức, đáp ứng những nhu cầu đa
dạng của con người.
2. Nhập môn ngôn ngữ HTML
HTML: Ngôn ngữ đánh dấu:
Sau những lóng ngóng với vài trang Web trong cuộc du lịch Internet, thể bạn
nghĩ rằng phải gói phần mềm tinh vi để thu được tất cả những hiệu ứng trang trí đầy
quyến này. Mặc một số công cụ dành cho những người say HTML thực sự,
nhưng bạnthể dùng một trình soạn thảo văn bản bất kỳ như Notepad của Windows để
tạo ra những trang Web hấp dẫn.
5