Cách Tạo Tiêu đề Cao Su Cho Trang Web

Mục lục:

Cách Tạo Tiêu đề Cao Su Cho Trang Web
Cách Tạo Tiêu đề Cao Su Cho Trang Web

Video: Cách Tạo Tiêu đề Cao Su Cho Trang Web

Video: Cách Tạo Tiêu đề Cao Su Cho Trang Web
Video: Quảng cáo Vinamilk - MV Super Susu Học thật vui, Chơi thật đỉnh - Nguyễn Hoàng Quân (Bé Ben) 2024, Tháng mười một
Anonim

Khi tạo một trang web trên Internet, một trong những điểm quan trọng nhất mà nhà phát triển phải tính đến là chức năng, tính linh hoạt và hiệu suất của nó. Để trang web được hiển thị đầy đủ và chính xác trong bất kỳ trình duyệt nào trên máy tính có nhiều độ phân giải màn hình, bạn có thể tạo tiêu đề "cao su" tiện lợi, bao gồm một số yếu tố đồ họa.

Cách tạo tiêu đề cao su cho trang web
Cách tạo tiêu đề cao su cho trang web

Hướng dẫn

Bước 1

Trong bước đầu tiên của việc tạo tiêu đề như vậy cho một trang web, hãy mở trong Photoshop hình ảnh mà bạn đã chuẩn bị để đăng lên web, sau đó cắt nó thành nhiều phần bằng Công cụ Slice trên thanh công cụ. Cắt tiêu đề để phần giữa trống, để bạn kết thúc với ba phần tử đồ họa. Điều này sẽ cho phép tiêu đề kéo dài cho bất kỳ độ phân giải màn hình nào.

Bước 2

Sau khi bạn cắt tiêu đề, hãy lưu nó bằng cách tối ưu hóa các tệp khi lưu cho định dạng web (Lưu cho web). Đặt định dạng tệp mong muốn để lưu - ví dụ: gif, jpeg hoặc png. Để thay đổi từng phân mảnh của hình ảnh, hãy nhấp vào tùy chọn Slice Select Tool trong menu và thay đổi kích thước hình ảnh sao cho kích thước của chúng nhỏ nhất có thể với chất lượng hiển thị hình ảnh trên màn hình ít nhất. Lưu hình ảnh đã chỉnh sửa của bạn dưới dạng html và hình ảnh.

Bước 3

Sau khi ảnh được lưu, hãy chỉnh sửa mã HTML bằng cách mở tài liệu html đã lưu bằng Notepad. Trong notepad, xóa tất cả các dòng mã không cần thiết. Chỉ để lại những dòng cần thiết - dữ liệu về bảng trong đó ảnh của bạn được nhúng:

Bước 4

Trong những dòng này, thay vì yourimage.gif, đường dẫn đến hình ảnh của bạn có chiều rộng và chiều cao thích hợp phải được chỉ định.

Bước 5

Để phần giữa của ảnh căng ra, dàn ảnh cực sang hai bên, hãy viết các thuộc tính mã tương ứng vào các dòng. Chỉ định các thông số chiều rộng và chiều cao của riêng bạn trong mã.

Bước 6

Tải lên các hình ảnh tiêu đề đã tạo vào thư mục gốc của trang web của bạn, sau đó chỉnh sửa mã HTML với các đường dẫn mới đến hình ảnh tiêu đề trên máy chủ. Dán mã tiêu đề giữa các thẻ.

Đề xuất: