THỰC TẬP THƯƠNG

MẠI ĐIỆN TỬ
THIẾT KẾ VÀ
QUẢN LÝ
WEBSITE
NỘI DUNG BÀI HỌC
1. Khởi tạo Website

2. Đăng nhập quản trị và cấu hình website

- Đăng nhập quản trị website

- Tuỳ chỉnh giao diện website

YÊU CẦU BUỔI THỰC HÀNH
1. Tạo được một website
2. Đăng nhập quản trị thực hiện các nội dung :
-Tạo banner
-Chọn được giao diện
-Tạo menu
-Tạo hiệu ứng sildeshow (slider)
-Thêm ảnh quảng cáo
-Tạo thông tin hỗ trợ trực tuyến
Yêu cầu : Website hoàn thiện được các giao diện trên
KHỞI TẠO WEBSITE
BƯỚC 1:
 Truy cập vào website: http://web24h.vn/ chọn “Dùng thử miễn
phí” để khởi tạo một website mới
BƯỚC 2  Điền đầy đủ thông tin
BƯỚC 3  Chọn đăng ký dùng thử
BƯỚC 4  Hệ thống khởi tạo wesite trong 30s
ĐĂNG NHẬP QUẢN TRỊ
VÀ CẤU HÌNH WEBSITE
1. ĐĂNG NHẬP QUẢN TRỊ WEBSITE

 Đăng nhập quản trị website.

- Để vào website,truy cập theo địa chỉ: http://tenwebsite.web24h.vn
- Đăng nhập quản trị website: http://tenwebsite.web24h.vn/admin
- Điền email và mật khẩu khi đăng ký
2. TÙY CHỈNH GIAO DIỆN WEBSITE
2.1. Quản lý banner, favicon
2. TÙY CHỈNH GIAO DIỆN WEBSITE
2.1. Quản lý banner, favicon
Banner web hay banner website, thông thường sẽ là nhóm
hình ảnh tĩnh hoặc động được đặt trên trang chủ của
website hoặc trên các trang web thương mại điện tử
(shopee, lazada, tiki) và các trang mạng xã hội (zalo,
facebook, youtube).
Kích thước được sử dụng nhiều nhất: 728 x 90px.
Kích thước 300 × 100px và 300 × 250px được
dùng nhiều nhất ở những website 2 cột.
Favicon (viết tắt của Favorite icon) là một biểu
tượng nhỏ 16 × 16 pixel, với màu 16 hoặc 24 bit và
hỗ trợ độ trong suốt, xuất hiện ở đầu mỗi tab trên
trình duyệt web. Nó đóng vai trò như thương hiệu
của trang web và là cách thuận tiện để người xem
"định vị" được trang của bạn khi họ đang mở nhiều
tab khác.
16 × 16 pixel là kích thước tiêu chuẩn được sử
dụng bởi các trình duyệt web trên máy tính.
2.1 QUẢN LÝ BANNER, FAVICON
 Bước 1: Trong trang quản trị website các bạn chọn: Giao diện >>
Quản lý banner, favicon
 Bước 2: Chọn tệp ảnh từ máy tính, điều chỉnh kích thước
 Bước 3: Chọn cập nhật banner
2.1 QUẢN LÝ BANNER, FAVICON
2.1 QUẢN LÝ BANNER, FAVICON
Favicon - một biểu tượng của website.
 Bước 1: Tạo file. icon: Trước hết người dùng cần thiết kế một file ảnh riêng với những kích
thước sau: 16 x 16 pixels, 32 x 32 pixels, 48 x 48 pixels...
 Bước 2: Sau đó, bạn truy cập trực tiếp vào đường link http://www.favicon-generator.org/ để
upload chính cái file ảnh mình vừa tạo để tạo favicon. Sau đó bạn sẽ được cung cấp một
đường link download ảnh và được chuyển sang định dạng .ico.
 Bước 3: Download file favicon.ico rồi up lên host website của mình.
2.2. THAY ĐỔI GIAO DIỆN WEBSITE
 Bước 1: Từ trang quản trị website các bạn chọn: Giao diện >> Quản lý mẫu giao diện
2.2. THAY ĐỔI GIAO DIỆN WEBSITE
 Bước 2: Lựa chọn lĩnh vực giao diện >> click chọn để thay đổi giao diện website
2.3. TÙY CHỈNH BỐ CỤC WEBSITE
 Bước 1: Từ trang quản trị website các bạn chọn: Cài đặt bố cục trang
2.3. TÙY CHỈNH BỐ CỤC WEBSITE
 Bước 2: Lựa chọn trang, bố cục của từng trang. Bạn có thể thay đổi
bố cục của từng trang trên website
2.3. TÙY CHỈNH BỐ CỤC WEBSITE
Bước 3: Kéo thả để thêm bớt các tính năng trong website, cài đặt tham số
cho từng tính năng
2.4. QUẢN LÝ DANH MỤC MENU CHÍNH
(MENU NGANG)
2.4. QUẢN LÝ DANH MỤC MENU CHÍNH
(MENU NGANG)
 Bước 1: Từ trang quản trị website các bạn chọn: Giao diện >>
Quản lý menu
2.4. QUẢN LÝ DANH MỤC MENU CHÍNH
(MENU NGANG)
 Bước 2: Chọn thêm mới, sửa, xóa danh mục
 2.4.
