Những thành phần website? bigweb.com.vn/nhung-thanh-phan-co-ban-tren-website-a413.html Bạn trình làm website hay bạn có website, có vị trí website mà bạn cảm thấy không vừa ý, cần yêu cầu người làm website phải chỉnh sửa lại Nhưng bạn gọi tên vị trí nào, đơi diễn đạt bạn bị người làm web hiểu sai, dẫn đến kết không mong muốn >> Bài viết sau giới thiệu đến bạn thành phần trang web, từ giúp bạn dễ dàng việc chỉnh sửa website Header Thành phần nằm vị trí đầu trang web hiển thị tất trang website 1/4 * Các trang website gì? Ví dụ website bạn có nhiều trang khác trang chủ, trang giới thiệu, trang liên hệ … Bên header thường chứa thành phần sau: – Site ID – Home link – Menu điều hướng – Search box – Giỏ hàng Site ID Là định danh cho website, dễ hiểu tên website Site ID thường đặt góc bên tay trái Bạn dễ thấy hình logo đoạn slogan ngắn cho website Home link Home link hay gọi đường dẫn liên kết đến trang chủ, bạn click vào link chuyển đến trang chủ website * Trang chủ gì? trang chủ trang bạn nhìn thấy truy cập vào địa website Bigweb.com.vn … * Link gì? link hay cịn gọi liên kết, link đặt bên hình ảnh hay đoạn text mà bạn click vào chuyển sang đường dẫn trang web khác Home link làm theo hai cách sau: – Được gắn vào logo website – Được gắn vào đoạn chữ, bạn dễ thấy chữ Trang chủ hay Home … >> Những nguyên tắc thiết kế website >> Làm để website ấn tượng với khách hàng Menu điều hướng Là vùng chứa tập hợp link dẫn đến trang website Thơng thường menu đặt bên header Menu thiết kế dễ nhìn, giúp cho người dùng nhanh chóng đến trang website Ví dụ bạn thấy menu gồm link sau như: Trang chủ, Sản phẩm, Liên hệ, Giới thiệu … Có menu đặt Scan columns hay Footer, thành phần bạn gặp phần Ơ tìm kiếm (Search box) Đối với website có nhiều viết hay sản phẩm, tìm kiếm giúp người dùng tìm thơng tin website cách nhanh chóng Ở header, tìm kiếm thường đặt phía góc phải làm đơn giản để khơng chiếm qua nhiều diện tích Nó bao gồm để nhập từ khóa cần tìm nút tìm Nếu bạn nghĩ đến tìm kiếm có nhiều chức ví dụ tìm theo danh mục sản phầm, màu sắc … (thường gọi tìm kiếm nâng cao), nghĩ đặt Scan columns 2/4 Giỏ hàng Đối với website bán hàng, bạn để ý thấy biểu tượng hình giỏ hàng đặt phía bên góc phải Giỏ hàng hiển thị thơng tin như: số lượng sản phẩm chọn, tổng thành tiền bao nhiêu? Khi người dùng click vào chuyển đến trang giỏ hàng để xem chi tiết sản phẩm đặt mua Slider Thành phần thường đặt bên header Slider phổ biến hình ảnh, gồm nhiều hình khác khơng phải hiển thị tất lên trang web Slider có nút điều hướng, giúp bạn di chuyển qua slide khác Ngồi slide video Slider thiết kế đẹp thu hút khách hàng bạn lần vào trang web Ngày nay, bạn bắt gặp slide nhiều trang web khác Scan columns (Chia cột website) Tại gọi “scan columns”, scan giống bạn dùng mắt duyệt qua phần trang web, mà cụ thể cột (columns) Khái niệm scan columns có từ lâu, trước dùng việc xuất sách báo Ngày scan columns áp dụng rộng rãi thiết kế website Các dạng chia cột phổ biến bạn thường bắt gặp chia cột, cột … Scan column thường chiếm chiều rộng khơng q nhiều, chứa thành phần sau: – Menu điểu hướng – Box tìm kiếm nâng cao – Sản phẩm, viết bật – Thông tin liên hệ – Banner quảng cáo –… Banner Có số trường hợp nhầm lẫn banner header Thực banner header hoàn toàn khác Từ banner dùng việc quảng cáo quảng cáo sản phẩm, quảng cáo kiện … Banner thơng thường hình ảnh, thiết kế bắt mắt nhằm thu hút khách hàng Các vị trí đặt banner phổ biến trang (trên phần header) hay scan column Ngoài bạn thấy banner quảng cáo video clip youtube chẳng hạn Content area (phần nội dung trang web) Đây phần nội dung trang web chứa thơng tin nhiều Phần nội dung trình bày dễ nhìn, thơng tin hay giữ chân khách hàng bạn lâu 3/4 Phần nội dung thường chứa thành phần sau: – Tiêu đề trang (Page title): thường đặt đầu phần nội dung Tiêu đề thường có font chữ to in đậm nhằm cho người dùng biết trang web nói vấn đề – Breadcrumb navigation (Breadcrumb trails): điều hướng phân cấp, giúp người dùng biết đâu trang web di chuyển mục trang web cách nhanh chóng Bạn để ý trang tin tức thường có điều hướng đặt đầu phần nội dung trang Ví dụ như: Tin tức → Thể thao … – Phần nội dung chính: phần chứa thơng tin nào, thơng thường website có phần quản trị hay gọi CMS để bạn nhập nội dung – Paging navigation (điều hướng phân trang) : trang web chứa nhiều nội dung trang trình bày danh sách sản phẩm hay danh sách viết, việc phân trang nhằm giúp giảm tải cho trang web để trang web load nhanh hơn, giúp cho người dùng cuộn chuột nhiều Điều hướng phân trang thường đặt đầu, cuối hay đầu cuối phần nội dung trang – Thanh thông tin: thường đặt đầu hay cuối phần nội dung trang, thông tin thường bao gồm thông tin ngày đăng viết, tác giả ai, số lượt xem viết … – Thanh chia sẻ mạng xã hội: bao gồm nút chia sẻ trang qua mạng xã hội phổ biến Facebook, Google, Twitter … Page footers Còn gọi chân trang, nằm vị trí cuối trang web hiển thị tất trang website bạn Chân trang thường chứa thành phần sau: – Thông tin quyền website – Link liên kết – Menu –… Khi thiết kế website, người thiết kế dựa vào thành phần để chia bố cục cho trang web Biết thêm thành phần giúp bạn dễ dàng việc chỉnh sửa website Mong viết phần giúp ích bạn Chúc bạn ngày vui vẻ! 4/4 ... hiển thị tất trang website bạn Chân trang thường chứa thành phần sau: – Thông tin quyền website – Link liên kết – Menu –… Khi thiết kế website, người thiết kế dựa vào thành phần để chia bố cục... trang (trên phần header) hay scan column Ngồi bạn thấy banner quảng cáo video clip youtube chẳng hạn Content area (phần nội dung trang web) Đây phần nội dung trang web chứa thơng tin nhiều Phần. .. tức thường có điều hướng đặt đầu phần nội dung trang Ví dụ như: Tin tức → Thể thao … – Phần nội dung chính: phần chứa thơng tin nào, thơng thường website có phần quản trị hay cịn gọi CMS để bạn