ĐƯA FILE HTML LÊN WEB

Trong bài xích này, mình sẽ trả lời chúng ta giải pháp gửi một trang web đơn giản dễ dàng lên host miễn phí tổn. Ở phía trên, mình sử dụng một host được cung ứng bởi: https://www.000webhost.com/. Host này cung ứng những nhân kiệt cơ bản. Nào, hãy cùng bắt đầu.

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

Kiến thức liên quan

Để xong xuôi được bài xích giải đáp này, các bạn cần có các kỹ năng sau:

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

Chuẩn bị

Để gửi website của khách hàng lên internet, trước tiên, bạn phải sẵn sàng tổng thể những tệp tin html, css, js sinh sống sản phẩm cá nhân. Để giảm tgọi hầu như rủi ro gây nên lỗi lúc chạy xe trên mạng internet, bạn nên bình chọn kĩ web của bản thân ở máy tính xách tay cá thể trước nhé.

Thêm một chú ý nhỏ tuổi, trong những file html của doanh nghiệp, chúng ta chọn ra một file làm trang chủ, cùng viết tên nó là index.html. 

Đây là project của bản thân mình vẫn sẵn sàng bên trên máy:

*

Đăng kí tài khoản 

Bước 1: quý khách truy cập đường dẫn sau: https://www.000webhost.com/

Bước 2: Đăng kí thông tin tài khoản (nếu như sẽ tài giỏi khoản, bạn có thể bỏ qua mất mục này).

quý khách hàng cliông chồng vào nút FREE SIGN UP nhằm đăng kí tài khoản. 000webhost chất nhận được sử dụng gmail nhằm đăng kí, hoặc sử dụng các thông tin tài khoản mạng xã hội. 

*

Sau Lúc đăng kí, bạn sẽ nhận thấy email thông tin về tài khoản sẽ chế tạo.

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

Tạo website site 

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

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

*

Bước 5: Quản lí site, các bạn trở về trang quản lí lí: https://www.000webhost.com/members/website/list

Ở phía trên, sẽ liệt kê các site cơ mà chúng ta đang tạo thành. Với thông tin tài khoản miễn phí tổn, bạn tạo nên buổi tối đa 2 site. 

Quý Khách chọn site đề xuất quản ngại lí với clichồ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

Quý Khách sử dụng quy định Upload để đưa tổng thể những tệp tin trong project lên thư mục có tên là public_html.

Cần chăm chú là: project gồm kết cấu tlỗi mục ra làm sao, thì chúng ta giữ nguyên cấu tạo kia lúc đưa lên public_html

*

Bước 7: Kiểm tra lại website đã hoạt động

Quý khách hàng làm sao đường truyền website nhưng mà chúng ta đang tạo nên. lấy một ví dụ như của bản thân mình là https://ehefs.org.000webhosttiện ích.com/. Các web chỉ khác biệt ở phần đầu thôi, còn đoạn sau 000webhostứng dụng.com thì như thể nhau. Quý Khách chẳng thể chuyển đổi được đoạn này.

OK, trường hợp website của doanh nghiệp đang hiển thị, chúc mừng bạn sẽ đưa thành công web lên internet.

quý khách hoàn toàn có thể khoe nó cùng với đồng đội !!!

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

1. Lúc các bạn vào web ở bước 7 thì không thấy website tồn tại, bạn nhận thấy thông tin "404 Page Not Found"

*

Nguim nhân: chúng ta không có file index.html vào thư mục public_html. Để web hoạt động được, website buộc phải 1 file được gọi là default document (trang mang định). Trong ngôi trường hợp bạn vào website mà không chỉ có định rõ bạn muốn truy vấn vào file html như thế nào, thì file mặc định sẽ tiến hành Gọi mang lại. Cụ thể tại chỗ này, website đã áp dụng tệp tin có tên là index.html

Cách sửa: chúng ta lựa chọn tệp tin làm Home đến website, và đổi tên nó thành index.html. Nhớ là thay tên file sống thư mục public_html nhé. Sau khi đổi hoàn thành, bạn hãy thử lại web

2. Một số ảnh ko được cài đặt lên quả thật ước ao muốn

Ngulặng nhân 1: Lúc upload lên folder public_html, các bạn đang không duy trì đúng kết cấu thư mục nhỏng sẽ đặt ở sản phẩm công nghệ cá nhân

Cách sửa 1: hãy khám nghiệm lại kết cấu thư mục nghỉ ngơi folder public_html cùng chắc chắn rằng là nó giống như kết cấu sinh hoạt vật dụng bạn

Nguyên nhân 2: bạn đang để đường truyền tuyệt đối hoàn hảo. Ví dụ: các bạn sử dụng 1 ảnh nào đó vào thứ và để băng thông tuyệt vời và hoàn hảo nhất C://Project1/images/flower.jpg. Đường dẫn này đang không còn đúng khi chúng ta chuyển project lên folder public_html.

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

Để tham khảo thêm về cách đặt đường dẫn cho tệp tin vào html, các bạn có thể tìm hiểu thêm sinh hoạt w3school HTML File Paths

3. Css hoặc javascript không hoạt động.

Xem thêm: Cách Bật Hibernate Trong Win 10 Chi Tiết Nhất, Hướng Dẫn Cách Bật Hibernate Win 10 Và Tắt

Cả nhị trường đúng theo này tương tự như trường hòa hợp ảnh bị không đúng sinh sống bên trên. quý khách hàng soát sổ lại đường dẫn cho chính xác.

table('setting')->where("{$db->web}")->select('code_footer'); if($oh->code_footer){ # nếu có code header tùy chỉnh $code_footer = htmlspecialchars_decode($oh->code_footer); $code_footer = str_replace('[home_link]', $home, $code_footer); $code_footer = str_replace('[home_name]', $h, $code_footer); $code_footer = str_replace('[link]', $link, $code_footer); $code_footer = str_replace('[title]', $head->tit, $code_footer); $code_footer = str_replace('[des]', $head->des, $code_footer); $code_footer = str_replace('[key]', $head->key, $code_footer); $code_footer = str_replace('[image]', $head->img, $code_footer); $code_footer = str_replace('[link]', $link, $code_footer); $code_footer = str_replace('[date_Y]', date('Y'), $code_footer); echo $code_footer; } ?>