Hosting là gì? Cách sử dụng Host để Up Code Website

Hè rồi, nên kiếm cái gì đó nghiên cứu cho các bạn trẻ đam mê CNTT chứ nhỉ. Hôm nay mình sẽ trình bày cho các bạn hiểu ngắn gọn và đơn giản nhất Hosting là gì, và làm thể nào để có thể up source code lên Host để hoàn chỉnh 1 Website tĩnh.

Để Website của bạn xuất hiện trên Internet, chúng ta cần 3 thứ

Source Code: Dữ liệu của Website

Domain: dịch ra là tên miền. Ví dụ: Google.com, AnonyViet.com được gọi là domain

Hosting: Nơi chưa Source Code

Vậy:

Domain giống như cái địa chỉ nhà

Hostingcái nhà chứa Source Code

Làm thế nào để đăng ký Domain?

Thông thường các domain .com, .net, .org…. bạn phải bỏ tiền ra mua, nếu trúng đợt sale thì chỉ khoảng 1$/năm, còn giá trung bình tầm 200k/năm

Tuy nhiên nếu bạn không có nhiều tiền, thì có thể đăng ký domain miễn phí như .tk, .ga… tại các trang dưới đây

Hoặc sử dụng Subdomain (tên miền phụ) tại các Hosting Free, mình sẽ hướng dẫn bên dưới

Làm thế nào để đăng ký Hosting?

Hosting cũng chia ra 2 loại có phí và miễn phí. Tuy nhiên có phí bạn sẽ được dung lượng lưu trữ cao hơn, CPU, RAM và các hổ trợ khác đều tốt hơn hàng miễn phí.

Xem thêm:  Tut reg VPS free

Có một số Hosting Free nhưng chất lượng như trả phí, bạn xem các bài viết AnonyViet đã giới thiệu ở đây

Do đối tượng bài viết này phần lớn là học sinh sinh viên nên mình sẽ hướng dẫn cách đăng ký và sử dụng Host Free cho các bạn nhé

Thông thường ở Việt Nam chúng ta thường sử dụng Host Free của Hostinger hoặc 000webhost , tuy nhiên nếu bạn nào biết Hosting nào miễn phí và ngon thì giới thiệu cho AnonyViet nửa nhé.

Bây giờ mình sẽ hướng dẫn các bạn đăng ký và sử dụng 000webhost, các host khác cứ tương tự vậy nha

 

reg - Hosting là gì? Cách sử dụng Host để Up Code Website

 Lưu ý: Ô thứ 3 cũng là Subdomain của bạn

Cuối cùng: Nhớ vào email để xác nhận đăng ký

Cách Up Code lên Hosting

Sau khi đã có tài khoản, bạn tiến hành Đăng nhập vào Hosting và nhấn tiếp vào Manage Website

2 5 - Hosting là gì? Cách sử dụng Host để Up Code Website

Tiếp tục nhấn vào Upload Own Website

3 4 - Hosting là gì? Cách sử dụng Host để Up Code Website

Bạn có thể tiến hành quản lý các File source code trên Hoting tại đây

Lưu ý: bạn phải upload vào thư mục public_html thì Code mới hoạt động nhé

Bạn chọn biểu tượng đám mây có mũi tên để bắt đầu Upload

Mẹo
Có thể nén tất cả Souce Code thành File Zip để Upload cho nhanh

uppp - Hosting là gì? Cách sử dụng Host để Up Code Website

Mình sẽ Demo up code Web tỏ tình đẹp 2017  nhé

23 - Hosting là gì? Cách sử dụng Host để Up Code Website

Khi Upload thành công, bạn quay lại trang Quản lý File, và giải nén file Zip ra bằng cách click phải chuột vào File vừa Upload chọn Extract

ex - Hosting là gì? Cách sử dụng Host để Up Code Website

Khi giải nén hoàn chỉnh nó sẽ ra thế này

Xem thêm:  Cách kiểm tra Virus của File trước khi Download với VirusTotal

exx - Hosting là gì? Cách sử dụng Host để Up Code Website

Tuy nhiên bạn cần di chuyển tất cả tập tin trong thư mục webtotinhhtml5 ra ngoài, là cấp con của thư mục public_html để Souce code hoạt động được với Domain chính

Ta double click vào thư mục webtotinhhinhtml5, Giữ phím Ctrl lần lượt click chuột chọn tất cả các thư mục và file bên trong, sau đó nhấn phải chuột chọn Move

move - Hosting là gì? Cách sử dụng Host để Up Code Website

Ở ô Destination chọn Change để thay đổi đường dẫn về thư mục public_html

des - Hosting là gì? Cách sử dụng Host để Up Code Website

Ở ô Destination chọn trỏ về thư mục public_html   des1 - Hosting là gì? Cách sử dụng Host để Up Code Website

Nếu làm đúng thì kết quả sẽ ra thế này

