Khi bạn hoàn thành việc viết mã và tổ chức các tệp tạo nên trang web của bạn, bạn cần đặt tất cả trực tuyến để mọi người có thể tìm thấy nó. Bài viết này giải thích làm thế nào để có được mã mẫu đơn giản của bạn trực tuyến với rất ít nỗ lực. Xuất bản một trang web là một chủ đề phức tạp vì có nhiều cách để đi về nó. Bài viết này không cố gắng ghi lại tất cả các phương pháp có thể. Thay vào đó, nó giải thích những lợi thế và bất lợi của ba phương pháp thực tế cho người mới bắt đầu. Sau đó, nó bước qua một phương pháp có thể hoạt động ngay cho nhiều độc giả. Để có nhiều quyền kiểm soát nội dung và sự xuất hiện của trang web, hầu hết mọi người chọn mua lưu trữ web và tên miền: Nhiều trang web chuyên nghiệp lên mạng theo cách này.Các tùy chọn là gì?
Nhận lưu trữ và một tên miền
//www.mozilla.org
hoặc //www.bbc.co.uk
. Bạn có thể thuê tên miền của mình trong nhiều năm như bạn muốn từ một nhà đăng ký tên miền.domain registrar.
Ngoài ra, bạn sẽ cần một chương trình Giao thức truyền tệp [FTP] [xem chi phí bao nhiêu: phần mềm để biết thêm chi tiết] để thực sự chuyển các tệp trang web sang máy chủ. Các chương trình FTP rất khác nhau, nhưng nói chung, bạn phải kết nối với máy chủ web của mình bằng các chi tiết được cung cấp bởi công ty lưu trữ của bạn [điển hình là tên người dùng, mật khẩu, tên máy chủ]. Sau đó, chương trình hiển thị cho bạn các tệp cục bộ của bạn và các tệp của máy chủ web trong hai cửa sổ và cung cấp một cách để bạn chuyển các tệp qua lại.
Mẹo tìm kiếm lưu trữ và miền
- MDN không thúc đẩy các công ty lưu trữ thương mại cụ thể hoặc nhà đăng ký tên miền. Để tìm các công ty lưu trữ và nhà đăng ký, chỉ cần tìm kiếm "lưu trữ web" và "tên miền". Tất cả các nhà đăng ký sẽ có một tính năng cho phép bạn kiểm tra xem tên miền bạn muốn có khả dụng không.
- Nhà cung cấp dịch vụ Internet tại nhà hoặc văn phòng của bạn có thể cung cấp một số lưu trữ hạn chế cho một trang web nhỏ. Bộ tính năng có sẵn sẽ bị giới hạn, nhưng nó có thể hoàn hảo cho các thử nghiệm đầu tiên của bạn.
- Ngoài ra còn có các dịch vụ miễn phí có sẵn như Neocities, Google Site, Blogger và WordPress. Đôi khi bạn nhận được những gì bạn phải trả, nhưng đôi khi các tài nguyên này đủ tốt cho các thử nghiệm ban đầu của bạn.
- Nhiều công ty cung cấp lưu trữ và miền.
Sử dụng một công cụ trực tuyến như GitHub hoặc Google App Engine
Một số công cụ cho phép bạn xuất bản trang web của mình trực tuyến:
- GitHub là một trang web "mã hóa xã hội". Nó cho phép bạn tải lên kho lưu trữ mã để lưu trữ trong hệ thống điều khiển phiên bản Git. Sau đó, bạn có thể hợp tác trong các dự án mã và hệ thống là nguồn mở theo mặc định, có nghĩa là bất kỳ ai trên thế giới đều có thể tìm thấy mã GitHub của bạn, sử dụng nó, học hỏi từ nó và cải thiện nó. GitHub có một tính năng rất hữu ích gọi là GitHub Pages, cho phép bạn hiển thị mã trang web trực tiếp trên web.version control system. You can then collaborate on code projects, and the system is open-source by default, meaning that anyone in the world can find your GitHub code, use it, learn from it, and improve on it. GitHub has a very useful feature called GitHub Pages, which allows you to expose website code live on the web.
- Google App Engine là một nền tảng mạnh mẽ cho phép bạn xây dựng và chạy các ứng dụng trên cơ sở hạ tầng của Google-cho dù bạn cần xây dựng một ứng dụng web nhiều tầng từ đầu hoặc lưu trữ trang web tĩnh. Xem làm thế nào để bạn lưu trữ trang web của bạn trên công cụ ứng dụng Google? để biết thêm thông tin.
Các tùy chọn này thường miễn phí, nhưng bạn có thể vượt xa các tính năng hạn chế.
Sử dụng IDE dựa trên web như Codepen
Có một số ứng dụng web mô phỏng môi trường phát triển trang web, cho phép bạn nhập HTML, CSS và JavaScript, sau đó hiển thị kết quả của mã đó dưới dạng trang web - tất cả trong một tab Trình duyệt. Nói chung, các công cụ này tương đối dễ dàng, tuyệt vời để học, tốt để chia sẻ mã [ví dụ: nếu bạn muốn chia sẻ một kỹ thuật với hoặc yêu cầu gỡ lỗi trợ giúp từ các đồng nghiệp ở một văn phòng khác] và miễn phí [cho các tính năng cơ bản]. Họ lưu trữ trang kết xuất của bạn tại một địa chỉ web duy nhất. Tuy nhiên, các tính năng bị hạn chế và các ứng dụng này thường không cung cấp không gian lưu trữ cho tài sản [như hình ảnh].
Hãy thử chơi với một số ví dụ này để tìm ra cái nào phù hợp nhất với bạn:
- JSfiddle
- Glitch
- JS Bin
- Codepen
Xuất bản qua GitHub
Bây giờ chúng ta hãy kiểm tra cách dễ dàng xuất bản trang web của bạn thông qua các trang GitHub.
- Trước hết, hãy đăng ký GitHub và xác minh địa chỉ email của bạn.
- Tiếp theo, bạn cần tạo một kho lưu trữ để lưu trữ các tệp.
- Trên trang này, trong hộp tên kho lưu trữ, nhập tên người dùng.github.io, trong đó tên người dùng là tên người dùng của bạn. Ví dụ, người bạn Bob Smith của chúng tôi sẽ nhập bobsmith.github.io. Kiểm tra hộp "Khởi tạo kho lưu trữ này với một hộp README". Sau đó nhấp vào Tạo kho lưu trữ.
- Kéo và thả nội dung của thư mục trang web của bạn vào kho lưu trữ của bạn. Sau đó nhấp vào cam kết thay đổi.
Lưu ý: Đảm bảo thư mục của bạn có tệp
index.html
. Make sure your folder has anindex.html
file. - Điều hướng trình duyệt của bạn đến username.github.io để xem trang web của bạn trực tuyến. Ví dụ, đối với tên người dùng Chrisdavidmills, hãy truy cập Chrisdavidmills.github.io.
Lưu ý: Có thể mất vài phút để trang web của bạn được phát hành. Nếu trang web của bạn không hiển thị ngay lập tức, hãy đợi một vài phút. Thử lại. It may take a few minutes for your website to go live. If your website does not display immediately, wait a few minutes. Try again.
Để tìm hiểu thêm, hãy xem các trang GitHub giúp.