Cả bài gói trong một hình. Đọc hình trước, rồi đọc chữ cho kỹ.
Chuyện thường gặp
Anh chị muốn có một trang web. Hỏi người quen, mỗi người nói một kiểu. Nghe xong thì sợ. Để đó. Ba năm sau vẫn chưa có trang nào.
Vấn đề không phải là khó. Vấn đề là không ai đưa cho anh chị cái danh sách việc.
Thứ anh chị cần không phải phần mềm đắt tiền
Dựng một trang web chỉ có ba thứ:
1. Cái tên — người ta gõ gì để tìm đến. Là tên miền.
2. Cái chỗ chứa — nơi đặt file. Là hosting.
3. Cái file trang — nội dung hiện ra. Là file HTML.
Ba thứ đó. Mọi thứ khác là phụ kiện.
Tên miền và hosting thì mua — iNET là một chỗ quen thuộc ở Việt Nam. File trang thì bảo máy viết cho.
Chi phí một năm cho trang nhỏ thường vài trăm nghìn đến hơn một triệu đồng. Đây là mức tham khảo, đổi theo thời điểm và nơi bán — anh chị tự mở bảng giá ra xem.
Bước 1 — Chuẩn bị (việc 1 đến 8)
1. Viết ra một câu: trang này để làm gì
2. Viết ra: ai sẽ vào xem
3. Viết ra: xem xong họ làm gì tiếp
4. Chọn ba cái tên miền dự phòng
5. Kiểm tra tên nào còn trống
6. Lập một hộp thư riêng cho việc web
7. Lập một file ghi chú để cất mật khẩu
8. Đặt ngân sách một năm, ghi ra giấy
Bước 2 — Mua tên và chỗ chứa (việc 9 đến 18)
9. Mở trang nhà cung cấp, tạo tài khoản
10. Bật xác thực hai lớp cho tài khoản đó
11. Gõ tên miền vào ô kiểm tra
12. Bỏ vào giỏ, chọn số năm
13. Bỏ qua các dịch vụ kèm chưa cần
14. Thanh toán, lưu hoá đơn
15. Chọn gói chứa nhỏ nhất trước
16. Thanh toán gói chứa
17. Lấy thư kích hoạt, đổi mật khẩu ngay
18. Ghi lại: tên đăng nhập, địa chỉ máy chủ, cổng
Bước 3 — Nối tên với chỗ chứa (việc 19 đến 28)
19. Tìm địa chỉ IP của chỗ chứa
20. Vào phần quản lý tên miền
21. Mở mục bản ghi DNS
22. Xoá bản ghi mẫu có sẵn
23. Thêm bản ghi A cho tên chính
24. Thêm bản ghi A cho dạng có chữ www
25. Lưu lại
26. Đợi từ mười lăm phút đến vài giờ
27. Gõ tên miền lên trình duyệt, xem đã ra chưa
28. Vào phần quản lý chỗ chứa, thêm tên miền vào
Bước 4 — Có trang đầu tiên (việc 29 đến 38)
29. Viết ra nội dung muốn hiện: tiêu đề, mô tả, cách liên hệ
30. Nhờ máy viết file trang
31. Lưu file với tên index.html
32. Chuẩn bị ảnh, đặt tên không dấu
33. Nén ảnh cho nhẹ
34. Mở phần quản lý file của chỗ chứa
35. Tìm thư mục public_html
36. Tải file index.html lên
37. Tải ảnh lên
38. Mở tên miền, kiểm tra bằng điện thoại
Bước 5 — Khoá bảo mật và an toàn (việc 39 đến 45)
39. Bật chứng chỉ bảo mật miễn phí trong phần quản lý
40. Bật chuyển tự động sang địa chỉ có khoá
41. Kiểm tra ổ khoá đã hiện trên thanh địa chỉ
42. Đổi mật khẩu chỗ chứa sang mật khẩu riêng, không dùng chung
43. Kiểm tra không có mật khẩu nào nằm trong file trang
44. Xoá các file thừa vô tình tải lên
45. Bật sao lưu tự động nếu gói có
Bước 6 — Đo và giữ (việc 46 đến 50)
46. Gắn mã đo lượt xem
47. Khai báo trang với Google
48. Đặt lịch nhắc gia hạn tên miền
49. Đặt lịch nhắc gia hạn chỗ chứa
50. Tải một bản sao toàn bộ file về máy, cất riêng
Năm mươi việc, không việc nào cần biết lập trình.
Câu lệnh để bắt đầu bước 4
📋 Câu lệnh — chép nguyên cả khối
Tôi sắp dựng một trang web. Tôi không biết lập trình.
Việc của tôi: [tả nghề, ví dụ: sửa điều hoà tại nhà ở Hà Nội]
Người vào xem: [tả khách, ví dụ: chủ nhà cần thợ gấp]
Xem xong tôi muốn họ: [gọi điện / nhắn Zalo / điền thông tin]
Viết cho tôi một file index.html hoàn chỉnh, gồm:
- Tên và câu giới thiệu ngay đầu trang
- Ba việc tôi làm được, mỗi việc một dòng ngắn
- Nút gọi điện bấm được trên điện thoại
- Địa chỉ và giờ làm việc
HTML và CSS viết chung một file, không dùng thư viện ngoài, xem tốt trên điện thoại.
Chỗ nào tôi phải tự thay thông tin thì ghi chú rõ trong file.
Thay hết phần trong ngoặc vuông bằng thông tin của anh chị rồi dán vào.
Ba chỗ hay làm sai
Mua tên miền một nơi, chỗ chứa một nơi, rồi quên mất. Ghi rõ mua ở đâu ngay lúc mua. Đến hạn gia hạn mà không nhớ mua ở đâu là mất tên.
Nhảy cóc từ bước 1 sang bước 4. Chưa có tên, chưa có chỗ chứa mà đã ngồi làm file trang thì làm xong không biết để đâu.
Dùng chung một mật khẩu cho tên miền, chỗ chứa và hộp thư. Lộ một cái là mất cả ba. Mỗi thứ một mật khẩu riêng, và không để mật khẩu nào trong file trang web.
Sau bài này anh chị có gì
Tên miền → Bản ghi A → Chỗ chứa → File index.html
(cái tên) (chỉ đường) (cái nhà) (nội dung)
↓
Khoá bảo mật
Bốn ô này là toàn bộ một trang web. Các bài sau đi sâu từng ô. Bài này là tấm bản đồ.