des2 - Hosting là gì? Cách sử dụng Host để Up Code Website

Toàn bộ thư mục và tập tin đã nằm trong thư mục cha là public_html

des3 - Hosting là gì? Cách sử dụng Host để Up Code Website

Cuối cùng là vào domain của bạn để xem thành quả

https://koten8.000webhostapp.com/

1 6 - Hosting là gì? Cách sử dụng Host để Up Code Website

Nếu cần hướng dẫn thêm, bạn hãy comment ở bên dưới nhé

Bài tiếp theo mình sẽ hướng dẫn trỏ domain về hosting

Để lại bình luận

24 Bình luận on "Hosting là gì? Cách sử dụng Host để Up Code Website"

avatar
Sort by:   newest | oldest
tín | <span class="wpdiscuz-comment-count">2 comments</span>
tín | 2 comments

Có cách thêm code chống ddos vào k ad :))

Nguyễn Lam | <span class="wpdiscuz-comment-count">1030 comments</span>
Nguyễn Lam | 1030 comments

anti ddos mua cũng rẻ mà

tín | <span class="wpdiscuz-comment-count">2 comments</span>
tín | 2 comments

Chỉ cách thêm code chống ddos vào vs ad :))

Blacknet | <span class="wpdiscuz-comment-count">290 comments</span>
Blacknet | 290 comments

Có một số bài viết chống ddos đấy bạn tham khảo thêm nhé

Nguyễn Lam | <span class="wpdiscuz-comment-count">1030 comments</span>
Nguyễn Lam | 1030 comments

web tỉnh mà chống ddos chi bạn
xem thêm các bài chống ddos: https://anonyviet.com/?s=chống+ddos

Phan Mạnh Toàn | <span class="wpdiscuz-comment-count">1 comments</span>
Phan Mạnh Toàn | 1 comments

http://error404.000webhost.com/
nó ra như thế này ad ạ

giabaobs147896325 | <span class="wpdiscuz-comment-count">4 comments</span>

ad ơi sao ns hiện error_cannot_move_same_path

Nguyễn Lam | <span class="wpdiscuz-comment-count">1030 comments</span>
Nguyễn Lam | 1030 comments

where is the link code tỏ tình :v em xin cái

Blacknet | <span class="wpdiscuz-comment-count">290 comments</span>
Blacknet | 290 comments
Code tỏ tình trên của ad đây nhé Anh <3 Em Trình duyệt của bạn không được hỗ trợ. Hoặc sử dụng (Chrome) và (Firefox) Chào em yêu, Em là người con gái anh yêu nhất 🙂 Em xinh đẹp nhất ! Em đáng yêu nhất ! Em cũng yêu anh nhất ! Em là một điều may mắn trong cuộc sống của anh …”Có em, anh sẽ chẳng cần điều gì khác em” Yêu em cho đến khi nào anh không còn tồn tại <3 Hãy cứ tin em nhé. ‘Ta sẽ có một chuyến đi thật dài và… Read more »
Nguyễn Lam | <span class="wpdiscuz-comment-count">1030 comments</span>
Nguyễn Lam | 1030 comments

ọe =,= ._.

Lâm Trung Tính | <span class="wpdiscuz-comment-count">951 comments</span>

Rất chi tiết và hay lắm

Blacknet | <span class="wpdiscuz-comment-count">290 comments</span>
Blacknet | 290 comments

Thank ad rất hay

Nguyễn Bình Minh | <span class="wpdiscuz-comment-count">24 comments</span>
Nguyễn Bình Minh | 24 comments

đã biết.ad viết bài về blogspot đi ạ

Nguyễn Lam | <span class="wpdiscuz-comment-count">1030 comments</span>
Nguyễn Lam | 1030 comments

làm web blog dễ mà bạn !!

Cường | <span class="wpdiscuz-comment-count">6 comments</span>
Cường | 6 comments

ad ơi sao nó lại bắt chọn file index mà nó ko tự chọn ạ

Nguyễn Lam | <span class="wpdiscuz-comment-count">1030 comments</span>
Nguyễn Lam | 1030 comments

thêm tên miền + /index vào

Nguyễn Lam | <span class="wpdiscuz-comment-count">1030 comments</span>
Nguyễn Lam | 1030 comments

Dung 000webhost ngon lắm ae

Hậu | <span class="wpdiscuz-comment-count">26 comments</span>
Hậu | 26 comments

Em quên cái địa chỉ web thì vào phần nào ad

NguyenHaSon-2006 | <span class="wpdiscuz-comment-count">226 comments</span>

em send qua fb vài lần ko dc bây h fb nó nghi ngờ rồi, hic

Sơn | <span class="wpdiscuz-comment-count">3 comments</span>
Sơn | 3 comments

Sao em không có Extract z ad

Nam | <span class="wpdiscuz-comment-count">2 comments</span>

Cho em xin bài chỏ domain đi mn

wpDiscuz