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.
Tham gia kênh Telegram của AnonyViet 👉 Link 👈 |
Để Website của bạn xuất hiện trên Internet, chúng ta cần 3 thứ
- Source Code Website (VD: Source web tỏ tình, index hacker )
- Domain
- Hosting
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à
Hosting là cá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í.
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
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
Tiếp tục nhấn vào Upload Own 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ình sẽ Demo up code Web tỏ tình đẹp 2017 nhé
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
Khi giải nén hoàn chỉnh nó sẽ ra thế này
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
Ở ô Destination chọn Change để thay đổi đường dẫn về thư mục public_html
Ở ô Destination chọn trỏ về thư mục public_html
Nếu làm đúng thì kết quả sẽ ra thế này
Toàn bộ thư mục và tập tin đã nằm trong thư mục cha là public_html
Cuối cùng là vào domain của bạn để xem thành quả
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
Có cách thêm code chống ddos vào k ad :))
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
anti ddos mua cũng rẻ mà
Chỉ cách thêm code chống ddos vào vs ad :))
Có một số bài viết chống ddos đấy bạn tham khảo thêm nhé
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
http://error404.000webhost.com/
nó ra như thế này ad ạ
bạn kiểm tra lại subdomain của mình là gì
ad ơi sao ns hiện error_cannot_move_same_path
where is the link code tỏ tình :v em xin cái
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à đích đến là hôn lễ’ :*
— Yêu em thật nhiều —
Anh <3 Em
Time of love…
(function(){
var canvas = $(‘#canvas’);
if (!canvas[0].getContext) {
$(“#error”).show();
return false; }
var width = canvas.width();
var height = canvas.height();
canvas.attr(“width”, width);
canvas.attr(“height”, height);
var opts = {
seed: {
x: width / 2 – 20,
color: “rgb(190, 26, 37)”,
scale: 2
},
branch: [
[535, 680, 570, 250, 500, 200, 30, 100, [
[540, 500, 455, 417, 340, 400, 13, 100, [
[450, 435, 434, 430, 394, 395, 2, 40]
]],
[550, 445, 600, 356, 680, 345, 12, 100, [
[578, 400, 648, 409, 661, 426, 3, 80]
]],
[539, 281, 537, 248, 534, 217, 3, 40],
[546, 397, 413, 247, 328, 244, 9, 80, [
[427, 286, 383, 253, 371, 205, 2, 40],
[498, 345, 435, 315, 395, 330, 4, 60]
]],
[546, 357, 608, 252, 678, 221, 6, 100, [
[590, 293, 646, 277, 648, 271, 2, 80]
]]
]]
],
bloom: {
num: 700,
width: 1080,
height: 650,
},
footer: {
width: 1200,
height: 5,
speed: 10,
}
}
var tree = new Tree(canvas[0], width, height, opts);
var seed = tree.seed;
var foot = tree.footer;
var hold = 1;
canvas.click(function(e) {
var offset = canvas.offset(), x, y;
x = e.pageX – offset.left;
y = e.pageY – offset.top;
if (seed.hover(x, y)) {
hold = 0;
canvas.unbind(“click”);
canvas.unbind(“mousemove”);
canvas.removeClass(‘hand’);
}
}).mousemove(function(e){
var offset = canvas.offset(), x, y;
x = e.pageX – offset.left;
y = e.pageY – offset.top;
canvas.toggleClass(‘hand’, seed.hover(x, y));
});
var seedAnimate = eval(Jscex.compile(“async”, function () {
seed.draw();
while (hold) {
$await(Jscex.Async.sleep(10));
}
while (seed.canScale()) {
seed.scale(0.95);
$await(Jscex.Async.sleep(10));
}
while (seed.canMove()) {
seed.move(0, 2);
foot.draw();
$await(Jscex.Async.sleep(10));
}
}));
var growAnimate = eval(Jscex.compile(“async”, function () {
do {
tree.grow();
$await(Jscex.Async.sleep(10));
} while (tree.canGrow());
}));
var flowAnimate = eval(Jscex.compile(“async”, function () {
do {
tree.flower(2);
$await(Jscex.Async.sleep(10));
} while (tree.canFlower());
}));
var moveAnimate = eval(Jscex.compile(“async”, function () {
tree.snapshot(“p1”, 240, 0, 610, 680);
while (tree.move(“p1”, 500, 0)) {
foot.draw();
$await(Jscex.Async.sleep(10));
}
foot.draw();
tree.snapshot(“p2”, 500, 0, 610, 680);
canvas.parent().css(“background”, “url(” + tree.toDataURL(‘image/png’) + “)”);
canvas.css(“background”, “#ffe”);
$await(Jscex.Async.sleep(300));
canvas.css(“background”, “none”);
}));
var jumpAnimate = eval(Jscex.compile(“async”, function () {
var ctx = tree.ctx;
while (true) {
tree.ctx.clearRect(0, 0, width, height);
tree.jump();
foot.draw();
$await(Jscex.Async.sleep(25));
}
}));
var textAnimate = eval(Jscex.compile(“async”, function () {
var together = new Date();
together.setFullYear(2014,8 , 26);
together.setHours(0);
together.setMinutes(0);
together.setSeconds(0);
together.setMilliseconds(0);
$(“#code”).show().typewriter();
$(“#clock-box”).fadeIn(500);
while (true) {
timeElapse(together);
$await(Jscex.Async.sleep(1000));
}
}));
var runAsync = eval(Jscex.compile(“async”, function () {
$await(seedAnimate());
$await(growAnimate());
$await(flowAnimate());
$await(moveAnimate());
textAnimate().start();
$await(jumpAnimate());
}));
runAsync().start();
})();
ọe =,= ._.
Rất chi tiết và hay lắm
Thank ad rất hay
đã biết.ad viết bài về blogspot đi ạ
làm web blog dễ mà bạn !!
ad ơi sao nó lại bắt chọn file index mà nó ko tự chọn ạ
thêm tên miền + /index vào
Dung 000webhost ngon lắm ae
Em quên cái địa chỉ web thì vào phần nào ad
bạn ra lại trang chủ phần quản lý xem có không
em send qua fb vài lần ko dc bây h fb nó nghi ngờ rồi, hic
Sao em không có Extract z ad
Cho em xin bài chỏ domain đi mn
Cho mik hỏi là cái này có dùng làm server botnet dc ko?
ad cho em hỏi mình làm xong các bước trên thì website của mình đã có trên google chưa ạ.Em cảm ơn
cho mình hỏi ảnh không load được trên web là sao ạ
bạn xem lại code của web đã trỏ về đúng đường dẫn ảnh chưa
sao mình up file code lên nó ghi là full disk vậy bạn @@ sửa ntn
do host bạn dung lượng thấp, đổi host khác thôi
xin bai hat ad oi :v
dạ nếu có cơ sở dữ liệu nữa thì up sao ạ