QUẢN
LÝ
DANH  Bước 3:
MỤC Cập nhật
nội dung
MENU danh
CHÍNH mục
(MENU
NGANG)
2.5. CẬP NHẬT ẢNH SLIDE SHOW
2.5. CẬP NHẬT ẢNH SLIDE SHOW
 Bước 1: Từ trang quản trị website các bạn chọn: Chức năng khác
>> Slide show >> Tạo nhóm slide show
2.5. CẬP NHẬT ẢNH SLIDE SHOW
 Bước 2: Cho thêm mới nhóm slide
2.5. CẬP NHẬT ẢNH SLIDE SHOW
 Bước 3: Điền tên nhóm slide >> chọn lưu
2.5. CẬP NHẬT ẢNH SLIDE SHOW
 Bước 4: Qua tab danh sách slide show >> chọn thêm mới (hoặc
thay đổi ảnh slide)
2.5. CẬP NHẬT ẢNH SLIDE SHOW
 Bước 5: Thêm mới ảnh slide >> Lưu
2.5. CẬP NHẬT ẢNH SLIDE SHOW
 Bước 6: Cài đặt hiển thị slide show
2.5. CẬP NHẬT ẢNH SLIDE SHOW
 Bước 7: Cài đặt tham số slide show
2.6. THÊM ẢNH QUẢNG CÁO
2.6.1. TẠO NHÓM QUẢNG CÁO
 Bước 1: Từ trang quản trị website các bạn chọn: Seo và Quảng Cáo
>> Quản lý quảng cáo >> Qua tab nhóm các vị trí quảng cáo
2.6.1. TẠO NHÓM QUẢNG CÁO
 Bước 2: Thêm mới nhóm quảng cáo
2.6.1. TẠO NHÓM QUẢNG CÁO
 Bước 3: Nhập tên nhóm quảng cáo
2.6.2 THÊM ẢNH QUẢNG CÁO VÀO NHÓM
 Bước 1: Trong trang quản lý quảng cáo các bạn chọn Danh sách quảng cáo
2.6.2 THÊM ẢNH QUẢNG CÁO VÀO NHÓM
 Bước 2: Thêm ảnh quảng cáo vào nhóm
2.6.3. THÊM TÍNH NĂNG HIỂN THỊ ẢNH QUẢNG CÁO
TRONG WEBSITE
 Bước 1: Từ trang quản trị website các bạn chọn: Cài đặt bố cục trang >>
Lựa chọn trang
2.6.3. THÊM TÍNH NĂNG HIỂN THỊ ẢNH QUẢNG CÁO
TRONG WEBSITE
2.6.3. THÊM TÍNH NĂNG HIỂN THỊ ẢNH QUẢNG CÁO
TRONG WEBSITE
 Bước 2: Kéo thả để thêm tính năng hiển thị ảnh quảng cáo
2.6.3. THÊM TÍNH NĂNG HIỂN THỊ ẢNH QUẢNG CÁO
TRONG WEBSITE
 Bước 3: Cài đặt tham số >> Chọn nhóm quảng cáo
2.6.4. THÊM TÍNH NĂNG HIỂN THỊ ẢNH QUẢNG CÁO
2 BÊN
2.6.4. THÊM TÍNH NĂNG HIỂN THỊ ẢNH QUẢNG
CÁO 2 BÊN
 Bước 1: Trong trang cài đặt bố cục website >> Kéo thả để thêm tính
năng hiển thị quảng cáo chạy dọc bên phải, quảng cáo chạy dọc bên
trái >> Chọn nhóm quảng cáo
2.6.4. THÊM TÍNH NĂNG HIỂN THỊ ẢNH QUẢNG CÁO
2 BÊN
 Bước 2: Chọn nhóm quảng cáo
2.6.5. THÊM TÍNH NĂNG HIỂN THỊ QUẢNG CÁO
GÓC DƯỚI BÊN PHẢI
2.6.5. THÊM TÍNH NĂNG HIỂN THỊ QUẢNG CÁO
GÓC DƯỚI BÊN PHẢI
 Bước 1: Trong trang cài đặt bố cục website >> Kéo thả để thêm tính năng hiển
thị quảng cáo dính phía dưới bên phải. >> Chọn cài đặt tham số
2.6.5. THÊM TÍNH NĂNG HIỂN THỊ QUẢNG CÁO
GÓC DƯỚI BÊN PHẢI
 Bước 2: Thêm ảnh quảng cáo
2.6.6. THÊM ẢNH QUẢNG CÁO POPUP
2.6.6. THÊM ẢNH QUẢNG CÁO POPUP
 Bước 1: Trong trang cài đặt bố cục website >> Kéo thả để thêm tính
năng hiển thị quảng cáo popup >> Chọn cài đặt tham số
2.6.6. THÊM ẢNH QUẢNG CÁO POPUP
 Bước 2: Thêm ảnh quảng cáo
2.7. CẬP NHẬT THÔNG TIN HỖ TRỢ TRỰC TUYẾN
2.7. CẬP NHẬT THÔNG TIN HỖ TRỢ TRỰC TUYẾN
 Bước 1: Từ trang quản trị website các bạn chọn: Chức năng khác >> Hỗ
trợ trực tuyến >> Chọn thêm nhân viên hỗ trợ trực tuyến (hoặc chỉnh
sửa thông tin nhân viên hỗ trợ)
2.7. CẬP NHẬT THÔNG TIN HỖ TRỢ TRỰC TUYẾN
 Bước 2: Cập nhật nội dung nhân viên hỗ trợ trực tuyến