| quocdat11 |
Date: Wednesday, 27/08/2008, 3:13 PM | Message # 1 |
|
Nhóm: Removed
|
5. Tạo table:
Đây là 1 bước rất quan trọng, bạn nên chú ý.
Có 3 cách để làm việc này:
+Chọn Insert --} Table trong thanh menu.
+Click vào button table trong Insert bar.
+Vẽ table trong layout view( tôi sẽ hướng dẫn sau)
Bạn thay đổi các thông số lại nhu sau:
+Điền vào 1 trong text box Row để tạo ra table có 1 hàng.
+Diền vào 1 trong text box Columns để tạo ra table có 1 cột.
+Trong cửa sổ pop-up kế bên text box Width, bạn chọn Pixels. Điều này sẽ làm cho table của bạn có độ dài chính xác mà 0 phụ thuộc vào độ phân giải của màn hình tính theo pixel.
+Điền vào 600 trong text box Width để tạo ra 1 table bề dài là 600 pixels.
+Điền vào 1 trong text box Border để tạo ra table có đuờng viền bề dày bằng 1 pixel.
+Click OK.
Bạn có thể dễ dàng thay đổi kích cỡ cũng như các thuộc tính khác của table bằng properties inspector.
Bạn còn có thể chia nhỏ hoặc gộp lại các ô trong table bằng Properties Inspector.
+Còn 1 cách khác để tạo table theo ý muốn trong DW là vẽ table trực tiếp trong Layout View. Bạn có thể chuyển qua layout view bằng cách chọn trong Insert Bar hoặc chọn View --} Table View --} Layout View. 1 cách nhanh chóng hơn là dùng short cut. Short cut của Layout View là Ctrl+F6 còn Short cut của Standard View là Ctrl+Shift+F6.
Bạn còn có thể tạo ra table con bên trong table mẹ.
Bạn hãy tự tạo 1 table có dạng như sau: bề ngang: 100%, bề cao: 400 pixels.
Nhớ Save lại trang web của bạn trước khi tiếp tục.
6. Định vị đối tượng bằng Layout Cell:
Layout cell dung để bố trí các thành phần của trang web 1 cách hợp lý và tuỳ theo ý thích. Đây cũng là 1 phần rất quan trọng nếu bạn muốn có 1 trang web đẹp mắt.
Bạn phải vẽ layout cell bên trong 1 table. 1 Table có thể chứa nhiều layout cell. Layout cell chỉ có thể đuợc vẽ trong chế độ Layout View.
7. Chèn hinh ảnh vào trang web:
Đây là 1 phần cũng 0 kém phần quan trọng. 1 trang web đẹp 0 thể thiếu hình ảnh và DW hỗ trợ rất tốt cho việc chèn vào cũng như định vị các hình ảnh trong trang web.Để chèn hình ảnh vào trang web, bạn có thể làm như sau:
+Trên Insert bar chọn button Common, rồi chọn button Image.
+Chọn Insert --} Image trên menu.
+Bấm phím tắt Ctrl+Alt+I.
Bạn cũng có thể thay đổi thuộc tính của hình ảnh 1 cách dễ dàng. Tôi sẽ giới thiệu cho bạn các thuộc tính đơn giản trong cửa sổ properties inspector:
+Src: nguồn của hình ảnh, đó chính là đường dẫn đến hình ảnh đó.
+Link: liên kết đến hình ảnh. Khi bạn kích hoạt hình ảnh (click chuột, roll over…, mặc định là click chuột) thì trang liên kết sẽ được chạy.
+Alt: Đoạn văn bản sẽ được hiển thị tại vị trí của hình ảnh nếu như vì lý do nào đó mà hình ảnh này 0 được tải xuống khi mở trang web của bạn.
+Target: Xác định trang liên kết sẽ được mở ra ở đâu. 2 chọn lựa thường gặp là cửa sổ mới ( _blank) hoặc tại cửa sổ hiện hành ( _seft)
+Border: bề dày của đường viền bao quanh hình ảnh tính theo pixel.
+Align: Nếu ai xài win word chắc sẽ hiểu, tui 0 biết dịch nó ra sao bây giờ,
Tạo hiệu ứng rollover: +Dream Weaver hỗ trợ việc tạo hiệu ứng roll over ngay trong nó mà 0 cần đến 1 chương trình đồ hoạ nào.
+Bạn có thể chọn tạo hiệu ứng roll over bằng cách: Tên Insert bar chọn Common, rồi chọn Rollover Image.
Tại text box Original Image bạn điền vào đường dẫn đến hình ảnh ban đầu.
Tại text box Rollover Image bạn điền vào đường dẫn đến hình ảnh rollover.
Tại text box Alternate Text bạn có thể điền vào đoạn văn bản thay thế trong truờng hợp Rollover Image của bạn 0 tải về đuợc.
Text box duới cùng để gõ vào liên kết đến 1 trang nào đó khi bạn click vào Rollover Image.
Nên nhớ: Original Image và Rollover Image phải cùng kích cỡ. Nếu 0, DW sẽ tự động điều chỉnh và có thể gây ra sự thu nhỏ hoặc phóng to 0 mong muốn.
8. Thiết lập các đặc điểm của văn bản:
Để làm điều đó, bạn vào cửa sổ Page properties bằng cách:
+ Trên thanh Menu bar chọn Modify --} Page properties.
+ Bấm Ctrl+J
Giải thích các thuộc tính:
+ Title: Xác định tên của văn bản sẽ xuất hiện trên Title bar khi trình duyệt mở trang web này.
+ Background Image: Đường dẫn đến hình ảnh nền của văn bản. Hình ảnh này sẽ nằm dưới văn bản của bạn.
+Background: Xác định background color(màu nền) trang web của bạn.
+Text: Màu văn bản của trang web.
+Link, active link, visited link: Màu cùa các liên kết trong trang web.
+Left Margin, Top Margin: Khoảng cách từ lề văn bản đến biên trái và trên của trình duyệt. Để 0 có khoảng cách, bạn điền vào là 0.
+Margin Width, Margin Height: Giá trị này chỉ có tác dụng với trình duyệt Nescape.
+ Document Encoding: Xác định bảng mã của văn bản. Để hiển thị được tiếng Việt unicode, bạn chọn UTF-8.
+ Tracing Image: Cái này thì tui 0 biết phải giải thích làm sao, nói chung là bạn cũng 0 cần dùng đến thuộc tính này.
9. Chèn Flash object vào trang web:
* Nên nhớ: Bạn cần phải save trang web của bạn trước khi chèn Flash object.
Có 3 dạng Flsh object trong DW là Flash text, flash button và đoạn phim flash.
a) Chèn Flash Text:
Có 2 cách để chèn Flash text:
+ Trên Insert bar chọn Media rồi click vào button Flash Text.
+ Trên Menu bar chọn Interactive Images --} Flash Text
Giải thích các thuộc tính:
+ Font, size: font và cỡ chữ của đoạn flash text.
+ Color: màu của đoạn flash text ban đầu.
+ Rollover color: màu của đoạn flash text khi rollover.
+ Text: điền vào đoạn flash text. Nên nhớ: bạn 0 dùng tiếng Việt Unicode được. Bạn chỉ có thể dùng VNI.
+ Link: Xác định liên kết đến 1 trang nào đó khi bạn click vào đoạn flash text.
+ Target: xác định trang liên kết sẽ xuất hiện ở đâu. Mặc định là cửa sổ hiện hành.
+ Bg color: màu nền của đoạn flash text. Bạn nên chọn màu nền sao cho trùng với màu nền của trang web.
+ Save as: sau khi làm xong, bạn phải lưu flash text lại dưới dạng 1 file có đuôi *.swf.
Bạn hãy thử làm 1 flash text liên kết đến trang DDTH xem
Flash button:
DW MX có sẵn rất nhiều Flash button cho bạn lựa chọn. Nếu bạn thấy 0 đủ, có thể download về thêm nhiều button từ website của Macromedia hoặc nhấn vào button Get more Style trong cửa sổ này.
Có 2 cách để làm Insert Flash button:
+ Trên Insert bar bạn chọn Media và click vào button Flash button.
+ Trên Menu bar chọn Insert --} Interactive Images --} Flash button.
1 cửa sổ mới sẽ xuất hiên. |
| |
| |
