Bài 3: Làm hình ảnh banner - logo cơ bản cho website

 

I. Tự làm banner - logo cơ bản và up lên website

Phần này hướng dẫn các bạn cách tự tạo các mẫu banner cho website.

Có 3 dạng banner cơ bản như sau:

- Logo: 960x120 px (tùy từng loại giao diện)

- Slider: 960x350 px (tùy từng loại giao diện)

- Banner 2 bên: 175x400 px (tùy từng loại giao diện)

***Lưu ý: kích thước logo, slider, banner khác nhau đối với mỗi giao diện web. Các bạn hãy tạo mẫu banner cho website của mình bằng thao tác được hướng dẫn sau đây, nhưng với kích thước phù hợp với website của bạn.

Bước 1: Vào đường link : https://www.canva.com/

Bước 2: Tạo tài khoản CanVa bằng email

Bước 3: Điền đầy đủ thông tin vào form và nhấn Sign Up để đăng ký:

 

Bước 4: Các Anh Chị tùy chọn để sử dụng

Bước 5: Sau khi vào tới giao diện này, các Anh Chi chọn Use custom dimensions

Bước 6: Các Anh Chị chọn kích thước, sau đó bấm Design

* Lưu ý 1: Có 3 dạng banner cơ bản như sau:
- Logo: 960x120 px

- Slider: 960x350 px

- Banner 2 bên: 175x400 px

Bước 7: Các Anh Chị tiếp tục chọn Upload để tải hình ảnh dùng để thiết kế lên

Chọn Upload your own images


Chọn hình muốn sử dụng và chọn Open

Ảnh của Anh Chị tải lên sẽ hiển thị ở đây

 


Bước 8: Để đưa hình ảnh vào, các Anh Chị click vào ảnh. Hình ảnh sao đó sẽ hiện ra trong khung hình, các Anh Chị cân chỉnh hình ảnh để vừa với khung hình kích thước

Bước 9: Các Anh Chị chọn màu nền tại đây (BACKGROUND)

Bước 10: Viết chữ lên hình các Anh Chị chọn tại đây (TEXT)

Chọn Font và viết chữ:

Bước 11: Để lưu hình, ta chọn download

 

Chọn Type mà các Anh Chị muốn, sau đó click download

Chọn chỗ để lưu hình

 

Vậy là cả Anh Chị đã hoàn thành các bước cơ bản sử dụng Canva để tạo hình banner

Tiếp theo bạn làm banner 2 bên, banner Slider cách làm tương tự như làm hình logo

 

II. Hướng dẫn up Logo lên Website

1. Truy cập vào phần quản trị website theo link: tendomain/admin

2. Click vào “cấu hình website” => “Thông tin website” => Chọn tệp logo lưu trong máy tình upload lên website.

3. Kéo dao diện xuống cuối cùng click “ Cập nhật”

 

• Hiện ra logo như thế này là ok

5. vào website và nhấn Ctrl + F5 để reload lại website và kiểm tra xem LOGO đã xuất hiện chưa.

 

III. Hướng dẫn up Favicon: là hình nhỏ nằm trên tad trình duyệt

1. Truy cập vào phần quản trị website theo link: tendomain/admin

2. Click vào “cấu hình website” => “Thông tin website” => Chọn tệp icon website lưu trong máy tình upload lên website.

3. Click “Cập nhật”

• Hiện ra như vầy là ok

4. Vào website và nhấn Ctrl + F5 để reload lại website và kiểm tra xem ICON đã xuất hiện chưa.

IV. Hướng dẫn up Slider lên Website

Khi up slider trang chủ bạn up nhiều hình thì tự nhiên slider sẽ chạy qua lại

1. Truy cập vào phần quản trị website theo link: tendomain/admin

2. Xóa những hình slider cũ

3. Thêm mới slider

 

4. Nhập thông tin và Chọn hình slider

5. Thêm mới

6. Thêm hình slider nữa tương tự như bước 2

7. vào website và nhấn Ctrl + F5 để reload lại website và kiểm tra xem Slider đã xuất hiện chưa.