bài thực hành thiết kế web, phần 4
Bạn đang xem bản rút gọn của tài liệu. Xem và tải ngay bản đầy đủ của tài liệu tại đây (253.11 KB, 5 trang )
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ú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>
GVHD TS. Vũ ðức Lung
1
Bà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:
GVHD TS. Vũ ðức Lung
2
Bài thực hành – Thiết kế web
Control Tên ñăng nhập
Control Mật khẩu:
GVHD TS. Vũ ðức Lung
3
Bà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ý):
4. Thử lại kết quả trên trình duyệt
II. Bài tập thực hành:
Bài tập 1:
GVHD TS. Vũ ðức Lung
4
Bà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::
GVHD TS. Vũ ðức Lung
5
