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 Nhapbuttonrồi hiển thị kết quả radạng như sau:lấy dữ liệu trường Họ tên hiển thị vào ô YourName, Mật khẩuvà
Trang 1BÀI TẬP THIẾT KẾ WEB
PHẦN HTML
-1 Dùng tag Hn để tạo trang Heading.htm có dạng sau:
2 Dùng tag Hn và thuộc tính align để tạo trang Headingcenter.htm có dạng
sau:
185
Trang 23 Dùng tag Hn và thuộc tính align để tạo trang HeadingAlign.htm có dạng
sau:
4 Dùng các tag HTML định dạng văn bản trong trang web Emphasis.htm sau:
5 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:
186
Trang 36 Dùng các ký tự đặc biệt để hiển thị nội dung trang web sau
187
Trang 47 Dùng tag <IMG> và thuộc tính align thiết kế trang web sau:
8 Dùng thuộc tính Background và tag <IMG> thiết kế trang web sau:
188
Trang 59 Dùng tag <OL> và <UL> <DL> thiết kế các trang web sau:
189
Trang 6190
Trang 710.Dùng chức năng bookmark Hyperlink thiết kế trang web sau:
191
Trang 811 Dùng chức năng table tạo trang web sau:
12 Dùng chức năng table và image tạo trang web sau:
192
Trang 913 Dùng chức năng table kết hợp thuộc tính colspan, rowspan và image tạo cáctrang web sau:
193
Trang 1014 Dùng chức năng form tạo trang web sau:
:
194
Trang 12Bài 3:
Bài 4:
196
Trang 13Bài 5 :
Bài 6: Dùng chức năng Template thiết kế các trang web sau:
197
Trang 14198
Trang 15Bài tập ôn tập: Thiết kế trang web sau
199
Trang 164 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ả radạng như sau:lấy dữ liệu trường Họ tên hiển thị vào ô YourName, Mật khẩuvào ô YourPWD
200
Trang 175 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ểnthị 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.
6 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 Khingười sử dụng rời khỏi trường UserName nếu kiểm tra trường này không rỗngthì nút Nhap được sáng lên (cho phép chọn)
7 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
8 Thiết kế trang như sau Khi người sử dụng nhập vào trường số lượng và rờikhỏ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àokhông phải là số thì thông báo yêu cầu nhập lại)
201
Trang 189 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
202
Trang 19Ford /images/t2.jpg
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.
Yêu cầu xử lý:
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.
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)
10 Ch o 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àocá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:
203
Trang 2011 Viết chương trình xử lý theo yêu cầu sau:
a) Khi trang load lên thì nút Nhap ở chế độ mờ và con trỏ nhập liệu ở ô họ tên
b) 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
c) 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ờ
204
Trang 21<head>
<meta http-equiv="Content-Language" content="en-us">
<meta http-equiv="Content-Type" content="text/html; charset=windows-1252">
<meta name="GENERATOR" content="Microsoft FrontPage 4.0">
<meta name="ProgId" content="FrontPage.Editor.Document">
<title>THEM SINH VIEN</title>
Trang 22pthem=pthem+" <td width=50% id=Idlop family: Tahoma; font-size: 10pt; color: #336699; font- weight: bold'> </td>"
<table width=100% border="1" cellspacing="1"
cellpadding=1 cellspacing="1"
STYLE="border-collapse:collapse">
<tr>
<td width="100%" colspan="2" style="font-family: Times New Roman; font-size: 14pt; color: #808000; font- weight: bold" align="center" bgcolor="#E6FFF9">THEM
</tr>
206
Trang 23<table id=Iddata border="1" cellpadding=1
cellspacing="1" width="100%"
STYLE="border-collapse:collapse">
<tr>
<td width="50%" style="font-family: Tahoma; font-size: 10pt; color: #336699; font-weight: bold" align="center" bgcolor="#E0E0E0">HỌ
TÊN</td>
<td width="50%" style="font-family: Tahoma; font-size: 10pt; color: #336699; font-weight: bold" align="center" bgcolor="#E0E0E0">LỚP</td>
</tr>
<tr>
<td width="50%" id=Idhten
style="family: Tahoma; size: 10pt; color: #336699; weight: bold"> </td>
<td width="50%" id=Idlop style="font-family: Tahoma; font-size: 10pt; color: #336699; font-weight: bold"> </td>
</tr>
207