bài tập về html

Tạo giao diện như sau: Yêu cầu: Khi Click chuột vào nút Message thì hiện lên câu chào bất kỳ... Bài 4: thongtindangky.html Viết chương trình tạo một Form như sau: Sau đó nhập liệu vào F

Trang 2

2

1/ trungtamtinhoc.html

2/ ngonnguhtml.html

Trang 3

3

1/ Image1.html

2/ Image2.html

Hướng dẫn: Mở tập tin Image.html, thêm vào dòng lệnh

<body background = images/background.gif>

2/

Trang 6

6

1/ T ạo tập tin Link.html : Tạo các liên kết đến các bài đã tạo phần trước

2/ Tạo tập tin Search.html để xây dựng trang Web sau

http://www.google.com for Google http://www.altavista.com for Altavista http://www.Yahoo.com for Yahoo

Trang 7

• Th ẻ định dạng Font chữ và đoạn văn

• Th ẻ làm việc với danh sách

• Th ẻ tạo liên kết

• Th ẻ làm việc với bảng

• Th ẻ làm việc với khung

• Th ẻ tạo Form

Ph ần II: Java Script

Gi ới thệu về cách nhúng các đoạn mã Java Script vào trong một trang Web,

Ph ần III: Photoshop

Gi ới thiệu cách sử dụng phần mềm Photoshop 8 để chỉnh sửa một hình ảnh, gồm các nội dung sau:

I T ổng quan phần mềm Photoshop

II C ấu trúc một ảnh màu và độ phân giải

III M ột số thao tác cơ bản

IV L ớp và thứ tự lớp

V Môt s ố phương pháp tách ảnh và chỉnh sửa ảnh

Ph ần IV: Flash

Giới thiệu cách sử dụng phần mềm Macromedia Flash 8 để tạo các đoạn phim Flash đơn giản để có

thể nhúng vào trang Web, gồm các nội dung sau:

 Gi ới thiệu

 Công c ụ trong Flash

 Biên t ập đối tượng

 L ớp và các thuộc tính cơ bản

 Khung hình

 Phân c ảnh, biểu tượng và thư viện

Trang 8

8

1/ kythuatvientinhoc.html

Yêu c ầu:

• Thiết kế nội dung theo mẫu

• Tại mục 2 tạo liên kết thực hiện mở 1 trang ChuongTrinhDTWeb.HTML (Cùng cửa sổ)

• Học phần I, II, III thực hiện tạo liên kết đấn từng học phần tương ứng trong cung trang hiện tại

Trang 10

10

4/ Table3.html (Tables with links)

5/ Table4.html

Trang 11

11

1/ Speedcompany.html

Trang 12

12

2/ Diemdulichngaytet.html

Trang 14

14

4/ Laythongtin.html

Trang 15

15

5/ Dangkymail.html

6/ Phanhoiykien.html

Trang 16

16

7/ Phieuthanhtoan.html

8/ Dangky2.html

Trang 17

17

Dùng CSS, t ạo trang menu.html như sau:

- Khi đưa chuột qua liên kết nào liên kết đó sẽ đổi màu

- Liên k ết đã được thăm sẽ có màu khác so với các liên kết còn lại

Trang 18

18

1 T ạo 3 rang con: Banner.html, menu.html, gopy.html

Cách làm:

- Trang banner.html ch ứa hình ảnh

- Trang menu.html: Ch ứa menu, thiết kế bằng css

- Trang gopy.html Ch ứa Form đóng góp ý kiên

2 T ạo trang chủ: index.html

Cách làm: Dùng Frame để tổ chức trang index.html gồm 3 trang con đã tạo ở

Trang 19

19

Yêu c ầu:

• Trang web gồm có 3 khung có tên là : “Khungtren”, “Khungtrai”, “Noidung”

• Khoảng cách giữa các khung là 0,

• “Khung trên”: Chèn 1 Tập tin ảnh làm Banner, Khoảng cách lề trái, phảI khung=0, Không co thay đổI kích thước

• “Khung trái” : là trang DMTin.HTML ch ứa 2 liên kết mở 2 trang tương ứng: “Tinkt.HTML” &

Khi Click liên kết “Chính tr ị ”

100

500

600

150

Trang 20

Tạo giao diện như sau:

Yêu cầu: Khi Click chuột vào nút Message thì hiện lên câu chào bất kỳ

Trang 22

Viết chương trình nhập vào số 3 số m,n , p (dùng hàm prompt) Sau đó tạo ra một Form gồm có m

