lab 00 dangkyhostfree

University of Science, HCMC

Name: Nguyễn Đức Huy E-‐Mail: [email protected]

Web: http://www.fit.hcmus.edu.vn/~ndhuy/

Lab 00: Hướng dẫn đăng ký Host Free

Thiết kế & lập trình Web 1 – PHP & MySQL

26 December 2012

Hướng dẫn đăng ký Host Free

Page: 1

1 Mục tiêu Hướng dẫn cách thức để đăng ký một Host Free trên Internet và thực hiện việc up một website có

nội dung đơn giản lên Host.

2 Yêu cầu Thời gian thực hiện: 45 phút Host sử dụng: http://byethost.com Hình thức thực hành: Cá nhân Công cụ hỗ trợ: Filezlla – Client

3 Hướng dẫn

3.1 Đăng ký Host Free

Bước 1. Log vào trong trang http://byethost.com

Hình 3-‐1 Giao diện của trang chủ của website http://byethost.com


Page: 2

Click chuột vào (1) để đăng ký tài khoản mới trên hệ thống byethost.com

Bước 2. Điền đầy đủ các thôgn tin vào Form đăng ký tài khoản mới

Hình 3-‐2 Form đăng ký tài khoản mới

(1) Nếu người dùng có sử dụng các Framework hoặc CMS như Joomla hoặc phpBB thì chọn cài đặt sẵn cho Host. Trong trường hợp phát triển mới hoàn toàn thì chọn Do not install script.

(2) Site Category: loại website, thông thường chọn Personal là các trang web các nhân. (3) Site Language: Ngôn ngữ của website, chọn English


Page: 3

Cuối cùng Click vào nút Register để xác nhận các thông tìn về tài khoản vừa điền và để đăng ký với hệ thống.

Bước 3. Sau khi đã đăng ký thành công tài khoản mới, hệ thống Byethost sẽ gửi thông báo đăng ký

thành công và mail một mail confirm lại các thông đã đăng ký với hệ thống Byethost.

Hình 3-‐3 Thông báo đã đăng ký thành công tài khoản mới vời chờ Confirm thông tin qua mail

Confirm để xác nhận quá trình đăng ký qua địa chỉ mail đã đăng ký với với hệ thống. Hệ thống đãn sử dụng địa chỉ no-‐[email protected] để gửi thông tin mail cho chúng ta.


Page: 4

Hình 3-‐4 Mail xác nhận thông tin của tài khoản Byethost

Click vào đường Link activate trong mail để xác nhận thông.

Bước 4. Xác nhận thông tin của Host


Page: 5

Hình 3-‐5 Xác nhận thông in Host

Hình 3-‐6 Thông của tài khoản và Host đã được tạo


Page: 6

Đây là các thông tin của Host Free mà chúng ta đã đăng ký. Cần phải lưu trữ lại thông tin này để

sau này thực hiện việc đăng nhập và Host để upload dữ liệu cho website lên Host. Lưu ý: các chỗ ******* là password lúc đăng ký tài khoản trên hệ thống. Bên cạnh đó, hệ thống ByetHost còn gửi một mail Confirm lại các thông tin như trên (nhưng bao

gồm cả Password) vào mail của tài khoản đã đăng ký Host. Địa chỉ để truy cập Website cá nhân trên Host là: http://techweb.byethost7.com

Bước 5. Đăng nhập vào hệ thống Host vừa đăng ký ở url: http://byethost.com

Hình 3-‐7 Đăng nhập vào tài khoản của Host

Bước 6. Sau khi đã login vào tài khoản, hệ thống Byethost sẽ yêu cầu đăng nhập vào hệ thống VistaPanel để quản lý Host vừa tạo.


Page: 7

Hình 3-‐8 Giao diện đăng nhập của VistaPanel

Bước 7. Sau khi đăng nhập thành công giao diện quản lý tổng thể Host của hệ thống VistaPanel sẽ được hiển thị như hình sau:

Hệ thống sẽ gồm có các thành phần khác nhau: • Preferences: hỗ trợ các thao tác liên quan đến tài khoản. • Domains: hỗ trợ các thao tác liên quan đến tền miền. • Database: hỗ trợ các chức năng liên quan đến CSDL. • Files: hỗ trợ các chức năng liên quan đến việc quản lý File (File trên hệ thống Host) • DNS Settings: Hỗ trợ cấu hình dịch vụ phân giải tên miền (DNS) • Software/Services: Các phần mền bổ trợ • Help & Tutorials: Hỡ trợ hệ thống giải quyết thắc mắc và sự cố • Support Tickets: cung cấp các thư viện hỗ trợ

3.2 Upload website lên Host

3.2.1 Upload dữ liệu trực tiếp website Byethost.com

Bước 1. Log vào trong trang http://byethost.com

Bước 2. Đăng nhập vào hệ thống tài khoản của Byethost.com giống như ở Bước 5 (giống hướng dẫn của đăng ký Host).

Bước 3. Đăng nhập vào hệ thống VistaPanel với tài khoản mà hệ thống byethost.com đã cung cấp (giống Bước 6 của đăng ký Host).

Bước 4. Giao diện của hệ thống VistaPanel xuất hiện như hình 3-‐9, chúng ta tìm mục Files và click chọn Online File Manager (như hình 3-‐10).

Bước 5. Click chọn htdocs như hình 3-‐11

Hình 3-‐9 Giao diện của hệ thông quản lý host VistaPanel

Hình 3-‐10 Thao tác chọn Online File Manager


Page: 8

Hình 3-‐11 Click chọn htdocs để vào mục quản lý file của Host

Bước 6. Tạo một file HTML có tên file là index.html và có nội dung giống như sau:

<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd"> <html> <head>

<meta http-equiv="Content-Type" content="text/html; charset=UTF-8"> <title>Hello Tech Web</title>

</head> <body> <h1>Hello Tech Web</h1> </body> </html>

Bước 7. Quay lại host và click vào button Upload để upload file index.html lên host.

Hình 3-‐12 Click vào button Upload (1)


Page: 9

Hình 3-‐13 Chọn file cần upload lên Host

(2) Chọn 1 file để upload lên Host (click button Add another để có thể upload file khác). (3) Chọn 1 file nén (có thể nén nguyên project website hay website root thành file zip) để

upload lên Host.

Hình 3-‐14 Giao diện chọn file cần upload lên host (trên windows sẽ hiển thị cửa số Chose file)

(4) Chọn file HTML để upload. (5) Click vào button Open để xác nhận file đã chọn. (6) Click chọn vào dấu check ✔ để hoàn tất thao tác upload file lên host (hình 3-‐15).


Page: 10

Hình 3-‐15 Xác nhận hoàn tất thao tác chọn file upload lên host

Hình 3-‐16 Thông báo file đã được upload thành công

(7) Click chọn vào dấu Back ç để quay lại giao diện quản lý file trong thực htdocs. (8) Chọn xóa file html2.html (file index mặc định của host). (9) Click vào button Delete để xóa các file đã chọn (file index2.html).


Page: 11

Hình 3-‐17 Giao diện quản lý file trong thư mục htdocs trên Host

Bước 8. Đăng nhập vào địa chỉ Home Page ở hình 3-‐6.

Hình 3-‐18 Trang index.html vừa được upload lên Host

lab 00 dangkyhostfree

Documents