DREAMWEAVER8BÀI 14 NGÀY 17.8/.2006 SOẠN KS TRẦN VIỆT AN SÁCH DREAMWEAVER 8   doc

1



DREAMWEAVER8






BÀI 14 NGÀY
17.8/.2006 SOẠN KS
TRẦN VIỆT AN
SÁCH
DREAMWEAVER 8








 Tạo 1 Trang : Có Tiêu Đề - Một số nội dung – Lưu nó.
 Xem Trang Web trong một hoặc nhiều Trình Duyệt trước khi Upload nó lên Web
Server.
 Dreamweaver giúp bạn xem trong các Trình Duyệt khác nhau.
 Dreamweaver cung cấp các Trang Web Mẫu khác nhau . Có thể chọn các kiểu Thiết Kế
Trang Web khác nhau được hoàn toàn tạo bằng CSS.
 Chương nầy hướng dẫn ngắn gọn cách : Thêm TEXT – Các Liên Kết - Ảnh vào các

Trang.

I.TẠO 1 TRANG MỚI :
1. Trang đầu Tiên trong 1 Site sẽ là Trang Index.html.
2. Sau đó tạo các Trang kế tiếp . Để tạo 1 Trang Mới , bạn sử dụng Start Page hay
HT New Document.

II.SỬ DỤNG START PAGE :

1. Trong phần Create New > Nhấp HTML .(H1).
 Bạn cũng có thể sử dung Start Page để mở các Trang mà bạn đã làm việc gần đây
. Chỉ việc nhấp tên của Mục trong Phần Open a recent Item của Start Page.
 Nhấp ColFusion hoặc PHP cũng tạo 1 Trang HTML .
2

 N
hấp CSS sẽ tạo 1 Style Sheet CSS Mới . (H2).




















 Nhấp bất kỳ chọn lựa khác sẽ tạo các tài liệu được thiết kế cho ngôn ngữ lập trình

Web khác nhau.
 Nếu nhấp bất kỳ Mục trong Phần Create From Samples của Start page ,
Dreamweaver mở HT New Document để bạn chọn Trang Mẫu.Các Bạn nên nhấp
từng Mục để xem.
 Có thể tắt Start page : Menu Edit > Preferences > Nhấp Hạng Mục General >
Hủy chọn Show Start page.

3
2. SỬ DỤNG HT NEW DOCUMENT :
 Menu File >New ( Ctrl+N ).
 HT New Document hiện ra > Đang mở Tab General.(H3).

 Chọn 1 Mục trong Cột Category > Cột Basic Page sẽ thay đổi tùy Mục bạn đã
chọn.
 Chọn Mục ở Cột Phải > Khung Preview có Ảnh xem trước ( Hầu như có sẵn khi
chọn Trang Mẫu và Template với phần mô tả bên dưới ).
 Bạn có thể tạo 1 số tài liệu trong HT nầy > Menu bật lên Document Type (DTD)
sẽ có sẵn . Bạn có thể thay đổi DocType từ Menu bật lên. Thí dụ chọn Page
Designs(CSS).(H4).



















 Nếu

muốn
4
thay đổi bất kỳ xác lập mặc định > Preference > HT Mới xuất hiện > bạn có thể
thay đổi loại tài liệu. (H5).




















 Tab Templates sẽ đề cập sau.

3. ĐẰNG SAU DOCTYPE :
DocType là 1 phần khai báo ở đầu 1 Trang HTML nhằm xác định DTD
( Document Type Definition ) đang được sử dụng cho File .
Các trình duyệt Web sử dụng phần khai báo DocType để xác định cách trang được kết

xuất như thế nào . Mặc định Dreamweaver chèn Doctype XHTML 1.0Transitional và
mã mà nó tạo nhất quán với chuẩn đó.(H6).




















4. SỬ DỤNG
CÁC
TRANG MẪU ;
5
 Mở HT New Document > Cột Category > Chọn Mục CSS Style Sheets là các tài
liệu Style Sheet CSS > Chọn bất kỳ Style Sheet mẫu > Thấy Ảnh xem trước và
phần Mô tả . (H7).

 Mở HT New Document > Cột category > Chọn Frameset> Có 15 Frameset tạo
sẵn với các kiể Khung khác nhau .(H8).

6
 Hạng Mục Page Designs(CSS) cung cấp 6 mẫu tốt hoàn toàn dựa vào CSS cho
kiểu trình bày của chúng.(H9).

 Starter page cung cấp cho bạn hàng chục trang để bạn sử dụng để tạo toàn bộ các
Site .(H10).

1. C
ó một số Hạng Mục Site như : Entertaiment, Travel . Spa và nhiều
hơn nửa.
7
2. Mỗi loại Site có 1 Trang chủ - 1 Trang sản phẩm - 1 Trang văn bản
-1 Trang Catalog – 1 Trang Calendar.
Tất cả chia sẻ cùng 1 kiểu thiết kế cơ bản . Những loại nầy hữu dụng nhưng được
tạo dựa vào các Table để trình bày.(H11).

 Page Designs cho các kiểu trình bày (Layout) cơ bản : Một cửa sổ Đăng nhập – 1
Trang Catalog – 1 mẫu biểu chú giải . Những Layout nầy cũng được tạo bằng
cách sử dụng các tables để trình bày .(H12).

 Tạo 1 trang từ 1 Trang Mẫu :
1. File > New .(Ctrl+N).
2. Chọn 1 Mục trong Cột Category > Cột Phải thay đổi theo .
8
3. Chọn Mục ở Cột Phải > Preview cho bạn xem Ảnh trước có phần mô tả
bên dưới .
4. Nhấp Create.(H13).





















5. Chỉnh sửa Trang Mẫu theo ý muốn.