Video: Hướng dẫn xây dựng giao diện web đơn giản với HTML CSS 2025
Dreamweaver bao gồm hai Các bố cục CSS được thiết kế với các thẻ HTML5 mà bạn có thể tùy chỉnh để tạo ra một kiểu thiết kế trang vô hạn. Các bố cục này giúp bạn bắt đầu ngay khi tạo một trang mới và chúng được thiết kế để hoạt động tốt trong nhiều trình duyệt web, do đó chúng có thể giúp bạn tránh được các sự cố thường gặp do các cách trình duyệt web hiển thị HTML5 và CSS.
Vì tất cả những lý do này, bạn nên bắt đầu công việc thiết kế của mình trong Dreamweaver với một bố cục CSS được chọn trong cửa sổ Tài liệu Mới, đặc biệt nếu bạn muốn sử dụng HTML5.
Để tạo trang mới sử dụng một trong các bố cục CSS của Dreamweaver, làm theo các hướng dẫn sau:
-
Chọn File → New.
Hộp thoại Tài liệu Mới xuất hiện.
-
Chọn Blank Page từ cột bên trái và HTML từ cột Loại trang ở giữa.
Ngoài ra, bạn có thể chọn một tùy chọn ở phần dưới cùng của phần Loại Trang tương ứng với ngôn ngữ lập trình được sử dụng trên trang web của bạn, chẳng hạn như ASP. NET, PHP hoặc ColdFusion, và sau đó tiến tới Bước 3. (Nếu bạn không quen thuộc với các tùy chọn lập trình này, hãy gắn bó với HTML)
-
Trong phần Giao diện, chọn bố cục CSS.
Lưu ý rằng khi bạn chọn một bố cục CSS, một bản xem trước bố cục được hiển thị ở phía trên bên phải của hộp thoại.
-
Từ danh sách thả xuống Giao diện CSS, chọn loại trang định kiểu mà bạn muốn tạo khi thiết kế trang:
-
Thêm vào Head tạo một bảng kiểu bên trong và bao gồm tất cả các kiểu bố cục trong phần tiêu đề của tài liệu mới.
-
tạo một trang tính ngoài mới với tất cả các kiểu trang khi bạn tạo tài liệu mới với thiết kế. Liên kết đến Tệp hiện có
-
sẽ thêm thông tin trang định kiểu cho tài liệu mới vào một trang tính ngoài hiện có. Lưu ý
: Bạn luôn có thể thay đổi cách thiết lập trang tính sau bằng cách di chuyển các kiểu từ một trang tính bên trong sang một trang bên ngoài hoặc từ một trang định kiểu bên ngoài. Nhấp vào Tạo.
-
-
Trang mới được tạo và mở trong không gian làm việc chính.
Chọn File → Save để lưu trang và kiểu.
-
Nếu bạn lưu các kiểu trong một bảng kiểu bên ngoài, một hộp thứ hai nhắc bạn lưu biểu định kiểu riêng. Nếu các kiểu được chứa trong một trang tính nội bộ, chúng sẽ được lưu tự động khi bạn lưu trang.