Tạo trang Web All-in-One Dành cho những người mới bắt đầu Cheat Sheet - núm vú

Richard Wagner

Trừ khi bạn là một nhà thiết kế Web chuyên nghiệp, bạn có thể hơi không chắc chắn - và thậm chí có thể hơi hăm dọa bằng cách tìm ra - nơi để bắt đầu tạo trang Web của bạn. Cho dù bạn sử dụng một trình soạn thảo trực tuyến (WordPress hoặc Squarespace) hoặc một ứng dụng phần mềm xây dựng trang web (Adobe Dreamweaver hoặc Microsoft Expression Web), hãy sử dụng trang tính này để tạo ra một trang web tuyệt vời.

Lời khuyên cho việc thiết kế trang web tốt

Bởi vì Web là một phương tiện trực quan, thiết kế trang Web của bạn cũng quan trọng như nội dung bạn cung cấp. Thực hiện theo các mẹo này để khách truy cập của bạn không phải rời khỏi trang web của bạn:

• Đừng lộn xộn trang web của bạn. Sử dụng padding, lề và khoảng trắng.

• Hãy cẩn thận không để áp đảo du khách của bạn trên trang chủ của bạn. Giữ nội dung ở mức tối thiểu, giới thiệu người dùng tới các phần khác của trang web của bạn để biết thêm thông tin.

• Không sử dụng một sự pha trộn các ý tưởng thiết kế. Tìm một phong cách bạn thích và nhất quán trên trang của bạn.

• Sự đối xứng cực đoan là một tiếng liếc. Sử dụng Quy tắc thứ ba. Khi một hình ảnh hoặc một trang được chia thành các phần ba theo chiều dọc và chiều ngang và các đối tượng được định vị trên các đường đó, hình ảnh chỉ đơn giản là làm cho mắt được dễ chịu hơn.

• Đừng quên về khách truy cập. Bạn không tự thiết kế trang web, nhưng đối với những người đến đó.

• Đừng để nội dung trang web của bạn trở nên lỗi thời. Cập nhật thường xuyên để giữ cho nó còn sống.

Thiết kế trang web của bạn cho người dùng di động

Với sức mạnh của điện thoại thông minh và trình duyệt di động đầy đủ chức năng, khách truy cập di động mong muốn có trải nghiệm duyệt web thỏa mãn. Bạn sẽ muốn xem xét đầy đủ người dùng di động trong thiết kế của bạn và xác định mức hỗ trợ mà bạn muốn cung cấp cho họ:

• Khả năng tương thích cơ bản: Mức hỗ trợ đầu tiên chỉ đơn giản là đảm bảo trang web của bạn có thể xem được và hoạt động bên trong một thiết bị di động. Nếu trang Web của bạn đang sử dụng định dạng CSS chuẩn và các cấu trúc HTML hoặc nếu nó được xây dựng bằng các công cụ trực tuyến phổ biến (WordPress, Posterous), có lẽ trang web của bạn đã được thiết lập để hỗ trợ trình duyệt điện thoại thông minh.

• Điện thoại di động thân thiện: Cấp độ thứ hai cho phép di động là để đảm bảo rằng trang Web của bạn dễ điều hướng trên một màn hình nhỏ. Một trong những cách quan trọng nhất để làm cho trang web thân thiện với thiết bị di động của bạn là cấu trúc các trang thành các cột. Các cột ngăn không cho người dùng buộc phải đọc những đoạn văn bản rộng khiến họ phải cuộn trái và phải để đọc từng dòng của một trang Web.

• Phong cách di động: Cấp độ thứ ba, phong phú hơn và sâu sắc hơn về hỗ trợ mà bạn có thể cung cấp cho người dùng di động là kết hợp kiểu dáng dành riêng cho thiết bị di động.

• Trang web đồng hành: Có thể có một số trường hợp cụ thể mà bạn cần phải vượt xa cấu trúc trang và kiểu dáng. Trong trường hợp này, mức hỗ trợ cuối cùng là thiết kế và cấu trúc một trang web từ dưới lên theo cách được tối ưu hóa cho các thiết bị di động.

Nếu bạn cung cấp phiên bản dành cho điện thoại di động, luôn cho phép người dùng tự do lựa chọn giữa các phiên bản di động và bình thường của trang web của bạn. Mặc dù bạn có thể định dạng mặc định cho mẫu phong cách di động cho người dùng di động của bạn, hãy cung cấp chức năng trên mỗi trang để xem trang web bình thường.

Sử dụng Cascading Style Sheets hoặc CSS

C ascading S tyle S heets (CSS) là một ngôn ngữ tạo kiểu cho phép bạn tạo ra một hấp dẫn hơn, trang web được thiết kế tốt và dễ dàng quản lý và tổ chức. Dưới đây là ba lý do cơ bản mà CSS hữu ích khi thiết kế trang web của bạn:

• CSS cho phép bạn kiểm soát tốt hơn thiết kế trang của bạn. CSS có nhiều cài đặt định dạng mà HTML tự nó không cung cấp. Kết quả là, bạn có thể kiểm soát nhiều hơn về giao diện của trang Web bằng cách sử dụng CSS hơn là chỉ sử dụng HTML thông thường.

• CSS cho phép bạn tách nội dung trang web của bạn khỏi các hướng dẫn định dạng. Vì vậy, tài liệu HTML trở thành nơi bạn làm việc với nội dung, và tờ kiểu dáng CSS là nơi bạn thiết lập các phong cách của bạn.

• CSS cho phép bạn quản lý phong cách trên trang web của bạn ở một vị trí trung tâm. Mặc dù bạn có thể định nghĩa các kiểu CSS bên trong một trang Web duy nhất, nhưng sức mạnh thực sự của nó trở nên rõ ràng khi bạn sử dụng một trang CSS riêng biệt mà mọi trang trong trang Web của bạn đều có thể truy cập. Khi bạn thiết lập trang web của mình như thế này, bạn có thể dễ dàng cho toàn bộ trang web của bạn một cái nhìn nhất quán. Bạn cũng có thể thực hiện thay đổi toàn cầu từ một vị trí duy nhất.