Video: CSS3 Full Screen Background Image - Dreamweaver CS6 Tutorial 2025
Tạo nền cho các trang web trong Adobe Creative Suite 5 (Adobe CS5) Dreamweaver có thể được theo đuổi theo nhiều cách hơn hầu hết mọi người tưởng tượng. Bạn có thể tạo một mẫu lặp lại với một ảnh nhỏ duy nhất, tạo một watermark, hoặc sử dụng một hình ảnh lớn để lấp đầy toàn bộ nền.
-
Trong Photoshop, chọn File → New để tạo một hình ảnh mới.
-
Trong hộp thoại Mới xuất hiện, tạo một hình ảnh rộng hơn nhiều so với chiều cao, chọn RGB, chọn 72 dpi, sau đó bấm OK.
Ví dụ: nhập 1000 vào trường văn bản Độ rộng và 20 trong trường Văn bản độ cao.
-
Chọn màu nền trước và màu nền để tạo phối màu.
Sử dụng công cụ Gradient để Shift + kéo từ trên xuống dưới cùng của khu vực hình ảnh để tạo gradient điền.
-
Chọn Tệp → Lưu cho web.
Lưu hình ảnh dưới dạng tệp JPEG trong thư mục nội dung web của trang web và đóng hình ảnh.
-
Mở trang Dreamweaver của bạn.
Trong Dreamweaver, chọn Sửa đổi → Thuộc tính Trang hoặc nhấp vào nút Thuộc tính trang trong thanh tra Thuộc tính để đặt hình ảnh làm hình nền trong trang web của bạn.
Nếu nút Thuộc tính Trang không hiển thị, nhấp vào trang - chắc chắn không chọn một phần tử khác, chẳng hạn như một hình ảnh.
-
Hộp thoại Page Properties xuất hiện.
Nhấp vào nút Duyệt qua bên phải hình nền, điều hướng đến vị trí của hình nền đã lưu của bạn, sau đó nhấp vào Chọn / OK; bấm OK trong hộp thoại Page Properties.
Hình ảnh xuất hiện dưới nền, lặp đi lặp lại và tạo một gradient nền mát trên trang!
Tùy thuộc vào kích thước và độ phân giải của màn hình của người dùng, hình nền của bạn có thể bị buộc phải lặp lại. Lặp lại hình nền có thể mang lại một số kết quả sáng tạo.
Một hình ảnh được đặt làm nền sẽ lặp lại theo chiều ngang và chiều dọc theo mặc định.Trong một số trường hợp, bạn không thể nhìn thấy nền cho đến khi bạn nhấp vào nút Xem trước / Gỡ lỗi trong Trình duyệt và xem trước trang trong trình duyệt mặc định của bạn.