Trang trang đầu tiên với DreamWeaver 8

Một phần của tài liệu giáo trình dreamweaver 8 (Trang 116 - 132)

Hình 14.1

Hình 14.2

• 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.

SỬ DỤNG HT NEW DOCUMENT : • Menu File >New ( Ctrl+N ).

112 CHƯƠNG 14. TRANG TRANG ĐẦU TIÊN VỚI DREAMWEAVER 8

Hình 14.3

• 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).(Hình 4).

Hình 14.4

• Nếu muốn 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. (Hình 5).

114 CHƯƠNG 14. TRANG TRANG ĐẦU TIÊN VỚI DREAMWEAVER 8

Hình 14.5

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

ĐẰ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 đó.(Hình 6).

Hình 14.6

SỬ DỤNG CÁC TRANG MẪU :

• Mở HT New Document>Cột Category>Chọn Mục CSS Style Sheets là các tài liệu Style Sheet CSS

116 CHƯƠNG 14. TRANG TRANG ĐẦU TIÊN VỚI DREAMWEAVER 8

Hình 14.7

• 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 .(Hình 8).

Hình 14.8

• 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.(Hình 9).

118 CHƯƠNG 14. TRANG TRANG ĐẦU TIÊN VỚI DREAMWEAVER 8

Hình 14.9

• 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 .(Hình 10).

Hình 14.10

+ Có một số Hạng Mục Site như : Entertaiment, Travel . Spa và nhiều hơn nửa.

+ 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.(Hình 11).

120 CHƯƠNG 14. TRANG TRANG ĐẦU TIÊN VỚI DREAMWEAVER 8

Hình 14.11

• 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 .(Hình 12).

Hình 14.12

Tạo 1 trang từ 1 Trang Mẫu : • File>New .(Ctrl+N).

• Chọn 1 Mục trong Cột Category >Cột Phải thay đổi theo .

• 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 .

122 CHƯƠNG 14. TRANG TRANG ĐẦU TIÊN VỚI DREAMWEAVER 8

Hình 14.13

Chương 15

Hyperlink - Siêu liên kết1

15.1 Tạo các Site cục bộ tại Desktop

1. Tạo Folder Web Site tại Desktop : Nhấp Phải Desktop>New>Folder>Gỏ : website11

> Enter.

2. Mở Dreamweaver >Menu Site>Manage Sites>New>Site>Cột Category chọn Local Info Cột Phải gỏ : website11 > Nhấp Biểu tượng Browse > Desktop > Nhấp Đúp website11 >Select > Ok>Ok >Done.(Hình 1).

1Phiên bản trực tuyện của nội dung này có ở <http://vocw.vn/content/m34041/1.1/>.

Một phần của tài liệu giáo trình dreamweaver 8 (Trang 116 - 132)

Tải bản đầy đủ (PDF)

(165 trang)