bài tập thiết kế web & đồ họa ppt

Bài tập
THIẾT KẾ WEB &
CÁC CÔNG CỤ ĐỒ HỌA



Biên soạn: Nhóm Giảng viên Tin học văn phòng
Dùng cho khối sinh viên không chuyên tin
(Lưu hành nội bộ)


TP. HCM, 03-2012
 

Trang 2/13
MỤC LỤC

PHẦN 1: MICROSOFT EXPRESSION WEB CĂN BẢN 3
 3
 3
 5
 5
 6
 7
 8
 8
 9
 9
 10

 11
 12
 12
 13

 

Trang 3/13
PHẦN 1: MICROSOFT EXPRESSION WEB CĂN BẢN

Bài giảng 1: Giới thiệu MS Expression Web
Bài tập 1.
1. BAITAPCANBAN
2. Trên trang default.htm)
a.          “Chào mừng các bạn đến với
website môn học Thiết kế web và đồ họa”
b. 

3. baitap1.htm
4. default.htm  thì
baitap1.htm
5. Trên trang baitap1.htm
a. “Đề cương môn học Thiết Kế Web
và Đồ Họa”
b. decuongmonhoc.docx 
BT1_Gioi thieu vào file baitap1.htm
c. Bookmark 
i. Cuối trang 
ii. Đầu trang 
iii. (xem Hình 1) thì liên


6. 

 

Trang 4/13

Hình 1
 

Trang 5/13
Bài giảng 2: Làm việc với Bảng và Hình ảnh
Bài tập 2.
 BAITAPCANBAN
 baitap2.htm 2.  hình
ynghialoaihoa.docx  BT2_Y nghia loai
hoa

Hình 2.
 

Trang 6/13
Bài tập 3.
BAITAPCANBAN
baitap3.htm hình 4. 
 BT3_Lien hoan phim Viet Nam


Hình 3

 

Trang 7/13
Bài tập 4.
BAITAPCANBAN
1. ShopMevaBe
2. ShopMevaBebaitap4.htm và
4.  BT45_Shop Me va Be

Hình 4


 

Trang 8/13
Bài giảng 3: Tạo tính sinh động cho trang web
Bài tập 5.
Trong website BAITAPCANBANbaitap4.htm
1. Chèn file xuanmai.mp3 
2. Thêm hành vi (BehaviorSwap Image onmouseover
 
3. Thêm m          ShopMevaBe   
baitap5.htm. Thình 5 Interactive Button 
  Chi tiết và Mua hàng)         
BT45_ShopMevaBe
4. Trên trang baitap4.htm
baitap5.htm.

Hình 5. Tr
5.   Page Transition,           

baitap4.htmbaitap5.htm.
 

Trang 9/13
Bài giảng 4: Làm việc với Frame
Bài tập 6.
BAITAPCANBAN
1. Amnhac
2. AmnhacFrames Page và t
 (Amnhac). 
BT6_Am nhac

Hình 6


 

Trang 10/13
Bài tập 7.
BAITAPCANBAN
1. ThoitrangVN
2. ThoitrangVNFrames Page 
ThoitrangVN)
BT7_Thoi trang VN

Hình 7


 

Trang 11/13
Bài tập 8.
BAITAPCANBAN
1. TetVN
2. TetVNFrames Page  
8 TetVN)
BT8_Tet VN

Hình 8


 

Trang 12/13
Bài giảng 5: Làm việc với Form
Bài tập 9.
BAITAPCANBAN
baitap9.htm form hình 9

Hình 9. Trang web thông tin cá nhân.


 

Trang 13/13
Bài tập 10.
BAITAPCANBAN
baitap10.htm form hình 10

Hình 10