Làm thế nào để Tạo một New Dreamweaver Template - Dummies

Bạn tạo một mẫu mới trong Dreamweaver bằng cách sử dụng cùng một hộp thoại Tài liệu Mới mà bạn sử dụng để tạo bất kỳ loại trang nào khác. Để tạo một mẫu Dreamweaver, làm theo các bước sau:

1. Chọn File → New.

   Hộp thoại Tài liệu Mới sẽ mở ra.

2. Trong danh sách ở bên trái, nhấp vào tùy chọn Trang trống.

   

3. Trong danh sách Loại Trang, chọn Mẫu HTML.

4. Trong vùng Bố cục, chọn tạo một trang trống hoặc chọn bố cục CSS được thiết kế trước.

   Tùy chọn bố cục CSS của Dreamweaver cung cấp một sự khởi đầu tuyệt vời để tạo ra một thiết kế trang mới.

5. Nhấp vào nút Tạo.

   Một mẫu trống mới được tạo và mở ra trong khu vực làm việc chính, và hộp thoại Tài liệu Mới đóng lại.

6. Chọn File → Save.

   Bạn nhận được cảnh báo (nếu bạn không vô hiệu hóa nó), tuyên bố rằng mẫu không có bất kỳ vùng nào có thể chỉnh sửa và hỏi bạn có thực sự muốn lưu nó không. Nhấn OK để đóng hộp thoại cảnh báo và tiếp tục. Dreamweaver cung cấp cho bạn cảnh báo này vì một mẫu không có khu vực có thể chỉnh sửa là không hữu ích. Bạn tìm hướng dẫn để tạo vùng có thể chỉnh sửa trong Bước 9.

7. Nhấn OK để lưu lại trang hiện tại.

   Cửa sổ Lưu dưới dạng Tiêu bản sẽ xuất hiện với thư mục Mẫu đang mở. Nếu bạn chưa có thư mục Templates trong thư mục địa phương, Dreamweaver sẽ tạo một thư mục cho bạn khi bạn tạo và lưu mẫu đầu tiên.

   Để làm việc đúng cách, các mẫu của Dreamweaver phải được lưu trong thư mục có tên Templates (với số vốn T ) trong thư mục trang web địa phương của bạn, nó có thể nhìn thấy trong bảng điều khiển Files. Nếu bạn thay đổi tên thư mục hoặc di chuyển thư mục Templates vào một thư mục con, các mẫu của bạn sẽ không hoạt động bình thường.

8. Tạo một thiết kế cho trang bằng cách thêm hình ảnh, văn bản và các thành phần khác như trong bất kỳ tệp tin Dreamweaver nào khác.

   Hãy nhớ rằng bạn tạo một thiết kế trang trong một khuôn mẫu giống như bạn ở bất kỳ trang web nào khác. Cho dù bạn bao gồm hình ảnh và văn bản sẽ được thay thế trong các trang được tạo từ mẫu hoặc chỉ tạo bộ xương của một trang tùy thuộc vào bạn.

9. Để tạo một vùng có thể chỉnh sửa:

   1. Chọn bất kỳ hình ảnh, khối văn bản hoặc khu vực nội dung.

      Thường thì tùy chọn tốt nhất là chọn toàn bộ diện tích trang để mọi thứ trong phần đó trở nên có thể chỉnh sửa. Nếu bạn đã thiết kế các trang của mình với thẻ và CSS, một lựa chọn tốt là chọn thẻ cho toàn bộ phần, chẳng hạn như thẻ được tạo kiểu với lớp mainContent.

      Một cách tiện lợi để chọn một phần bao quanh bởi một thẻ là đặt con trỏ vào vị trí bất kỳ ở khu vực đó của trang và sau đó sử dụng bộ chọn thẻ ở cuối vùng làm việc để chọn thẻ.

   2. Chọn Chèn → Bản mẫu → Khu vực có thể chỉnh sửa.

      Hộp thoại Khu vực Chỉnh sửa Mới sẽ mở ra.

      

   3. Cho tên một khu vực có thể chỉnh sửa mới.

      Chọn một cái gì đó xác định loại nội dung, chẳng hạn như headline hoặc nội dung chính. Vùng mà bạn xác định là có thể chỉnh sửa trở thành một khu vực có thể thay đổi trong bất kỳ trang nào được tạo từ mẫu. Bạn có thể có nhiều vùng có thể chỉnh sửa trong một mẫu. Mỗi khu vực có thể chỉnh sửa phải có một tên khác; tên không thể sử dụng dấu cách hoặc ký tự đặc biệt, nhưng dấu gạch dưới và dấu gạch ngang không sao.

   4. Nhấp vào OK.

      Một hộp thủy tinh màu xanh (với một tab màu xanh lam ở trên cùng bên trái của hộp) bao quanh vùng có thể chỉnh sửa. Tên bạn nhập vào hộp thoại Khu vực có thể chỉnh sửa lại mới xuất hiện trên tab.

10. Khi bạn hoàn tất thiết kế trang và thêm tất cả các vùng có thể chỉnh sửa mà bạn muốn, hãy chọn Tệp → Lưu để lưu mẫu của bạn.

    Khi bạn lưu trang mẫu mới hoặc lưu trang hiện tại làm mẫu, Dreamweaver sẽ tự động thêm. dwt mở rộng và lưu tệp tin vào thư mục Templates.

Nếu bạn lưu mẫu trước khi chỉ định bất kỳ vùng nào có thể chỉnh sửa, Dreamweaver sẽ cung cấp cho bạn một cảnh báo vì các mẫu không hữu ích nếu không có các khu vực có thể chỉnh sửa. Bạn không phải tạo vùng có thể chỉnh sửa trước khi lưu mẫu nhưng bạn không thể thực hiện bất kỳ thay đổi nào trong bất kỳ trang nào được tạo từ mẫu cho đến khi bạn tạo một hoặc nhiều vùng có thể chỉnh sửa. Bạn luôn có thể quay lại và thêm các khu vực có thể chỉnh sửa sau.

Adobe bổ sung một bảng Chèn mẫu mới trong Dreamweaver CC. Bạn có thể sử dụng bảng điều khiển mới này thay vì các mục trình đơn khi làm việc với các mẫu. Các tính năng hoạt động giống nhau: Chỉ cần nhấp vào biểu tượng tương ứng trong bảng Chèn Mẫu, chẳng hạn như biểu tượng Vùng có thể Chỉnh sửa.