LAB 15: TRIỂN KHAI WEBSITE

LAB 15: TRIỂN KHAI WEBSITE

--------------------

MỤC TIÊU:
Kết thúc bài thực hành này bạn có khả năng

 Kiểm thử & đóng gói website

 Đăng ký dịch vụ hosting miễn phí
 Triển khai website

BÀI 1 (3 ĐIỂM)
Tiến hành kiểm thử website của bạn theo các tiêu chí được nêu ra sau đây

 Nội dung: câu văn, tính phù hợp…

 Chính tả
 Hình thức và màu sắc
 Trình duyệt: chạy website với mọi trình duyệt và xem sự khác biệt giữa
chúng
 Thiết bị: chạy website với nhiều thiết bị (mobile, laptop, desktop) và xem sự
khác biệt giữa chúng
 Liên kết: nhấp vào tất cả các link xem có cái nào gãy hay không
 Tiện ích internet: ra soát lại các tiện ích đã nhúng vào trang web và hiệu
chỉnh lại URL mới chuẩn bị để upload lên server.

Đóng gói website chuẩn bị cho upload lên server

 Đổi tên trang chủ sang index.html vì đây là trang web mặc định của host.

WEB1013 – XÂY DỰNG TRANG WEB TRANG 1

 LAB 15: TRIỂN KHAI WEBSITE

 Nén tất cả các file và thư mục của website thành file zip theo hướng dẫn
của hình sau

WEB1013 – XÂY DỰNG TRANG WEB TRANG 2

 LAB 15: TRIỂN KHAI WEBSITE

Chú ý: không phải nén thư mục chứa website mà nén các file và thư mục của
website.

BÀI 2 (5 ĐIỂM)
Đăng ký host miễn phí trên hostinger.com

Bước 1: vào hostinger.vn và nhấp nút [Đăng ký]

WEB1013 – XÂY DỰNG TRANG WEB TRANG 3

 LAB 15: TRIỂN KHAI WEBSITE

Bước 2: Chọn loại tài khoản đăng ký là Google

Bước 3: Xác nhận mật khẩu để đăng nhập

WEB1013 – XÂY DỰNG TRANG WEB TRANG 4

 LAB 15: TRIỂN KHAI WEBSITE

Bước 4: Mở một tài khoản mới

Bước 5: Chọn thể loại host miễn phí

WEB1013 – XÂY DỰNG TRANG WEB TRANG 5

 LAB 15: TRIỂN KHAI WEBSITE

Bước 6: Chọn domain và chọn server host

Bước 7: Xác thực đơn hàng miễn phí

WEB1013 – XÂY DỰNG TRANG WEB TRANG 6

 LAB 15: TRIỂN KHAI WEBSITE

Chú ý: phải nhập mô tả

Bước 8: Kết quả đăng ký host

Bước 9: Chạy thử

Nhập tên domain đã đăng ký vào trình duyệt và chạy thử. Sau đây là website
được cấp mặc định cho bạn. Bạn sẽ upload và thay thế nó ở các bước sau

WEB1013 – XÂY DỰNG TRANG WEB TRANG 7

 LAB 15: TRIỂN KHAI WEBSITE

Bước 10: Quản lý website

WEB1013 – XÂY DỰNG TRANG WEB TRANG 8

 LAB 15: TRIỂN KHAI WEBSITE

Nhấp vào liên kết public_html để vào thư mục gốc của web site

Bước 11: Upload website

WEB1013 – XÂY DỰNG TRANG WEB TRANG 9

 LAB 15: TRIỂN KHAI WEBSITE

WEB1013 – XÂY DỰNG TRANG WEB TRANG 10

 LAB 15: TRIỂN KHAI WEBSITE

Nhấp vào biểu tượng xác nhận để upload file lên website

WEB1013 – XÂY DỰNG TRANG WEB TRANG 11

 LAB 15: TRIỂN KHAI WEBSITE

Kết quả upload và giải nén file zip thành công. Nhấp biểu thượng mũi tên phải để
quay trở lại cửa sổ quản lý file.

WEB1013 – XÂY DỰNG TRANG WEB TRANG 12

 LAB 15: TRIỂN KHAI WEBSITE
Bước 12: Chạy thử website

Nhập tên domain đã đăng ký vào trình duyệt bạn sẽ thấy kết quả của website đã
được triển khai thành công

BÀI 3 (2 ĐIỂM) – GV CHO THÊM

WEB1013 – XÂY DỰNG TRANG WEB TRANG 13