Video: Thiết kế web - 01 Thiết kế web với Dreamweaver 2025
Bạn có thể tạo trang HTML mới bằng cách sử dụng cửa sổ Tài liệu Mới của Dreamweaver cung cấp nhiều tùy chọn hơn màn hình Chào mừng, bao gồm quyền truy cập vào bất kỳ mẫu bạn đã tạo Dreamweaver cũng như một bộ sưu tập bố cục được thiết kế trước, có thể cung cấp cho bạn một sự khởi đầu cho thiết kế của bạn.
Bạn có thể tạo nhiều loại tệp sử dụng cửa sổ Tài liệu Mới và bạn có thể trộn và kết hợp các tùy chọn. Sự linh hoạt này có thể gây nhầm lẫn lúc đầu vì bạn có rất nhiều sự lựa chọn. Trong Dreamweaver CC, hộp thoại này đã được đơn giản hóa vì vậy bạn chỉ cần chọn một trong ba phần.
Để tạo trang HTML mới, hãy làm theo các bước sau:
-
Chọn File → New.
Cửa sổ Tài liệu Mới mở ra,. Trong phần đầu tiên, ở phía bên trái, bạn chọn loại trang bạn muốn tạo:
-
Blank Page: Chọn tùy chọn này để tạo trang HTML, cũng như các trang ở định dạng PHP hoặc JSP phức tạp hơn.
-
Giao diện Lưới Chất lỏng: Tùy chọn này sẽ mở các tính năng bố trí lưới lỏng, bạn có thể sử dụng để tạo các thiết kế web đáp ứng điều chỉnh cho các kích thước màn hình khác nhau một cách tự động.
-
Mẫu Khởi đầu: Nếu bạn tạo mẫu bằng cách sử dụng của Dreamweaver. dwt, bạn có thể tạo các trang dựa trên các khuôn mẫu sử dụng tùy chọn này.
-
Mẫu trang web: Chọn tùy chọn này để tạo thiết kế ứng dụng web dành cho thiết bị di động có thể tùy chỉnh sử dụng jQuery Mobile.
-
-
Từ bên trái màn hình, chọn Blank Page.
-
Trong danh sách Loại trang, chọn HTML.
-
Trong phần Giao diện, chọn.
Các bố cục được bao gồm để cung cấp một sự khởi đầu cho việc thiết kế các trang HTML với CSS.
-
Nếu bạn muốn thay đổi loại tài liệu, hãy sử dụng danh sách thả xuống bên cạnh DocType.
Theo mặc định, Dreamweaver CC tạo trang bằng cách sử dụng HTML 5, mà hầu hết các nhà thiết kế xem xét lựa chọn tốt nhất cho các trang web hiện nay. Nếu bạn đang làm việc trên trang web sử dụng phiên bản HTML trước đó, chẳng hạn như XHTML 1. 0 Chuyển tiếp, hãy đảm bảo thay đổi cài đặt này.
-
Nhấp vào Tạo, ở dưới cùng bên phải của cửa sổ.
Cửa sổ Tài liệu Mới đóng lại, và một trang trống mới được tạo và mở ra trong không gian làm việc.
Lưu ý: Nếu bạn đang sử dụng Macintosh, các nút Tạo và Hủy được hoán đổi.
-
Chọn File → Save để lưu trang của bạn và đặt tên cho nó.
Dreamweaver sẽ tự động đặt tên tất cả các tệp mới Không tên, tiếp theo là 1, 2, v.v … theo thứ tự đã tạo. Có thói quen đặt tên cho các tệp có ý nghĩa nhiều hơn đối với bạn.Cũng lưu ý rằng các tên tập tin trong các trang web không nên bao gồm dấu cách hoặc các ký tự đặc biệt (mặc dù dấu gạch dưới và gạch dưới không sao).
Nhận thói quen lưu các trang web mới trong thư mục địa phương của bạn ngay khi bạn tạo chúng, mặc dù các trang vẫn còn trống. Khi bạn tạo liên kết hoặc thêm hình ảnh vào các trang của mình, Dreamweaver cần phải xác định được vị trí của trang trong thư mục trang web của bạn. Lưu một trang đầu tiên là tốt nhất vì nhiều tính năng của Dreamweaver sẽ không hoạt động cho đến khi một trang được lưu lại.