Bt_thiết kế web (cực hay)

BÀI TẬP THIẾT KẾ WEB
---------
PHẦN HTML

Dùng tag Hn để tạo trang Heading.htm có dạng sau:




Dùng tag Hn và thuộc tính align để tạo trang Headingcenter.htm có dạng sau:




Dùng tag Hn và thuộc tính align để tạo trang HeadingAlign.htm có dạng sau:




Dùng các tag HTML định dạng văn bản trong trang web Emphasis.htm sau:




Dùng các thuộc tính chèn hình nến trang, định dạng màu chữ, … để tạo trang web sau:



Dùng các ký tự đặc biệt để hiển thị nội dung trang web sau




Dùng tag và thuộc tính align thiết kế trang web sau:




Dùng thuộc tính Background và tag thiết kế trang web sau:





Dùng tag

và

thiết kế các trang web sau:

































Dùng chức năng bookmark Hyperlink thiết kế trang web sau:










































Dùng chức năng table tạo trang web sau:




Dùng chức năng table và image tạo trang web sau:








Dùng chức năng table kết hợp thuộc tính colspan, rowspan và image tạo các trang web sau:



















Dùng chức năng form tạo trang web sau:




:












PHẦN DREAMWEAVER

Dùng Dreamwearver thiết kế các trang web sau:
Bài 1:



Bài 2:






Bài 3:


Bài 4:








Bài 5 :



Bài 6: Dùng chức năng Template thiết kế các trang web sau:











Bài tập ôn tập: Thiết kế trang web sau




PHẦN JAVASCRIPT


Viết chương trình nhập vào 2 số m(dòng),n(cột) (dùng hàm prompt để nhập). Sau đó xuất ra trang Web một Table theo dạng sau:
Ví dụ (m=3,n=4)
11
12
13
14

21
22
23
24

31
32
33
34

Bài 2: Viết chương trình nhập vào Mã số SV, Họ tên, Lớp (dùng hàm prompt để nhập) Sau đó hiển thị thông tin vừa nhập vào ra bảng theo dạng sau:




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.
Viết chương trình tạo một Form như sau:



Sau đó nhập liệu vào Form I%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



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.
Yêu cầu như bài 4 nhưng thêm điều kiện như sau khi Form Load lên thì con trỏ đặt trong trường UserName và nút Nhap ở chế độ không cho phép chọn . Khi người sử dụng rời khỏi trường UserName nếu kiểm tra trường này không rỗng thì nút Nhap được sáng lên (cho phép chọn)
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
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)


Cho trang Web sau



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
Text Value
Toyota ../