BỘ LAO ĐỘNG - THƯƠNG BINH VÀ XÃ HỘI
TRƯNG CAO ĐNG ĐẠI VIỆT SÀI GÒN
GIO TRNH
MÔN HC: THIẾT KẾ WEB
NGÀNH: CÔNG NGHỆ THÔNG TIN TRNH Đ : CAO ĐNG
(Lưu hành nội bộ)
LI GIỚI THIỆU
Chương trình khung quốc gia nghề Quản trị mạng máy tính đã được xây dựng trên
cơ sở phân tích nghề, phần kỹ thuật nghề được kết cấu theo các môđun, môn học. Để tạo
điều kiện thuận lợi cho các cơ sở dạy nghề trong quá trình thực hiện, việc biên soạn giáo
trình kỹ thuật nghề theo các môđun, môn học đào tạo nghề là cấp thiết hiện nay.
Thiết kế web là mô đun đào tạo nghề được biên soạn theo hình thức tích hợp lý
thuyết và thực hành. Trong quá trình thực hiện, nhóm biên soạn đã tham khảo nhiều tài
liệu thiết kế và lập trình web trong và ngoài nước, kết hợp với kinh nghiệm trong thực tế
sản xuất.
Mặc dầu có rất nhiều cố gắng, nhưng không tránh khỏi những khiếm khuyết, rất
mong nhận được sự đóng góp ý kiến của độc giả để giáo trình được hoàn thiện hơn.
Xin chân thành cảm ơn!
2
MỤC LỤC
TRANG
LỜI GIỚI THIỆU............................................................................................................ 2
MỤC LỤC....................................................................................................................... 3
TRANG .......................................................................................................................... 3
GIÁO TRÌNH MÔN HỌC/MÔ ĐUN ............................................................................ 5
Tên môn học/mô đun: THIẾT KẾ WEB .................................................................... 5
Mã môn học/mô đun: MĐ 17 ....................................................................................... 5
BÀI 1: TỔNG QUAN VỀ WWW – NGÔN NGỮ HTML............................................. 6
Mã bài: MĐ 17 - 01......................................................................................................... 6
1. Lịch sử World Wide Web (www) ...........................................................................6
1.1. Giới thiệu về World Wide Web (www)............................................................ 6
1.2. Giới thiệu về URL:............................................................................................ 6
1.3. Giới thiệu về HTTP........................................................................................... 8
2. Nhập môn ngôn ngữ HTML (Hyper Text Markup Language) ...............................8 3.
Trang và văn bản trên trang .....................................................................................9 4.
Ngôn ngữ đặc tả Script ..........................................................................................10
4.1. Khai báo biến: ................................................................................................. 10
4.2. Toán tử: ........................................................................................................... 10
4.3. Các cấu trúc điều kiện ..................................................................................... 11
4.4. Các cấu trúc lặp ............................................................................................... 12
4.5. Khai báo hàm và thủ tục:................................................................................. 12
4.6. Một số hàm thông dụng trong ASP:................................................................ 12
5. CSS (Cascading Style Sheets) ...............................................................................13
5.1. Cú pháp CSS ................................................................................................... 13
5.2. Các thuộc tính trong CSS................................................................................ 14
5.3. Sử dụng CSS trong trang HTML .................................................................... 14
</p>Bài tập thực hành của học viên ..........................................................................15
BÀI 2: THIẾT KẾ WEB TĨNH .................................................................................... 17
Mã bài: MĐ 17 - 02....................................................................................................... 17
1. Tổng quan: .............................................................................................................17 2.
Trang và văn bản trên trang ...................................................................................17 2.1.
Tạo tiêu đề ....................................................................................................... 18 2.2.
Một số thẻ trình bày và định dạng văn bản: .................................................... 18 2.3. Các
thuộc tính của thẻ trình bày trang............................................................. 19 3. Bảng biểu
(Table) và trang khung (Frame) ...........................................................19 3.1. Bảng
biểu......................................................................................................... 19 3.2. Khung –
Frames .............................................................................................. 21 4. Multimedia
trên trang Web....................................................................................25 4.1. Đặt màu
nền..................................................................................................... 25 4.2. Màu chữ của
văn bản....................................................................................... 25 4.3. Màu của đầu mối
liên kết - Thuộc tính LINK, VLINK và ALINK................ 25 4.4. Thuộc tính và mã
màu..................................................................................... 25 4.5. Nạp hình ảnh làm nền
cho trang văn bản........................................................ 26 4.6. Chèn ảnh - thẻ <IMG…
> ................................................................................ 26 5. Các yếu tố động trên
trang.....................................................................................27
3
5.1. Đưa âm thanh vào tài liệu ................................................................................27 5.2.
Đưa Video vào tài liệu .....................................................................................28 6. Khung
nhập (Form)............................................................................................... 29 6.1.
Form.................................................................................................................29 6.2. Các
thành phần trong FORM...........................................................................30 7. Liên kết –
Link ...................................................................................................... 34 7.1. Thẻ neo và
mối liên kết....................................................................................34 7.2. Thuộc tính
HREF.............................................................................................34 7.3. Liên kết ra ngoài
– External Links ..................................................................34 7.4. Địa chỉ tuyệt
đối...............................................................................................34 7.5. Địa chỉ tương
đối .............................................................................................35 7.6. Liên kết nội tại –
Internal Link ........................................................................35 7.7. Siêu liên kết –
Hyperlink .................................................................................35 BÀI 3: XÂY DỰNG
WEB ĐỘNG ..............................................................................39 Mã bài: MĐ 17 -
03 .......................................................................................................39 1.Tổng quan về
ASP.Net và ADO.Net: .................................................................... 39 1.1. Tổng quan về
ngôn ngữ ASP.Net:...................................................................39 1.2 Mô hình
ADO.Net ............................................................................................48 2. Các đối tượng
ASP.Net:........................................................................................ 49 2.1. ASP.Net Web
Server Controls: .......................................................................49 2.2. Các đối tượng trong
ASP.NET ........................................................................56 2.3. Biến và các cấu trúc điều
khiển: ......................................................................64 2.4. Thủ tục và
hàm.................................................................................................71 3. Các đối tượng
ADO.Net:....................................................................................... 73 3.1. Các đối tượng
trong ADO.Net.........................................................................73 3.2. Các lớp SqlClient
trong mô hình ADO.Net.....................................................74 3.3. Các điều khiển dữ liệu
ASP.Net ......................................................................92 TÀI LIỆU THAM
KHẢO ...........................................................................................133
4
GIO TRNH MÔN HC/MÔ ĐUN
Tên môn học/mô đun: THIẾT KẾ WEB
Mã môn học/mô đun: MĐ 17
Vị trí, tính chất, ý nghĩa và vai trò của môn học/mô đun:
_ Vị trí: Mô đun được bố trí sau khi sau khi sinh viên học xong các môn học Hệ quản trị
Cơ sở dữ liệu, Cơ sở dữ liệu, được đào tạo cho trình độ cao đẳng nghề quản trị mạng
máy tính.
_ Tính chất: Là mô đun đào tạo nghề bắt buộc.
_ Ý nghĩa và vai trò của môn học/mô đun:
Mục tiêu của môn học/mô đun:
- Về kiến thức:
- Định hướng được kết cách thiết kế Web site;
- Có khả năng sử dụng dụng các thẻ HTML;
- Về kỹ năng:
- Thiết kế được giao diện ;
- Lập trình cơ bản website;
- Sử dụng thành thạo các công cụ thiết kế Web;
- Xây dựng được các ứng dụng Multimedia;
- Cài đặt, cấu hình được dịch vụ IIS;
- Có khả năng kết hợp với cơ sở dữ liệu để tạo ra các trang Web động. -
Về năng lực tự chủ và trách nhiệm:
- Bố trí làm việc khoa học đảm bảo an toàn cho người và phương tiện học tập.
Nội dung của môn học/mô đun:
Số
TT
Tên các bài trong mô đun Thời gian
Tổng
số
Lý
thuyết
Thực
hành
Kiểm
tra*
1
2
3
Tổng quan về www – ngôn
ngữ HTML
Thiết kế web tĩnh
Thiết kế web động
5
25
60
2
10
18
3
13
40
2
2
Cộng 90 30 56 4
5