ĐƯA FILE HTML LÊN WEB

      323

Trong bài xích này, bản thân đang lý giải chúng ta phương pháp chuyển một trang web đơn giản dễ dàng lên host miễn giá thành. Ở trên đây, mình sử dụng một host được cung ứng bởi: https://www.000webhost.com/. Host này cung cấp những thiên tài cơ bản. Nào, hãy thuộc ban đầu.

Bạn đang xem: đưa file html lên web

Kiến thức liên quan

Để dứt được bài khuyên bảo này, các bạn cần có hầu hết kiến thức sau:

Hiểu về hoạt động vui chơi của một trang web dễ dàng gồm các file html, css, javascript

Chuẩn bị

Để đưa website của người sử dụng lên mạng internet, trước tiên, bạn cần chuẩn bị toàn cục các file html, css, js sống vật dụng cá thể. Để giảm thiểu các khủng hoảng rủi ro gây ra lỗi Lúc điều khiển xe trên mạng internet, bạn nên bình chọn kĩ website của bản thân ở laptop cá thể trước nhé.

Thêm một để ý nhỏ, trong các tệp tin html của công ty, chúng ta lựa chọn ra một file làm cho trang chủ, với khắc tên nó là index.html. 

Đây là project của chính bản thân mình đang sẵn sàng trên máy:

*

Đăng kí tài khoản 

Cách 1: Quý Khách truy vấn đường dẫn sau: https://www.000webhost.com/

Cách 2: Đăng kí thông tin tài khoản (nếu vẫn tài giỏi khoản, chúng ta cũng có thể bỏ qua mất mục này).

Quý Khách cliông chồng vào nút FREE SIGN UP để đăng kí thông tin tài khoản. 000webhost chất nhận được dùng tin nhắn nhằm đăng kí, hoặc sử dụng những thông tin tài khoản social. 

*

Sau Khi đăng kí, bạn sẽ nhận thấy gmail thông báo về tài khoản sẽ chế tạo ra.

Bước 3: Đăng nhập tài khoản, các bạn sẽ được dẫn mang đến trang quản lí https://www.000webhost.com/members/website/list

Tạo website site 

Bước 4: Để chế tác website site, bạn clichồng vào nút: Create new Site

quý khách điền băng thông cho web site. Bạn rất có thể sử dụng password bởi vì khối hệ thống tự có mặt hoặc đặt mật khẩu đăng nhập riêng biệt mang đến dễ dàng lưu giữ. Quý khách hàng vẫn đề nghị dùng mật khẩu đăng nhập này cho gần như lần singin sau nhằm quản ngại lí site của người sử dụng. 

*

Bước 5: Quản lí site, chúng ta trở lại trang cai quản lí: https://www.000webhost.com/members/website/list

Tại phía trên, vẫn liệt kê những site nhưng mà chúng ta vẫn tạo nên. Với thông tin tài khoản miễn tổn phí, bạn tạo nên về tối đa 2 site. 

Bạn lựa chọn site bắt buộc quản ngại lí và cliông chồng vào Manage Website chính giữa hình

*

Bước 6: Tiến hành cài đặt các file lên host

Bạn sử dụng vẻ ngoài Upload để lấy cục bộ các tệp tin vào project lên thư mục có tên là public_html.

Xem thêm: Cách Sửa Máy In Ở Chế Độ Offline Nguyên Nhân Do Đâu? Xử Lý Như Thế Nào?

Cần chăm chú là: project bao gồm cấu tạo thư mục ra làm sao, thì chúng ta không thay đổi cấu trúc kia Lúc đưa lên public_html

*

Bước 7: Kiểm tra lại web sẽ hoạt động

quý khách nào đường truyền website mà lại bạn sẽ tạo nên. lấy ví dụ nlỗi của mình là https://thietkewebhcm.com.vn.000webhostapp.com/. Các web chỉ khác biệt tại vị trí đầu thôi, còn đoạn sau 000webhostứng dụng.com thì như thể nhau. Quý Khách quan yếu chuyển đổi được đoạn này.

OK, nếu như web của người tiêu dùng đã hiển thị, chúc mừng bạn vẫn gửi thành công xuất sắc website lên internet.

Quý khách hàng có thể khoe nó với đồng đội !!!

Một số lỗi thường xuyên gặp:

1. khi bạn vào website ở bước 7 thì không thấy web hiện hữu, bạn cảm nhận thông báo "404 Page Not Found"

*

Nguyên ổn nhân: bạn không có tệp tin index.html vào tlỗi mục public_html. Để website chuyển động được, website đề xuất 1 tệp tin được hotline là default document (trang khoác định). Trong trường hòa hợp chúng ta vào website cơ mà không chỉ là định rõ bạn muốn truy cập vào tệp tin html nào, thì tệp tin khoác định sẽ tiến hành Gọi cho. Cụ thể tại chỗ này, web đã áp dụng file có tên là index.html

Cách sửa: chúng ta chọn file làm cho trang chủ mang đến web, cùng đổi tên nó thành index.html. Nhớ là thay tên tệp tin sinh hoạt folder public_html nhé. Sau Lúc đổi xong xuôi, các bạn hãy test lại web

2. Một số ảnh không được sở hữu lên quả thật mong muốn muốn

Nguyên nhân 1: Lúc upload lên thư mục public_html, các bạn đã không giữ lại đúng kết cấu thư mục nlỗi sẽ để tại thứ cá nhân

Cách sửa 1: hãy khám nghiệm lại kết cấu tlỗi mục nghỉ ngơi thư mục public_html cùng chắc chắn là là nó giống cấu tạo sinh hoạt sản phẩm công nghệ bạn

Nguim nhân 2: nhiều người đang để băng thông tuyệt đối hoàn hảo. Ví dụ: chúng ta sử dụng 1 hình ảnh nào kia vào thiết bị cùng để đường dẫn hoàn hảo và tuyệt vời nhất C://Project1/images/flower.jpg. Đường dẫn này vẫn không hề đúng khi bạn đưa project lên thư mục public_html.

Cách sửa 2: bạn cần đưa lịch sự sử dụng đường truyền tương đối

Để tìm hiểu thêm về phong thái đặt đường dẫn đến tệp tin vào html, các bạn cũng có thể xem thêm sống w3school HTML File Paths

3. Css hoặc javascript không vận động.

Cả nhị ngôi trường vừa lòng này tương tự như ngôi trường vừa lòng hình họa bị không đúng làm việc bên trên. Quý khách hàng kiểm tra lại băng thông cho đúng đắn.

tinh dầu vape, pod 1 lần