XAY DUNG TRANG WEB HOA HOC
2.3.1.2. Sử dung phần mềm Macromedia Dreamwaver thé hiện ý tưởng
* Trang chu thiết kế đưới dạng Frames
ằ Mo một trang mới, vào Modify ——+ Pape Properties định thuộc tinh cho trang.
> Trên thanh Insert vao thẻ Layout nhấp vào biểu tượng Frames chon
kiéu Frames la: Top and Nested Left Frames
z Vào File ——> Save All thi Frames vừa chon sẽ được lưu với 4 trang
khác nhau
e Trang fiéu đề: thanh nam ngang phía trên
e Trang mut: thanh đứng ở góc trai man hình
ô Trang nội dung: cú kớch thước tương đối lớn nằm kế trang nỳt
e Trang chi: chứa tổng tin của cả 3 trang tiêu dé, múi, nội dung. Khi thay đôi dit liệu trong các trang con (trang tiêu để, nút, nội dung) thi trang chủ cũng
thay đôi theo tương ứng
> Vào trang tiéu dé định kích thước là 800 x 150
> Vào trang mit định kích thước là 150 x 270
> Vào trang nội dung định kích thước chiều ngang là 650 còn chiéu dai
tùy vào nội dung từng trang
* Đưa nội dung vào trang (iẻu dé:
> Vào layout, vẽ layout Table cố định kích thước là 800 x 150
ằ Trong layer Table theo thứ tự từ trỏi sang phải:
e Về Layout Cell có kích thước 150 x 150: chèn hình nitơ vào bằng cách trên thanh Insert vào thẻ Common ——>lmage chọn hình cần chèn
se Vẽ Layout Cell có kích thước 650 x 150: chèn file Flash Nito-
Photpho được thiết kế trên phần mém FLAX (phần mềm tạo chữ nghệ thuật xuất dưới dạng file swf) bằng cách trên thanh Properties vào thẻ Common ——> Flash
chọn file can chén
ằ Nhõn F12 để duyột Web, khi nhắn F12 mỏy sẽ hiện ra bang thụng bảo
hỏi lưu hay không ——> Chọn Yes dé chap nhận lưu nội dung mới
SOTH: (guuễn Voge Anh Thi Trang 92
* Dua nội dung vào trang nut
> Sử dụng phin mém Webstyle 3.0 dé tạo các nút: lịch sử tim ra, kiến thức cơ ban, thí nghiệm, trắc nghiệm, bài tập. ứng dụng. hỏa học vui. tải liệu tham khảo có kích thước 150 x 30 (xuất dưới dạng file ảnh)
> Vào layout, vẽ layout Table cổ định kích thước là 150 x 270
> Trong layer Table theo thứ tự từ trên xuống dudi:
e Vẽ Layout Cell có kích thước 150 x 30: chén nút TRANG CHU vào
bang cách trên thanh Insert vào thé Common ——>lmage chọn hình can chèn e Lap lại thao tác tương tự dé chén 8 nút còn lại.
> Thực hiện liên kết:
e Chọn nút 7Trang chu: trên thanh Properties, vào hộp Link chọn trang
cần liên kết tới. Trong trường hợp này ta chọn trang nội dưng, sau đó vào hộp
Target gõ chính xác chữ mainFrame
s Chọn các nút còn lại và cũng thực hiện thao tác liên kết tương tự
LiI(1fsf FE H$
KOEN Tete cones
LHI vei II %(€ *(s1111 *Ị
M%*f l%f ( *%; Ot Va
IŒ \ HÓ(C vir
212. .11...
SOTH: UAguyen (qgọc Anh Thit Frang 93
Khda luận tất nghiệp GORD: TS. Lé Trang Tin
* Dua nội dung vao trang nội dung:
> Vào layout, vẽ layout Table có định kích thước la 650 x 1635
> Trong layer Table ta lan lượt đưa các nội dung vào
e Phan giới thiệu chung: thiết kế theo kiêu văn ban va hình anh dan xen nhau bằng cách kẻ layout cell, đưa nội dung van bản vào. Đứng ở đầu đoạn van
bản vào Image chọn ảnh cân chèn. Ta chọn ảnh sau đó trên thanh Properties vào
thẻ Align chọn:
- Left: ảnh ở bên trái văn ban
- Right: ảnh ở bên phải văn ban
e Phân giới thiệu cấu trúc trang Web: thiết kế theo kiểu 2 cột:
- Bên trái: Đưa hình ảnh nút và nêu nội dung chính được trình bay
trong trang đó (nút nằm bên trái văn bản). Các nút trong trang nội dung cũng được liên kết tới các trang tương ứng (thực hiện liên kết giống như ở trang nút)
- Bên phải: kẻ layout cell chén một số hình anh và hoạt hình dé
li lÍ *f #4194 @%
&IÍ * Ite tems
! 111 %1.9101 *
sieve *%#.#941# *#
Đây là những cầu chuyệc kể về lịch i ten ra các s@#yễo 06 ohn one
cM“ ove Các nguyên tô shen oom tre qua mây the tý do @ tin re và
#fngcáthnÀo ?
ase #£ $f
MO. ere FEE
SOT: Uguyén Hgoe Ankh Thi Trang 94
Khda luận tất ngkiệp GOWD: TS. Lé “Trọng Tin
————————————ễễễễễ————_
2.3.2 TRANG LICH SU TÌM RA 2.3.2.1. Ý tưởng thiết kế
Khi click vao nút LICH SỬ TIM RA trong TRANG CHỦ thi trang mở đâu
của lịch sử tìm ra các nguyên tô nhóm nitơ sẽ hiện ra ở mainFrame.
kre tổ “SÓNG reds S049 Các eerie TỔ ond MỤC
thi trang lịch sử tìm ra chúng sẽ xuất hiện.