AP Divs Sáng tạo trong Adobe CS5 Dreamweaver - núm vú

Adobe Creative Suite 5 (Adobe CS5) Dreamweaver sử dụng các vùng chứa ảo CSS, hoặc hộp, bằng thẻ DIV để tự do định vị nội dung trên một trang. Thẻ DIV là thẻ cơ bản được sử dụng để tạo các vùng cho nội dung trên trang của bạn. Mỗi thẻ DIV có thể có một kiểu ID duy nhất được gán cho nó để kiểm soát vị trí, hình thức và kích thước của nó.

Quá trình đặt nội dung thường đòi hỏi hai bước: tạo thẻ DIV và tạo kiểu tương ứng. Công cụ AP Div cho phép bạn vẽ các ô tự do trên trang và đặt nội dung bên trong.

AP Div là viết tắt của DIV; một mục có vị trí tuyệt đối được cố định tại một vị trí cụ thể trên trang. Khi bạn vẽ một AP Div, vị trí của nó thường được đặt bằng các thuộc tính CSS trên cùng và bên trái, với góc trên cùng bên trái của trang làm điểm tham chiếu của nó.

CSS xử lý mọi phần tử trên trang như một hộp chứa nội dung; được gọi là mô hình hộp CSS. Mặc dù CSS có thể xem xét một hộp có nhiều phần tử chứa trên một trang nhất định (ví dụ như một bảng hoặc một danh sách), thẻ DIV thường được sử dụng nhất để tạo các hộp ảo mà bạn có thể sử dụng để định vị văn bản, hình ảnh và thậm chí các hộp khác.

Trên bảng chèn, hãy chọn loại Giao diện.

1. Chọn công cụ Vẽ AP Div.

2. Con trỏ xuất hiện như một sợi chéo khi bạn di chuyển nó trở lại trên trang.

   Nhấp vào bất kỳ nơi nào trên trang và kéo để vẽ một AP mới; nhả chuột.

3. Nhấp và kéo trang bằng công cụ Draw AP Div để tạo một hộp.

   

   Di chuyển con trỏ chuột qua cạnh hộp cho đến khi nó biến thành một bàn tay; click một lần và tay cầm xuất hiện trên tất cả các mặt.

4. Nhấp và kéo bất kỳ các chốt này để định lại kích thước hộp theo chiều dọc hoặc chiều ngang.

5. Để di chuyển hộp, nhấp và kéo nó bằng tab nằm trên cạnh trên bên trái và đặt hộp nơi bạn muốn nó trên trang.

6. Hãy xem Inspector Property và bạn sẽ thấy tên cũng như nhiều thuộc tính DIV được liệt kê.

   Nếu bảng điều khiển kiểu CSS không mở, chọn Window → CSS Styles để mở nó; trong bảng điều khiển Tất cả, nhấp vào phía bên trái của trang tính () để mở rộng nó.

7. Bạn nhìn thấy một phong cách # apDiv1 mới được đính kèm với AP mới mà bạn đã tạo. Đối với mỗi DIV mới được tạo, Dreamweaver chỉ định apDiv với một số tương ứng theo thứ tự tạo.

   Nhấp vào bên trong hộp mới để nhập, dán hoặc chèn nội dung mới.

8. Khi bạn vẽ một Dạng AP trên trang, Dreamweaver chèn một thẻ để tạo ra hộp và tạo một bộ chọn ID lưu vị trí của DIV, chiều rộng, chiều rộng, và các thuộc tính khác. Sau khi bạn tạo một Dàn AP, bạn có thể nhập, dán hoặc chèn nội dung trực tiếp bên trong. Bạn cũng có thể chỉ định một quy tắc lớp cho bất kỳ DIV nào từ thanh tra thuộc tính.

Mỗi AP mà bạn vẽ được liệt kê một cách tự động trong bảng AP Elements (chọn Window → AP Elements để hiển thị nó) Panel AP Elements có thể giúp bạn chọn, ẩn, và hiển thị bất kỳ Dạng AP trên trang

Sử dụng panel AP Elements để lựa chọn, ẩn, và sắp xếp lại các trang AP trong trang của bạn