Làm thế nào để tạo các bảng kiểu bên trong và ngoài trong Dreamweaver - núm vú

Khi bạn tạo các phong cách mới trong Dreamweaver, bạn cần phải quyết định có nên lưu phong cách trong một phong cách bên trong hay bên ngoài. Trong phong cách nội trang , quy tắc kiểu được lưu ở đầu tài liệu HTML nơi bạn muốn áp dụng kiểu. Trong phong cách trang bên ngoài , các phong cách mới được lưu trong một tài liệu riêng biệt có thể được đính kèm với bất kỳ tệp nào trong trang web của bạn.

Kiểu trang ngoài có những lợi thế lớn nhất bởi vì sử dụng một bộ phong cách trên nhiều trang hiệu quả hơn việc tạo kiểu cho mỗi trang trong trang web của bạn. Điều đó cho biết, đôi khi trang tính nội bộ là một lựa chọn tốt, chẳng hạn như khi bạn tạo một phong cách chỉ áp dụng cho các phần tử trên một trang.

Làm thế nào để tạo một style sheet bên trong Dreamweaver

Các sheet kiểu bên trong được lưu trong cùng một file HTML, nơi chúng được áp dụng. Do đó, bạn không tạo tệp khi tạo bảng phong cách nội bộ, cũng như khi bạn tạo một trang tính ngoài.

Thay vào đó, khi bạn tạo một trang tính nội bộ, bạn chỉ cần thêm thẻ trong các thẻ ở đầu tệp HTML bạn đã mở trong Dreamweaver. Sau đó, khi bạn tạo kiểu, bạn lưu các định nghĩa quy tắc kiểu mới trong các thẻ trong tệp của bạn.

Việc tạo ra một kiểu nội bộ mới trong Dreamweaver đòi hỏi chỉ cần hai bước. Đầu tiên nhấp vào biểu tượng cộng (+) trong bảng Nguồn ở đầu bảng điều khiển Nhà thiết kế CSS. Sau đó chọn Xác định trong Trang từ danh sách thả xuống. Bạn đã hoàn tất. Dreamweaver chèn các thẻ vào mã trong tệp của bạn và liệt kê bảng phong cách nội bộ trong bảng Sources với thẻ.

Làm thế nào để tạo một bảng kiểu bên ngoài trong Dreamweaver

Ở đầu bảng điều khiển CSS Designer, bạn tìm thấy bảng Sources. Bảng điều khiển này hiển thị tên hoặc tên của bất kỳ bảng định kiểu nào có sẵn cho trang mở. Bảng điều khiển tương tự này được sử dụng để tạo hoặc liên kết đến các trang định kiểu khi bạn tạo hoặc áp dụng các kiểu.

Để tạo một bảng kiểu bên ngoài, trước tiên hãy tạo và lưu tệp tin HTML mới hoặc mở một tệp hiện có trong Dreamweaver và sau đó làm theo các hướng dẫn sau:

1. Nhấp vào biểu tượng dấu cộng (+) trong bảng Nguồn ở đầu bảng điều khiển Thiết kế CSS.

   Danh sách thả xuống sẽ mở ra với ba tùy chọn: Tạo một tệp CSS mới, Đính kèm tệp CSS hiện tại và Xác định trang.

   

2. Chọn tùy chọn Tạo một tệp CSS mới từ danh sách thả xuống.

   Hộp thoại Tạo một tệp tin CSS mới sẽ mở ra.

3. Nhập tên cho tệp bảng kiểu mới của bạn.

   Bạn có thể đặt tên kiểu trang bất cứ thứ gì bạn muốn, miễn là bạn không bao gồm dấu cách hay ký tự đặc biệt khác với dấu gạch nối (-) hoặc gạch dưới (_).

   

4. Chọn tùy chọn Liên kết.

   Liên kết được coi là phương pháp hay nhất trong hầu hết các trường hợp và được chọn mặc định trong Dreamweaver.

   Phần lớn, tùy chọn Nhập chỉ được sử dụng khi muốn áp dụng nhiều kiểu trang ngoài vào trang nhưng chỉ muốn liên kết đến một trang tính. Trong trường hợp đó, bạn có thể sử dụng tùy chọn Nhập để kết hợp nhiều tờ kiểu với một.

5. Nhấp vào mũi tên bên cạnh Cách sử dụng có điều kiện để xem cài đặt bổ sung.

   Cài đặt Cách sử dụng Điều kiện được sử dụng để thiết lập các truy vấn phương tiện cho các trang tính.

6. Nhấp vào OK.

   Trang tính được lưu và liên kết tới trang HTML bạn đã mở trong Dreamweaver. Lưu ý: Nếu bạn đang làm việc trên trang HTML mới, đảm bảo rằng bạn đã lưu trang; nếu không, bạn sẽ không thể tạo và liên kết một tệp CSS mới.

Sau khi bạn tạo một trang tính bên ngoài, bạn có thể liên kết cùng một trang tính với nhiều trang như bạn muốn bằng cách làm theo các bước trong bài tập ngay sau đó. Bạn cũng có thể thêm nhiều quy tắc phong cách như bạn muốn cho bất kỳ bảng kiểu ngoài nào, được trình bày trong các bài tập khác nhau về tạo lớp, nhãn và các kiểu phong cách khác.