Header
Thành phần này nằm ở vị trí đầu trang web và được hiển thị ở tất cả các trang trong website.
* Các trang trong website là gì? Ví dụ website của bạn sẽ có nhiều trang khác nhau như trang chủ, trang giới thiệu, trang liên hệ…
Bên trong header thường chứa những 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 hơn là tên website. Site ID thường được đặt ở góc bên tay trái. Bạn dễ thấy nhất chính là hình logo hoặc một đoạn slogan ngắn cho website.
Thành phần này nằm ở vị trí đầu trang web và được hiển thị ở tất cả các trang trong website.
* Các trang trong website là gì? Ví dụ website của bạn sẽ có nhiều trang khác nhau như trang chủ, trang giới thiệu, trang liên hệ…
Bên trong header thường chứa những 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 hơn là tên website. Site ID thường được đặt ở góc bên tay trái. Bạn dễ thấy nhất chính là hình logo hoặc một đoạn slogan ngắn cho website.
https://www.kuettu.com/read-blog/1218_vi-sao-nen-thiet-ke-trang-web-wordpress.html
Home link
Home link hay còn gọi là đường dẫn liên kết đến trang chủ, khi bạn click vào link này sẽ chuyển đến trang chủ của website.
* Trang chủ là gì? trang chủ là trang đầu tiên bạn nhìn thấy khi truy cập vào địa chỉ website như mypage.vn…
* Link là gì? link hay còn gọi là liên kết, link có thể được đặt bên trong hình ảnh hay đoạn text mà khi bạn click vào đó sẽ được chuyển sang một đường dẫn trang web khác.
Home link có thể được 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 nhất như chữ Trang chủ hay Home …
>> Những nguyên tắc cơ bản trong thiết kế website
>> Làm thế nào để website ấn tượng với khách hàng
Menu điều hướng
Là vùng chứa tập hợp các link dẫn đến các trang chính trên website. Thông thường menu sẽ được đặt bên trong header. Menu được thiết kế dễ nhìn, giúp cho người dùng nhanh chóng đi đến các trang chính trên website. Ví dụ bạn thấy menu có thể gồm các link sau như: Trang chủ, Sản phẩm, Liên hệ, Giới thiệu …
Có khi menu cũng được đặt ở Scan columns hay Footer, những thành phần này bạn sẽ gặp ở phần tiếp theo.
Ô tìm kiếm (Search box)
Đối với những website có rất nhiều bài viết hay sản phẩm, ô tìm kiếm giúp người dùng tìm những thông tin trên website một cách nhanh chóng.
Ở header, ô tìm kiếm thường đặt phía góc phải và được làm đơn giản để không chiếm qua nhiều diện tích. Nó chỉ bao gồm một ô để nhập từ khóa cần tìm và một nút tìm. Nếu bạn nghĩ đến một ô tìm kiếm có nhiều chức năng hơn ví dụ như tìm theo danh mục sản phầm, màu sắc … (thường gọi là tìm kiếm nâng cao), hãy nghĩ đặt nó ở Scan columns.
Home link
Home link hay còn gọi là đường dẫn liên kết đến trang chủ, khi bạn click vào link này sẽ chuyển đến trang chủ của website.
* Trang chủ là gì? trang chủ là trang đầu tiên bạn nhìn thấy khi truy cập vào địa chỉ website như mypage.vn…
* Link là gì? link hay còn gọi là liên kết, link có thể được đặt bên trong hình ảnh hay đoạn text mà khi bạn click vào đó sẽ được chuyển sang một đường dẫn trang web khác.
Home link có thể được 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 nhất như chữ Trang chủ hay Home …
>> Những nguyên tắc cơ bản trong thiết kế website
>> Làm thế nào để website ấn tượng với khách hàng
Menu điều hướng
Là vùng chứa tập hợp các link dẫn đến các trang chính trên website. Thông thường menu sẽ được đặt bên trong header. Menu được thiết kế dễ nhìn, giúp cho người dùng nhanh chóng đi đến các trang chính trên website. Ví dụ bạn thấy menu có thể gồm các link sau như: Trang chủ, Sản phẩm, Liên hệ, Giới thiệu …
Có khi menu cũng được đặt ở Scan columns hay Footer, những thành phần này bạn sẽ gặp ở phần tiếp theo.
Ô tìm kiếm (Search box)
Đối với những website có rất nhiều bài viết hay sản phẩm, ô tìm kiếm giúp người dùng tìm những thông tin trên website một cách nhanh chóng.
Ở header, ô tìm kiếm thường đặt phía góc phải và được làm đơn giản để không chiếm qua nhiều diện tích. Nó chỉ bao gồm một ô để nhập từ khóa cần tìm và một nút tìm. Nếu bạn nghĩ đến một ô tìm kiếm có nhiều chức năng hơn ví dụ như tìm theo danh mục sản phầm, màu sắc … (thường gọi là tìm kiếm nâng cao), hãy nghĩ đặt nó ở Scan columns.
https://uolsocial.socioon.com/read-blog/1570_cach-thiet-ke-trang-web-trong-8-buoc-don-gian.html
Giỏ hàng
Đối với những website bán hàng, bạn để ý sẽ thấy một biểu tượng hình giỏ hàng được đặt phía bên góc phải. Giỏ hàng có thể hiển thị thông tin như: số lượng sản phẩm đã chọn, tổng thành tiền là bao nhiêu? Khi người dùng click vào sẽ được chuyển đến trang giỏ hàng để xem chi tiết các sản phẩm đã đặt mua.
Slider
Thành phần này thường được đặt bên dưới header. Slider phổ biến là hình ảnh, gồm nhiều tấm hình khác nhau nhưng không phải là hiển thị tất cả lên trang web. Slider sẽ có nút điều hướng, giúp bạn có thể di chuyển qua các slide khác. Ngoài ra slide có thể là video.
Slider được thiết kế đẹp sẽ thu hút khách hàng của bạn ngay lần đầu tiên vào trang web. Ngày nay, bạn có thể bắt gặp slide ở rất nhiều trang web khác nhau.
Scan columns (Chia cột website)
Tại sao gọi là “scan columns”, scan giống như là bạn dùng mắt duyệt qua từng phần của trang web, mà cụ thể ở đây là cột (columns). Khái niệm scan columns đã có từ rất lâu, trước đó đã được dùng trong việc xuất bản sách báo. Ngày nay scan columns được áp dụng rộng rãi trong thiết kế website. Các dạng chia cột phổ biến bạn thường bắt gặp như chia 2 cột, 3 cột …
Scan column thường chiếm chiều rộng không quá nhiều, nó có thể chứa các thành phần sau:
– Menu điểu hướng
– Box tìm kiếm nâng cao
– Sản phẩm, bài viết nổi bật
– Thông tin liên hệ
– Banner quảng cáo
– …
https://www.funbooo.com/read-blog/4181_dieu-gi-quan-trong-khi-bat-dau-mot-thiet-ke-trang-web.html
Banner
Có một số trường hợp nhầm lẫn giữa banner và header. Thực ra banner và header là hoàn toàn khác nhau. Từ banner được dùng trong việc quảng cáo như quảng cáo sản phẩm, quảng cáo sự kiện … Banner thông thường sẽ là hình ảnh, được 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 như trên cùng của trang (trên phần header) hay ở scan column. Ngoài ra bạn có thể thấy banner quảng cáo trong video clip như youtube chẳng hạn.
Content area (phần nội dung trang web)
Đây là phần nội dung chính của trang web và chứa thông tin nhiều nhất. Phần nội dung trình bày dễ nhìn, thông tin hay sẽ giữ chân khách hàng của bạn lâu hơn.
Phần nội dung thường chứa các thành phần sau:
– Tiêu đề trang (Page title): thường được đặt ở đầu phần nội dung. Tiêu đề thường có font chữ to và in đậm nhằm cho người dùng biết trang web đang nói về vấn đề gì.
– Breadcrumb navigation (Breadcrumb trails): là thanh điều hướng phân cấp, giúp người dùng biết mình đang ở đâu trên trang web và có thể di chuyển giữa các mục trên trang web một cách nhanh chóng. Bạn để ý những trang tin tức thường có thanh điều hướng này và nó được đặ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 này có thể chứa bất kì thông tin nào, thông thường website sẽ có phần quản trị hay còn gọi là CMS để bạn có thể nhập nội dung này.
Giỏ hàng
Đối với những website bán hàng, bạn để ý sẽ thấy một biểu tượng hình giỏ hàng được đặt phía bên góc phải. Giỏ hàng có thể hiển thị thông tin như: số lượng sản phẩm đã chọn, tổng thành tiền là bao nhiêu? Khi người dùng click vào sẽ được chuyển đến trang giỏ hàng để xem chi tiết các sản phẩm đã đặt mua.
Slider
Thành phần này thường được đặt bên dưới header. Slider phổ biến là hình ảnh, gồm nhiều tấm hình khác nhau nhưng không phải là hiển thị tất cả lên trang web. Slider sẽ có nút điều hướng, giúp bạn có thể di chuyển qua các slide khác. Ngoài ra slide có thể là video.
Slider được thiết kế đẹp sẽ thu hút khách hàng của bạn ngay lần đầu tiên vào trang web. Ngày nay, bạn có thể bắt gặp slide ở rất nhiều trang web khác nhau.
Scan columns (Chia cột website)
Tại sao gọi là “scan columns”, scan giống như là bạn dùng mắt duyệt qua từng phần của trang web, mà cụ thể ở đây là cột (columns). Khái niệm scan columns đã có từ rất lâu, trước đó đã được dùng trong việc xuất bản sách báo. Ngày nay scan columns được áp dụng rộng rãi trong thiết kế website. Các dạng chia cột phổ biến bạn thường bắt gặp như chia 2 cột, 3 cột …
Scan column thường chiếm chiều rộng không quá nhiều, nó có thể chứa các thành phần sau:
– Menu điểu hướng
– Box tìm kiếm nâng cao
– Sản phẩm, bài viết nổi bật
– Thông tin liên hệ
– Banner quảng cáo
– …
https://www.funbooo.com/read-blog/4181_dieu-gi-quan-trong-khi-bat-dau-mot-thiet-ke-trang-web.html
Banner
Có một số trường hợp nhầm lẫn giữa banner và header. Thực ra banner và header là hoàn toàn khác nhau. Từ banner được dùng trong việc quảng cáo như quảng cáo sản phẩm, quảng cáo sự kiện … Banner thông thường sẽ là hình ảnh, được 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 như trên cùng của trang (trên phần header) hay ở scan column. Ngoài ra bạn có thể thấy banner quảng cáo trong video clip như youtube chẳng hạn.
Content area (phần nội dung trang web)
Đây là phần nội dung chính của trang web và chứa thông tin nhiều nhất. Phần nội dung trình bày dễ nhìn, thông tin hay sẽ giữ chân khách hàng của bạn lâu hơn.
Phần nội dung thường chứa các thành phần sau:
– Tiêu đề trang (Page title): thường được đặt ở đầu phần nội dung. Tiêu đề thường có font chữ to và in đậm nhằm cho người dùng biết trang web đang nói về vấn đề gì.
– Breadcrumb navigation (Breadcrumb trails): là thanh điều hướng phân cấp, giúp người dùng biết mình đang ở đâu trên trang web và có thể di chuyển giữa các mục trên trang web một cách nhanh chóng. Bạn để ý những trang tin tức thường có thanh điều hướng này và nó được đặ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 này có thể chứa bất kì thông tin nào, thông thường website sẽ có phần quản trị hay còn gọi là CMS để bạn có thể nhập nội dung này.
https://www.funbooo.com/read-blog/4232_tieu-chi-mo-ta-thong-tin-thiet-ke-website-chuyen-nghiep.html
– Paging navigation (điều hướng phân trang): đối với những trang web chứa rất nhiều nội dung như một trang trình bày danh sách sản phẩm hay danh sách bài viết, việc phân trang nhằm giúp giảm tải cho trang web để trang web load nhanh hơn, nó cũng giúp cho người dùng không phải cuộn chuột quá nhiều. Điều hướng phân trang thường được đặt ở đầu, cuối hay cả đầu và cuối trong phần nội dung trang.
– Thanh thông tin: thường được đặt ở đầu hay cuối phần nội dung trang, thanh thông tin thường bao gồm các thông tin như ngày đăng bài viết, tác giả là ai, số lượt xem bài viết …
– Thanh chia sẻ mạng xã hội: bao gồm các nút chia sẻ trang qua các mạng xã hội phổ biến như Facebook, Google, Twitter…
Page footers
Còn gọi là chân trang, nằm ở vị trí cuối cùng của trang web và được hiển thị ở tất cả các trang trong website của bạn.
Chân trang thường chứa các thành phần sau:
– Thông tin bản quyền website
– Link liên kết
– Menu
Sưu tầm
_________________________
Thiết kế web:
– Paging navigation (điều hướng phân trang): đối với những trang web chứa rất nhiều nội dung như một trang trình bày danh sách sản phẩm hay danh sách bài viết, việc phân trang nhằm giúp giảm tải cho trang web để trang web load nhanh hơn, nó cũng giúp cho người dùng không phải cuộn chuột quá nhiều. Điều hướng phân trang thường được đặt ở đầu, cuối hay cả đầu và cuối trong phần nội dung trang.
– Thanh thông tin: thường được đặt ở đầu hay cuối phần nội dung trang, thanh thông tin thường bao gồm các thông tin như ngày đăng bài viết, tác giả là ai, số lượt xem bài viết …
– Thanh chia sẻ mạng xã hội: bao gồm các nút chia sẻ trang qua các mạng xã hội phổ biến như Facebook, Google, Twitter…
Page footers
Còn gọi là chân trang, nằm ở vị trí cuối cùng của trang web và được hiển thị ở tất cả các trang trong website của bạn.
Chân trang thường chứa các thành phần sau:
– Thông tin bản quyền website
– Link liên kết
– Menu
Sưu tầm
_________________________
Thiết kế web:
Địa chỉ: 27 Hoàng Hoa Thám, Phường 6, Quận Bình Thạnh,
TP.HCM
Hotline: 082 878 6789
Email: info@mypage.vn
Xem thêm: https://www.mypage.vn/
MYPAGE là công ty thiết kế web chuyên nghiệp uy tín có trụ sở chính tại TP HCM. Khi bạn tìm đến với công ty thiết kế web Mypage bạn có thể tin tưởng một điều là website của bạn sẽ là website chuyên nghiệp, sang trọng, phù hợp với tất cả các thiết bị di động cũng như công cụ tìm kiếm nhưng nó cũng mang phong cách riêng của doanh nghiệp. Hiện nay, Mypage đang được khách hàng tin dùng với hơn 5000 doanh nghiệp tìm đến Mypage để thiết kế website cũng như giao dịch các dịch vụ liên quan đến website.
Trả lờiXóaChúng tôi cung cấp dịch vụ thiết kế website trên mọi lĩnh vực từ:
+ Thiết kế web theo mẫu
+ Thiết kế web theo yêu cầu
+ Thiết kế web chuyên nghiệp
+ Thiết kế web chuẩn seo
+ Thiết kế web theo chuẩn mobile
+ Thiết kế web trọn gói
+ Nâng cấp website
+ Chăm sóc website chuyên nghiệp
+ Dịch vụ hosting, domain…
Mypage rất hân hạnh phục vụ quý khách!
………………………….My Nguyễn………………………….
Thiết kế website chuyên nghiệp chuẩn SEO trọn gói Mypage