Bài thực hành – Thiết kế web Bài 04: Tạo Web Form với Macromedia Dreamweaver MX 2004.. Mục tiêu – Làm quen với cách tạo Web Form – Thiết kế trang web tĩnh có các Web Form với sự trợ gi
Trang 1Bài thực hành – Thiết kế web
Bài 04:
Tạo Web Form với Macromedia Dreamweaver MX 2004
Mục tiêu
– Làm quen với cách tạo Web Form
– Thiết kế trang web tĩnh có các Web Form với sự trợ giúp của Dreamweaver MX 2004
Yêu cầu
– Hoàn thành các bài thực hành trước
– Nắm bắt các kiến thức về Web Form
Các bước thực hành:
I Tạo Form:
Tạo Form theo mẫu sau:
1.Tạo file HTML mới Từ Menu Insert, chọn Form ra cửa sổ như sau:
Code sẽ có dạng tự ñộng như sau:
<body>
<form name="form1" method="post" action="">
</form>
</body>
Trang 2Bài thực hành – Thiết kế web
2 Từ trong Form, vào Menu Insert → Layout → Table và tạo Table với các thông số như sau:
3 Thiết kế Form theo mẫu sau:
Trong ñó các Control như sau:
Control ñể nhập Họ và Tên:
Trang 3Bài thực hành – Thiết kế web
Control Tên ñăng nhập
Control Mật khẩu:
Trang 4Bài thực hành – Thiết kế web
Tương tự như trên cho Control ñể Nhập lại mật khẩu
Control cho nut bấm ñăng nhập (tương tự cho nút Hủy ñăng ký):
Trang 5Bài thực hành – Thiết kế web
Từ bài làm trên tìm hiểu thêm các control khác (Checkbox, Radio Button, Listbox, Combo box, …) và thuộc tính của chúng
Bài tập 2:
Thiết kế Form như mẫu sau::