Mục lục:
- Giữ đúng mẫu của bạn
- Tạo mẫu dễ dàng như tạo bất kỳ tệp nào khác trong Dreamweaver, như bạn có thể thấy trong các bước sau. Bạn có thể bắt đầu với một tài liệu HTML hiện có và sửa đổi nó cho phù hợp với nhu cầu của bạn, hoặc bạn có thể tạo một tài liệu hoàn toàn mới.Khi bạn lưu một tập tin dưới dạng một mẫu, tập tin được lưu tự động trong thư mục Templates của thư mục chính cho trang Web. Mẫu phải được lưu trong thư mục chung này để các tính năng tự động trong Dreamweaver hoạt động đúng. Nếu bạn chưa có thư mục Templates trong trang Web của mình, Dreamweaver sẽ tự động tạo ra một khi bạn lưu trữ mẫu đầu tiên.
Video: Thiết kế web - 01 Thiết kế web với Dreamweaver 2025
Nhiều chương trình thiết kế Web tự hào về các mẫu HTML của họ. Những gì họ thực sự có nghĩa là họ bao gồm một số thiết kế trang đã sẵn sàng với chương trình. Dreamweaver đưa ra khái niệm này thêm vài bước nữa bằng cách cung cấp các tính năng thiết kế mẫu cho phép bạn tạo ra thiết kế cơ bản của một trang và sau đó kiểm soát các phần có thể và không thể thay đổi được. Đây là một tính năng có giá trị nếu bạn đang làm việc với một nhóm các nhà phát triển có trình độ kỹ năng khác nhau. Ví dụ: nếu bạn đang xây dựng trang web cho một công ty bất động sản và bạn muốn cho nhân viên cập nhật danh sách bán hàng mà không làm ảnh hưởng đến thiết kế trang, một mẫu có thể là giải pháp hoàn hảo.
Các mẫu được sử dụng tốt nhất khi bạn tạo một số trang chia sẻ các đặc điểm nhất định, chẳng hạn như màu nền hoặc các yếu tố điều hướng. Thay vì đặt các thuộc tính chính xác cho mỗi trang mới hoặc thực hiện các thay đổi giống nhau trên trang sau trang, bạn có thể sử dụng mẫu để thực hiện thay đổi cho nhiều trang cùng một lúc.
Giữ đúng mẫu của bạn
Một trong những lợi thế tuyệt vời khi sử dụng tính năng mẫu của Dreamweaver là bạn có thể chỉ định khu vực nào của mẫu có thể thay đổi. Điều này đặc biệt hữu ích nếu bạn đang làm việc với những người có trình độ kỹ năng khác nhau trong HTML và bạn muốn có một nhà thiết kế tiên tiến hơn để tạo một trang mà một người ít kinh nghiệm hơn không thể gây rối sau này. Với mục tiêu đó, một mẫu có các khu vực có thể chỉnh sửa và các khu vực bị khóa (không thể chỉnh sửa). Sử dụng vùng có thể chỉnh sửa đối với nội dung thay đổi, chẳng hạn như mô tả sản phẩm. Sử dụng vùng bị khóa cho nội dung tĩnh, không thay đổi, chẳng hạn như một biểu tượng hoặc các yếu tố điều hướng trang web.
Bạn có thể sửa đổi một mẫu thậm chí sau khi bạn đã sử dụng nó để tạo các tài liệu. Sau đó, khi bạn cập nhật tài liệu sử dụng mẫu, các phần không thể chỉnh sửa của các tài liệu đó được cập nhật để khớp với những thay đổi bạn đã thực hiện trong mẫu.
Trong khi bạn tự chỉnh sửa mẫu, bạn có thể thay đổi bất kỳ phần nào của tệp, có thể là các vùng có thể chỉnh sửa hoặc bị khóa. Trong khi chỉnh sửa tài liệu được tạo từ một mẫu, bạn có thể thực hiện thay đổi chỉ với các vùng có thể chỉnh sửa của tài liệu. Nếu bạn quay lại và thay đổi mẫu sau khi nó được tạo ra, Dreamweaver cung cấp cho bạn tùy chọn để có những thay đổi đó được phản ánh trong tất cả các trang bạn đã tạo bằng mẫu đó hoặc chỉ là trang mà bạn hiện đang chỉnh sửa.
Tạo mẫu dễ dàng như tạo bất kỳ tệp nào khác trong Dreamweaver, như bạn có thể thấy trong các bước sau. Bạn có thể bắt đầu với một tài liệu HTML hiện có và sửa đổi nó cho phù hợp với nhu cầu của bạn, hoặc bạn có thể tạo một tài liệu hoàn toàn mới.Khi bạn lưu một tập tin dưới dạng một mẫu, tập tin được lưu tự động trong thư mục Templates của thư mục chính cho trang Web. Mẫu phải được lưu trong thư mục chung này để các tính năng tự động trong Dreamweaver hoạt động đúng. Nếu bạn chưa có thư mục Templates trong trang Web của mình, Dreamweaver sẽ tự động tạo ra một khi bạn lưu trữ mẫu đầu tiên.
Bản mẫu chỉ hoạt động nếu bạn đã xác định Web site của mình trong Dreamweaver
Tất cả các phần tử trong một khuôn mẫu bị khóa theo mặc định, ngoại trừ phần tiêu đề tài liệu, được chỉ ra bởi các thẻ. (Tiêu đề tài liệu không bị khóa là cải tiến trong Dreamweaver 4 - trong Dreamweaver 3, bạn không thể làm cho tiêu đề có thể chỉnh sửa được.). Để mẫu có thể sử dụng để xây dựng các trang mới, bạn cũng phải làm cho các khu vực khác của trang có thể chỉnh sửa được. Hãy nhớ rằng bạn luôn có thể trở lại bản mẫu và làm cho các khu vực khác có thể chỉnh sửa hoặc xóa bỏ khả năng chỉnh sửa các khu vực nhất định sau này.
Để tạo mẫu với các vùng có thể chỉnh sửa, hãy làm theo các bước sau:
1. Chọn Window -> Templates.
2. Trong bảng Bản mẫu, nhấp vào mũi tên ở góc trên cùng bên phải và chọn Mẫu mới từ trình đơn thả xuống mở ra.
Mẫu mới, không có tiêu đề được thêm vào danh sách các mẫu trong bảng điều khiển.
3. Với mẫu vẫn được chọn, hãy nhập tên cho mẫu cũng như bạn đặt tên cho bất kỳ tệp nào trong Finder trên máy Mac hoặc Explorer trên máy PC.
Mẫu mới được thêm vào danh sách Mẫu trang web.
4. Sau khi bạn đặt tên mẫu mới, nhấp đúp vào tên để mở nó.
Trang mẫu mở trong Dreamweaver như bất kỳ trang HTML nào khác, ngoại trừ tên tệp kết thúc bằng phần mở rộng. dwt.
Giờ đây, bạn có thể chỉnh sửa trang này như bất kỳ trang HTML nào khác, chèn hình ảnh, văn bản, bảng, v.v …
5. Chọn Modify -> Page Properties để xác định màu nền, văn bản, và liên kết.
Tiếp theo, bạn đặt một số văn bản hoặc hình ảnh trên trang làm nơi giữ chỗ để biết thông tin mà bạn có thể muốn thay đổi trong tương lai.
6. Để tạo một vùng ảnh hoặc văn bản có thể chỉnh sửa được, hãy chọn hình ảnh hoặc văn bản và sau đó chọn Modify -> Templates -> New Editable Region. (Hình ảnh hoặc văn bản mà bạn chọn 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 bằng khuôn mẫu. Các khu vực mà bạn không đánh dấu là có thể chỉnh sửa sẽ trở nên cố định và chỉ có thể thay đổi nếu bạn tự sửa đổi mẫu)
Hộp thoại Khu vực Chỉnh sửa Mới sẽ mở ra.
7. Trong hộp Tên, gõ tên cho vùng có thể chỉnh sửa.
Văn bản hoặc hình ảnh được đánh dấu trong mẫu, cho biết nó có thể chỉnh sửa được. Bạn có thể đặt tên khu vực bất cứ điều gì bạn muốn, nhưng lựa chọn một cái gì đó tương ứng với loại thông tin bạn sẽ đưa vào trong khu vực làm cho bạn dễ nhớ hơn.
8. Để làm cho các ảnh hoặc vùng văn bản khác có thể chỉnh sửa được, hãy lặp lại Bước 6 và 7.
9. Lưu mẫu của bạn và đóng tệp khi bạn hoàn tất.
Bạn có thể chỉnh sửa toàn bộ bảng hoặc một ô trong bảng cá nhân, nhưng bạn không thể làm cho nhiều ô có thể chỉnh sửa được tất cả cùng một lúc, trừ khi bạn đã hợp nhất chúng trước tiên.Bạn phải chọn từng ô mỗi lần nếu bạn muốn làm cho một số ô trong một bảng có thể chỉnh sửa, nhưng không phải là các ô khác. Lớp và nội dung lớp cũng được coi là các phần tử riêng biệt, nhưng có thể được đánh dấu là có thể chỉnh sửa. Làm cho một lớp có thể chỉnh sửa cho phép bạn thay đổi vị trí của lớp đó. Làm cho nội dung lớp có thể chỉnh sửa nghĩa là bạn có thể thay đổi nội dung của lớp, chẳng hạn như văn bản hoặc hình ảnh trong lớp.
