3.3. LÀM VIỆC VỚI FORM
3.3.2. Thuộc tính đối tượng
*) Form
- Kích phải mouse trên form, chọn Form properties Form name : tên form
Target Frame : trang chuyển đến khi ấn submit sẽ hiện trong khung này Chọn send to other, nút option
Action : địa chỉ trang chuyển đến
Nút advanced, Add : bổ sung các biến ẩn với name : tên biến ẩn, value : giá trị biến ẩn
*) Text box
74 - Kích phải mouse Form field properties Name : tên text box
Initial value : giá trị ban đầu (hiện trên textox) Password field : tạo hộp nhập mật khẩu
*) Drop-down box
- Kích phải mouse, Form field properties Name : tên hộp danh sách chọn
Nút Add : thêm mục vào hộp chọn Choice : mục hiển thị
Specify value : giá trị mục
Initial state : trạng thái chọn, selected : chọn, not selected : không chọn Allow multiple selections : cho phép chọn nhiều dòng
*) Check box, Opton button
Group name : tên nhóm, Value : Giá trị
75 TÓM TẮT NỘI DUNG CHƯƠNG 3
BÀI TẬP CHƯƠNG 3
76 BÀI THỰC HÀNH CHƯƠNG 3
Bài thực hành số 1: Tải phần mềm Microsoft Frontpage về máy tính. Tiến hành cài đặt.
Bài thực hành số 2: Tải phần mềm Macromedia Dreamwave về máy tính. Tiến hành cài đặt. Làm quen với giao diện làm việc của phần mềm.
Bài thực hành số 3: Tải phần mềm Adobe Photoshop. Tiến hành cài đặt trên máy tính.
Làm quen với giao diện làm việc của phần mềm. Thực hiện các thao tác cơ bản: cắt ảnh, ghép ảnh, chỉnh sửa một số hiệu ứng…
Bài thực hành số 4: Tải phần mềm Adobe Flash. Tiến hành cài đặt trên máy tính? Làm quen với giao diện làm việc của phần mềm.
Bài thực hành số 5: Thiết kế giao diện trang web sau sử dụng phần mềm Frontpage
Hình 3- 7. Minh họa bài thực hành số 5 Hướng dẫn: Mở phần mềm Macromedia Dreamwave
Tạo trang Web mới: File/ New/ Page or Web, chọn Blank Page (hay nút New)
- Đặt tiêu đề trang là Sieu thi Bai tho Da nang: bấm nút phải Mouse trên trang, chọn Page Properties (hay chọn Tab Folders, bấm phải Mouse trên trang gioithieu.htm, chọn Properties), Tab General, ở mục Title, gõ Sieu thi Bai tho Da nang
- Chèn hình ảnh WordArt Lời giới thiệu: Insert/ Picture/ WordArt
- Chèn các hình ảnh thanhngang.gif, emailto.gif, nextpage.jpg: Insert/ Picture/ From File - Chèn hình ảnh ở đầu các đoạn văn bản: chọn khối văn bản “Siêu thị Bài thơ Đà nẵng…siêu thị Bài thơ Đà nẵng”, Format/ Bullets and Numbering, chọn Tab Picture Bullets, Specify picture, nút Browse, tìm hình ảnh bullet.gif, OK
- Lưu trang Web vào thư mục C:\THUCHANH với tên gioithieu.htm: File/ Save
Bài thực hành số 6: Thiết kế giao diện trang đăng kí thành viên sử dụng phần mềm Macromedia Dreamwave:
77
Hình 3- 8. Minh họa bài thực hành số 6 Hướng dẫn:
- Tạo bảng như trên, chèn thêm một bảng vào ô giữa trang.
- Định dạng màu nền bảng bên trong: bấm nút phải Mouse trên bảng, chọn Table Properties (hay Table/ Properties/ Table), chọn màu ở mục Background Color
- Chèn các đối tượng Textbox, Checkbox, Option Button, Text Area.
+ Định dạng Textbox Password để nhập mật khẩu: bấm phải Mouse trên Textbox, chọn Form Field Properties, chọn Password field là yes, OK.
- Thay nhãn trên nút Submit, và nút Reset:
+ Bấm phải mouse trên nút Submit hay nút Reset, chọn Form Field Properties, ở mục Value/Label: gõ Đăng ký, hay Làm lại.
+ Định dạng đường viền quanh nút: Format/ Borders and Shading
78
Bài thực hành số 7: Sử dụng các phần mềm thiết kế để xây dựng trang chủ website sau:
Hình 3- 9. Minh họa bài thực hành 7
Bài thực hành số 8: Sử dụng phần mềm Micosoft Frontpage hoặc phần mềm Macromedia Dreamwave để thiết kế lại các trang web ở bài tập số 6, 7, 8, 9 Chương 1.
79 NỘI DUNG THẢO LUẬN CHƯƠNG 3
Chủ đề: Xây dựng ứng dụng Web tĩnh bằng phần mềm thiết kế chuyên nghiệp Macromedia DreamWave.
1. Khởi động Macromedia DreamWave.
Chọn Start → Programs → Macromedia → Dreamweaver
Hình 3- 10. Màn hình làm việc của DreamWave 2. Các thanh công cụ
Hình 3- 11. Thanh công cụ Macromedia Dreamwave
80
Hình 3- 12. Thanh công cụ Macromedia Dreamwave 3. Tạo mới một trang Web
- Chọn File -> New
Hình 3- 13. Thanh công cụ Macromedia Dreamwave - Định dạng tổng quan cho trang Web
Cách 1: Menu Modify chọn Page Properties.
Cách 2: Click phải trên màn hình thiết kế và chọn Page Properties. Xuất hiện hộp thoại Page Properties
- Định dạng text trên trang Web - Định dạng Paragrap cho trang Web - Định dạng hình ảnh cho trang Web - Định dạng liên kết cho trang Web - Định dạng bảng cho trang Web 3. Lưu trang Web
- Chọn menu File → Save (Ctrl + S)Xuất hiện hộp thoại Save As
81