Bài mẫu — xem thử bố cục và cách nhấn chữ
Đây KHÔNG phải bài viết thật. Nó tồn tại để TaoQi thấy một trang bài trông ra sao, và thử mọi kiểu định dạng mà trình soạn thảo sẽ có: nhấn chữ ở tiêu đề, và bốn kiểu bố cục ảnh.
Đây là đoạn mở đầu. Chữ trong bài cỡ 18,5px, giãn dòng 1,85 — đọc dài không mỏi mắt. Cột chữ giới hạn khoảng 680px vì dòng quá dài thì mắt hay lạc chỗ khi xuống dòng.
Ba kiểu nhấn chữ
Chữ có thể in đậm để nhấn mạnh, in nghiêng khi muốn nói nhẹ đi, hoặc tô màu khi muốn một cụm nổi lên mà không nặng như in đậm. Ba kiểu này dùng được cả ở tiêu đề bài — cô nhìn tiêu đề phía trên sẽ thấy.
Cũng ghép được: vừa nghiêng vừa tô màu — giống cách tiêu đề trang Blog đang dùng.
Và tất nhiên vẫn chèn được đường dẫn sang trang khác.
Câu trích dẫn hiện thế này — vạch đỏ bên trái, chữ nghiêng. Dùng khi dẫn lời sách, lời thầy, hoặc muốn tách một câu cho người đọc dừng lại.
Bốn kiểu bố cục ảnh
1 · Vừa cột chữ — mặc định
Kiểu này hợp với hầu hết ảnh minh hoạ trong bài.
2 · Tràn rộng hơn cột chữ
Ảnh loại này vượt ra hai bên cột chữ nên gây ấn tượng mạnh. Đừng dùng nhiều quá trong một bài.
3 · Nổi sang trái, chữ chạy quanh
Kiểu này tiết kiệm chỗ và làm trang bớt đơn điệu. Chữ sẽ tự chạy quanh ảnh như đoạn này. Nên dùng cho ảnh nhỏ, ảnh chân dung, hoặc ảnh phụ hoạ cho một ý đang nói tới. Trên điện thoại thì ảnh tự trở về chiếm trọn bề ngang, không bị bóp méo — đây là chỗ nhiều web làm hỏng.
4 · Nổi sang phải
Giống kiểu trên nhưng đổi bên. Xen kẽ trái–phải qua các đoạn sẽ tạo nhịp cho bài dài. Nếu chữ bên cạnh quá ngắn thì nên dùng kiểu vừa cột chữ cho gọn, tránh để một mảng trắng lửng lơ.
Danh sách
- Ý thứ nhất
- Ý thứ hai, dài hơn một chút và vẫn xuống dòng đẹp
- Ý thứ ba
- Bước một
- Bước hai
- Bước ba
Còn thiếu gì
Trang này mới là phần hiển thị. Còn lại của Blog phương án B: nơi lưu bài, trình soạn thảo trong khu quản trị, và nối Netlify với GitHub để bài tự lên web.
Khi đủ cả, TaoQi viết xong bấm một nút là bài lên web — không cần mở phiên làm việc với ai.
Cắt ảnh: phóng to và kéo khung nhìn
Đây là thứ quan trọng nhất khi ảnh có người hoặc chi tiết nằm lệch. Cùng MỘT tấm ảnh, ba cách cắt khác nhau:
Ảnh bìa ở đầu bài cũng chỉnh được y như vậy — tấm bìa của bài này đang phóng 1,25 lần và kéo khung nhìn xuống dưới một chút.