Video: Thiết kế website bằng photoshop [phan-1] 2025
Bạn có thể thêm một hình ảnh bao gồm các tệp Photoshop (PSD) bản địa và Fireworks (PNG) vào trang trống của bạn trong Adobe Creative Suite 5 (Adobe CS5) Dreamweaver. Việc đặt hình ảnh sẽ ảnh hưởng đến bảng điều khiển tệp Dreamweaver.
-
Chọn Chèn → Hình ảnh.
Hộp thoại Chọn nguồn hình ảnh xuất hiện.
Hoặc nhấp vào tab Chung của bảng chèn và nhấp vào nút Chèn hình.
-
Điều hướng đến vị trí của hình ảnh của bạn và nhấp vào Chọn (Mac) hoặc OK (Windows).
Nếu bạn chọn một tệp Photoshop (PSD) hoặc Fireworks (PNG) bản địa, hộp thoại Hình ảnh Xem trước xuất hiện, cho phép bạn tối ưu hóa hình ảnh trực tiếp trong Dreamweaver.
Nếu bạn chọn hình ảnh đã sẵn sàng trên web, chẳng hạn như GIF, JPG hoặc PNG và hình ảnh nằm bên ngoài thư mục trang web của bạn, bạn sẽ thấy cảnh báo. Dreamweaver cảnh báo bạn rằng hình ảnh nằm ngoài thư mục gốc, gây ra các vấn đề khi bạn sao chép các trang đến một máy chủ web.
Nhấp vào Có để sao chép tệp vào thư mục gốc của trang web của bạn. Chỉ định một tên mới ở đó hoặc chỉ cần nhấp vào Lưu để giữ cùng một tên và sao chép tệp hình ảnh vào thư mục trang web của bạn.
Hộp thoại Tính năng Truy cập Thẻ Hình ảnh xuất hiện.
Tất cả hình ảnh phải có văn bản Alt (alternate) - văn bản xuất hiện trước khi hình ảnh được tải xuống hoặc nếu người xem đã tắt tùy chọn để xem hình ảnh.
-
Thêm một mô tả thích hợp của hình ảnh trong hộp văn bản Thay thế văn bản.
Nếu hình ảnh là một biểu trưng, mô tả nên bao gồm tên công ty dưới dạng văn bản Alt hoặc, nếu đó là ảnh hoặc minh hoạ, mô tả hình ảnh bằng một vài từ.
Từ quan điểm truy cập, alt văn bản trợ giúp màn hình trợ giúp (như những người được sử dụng bởi người khiếm thị) trong việc xác định nội dung hình ảnh cho người dùng. Ngoài ra, văn bản Alt là một công cụ có giá trị trong việc cung cấp công cụ tìm kiếm một cách để lập chỉ mục nội dung hình ảnh có trong trang web của bạn.
-
Nhấp vào OK.
Hình ảnh được thêm vào trang và vào bảng Tệp.
Bạn có thể chỉnh sửa hình ảnh bằng cách nhấp đúp vào nó trong bảng Tệp. Bạn cũng có thể sử dụng Thanh tra thuộc tính để xem chi tiết về hình ảnh, bao gồm kích thước và kích thước tệp. Bạn cũng có thể sửa đổi thuộc tính của hình ảnh, bao gồm cả đường viền, siêu liên kết, và padding chiều dọc và ngang.
Sử dụng thanh tra thuộc tính để xem thông tin về hình ảnh của bạn và sửa đổi thuộc tính hình ảnh.Khi bạn tạo một trang web lớn hơn có nhiều trang được liên kết với nhau, bạn có thể muốn thay đổi chế độ xem của bảng Tệp. Bằng cách nhấp vào danh sách thả xuống (ở phía trên bên trái của bảng Tệp) nơi trang web của bạn được đặt, bạn có thể xác định các thư mục và các trang web khác mà bạn đã sử dụng gần đây.Bằng cách nhấp vào danh sách thả xuống Chế độ xem ở bên phải, bạn có thể thay đổi giao diện của bảng Tệp.
Mở tệp từ bảng tệp bằng cách nhấp đúp vào chúng.