phần tử Text , n nhóm radio mỗi nhóm có 2 tùy chọn các nút radio có giá trị lần lượt là 1->2*n , và 1 Dropdown menu(Listbox) có p tùy chọn mỗ i option có giá trị lần lượt là 1 ->p vàText của option là Text1 ->Textp (Lưu ý là các phần tử trên Form phải có tên khác nhau.)

Bài 4: thongtindangky.html

Viết chương trình tạo một Form như sau:

Sau đó nhập liệu vào Form khi bấm nút Nhap(button) rồi hiển thị kết quả ra dạng như sau: lấy dữ liệu trường Họ tên hiển thị vào ô YourName, Mật khẩu vào ô YourPWD

Bài 5 Kiemtrathongtindangky.html

Trang 23

23

Yêu cầu như bài 4 nhưng kiểm tra dữ liệu các trường phải không rỗng và trường Password có ít nhất

6 ký tự nếu trường nàokhông thỏa yêu cầu thì hiển thị thông báo và đưa con trỏ về ô đó để yêu cầu người sử dụng nhập lại dữ liệu

Bài 6: thaydoianh.html

Thiết kế trang như sau:

Bấm vào nút Play thì chương trình thay đổi hình thay đổi một cách ngẫu nhiên (2 giây đổi 1 hình) Bấm stop thì dừng lại

Bài 8: cuahangbonsai.html

Thiết kế trang như sau Khi người sử dụng nhập vào trường số lượng và rời khỏi trường này thì ô

Tổng thành tiền sẽ được cập nhật(lưu ý nếu nhập vào không phải là số thì thông báo yêu cầu nhập

lại)

Bài 9: giacathitruong.html

Cho trang Web sau

Trang 24

24

Trong nó gồm các tùy chọn sau:

Mua vào, Bán ra là trường textbox

Loại xe là Dropdown Menu gồm các option

Cập nhật cho: gồm 2 tùy chọn lần lượt có giá trị là 1 , 0 mặc định không được chọn nút nào

Update, State là nút button

1) Khi trang load lên thì con trỏ nhập liệu trong trường ‘Mua vào’ và nút State ở chế độ không cho phép chọn

Yêu cầu xử lý:

2) Khi di chuyển con trỏ ra khỏi trường ‘Mua vào’ nếu như giá trị trường này là số và không rỗng thì nút State sáng lên

3) Khi Click vào mục chọn hình quãng cáo thì sẽ thể hiện hình đó bên vùng bên

4) Khi bấm vào nút Update và nếu nút radio ‘Vàng’ được chọn thì cập dữ liệu ở ‘Bảng tin thị trường’ trong mục ‘Vàng’ còn ngược lại thì cập nhật ở mục ‘USD’ tương ứng với trường ‘Mua vào’ của cột ‘Mua vào’ và trường ‘Bán ra’ của cột ‘Bán ra’ (Dùng inner để cập nhật)

Trang 25

25

Bài 10: dangkyhocphan.html

Cho trang web sau:

Yêu cầu: (Tự thêm các option trong Listbox và đặt giá trị trong radio)

Hãy nhập dữ liệu trên Form sau đó bấm Dang ky thì dữ liệu sẽ hiện thị vào các cột tương ứng a,b,c,d (Lưu ý là dữ liệu trước đó vẫn còn) dùng:

a) innerHTML hoặc innerText

b) Iframe

Ví dụ: Thiết kế Form như sau:

Viết chương trình xử lý theo yêu cầu sau:

1 Khi trang load lên thì nút Nhap ở chế độ mờ và con trỏ nhập liệu ở ô họ tên

2 Khi rời khỏi trường Lớp nếu trường họ tên và lớp khác rỗng thì nút Nhap sáng lên

3 Bấm nút Nhap thì dữ liệu hiển thị vào bảng “Danh Sach Sinh Vien” ở bên dưới và nút Nhap

lại mờ

Trang 26

26

Trang 27

27

Dùng các th ẻ HTML để thiết kế các trang web sau:

Bài 1:

Bài 2:

Bài 3:

Trang 28

28

Bài 4:

Bài 5:

Bài 6:

Trang 29

29 Bài 7:

Bài 8:

Trang 30

30 Bài 9:

Bài 10:

Trang 31

31 Bài 11:

Bài 12:

Trang 32

32

Bài 13:

Bài 14:

Trang 33

33

Bài 15:

Bài 16:

Trang 34

34

Bài 17:

Bài 18:

Định dạng
Số trang	34
Dung lượng	4,22 MB