24/05/2018, 15:30

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

Trang đầu Tiên trong 1 Site sẽ là Trang Index.html. 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. Trong phần Create New > Nhấp HTML ...

  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.

Trong phần Create New > Nhấp HTML .(Hình 1).

  • 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 .
  • Nhấp CSS sẽ tạo 1 Style Sheet CSS Mới . (Hình 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 ).
  • HT New Document hiện ra > Đang mở Tab General.(Hình 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).
  • 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).
  • 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).

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 > Chọn bất kỳ Style Sheet mẫu > Thấy Ảnh xem trước và phần Mô tả . (Hình 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ạ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).
  • 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).
    • 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).

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

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 .
  • Nhấp Create.(Hình 13).
  • Chỉnh sửa Trang Mẫu theo ý muốn.
0