dịch vụ thiết kế website

Dịch vụ thiết kế website là gì:

- Dịch vụ thiết kế website là dịch vụ xây dựng, thiết kế website chyên nghiệp cho các doanh nghiệp, đơn vị, tổ chức nhằm quảng bá, giới thiệu hay nâng cao hiệu quả kinh doanh

- Sử dụng dịch vụ thiết kế website để xây dựng một “showroom” trên Internet – nơi trưng bày và giới thiệu thông tin, hình ảnh, sản phẩm, dịch vụ của doanh nghiệp. Website là nơi buôn bán, gặp gỡ giữa các doanh nghiệp và người tiêu dùng. Qua đó doanh nghiệp có thể giúp đỡ, tư vấn và thăm dò thị hiếu của các khách hàng

- Sử dụng dịch vụ thiết kế website giúp nâng cao hiệu quả trao đổi thông tin giữa các doanh nghiệp với doanh nghiệp, giữa doanh nghiệp với các tổ chức và chính phủ

- Sử dụng dịch vụ thiết kế website giúp tiết kiệm chi phí kinh doanh vì website chính là văn phòng làm việc, là nơi bán hàng mà không cần mặt bằng, không cần tiện nghi, là nơi lấy đơn đặt hàng, lấy đơn đăng ký của khách hàng

Khuyến mại dịch vụ thiết kế website

Tại sao các công ty lại cần sử dụng dịch vụ thiết kế website:

- Thông qua website doanh nghiệp có thể dễ dàng quảng bá thương hiệu, dịch vụ, sản phẩm của mình.

- Thông qua website doanh nghiệp dễ dàng tăng doanh thu hàng tháng.

- Xây dựng website tiết kiệm chi phí quảng cáo (nếu theo cách quảng cáo thông thường mất vài triệu đồng 1 tháng).

Tại sao lại chọn dịch vụ thiết kế website tại Giải Pháp IT Việt Nam

- Giải Pháp IT Việt Nam cung cấp dịch vụ thiết kế website chuyên nghiệp, hiện đại theo phong cách mỹ thuật nước ngoài, bố cục hợp lý, màu sắc hài hòa.

- Giải Pháp IT Việt Nam cung cấp dịch vụ thiết kế website có tính mở cao, dễ dàng quản trị cho người sử dụng, dễ dàng thay đổi, nâng cấp, mở rộng website khi cần thiế

- Giải Pháp IT Việt Nam cung cấp dịch vụ thiết kế website tối ưu hóa cao về mặt cấu trúc, nội dung, chức năng nhằm đạt hiệu quả cao trong việc quảng bá Website trên Google (SEO – tối ưu hóa bộ máy tìm kiếm).

- Sử dụng dịch vụ thiết kế website tại Giải Pháp IT Việt Nam bạn sẽ được hỗ trợ kỹ thuật nhiệt tình 24/7, sử dụng 1 lần – hỗ trợ mãi mãi

Ưu đãi khuyến mại lớn cho dịch vụ thiết kế website

+ Miễn phí domain quốc tế và hosting trong vòng 1 năm khi KH chọn gói thiết kế website tiêu chuẩn và nâng cao (Xem báo giá)

+ Miễn phí đăng tin bài, giới thiệu, liên hệ, hình ảnh, sản phẩm lần đầu đối với tất cả khách hàng sử dụng dịch vụ thiết kế website

+ Miễn phí tư vấn, tạo mẫu giao diện demo ngay khi khách hàng có nhu cầu xây dựng website mà không cần phải ký kết hợp đồng (Việc ký kết hợp đồng sẽ chỉ thực hiện khi khách hàng đã hài lòng toàn bộ về giao diện thiết kế)

+ Miễn phí tư vấn các vấn đề liên quan tới CNTT nếu khách hàng gặp khó khăn

Liên hệ: 0918.660.089/0914.598.255 - 0463.292.255 (Ms Hà)

Email: Hant@itsolution.com.vn - Yahoo: Missha2311 - Website: www.itsolution.com.vn

mua sach truc tuyennha sach minh khainhan chung hoc50 sac thai tap 4sachgiamgiasach tam ly hoctu dien han viet hien dai
 

Mỗi trang web đều cần một lĩnh vực trung tâm nào đó để tồn tại. Biết được lĩnh vực trung tâm của mình là gì giúp bạn không bị hoang mang mỗi khi có tác động hay áp lực từ bên ngoài. Bạn nên kiên định với chính mình và luôn nghĩ rằng thà ta làm tốt một việc còn hơn là làm nhiều việc mà không việc nào được thực sự hoàn mỹ.

Lĩnh vực trung tâm

Lĩnh vực trung tâm

Khi những chiến lược khác đã được hình thành như bạn đã có mục tiêu hành động, chủ đề cho trang web, đối tượng người đọc chính … lúc này là lúc bạn nên xác định “Lĩnh vực trung tâm” và sẽ là nơi bạn dồn hết tâm huyết để xây dựng. Trong kinh doanh thuật ngữ này được gọi là

Core Business.

Trước hết tôi sẽ lấy một ví dụ trong môi trường kinh doanh về Lĩnh vực trung tâm để bạn thấy được tầm quan trọng của nó và vì sao những công ty lớn lại làm rất tốt điều này. Microsoft, một công ty phần mềm nổi tiếng toàn thế giới. Không cần phải nói bạn cũng biết họ thành công đến mức nào trong lĩnh vực phần mềm. Hơn 90% số lượng máy tính trên toàn cầu sử dụng hệ điều hành Windows của Microsoft. Các hãng sản xuất máy tình hàng đầu cũng có hợp đồng sử dụng

Windows của Microsoft. Nhưng câu hỏi đặt ra là “tại sao Microsoft không xây dựng một công ty sản xuất máy tính với thương hiệu là Microsoft?” họ không đủ tiềm lực tài chính? chưa chắc! bởi vì hơn ai hết họ biết rằng thế mạnh của họ là phần mềm, do vậy họ nhường lại công đoạn sản xuất phần cứng cho những công ty khác. Vì nếu như họ lan sang sản xuất nguyên chiếc máy tính, dĩ nhiên lĩnh vực trung tâm của họ sẽ bị chia đôi, và họ không thể toàn tâm toàn lực để phát triển phần mềm. Một khi thế mạnh này bị mất đi, vị thế độc tôn của họ cũng sẽ bị lung lay.

Trong thế giới mạng cũng vậy, khi bạn muốn làm về một trang web có chủ đề về phim ảnh và bạn xác định đây sẽ là lĩnh vực trung tâm của mình. Lúc đó bạn nên dồn tổng lực để phát triển lĩnh vực này, bạn có thể viết về tất cả các bộ phim mới ra, phim tài liệu, phim nước ngoài v.v..

Nói chung bạn có thể làm tất cả những gì liên quan đến phim ảnh. Nhưng bạn không nên tham lam quá mà lấn sang lĩnh vực âm nhạc, chỉ vì bạn nghĩ nó cũng thu hút được người đọc.

Đúng là nếu bạn làm tốt được cả hai lĩnh vực thì không gì bằng. Nhưng bạn cũng thấy rằng to lớn như Microsoft cũng không dám lấn sân sang phần cứng thì bạn cũng không nên quá ôm đồm.

Nhiều trang web chỉ vì ôm đồm mà đã vô tình làm mất đi nét đặc trưng vốn có của nó.

Trong kinh doanh mỗi khi muốn quyết định mở rộng lĩnh vực kinh doanh, họ phải tính toán rất nhiều vì quyết định đó có ảnh hưởng đến tài chính. Nhưng trong một trang web, việc lấn sân xảy ra chỉ đơn giản bằng việc tạo thêm vài box trong diễn đàn. Việc tạo ra các box chỉ mất vài phút, nhưng thời gian để xây dựng nội dung box đó trở nên phong phú mới lâu. Tạo box ra chỉ để diễn đàn thêm dài và đẹp mắt là điều không cần thiết.

Kết luận

Mỗi trang web đều cần một lĩnh vực trung tâm nào đó để tồn tại. Biết được lĩnh vực trung tâm của mình là gì giúp bạn không bị hoang mang mỗi khi có tác động hay áp lực từ bên ngoài. Bạn nên kiên định với chính mình và luôn nghĩ rằng thà ta làm tốt một việc còn hơn là làm nhiều việc mà không việc nào được thực sự hoàn mỹ.

mua sach truc tuyennha sach minh khainhan chung hoc50 sac thai tap 4sachgiamgiasach tam ly hoctu dien han viet hien dai
 

Có hai loại sitemap một loại là HTML sitemap và XML Sitemap. HTML sitemap được sử dụng chủ yếu cho người đọc biết được sơ đồ của trang  thiết kế web và họ có thể dễ dàng tìm kiếm thông tin hơn. Loại thứ hai là XML Sitemap được tạo ra để dành riêng cho các công cụ tìm kiếm. Nó báo cho các công cụ tìm kiếm về cấu trúc của trang web, tần suất cập nhật nội dung của trang vàtrang nào được ưu tiên hơn trong kết quả tìm kiếm.

Bạn nên dùng XML Sitemap cho trang thiết kế web

Bạn nên dùng XML Sitemap cho trang thiết kế web

Có hai loại sitemap một loại là HTML sitemap và XML Sitemap. HTML sitemap được sử dụng chủ yếu cho người đọc biết được sơ đồ của trang  thiết kế web và họ có thể dễ dàng tìm kiếm thông tin hơn. Loại thứ hai là XML Sitemap được tạo ra để dành riêng cho các công cụ tìm kiếm. Nó báo cho các công cụ tìm kiếm về cấu trúc của trang web, tần suất cập nhật nội dung của trang vàtrang nào được ưu tiên hơn trong kết quả tìm kiếm.

Trong bài này chúng ta sẽ chỉ nghiên cứu đến loại thứ 2 là XML Sitemaps được Google giới thiệu lần đầu tiên từ năm 2005. XML Sitemap đơn giản là một danh sách bao gồm tất cả các trang trong trang web của bạn. Tạo và khai báo Sitemap cho google giúp Google biết về sự tồn tại của tất cả các trang trong trang web của bạn, bao gồm địa chỉ URL mà có thể robot của Google không tìm thấy được.

Sau khi Google giới thiệu XML Sitemap, Yahoo! và MSN cũng sử dụng Sitemap để index các trang web. Nếu bạn tạo XML Sitemap cho Google, bạn không cần phải thay đổi gì hết bởi vì cả 3 công cụ tìm kiếm này đều có cùng chung một tiêu chuẩn.

Tại sao bạn nên dùng Sitemap

 Nếu trang thiết kế web của bạn rơi vào một trong những hạng mục sau thì Sitemap sẽ rất có ích cho trang web của bạn

 Trang thiết kế web của bạn là web động

 Trang web của bạn sử dụng AJAX hoặc Flash làm cho robot tìm kiếm của Google khó tìm thấy được

 Trang web của bạn vừa được phát triển và ít có liên kết đến. Bởi vì Googlebot crawl web bằng cách đi theo các đường link liên kết từ trang này qua trang khác, cho nên nếu trang web của bạn không được link đến nhiều, sẽ rất khó cho Googlebot tìm được trang của bạn.

 Trang web của bạn có nhiều trang nội dung khác nhau nhưng không được liên kết với nhau hoặc liên kết giữa chúng không nhiều.

Bên cạnh đó, Sitemap có thể giúp Google biết được những thông tin khác về trang web của bạn như là

 Nội dung của bạn được cập nhật thường xuyên hay không. Ví dụ bạn có thể post bài thường xuyên trong blog của bạn, nhưng những trang như Liên Hệ ít được cập nhật hơn.

 Ngày chỉnh sửa nội dung cuối cùng của trang.

 Bạn có thể thiết lập tầm quan trọng của từng trang khác nhau. Ví dụ Trang Chủ sẽ có tầm quan trọng là 1.0 điểm, trang con nằm trong trang chủ như Categories được 0.8 điểm, và các bài post được 0.5 điểm. Thang điểm này chỉ có tác dụng chỉ ra tầm quan trọng của một địa chỉ URL cụ thể so với những địa chỉ URL khác trong trang của bạn, nó không ảnh hưởng đến PageRank của trang trong kết quả tìm kiếm của Google

Định dạng XML Sitemap

Trong phần này bạn sẽ học qua về định dạng của XML Sitemap và các thẻ XML của nó. Tất cả các thẻ của Sitemap đều phải có thẻ đóng ở cuối cùng và Sitempa buộc phải được mã hoá với UTF-8.

Dưới đây là một trang Sitemap ví dụ, chỉ có một đường link URL và các thẻ tuỳ biến đi kèm. Nếu bạn muốn tạo Sitemap cho trang của mình, bạn phải khai báo TẤT CẢ các địa chỉ URL của trang web.

Kết luận

XML Sitemap cung cấp thêm thông tin cần thiết về trang  thiết kếvweb của bạn cho Google mà phương pháp crawl thông thường của Google có thể bỏ sót. Tạo XML Sitemap không hề mất thời gian, khai báo với Google cũng rất đơn giản. Nhưng hiệu quả mà nó mang lại cho trang thiết kế web của bạn cũng rất lớn. Bất cứ thứ gì có lợi cho trang thiết kế web của bạn, bạn cũng nên áp dụng cho mình.

mua sach truc tuyennha sach minh khainhan chung hoc50 sac thai tap 4sachgiamgiasach tam ly hoctu dien han viet hien dai
 

Với sự bùng nổ của cuộc chiến giữa các trình duyệt thiết kế website thì người dùng có nhiều lựa chọn hơn cho mình. Trước đây hầu hết các máy tính đều sử dụng Internet Explorer của Microsoft. Thì nay người dùng có thể chọn giữa các trình duyệt phổ biến như FireFox, Safari, Opera và Chrome.

Bạn nên sử dụng IE Tester

Bạn nên sử dụng IE Tester

Với sự bùng nổ của cuộc chiến giữa các trình duyệt thiết kế website thì người dùng có nhiều lựa chọn hơn cho mình. Trước đây hầu hết các máy tính đều sử dụng Internet Explorer của Microsoft. Thì nay người dùng có thể chọn giữa các trình duyệt phổ biến như FireFox, Safari, Opera và Chrome.

Nếu trước đây bạn chỉ phải thiết kế cho IE thì giờ đây bạn phải lo đến việc trang web của bạn phải tương thích với các trình duyệt phổ biến. Điều gây phiền toái nhất lại là các trình duyệt này có những điểm không tương đồng. Do vậy đôi khi giao diện của bạn hiện ra hoàn hảo ở trình duyệt này, nhưng lại không được như ý ở các trình duyệt khác. Ví dụ ở Firefox hộp nội dung của bạn có bo tròn góc đẹp mắt, nhưng sang IE thì nó lại vuông thành sắc cạnh v.v..

Chính vì thế khi thiết kế web, điều rất quan trọng là bạn phải kiểm tra trang web của mình trên hầu hết các trình duyệt phổ biến được nêu ở trên. Nhưng cũng giống như một “cô nàng” đỏng đảnh, IE luôn kiếm ra chỗ để thể hiện bản tính “đỏng đảnh” của mình. Với các trình duyệt phổ biến khác thì việc update nó lên một phiên bản mới nhất được thực hiện hoàn toàn tự động và nhanh gọn. Đơn giản như FireFox, mỗi khi có phiên bản mới nó sẽ hiện một bản thông báo cho bạn biết và khi bạn restart lại FireFox nó sẽ tự động update bạn lên phiên bản mới nhất.

Nhưng với IE thì không thế. Đến bây giờ là cuối năm 2009 nhưng vẫn có người sử dụng trình duyệt IE 6. Cụ thể là ở izwebz cho đến bây giờ có tổng cộng 479 lượt truy cập bằng IE 6 chiếm 31.66% lượng người truy cập bằng trình duyệt IE. Tuy con số không quá lớn so với tổng số lượng truy cập, nhưng ít nhất cũng có một lượng nhỏ người đọc không thể sử dụng được hoặc thiếu sót những phần trên trang web của bạn, nếu trang web của bạn không tương thích với trình duyệt IE 6.

Do vậy việc kiểm tra trang web của bạn trên trình duyệt IE 6 là điều làm không thừa và hoàn toàn cần thiết. Nhưng IE có nhiều phiên bản và mỗi “nàng” một tính đúng là “mỗi người một vẻ mười phân vẹn mười”. Mà bạn thì không thể install hết tất cả các phiên bản được. Do đó, bạn có thể sử dụng phần mềm miễn phí IE Tester tích hợp đủ các phiên bản từ IE 5.5 cho đến phiên bản hiện đại nhất bây giờ (lúc đang viết bài này) là 8.0.

Tôi thường xuyên sử dụng IE Tester để kiểm tra thử tính tương thích của giao diện với các phiên bản của IE. Tôi cũng khuyên bạn nên sử dụng phần mềm này. Vì nó gọn nhẹ, miễn phí và cũng khá thân thiện với người dùng.

 

mua sach truc tuyennha sach minh khainhan chung hoc50 sac thai tap 4sachgiamgiasach tam ly hoctu dien han viet hien dai
 

Nếu bạn là người mới tập thiết kế website, chắc chắn bạn sẽ mắc phải nhiều sai lầm. Do vậy để giảm thiểu những sai lầm mà có thể tránh được, bạn hãy ghi nhớ những điều sau đây

Những điều nên tránh khi thiết kế website

Những điều nên tránh khi thiết kế website

Nếu bạn là người mới tập thiết kế website, chắc chắn bạn sẽ mắc phải nhiều sai lầm. Do vậy để giảm thiểu những sai lầm mà có thể tránh được, bạn hãy ghi nhớ những điều sau đây

1. Không nên quá phức tạp

Bạn không nên thiết kế website quá phức tạp và phá cách. Bạn không cần phải cho tất cả những hình ảnh bạn kiếm được lên trang web. Bạn hãy lựa chọn thật kỹ lưỡng những gì thực sự có liên quan đến đề tài của trang web hoặc ít nhất có liên quan đến những gì bạn đang viết. Đừng chỉ cho hình ảnh lên trang web chỉ vì bạn thấy nó đẹp

2. Dung lượng file không quá lớn

Tuy hiện nay số lượng người sử dụng ADSL đang gia tăng, nhưng với một trang web quá nặng về hình ảnh, cũng sẽ mất vô số thời gian để trình duyệt load hết.

3. Thanh menu thật đơn giản

Những vị trí được nhiều người quen dùng là bên tay trái và dưới banner. Ngưởi đọc sẽ có thói quen nhìn về phía đó nhiều nhất. Do vậy bạn nên tạo thanh menu đơn giản, không cần quá cầu kỳ về graphic. Miễn sao nó dễ đọc, dễ hiểu và người đọc có thể tưởng tượng ra được cấu trúc trang web của bạn qua thanh menu.

4. Mua domain cho riêng bạn

Tiền mua domain thực sự không đắt, chỉ khoảng dưới $10. Với domain cấp 1, trang web của bạn nghiễm nhiên được người đọc công nhận là nghiêm túc và có giá trị hơn những domain miễn phí dạng tentrangweb.freedomain.com. Hơn nữa, domain của riêng bạn cũng giúp họ dễ nhớ hơn.

5. Phải có thông tin liên hệ

Bạn nên luôn luôn để lại email trên trang web để người dùng có thể liên lạc với bạn nếu học có câu hỏi, gợi ý hoặc thậm chí đặt quảng cáo hoặc tài trợ cho trang web của bạn.

6. Font chữ đơn giản

Bạn không nên chọn font quá phức tạp chỉ vì bạn thích nó. Nên nhớ rằng có thể bạn có font đó trong máy, nhưng chưa chắc tôi đã có. Do vậy bạn nên xài font chữ phổ biến nhất như là Arial, Times New Roman.

7. Tránh dùng chữ gạch chân

Theo thói quen sử dụng, người dùng cứ thấy chữ gạch chân là họ nghĩ đó là đường link. Do vậy để tránh nhầm lẫn, bạn nên dùng kiểu chữ khác để đánh dấu những đoạn quan trọng

8. Màu sắc hài hoà

Theo những nghiên cứu cho biết, mắt người thấy dễ chịu nhất khi đọc chữ đen trên nền trắng. Do vậy bạn không nên chọn màu sắc quá chói trừ khi màu đó phục vụ một mục đích cụ thể. Chữ xanh lá cây trên nền đen là một ví dụ nên tránh.

9. Tuyệt đối không nên dùng hình nền và nhạc nền

Tôi thấy nhiều trang web sử dụng một tấm hình bự thiệt bự làm nền và còn chọn một bản nhạc nào đó nữa. Điều đó không cần thiết bởi vì hình nền thứ nhất làm rối mắt và giảm tốc độ load. Nhạc nền còn tệ hơn nữa bởi vì bài hát đó có thể bạn thích, nhưng tôi thì không. Khi đọc thông tin mà nó cứ oe oé thì khó chịu lắm.

10. Không nên dùng hiệu ứng cho trỏ chuột

Trước đây có nhiều trang web sử dụng Javascript để trang trí thêm cho con trỏ chuột những hiệu ứng lấp lánh, sao bay, đồng hồ bay theo chuột. Những script này tạo ra chỉ để dùng cho những trang cho trẻ con, nó chỉ làm người đọc thêm khó chịu

11. Tránh sử dụng Flash

Flash là một chương trình hay để tô điểm cho trang web. Nhưng nhược điểm của nó là tăng đáng kể thời gian load trang web đó. Do vậy bạn nên tránh sử dụng flash ở trang chủ và chỉ sử dụng flash khi thực sự cần thiết

12. Kiểm tra xem trang của bạn có tương thích với những trình duyệt phổ biến

Bạn hãy tự kiểm tra xem khi đọc trang web của bạn với những trình duyệt phổ biến có chỗ nào chưa được không và chỉnh sửa ngay nếu bạn phát hiện lỗi.

13. Luôn kiểm tra các đường link

Bạn nên kiểm tra các đường liên kết trên trang web của bạn thường xuyên và nhớ kiểm tra cả những hình ảnh minh hoạ xem nó còn hiển thị hay không. Những đường link hỏng hoặc hình ảnh bị mất làm mất điểm trang web của bạn.

mua sach truc tuyennha sach minh khainhan chung hoc50 sac thai tap 4sachgiamgiasach tam ly hoctu dien han viet hien dai
 

Hiện nay có rất nhiều thể loại website khác nhau trên thị trường, mỗi loại có những tính chất, đặc điểm khác nhau và chúng cũng có những cái nên và không nên trong thiết kế website và nội dung. Trong bài viết này, mình sẽ giúp các bạn làm rõ điều đó qua 6 loại thiết kế website phổ biến hiện nay.

Những điều nên và không nên trong thiết kế website

Những điều nên và không nên trong thiết kế website

Hiện nay có rất nhiều thể loại website khác nhau trên thị trường, mỗi loại có những tính chất, đặc điểm khác nhau và chúng cũng có những cái nên và không nên trong thiết kế website và nội dung. Trong bài viết này, mình sẽ giúp các bạn làm rõ điều đó qua 6 loại thiết kế website phổ biến hiện nay.

Trang web thông tin – tin tức

Đặc điểm: Có chức năng cung cấp thông tin, có thể về một lĩnh vực nhất định (về thể thao, chính trị), hoặc có thể là nhiều lĩnh vực thường là các website của các tòa soạn báo như tuổi trẻ, thanh niên hoặc các trang báo điện tử (kênh 14, vnexpress,…)

Được cập nhật hàng ngày, hàng tuần và thậm chí từng giờ, từng phút ( đối với các website về chứng khoán hoặc tài chính).

Các website tham khảo:Vnexpress, Báo tuổi trẻ, Kênh 14

Lưu ý:

 Nên: Nguồn thông tin nhanh chóng, cập nhật liên tục và chính xác. Thiết kế phải đơn giản, gọn nhẹ, không dùng nhiều hình ảnh cho phần giao diện của website, đặc biệt quan tâm màu của phần nền và chữ. Tốc độ truy cập nhanh.

 Không nên: Đưa những thông tin sai lệch, thiếu chính xác (xem bài “Nguyên tắc ABC“), bố trí nội dung không phù hợp. Thiết kế chứa quá nhiều hình ảnh (làm người xem phải đợi lâu khi load).

Trang web về thương mại dịch vụ (E-commerce)

Đặc điểm: Đây là website của doanh nghiệp, các cơ quan cung cấp dịch vụ, các cửa hàng….

Loại website này có hai mục đích chính là: giới thiệu sản phẩm và bán sản phẩm tới cho khách hàng.

Các website tham khảo: Nhân hòa, Travel, Paypal

Lưu ý:

 Nên: Thông tin về sản phẩm phải thể hiện rõ ràng, có trật tự, bố trí tốt nhất để khách hàng có thể nhận biết được các đặc tính quan trọng và nổi bật của sản phẩm, đặc biệt là phải có giá phải rõ ràng (giá bán lẽ hay bán sĩ, giá đã bao gồm thuế hay chưa?). Màu sắc cần theo màu chủ đạo của cửa hàng hay sản phẩm, dịch vụ.

 Khuyến khích dùng thiết kế Z-Layout sẽ đạt hiệu quả cao.

 Không nên: Sử dụng các loại thiết kế, phức tạp, quá phá cách, nền và nội dung quá chói, khiến người xem khó chịu. Không niên yết giá sản phẩm, dịch vụ hoặc giá không rõ ràng.

 Đối với các website về dịch vụ như du lịch: không nên dùng hình ảnh hư thực, khẩu hiệu dùng những kĩ thuật hiệu ứng hình ảnh không cần thiết.

Website về văn hóa – nghệ thuật

Đặc điểm: là website về văn hóa nghệ thuật như hội họa, thơ văn, nhíp ảnh hay tôn giáo. Website này có thể cung cấp thông tin về lịch sử (sự ra đời của môn nghệ thuật), nhân vật (thi sĩ, họa sĩ), tác phẩm (thơ, văn, tranh ảnh) v.v…

Website tham khảo: Họa sĩ Việt Nam, Poetry,Art Web, Poetry foundation

Lưu ý:

 Nên: Màu sắc, cách thể hiện nên phù hợp với từng loại hình văn hóa nghệ thuật. Giao diện website phải thể hiện được chủ đề, thông tin chính cho loại hình website. Nếu là website nghệ thuật nên có một chút phá cách nhưng phải theo khuôn khổ của loại hình nghệ thuật. Logo cần phải tinh tế, diễn tả được nội dung của môn nghệ thuật.

 Không nên: Những bài viết không theo tiêu chí của website. Thiết kế hoa hòe, lòe loẹt, không theo đúng chủ đề của website.

 Đối với các website về văn hóa: không nên đăng các quảng cáo nhạy cảm.

Website giải trí

Đặc điểm: Là website mang tính chất giải trí hoặc kinh doanh bằng hình thức giải trí. Ví dụ: các website nghe nhạc, xem phim, webgame, hình ảnh vui, đánh bạc, casino v.v… Website tham khảo:Zing Mp3, Youtube, Vimeo, Tuyện cười tiếu lâm

Lưu ý:

 Nên: Dùng các màu sắc nhẹ nhàng, mang tính chất thư giản (xanh da trời, xanh lá,…).

Nội dung nên phong phú, đang dạng.

 Không nên: Dùng màu nặng nề (đỏ, tím), gợi buồn. Nội dung quá nhàm chán, cập nhật nội dung chậm chạm. Đang tải các nội dung thiên về chính trị, tôn giáo. Đang tải quảng cáo quá nhiều, gây phiền phức.

Website học tập nghiên cứu

Đặc điểm: thường được xây dựng dưới dạng forum hoặc blog chia sẽ. Giao diện đơn giản, gọn gàng. Mục đích, chia sẽ kiến thức, công trình nghiên cứu. Thường là các website phi thương mại. Nội dung do thành viên tự nguyện cung cấp.

Website tham khảo:Izwebz, Webdesign+, Psd+

Lưu ý:

 Nên: Màu sắc cuốn hút, nghiêm túc, sạch sẽ. Nội dung phải được xếp gọn gàng theo chức năng và phải có hệ thống phân cấp bậc. Giao diện thiết kế phù hợp với đối tượng.

 Không nên: Thương mại hóa các bài giải, công trình nghiên cứu được thành viên chia sẽ. Đang tải quá nhiều quảng cáo flash. Các popup gây phiền cho người xem.

Website cá nhân (Portfolio)

Đặc điểm: giới thiệu về một nhân vật nào đó (ca sĩ, diễn viên,…) hay chính bản thân của người thiết kế. Mỗi freelancer thường có một website cá nhân riêng, để thể hiện các tác phẩm, bản thân, các kỹ năng, và liên hệ, .v.v….

Website tham khảo:eurors cg colombia, Egopop, Awwwards

Lưu ý:

 Nên: Tạo một phong cách riêng từ tên miền, cho tới nội dung, cách thiết kế. Thể hiện được cá tính độc lập, phải có đầy đủ thông tin về bản thân, cách thức liên hệ, sản phẩm đã tường làm, khách hàng đã từng cộng tác.

 Thiết kế phải mang tính chất sáng tạo, mang tính chất phá cách và phải có dấu ấn riêng, mang gu thẩm mỹ của riêng mình. Nên dùng từ 2 ngôn ngữ trở lên.

 Nên có Blog riêng để chia sẽ về các kinh nghiệm, bài hướng dẫn, về cuộc sống,v.v….

 Không nên: thiếu thông tin hoặc thông tin không chính xác. Không có sản phẩm minh họa. Thiết kế trùng lấp hoặc lấy ý tưởng của người khác.

mua sach truc tuyennha sach minh khainhan chung hoc50 sac thai tap 4sachgiamgiasach tam ly hoctu dien han viet hien dai
 

Đây là nguyên tắc rất quan trọng cho nên tôi muốn nhắc lại lần nữa. Mỗi khi sử dụng div trong thiết kế website bạn hãy nhớ đến ví dụ chuyển đồ ở trên. Nếu bạn không gói từng đồ riêng biệt trong từng hộp thì bạn cũng đừng bao các thành phần khác nhau trong một thẻ div trong thiết kế website riêng biệt. Thứ hai, mỗi khi bạn phải sử dụng đến thẻ div thứ hai trong cùng một thành phần, hãy tự hỏi mình xem nó có thực sự cần thiết hay không.

Lỗi thường gặp khi sử dụng div trong thiết kế website

Lỗi thường gặp khi sử dụng div trong thiết kế website

Một vấn đề nghiêm trọng nhất khi sử dụng div trong thiết kế website là sử dụng quá nhiều thẻ div không cần thiết. Div trong thiết kế website chỉ nên được sử dụng là một dàng hộp chứa nội dung khi mà các thành phần block element khác không thể làm được. Khi code HTML của bạn lồng nhiều thẻ div vào với nhau, đó là lúc bạn nên xem lại code của mình có vấn đề. Mỗi khi bạn định thêm một thẻ div, hãy nghĩ lại lần nữa xem mình có thực sự cần nó không.

Hình tượng hóa một chút cho bạn dễ hiểu. Giả sử khi bạn làm giao diện cũng giống như bạn gói gém đồ đạc để chuyển nhà. Bạn muốn cho tất cả đồ đạc của mình vào hộp để di chuyển. Nhưng bạn muốn phần loại nó ra cho dễ quản lý. Sách bào vào một hộp, băng đĩa vào một hộp, chăn ga gối đệm vào một hộp, máy tính game vào một hộp v.v.. Như thế thì rất hợp lý và không ai có thể nói được gì. Nhưng tưởng tượng khi bạn gói hộp có id= Sách Vở bạn sẽ không gói từng quyển sách vào một hộp nhỏ chứ?.

Điều mà mọi người thường làm là cho hết tất cả sách vở vào hộp có id=sach_vo chứ không ai lại gói từng cuốn sách vào một hộp riêng rồi lại cho hết các hộp nhỏ này vào một hộp lớn. Như thế nó vừa khó quản lý, tốn kém thời gian, bày bừa nhà cửa, hao tốn tài nguyên .v.v

Tương tự khi sử dụng div. Khi bạn tạo một div trong thiết kế website với id=’banner’ thì bạn sẽ cho hết những gì liên quan đến banner vào trong thẻ div này. Tất cả những thứ như logo, Slogan, Navigation v.v.. sẽ nằm trong div này và các thành phần này không cần phải có div bao quanh từng thành phần nhỏ nữa.

 

Nguyên tắc khi sử dụng div

Đây là nguyên tắc rất quan trọng cho nên tôi muốn nhắc lại lần nữa. Mỗi khi sử dụng div trong thiết kế website bạn hãy nhớ đến ví dụ chuyển đồ ở trên. Nếu bạn không gói từng đồ riêng biệt trong từng hộp thì bạn cũng đừng bao các thành phần khác nhau trong một thẻ div trong thiết kế website riêng biệt. Thứ hai, mỗi khi bạn phải sử dụng đến thẻ div thứ hai trong cùng một thành phần, hãy tự hỏi mình xem nó có thực sự cần thiết hay không.

mua sach truc tuyennha sach minh khainhan chung hoc50 sac thai tap 4sachgiamgiasach tam ly hoctu dien han viet hien dai
 

Trong bài này tôi sẽ cố gắng giải thích rõ ràng hơn về thẻ div và đưa ra một số ví dụ mà bạn có thể thay vì dùng div thì dùng những thành phần Block Elements khác để thay thế. Nhưng có một nguyên tắc mà bạn có thể sử dụng khi viết code là một khi bạn phải sử dụng đến hơn 2 thẻ div cho một thành phần, thì bạn hãy nghĩ lại và xem xem có thực sự cần đến 2 thẻ div hay không?.

Tránh lạm dụng thẻ Div trong thiết kế website

Tránh lạm dụng thẻ Div trong thiết kế website

Trên izwebz tôi có đăng một video về Sử dụng div đúng cách nhưng video đó vẫn chưa bao quát hết về cách sử dụng thẻ Div. Hơn nữa gần đây khi các bạn có gửi code nhờ tôi hướng dẫn qua email, thì tôi thấy rằng rất nhiều bạn vẫn chưa hiểu tường tận cách sử dụng thẻ div dẫn đến tình trạng lạm dụng thẻ div hoặc sử dụng nó chưa đúng cách.

Trong bài này tôi sẽ cố gắng giải thích rõ ràng hơn về thẻ div và đưa ra một số ví dụ mà bạn có thể thay vì dùng div thì dùng những thành phần Block Elements khác để thay thế. Nhưng có một nguyên tắc mà bạn có thể sử dụng khi viết code là một khi bạn phải sử dụng đến hơn 2 thẻ div cho một thành phần, thì bạn hãy nghĩ lại và xem xem có thực sự cần đến 2 thẻ div hay không?.

Nếu bây giờ bạn hỏi “vậy tại sao tôi không được sử dụng nhiều thẻ div?”. Sử dụng quá nhiều thẻ div hơn mức cần thiết thì bạn đã làm cho code HTML của mình không được “sạch đẹp”. Sau nàycó phải sửa chữa cũng khó khăn và khó quản lý. Đặc biệt khi bạn làm việc với nhóm mà khi họ nhìn vào code HTML của bạn viết mà không hiểu được ý đồ thiết kế của bạn hay các thành phần trên trang như thế nào. Viết code gọn gàng, mạch lạc, dễ đọc dễ hiểu là nguyên tắc hàng đầu mà tất cả các designer ngày càng muốn hoàn thiện mình.

Định nghĩa của thẻ Div

Thẻ div là một dạng Block-level Element nó giúp định dạng một phần của trang web. Cho nên người ta hay sử dụng thẻ div để định dạng cấu trúc cho trang web. Div đơn thuần chỉ là một thành phần trống, không nội dung, không ý nghĩa nếu nó không được khai báo trong CSS. Chính vì thế Div được sử dụng để định dạng một thành phần mà các thành phần Block Element khác không phù hợp. Khi những người mới học về định dạng trang web bằng Div họ có xu hướng sử dụng div nhiều hơn mức cần thiết và tôi gọi vui là “chủ nghĩa duy div”

Sử dụng ban đầu khó hơn Table

Khi mới làm quen với div, bạn nhận thấy nó khó sử dụng hơn Table rất nhiều. Bởi vì Table nó trực quan hơn và đặc biệt là khi bạn sử dụng những chương trình WYSIWYG thì thiết kế web giống như tạo bẳng trong Excel vậy. Nhưng để sử dụng được div theo ý muốn thì bạn phải có kinh nghiệm với CSS, phải biết và hiểu được sự giống và khác nhau giữa Block element và Inline Element, khi nào thì sử dụng float và khi nào thì sử dụng Absolute Position và làm cho giao diện tương thích với mọi trình duyệt.

Đặc biệt là khi bạn chưa hiểu sâu về CSS, khi làm giao diện với div bạn sẽ thấy các thành phần chạy không theo ý muốn và dễ dàng cảm thấy nản và bỏ cuộc. Nhất là khi bạn phải sử dụng div để tạo một giao diện phức tạp với nhiều thành phần khác nhau. Nhưng bạn cứ kiên trì làm giao diện từ nhỏ đến lớn, từ đơn giản đến phưc tạp. Mỗi khi bạn làm thành công một giao diện là bạn đã hiểu thêm một chút về div.

mua sach truc tuyennha sach minh khainhan chung hoc50 sac thai tap 4sachgiamgiasach tam ly hoctu dien han viet hien dai
 

Gif và JPEG là hai định dạng được dùng phổ biến nhất hiện nay trên mạng Internet dùng trong các thiết kế website. Trong bài này các bạn sẽ hiểu thêm về những đặc điểm của từng loại và khi nào bạn nên dùng loại nào

Định dạng hình: GIF, JPEG và PNG trong thiết kế website

 

Định dạng Gif

Định dạng này là phổ biến nhất hiện nay trên mạng Internet. Bởi vì nó có thể nén hình với những màu giống nhau rất tốt, hơn thế nữa nó là định dạng duy nhất hỗ trợ hiệu ứng động cho phép trình duyệt hiển thị trên mạng (trừ khi bạn sử dụng Flash hoặc những định dạng hình động vector khác). Gif cũng hỗ trợ hiệu ứng trong suốt.

Định dạng Gif hỗ trợ tối đa là 256 màu, quá đủ để sử dụng cho những hình mang tính đồ hoạ. Nó không đủ màu để thể hiện hình ảnh đầy màu sắc như những tấm hình bạn chụp. Nếu bạn muốn giảm dung lượng của file Gif, bạn có thể làm bằng cách giảm số màu của nó ở Color Palette. Bạncũng nên biết rằng định dạng này sử dụng chế độ nén hình LZW tự động và làm cho nó có dung lượng nhỏ nhất có thể mà không làm ảnh hưởng đến dữ liệu.

Độ trong suốt:

Như nói ở trên, Gif là định dạng hỗ trợ hiệu ứng trong suốt. Ví dụ khi bạn muốn tách một tấm hình ra khỏi nền của nó, và lưu lại dưới đuôi .Gif, thì tấm hình đó sẽ được đảm bảo độ trong suốt là không còn hình nền nữa. Cho nên khi bạn đặt tấm hình này vào một tài liệu có hình nền là màu khác, nó sẽ hiện lên trên nền mới.

Khi nào nên sử dụng Gif:

Định dạng gif nên được sử dụng cho hình logo, icons và hình đồ hoạ. Tránh sử dụng gif cho những hình chụp tự nhiên hoặc những hình đồ hoạ có khối màu cùng tông liên tiếp. Khi bạn thiết kế với định dạng gif, tránh sử dụng Gradients và tắt chức nâưng Anti-Aliasing để giảm thiểu dung lượng.

Định dạng JPEG thiết kế website

Định dạng JPEG hỗ trợ 16.7 triệu màu, nó được dùng chủ yếu cho hình chụp tự nhiên. Thuật toán nén hình của JPEG khác với định dạng Gif, nó thực chất làm mất đi dữ liệu của hình. Ví dụ khi bạn lưu lại một tấm hình, tuỳ thuộc vào bạn thiết lập thông số ra sao, những dữ liệu bị mất đi có thể không thấy được bằng mắt thường. Cho nên một khi bạn giảm chất lượng của hình và lựa lại, những dữ liệu bị mất đi không thể lấy được lại.

Progressive JPEG:

Khi xem hình trên mạng, nhất là mạng có tốc độ chậm, bạn sẽ thấy hình được load từ từ, mờ dần và trở nên rõ ràng hơn. Tất cả các định dạng JPEG đều có thể lưu lại dưới dạng Progressive JPEG, nó cho người đọc thấy hình có chất lượng thấp hơn trước và từ từ nâng dần chất lượng hình. Một vài công cụ chỉnh sửa ảnh cho phép bạn thiết lập bao nhiêu bước “đệm” mà người đọc sẽ thấy trước khi hiển thị hình thật.

Khi nào nên sử dụng JPEG thiết kế website

Định dạng này luôn được sử dụng với những hình chụp tự nhiên hoặc những hình nhìn không đẹp khi hiển thị ở chế độ 256 màu.

Định dạng PNG thiết kế website

Đây là định dạng mới nhất và được hỗ trợ rộng rãi trong 3 định dạng được nói đến trong bài này. Định dạng này được cấu tạo để khắc phục những điểm hạn chế của Gif. PNG có tất cả những tình năng mà định dàng Gif có, nhưng nó có độ sâu hơn về màu sắc. Người ta hy vọng rằng định dạng PNG sẽ được sử dụng rộng rãi hơn trong tương lai. Tuy nhiên nó sẽ không bao giờ thay thế hoàn toàn được gif bởi vì nó không hỗ trợ hiệu ứng động.

 

mua sach truc tuyennha sach minh khainhan chung hoc50 sac thai tap 4sachgiamgiasach tam ly hoctu dien han viet hien dai
 

Thẻ Alt là một dạng thẻ HTML, nó được đi kèm với dòng code chèn hình ảnh vào trang thiết kế web. Nó có tác dụng thông báo cho công cụ tìm kiếm biết hình đó là hình gì hoặc nếu tấm hình đó không được hiển thị, người đọc sẽ thấy được chữ nằm trong thẻ Alt. Đây là một ví dụ về thẻ ALT

Luôn sử dụng thẻ Alt trong thiết kế website

Thẻ Alt là một dạng thẻ HTML, nó được đi kèm với dòng code chèn hình ảnh vào trang thiết kế web. Nó có tác dụng thông báo cho công cụ tìm kiếm biết hình đó là hình gì hoặc nếu tấm hình đó không được hiển thị, người đọc sẽ thấy được chữ nằm trong thẻ Alt. Đây là một ví dụ về thẻ ALT

Bạn sẽ thấy ở ví dụ trên khi hình logo.jpg được chèn vào trang web, người đọc có thể thấy được hình, nhưng công cụ tìm kiếm thì nó phải đọc chữ. Ngoài ra khi vì một lý do nào đó hình của bạn bị mất, người đọc vẫn sẽ thấy chữ thay cho thẻ đó hơn là không thây gì. Hơn nữa, có nhiều người thích đọc trang web bằng cách tắt hết hình ảnh đi, nếu bạn không có thẻ alt thì sẽ rất khó cho đối tượng người đọc này lấy thông tin từ trang web của bạn.

Rất nhiều người quên không sử dụng thẻ Alt cho hình ảnh, hoặc thậm chí có người còn không cần sử dụng đến nó. Trong thực tế, thì ít người nghĩ rằng thẻ Alt quan trọng bởi vì chỉ cần hiển thị được hình đã là “thành công” rồi. Nhưng đây là một lỗi thường gặp mà bạn nên tránh, bởi vì thẻ Alt còn được sử dụng bởi công cụ tìm kiếm để nhận dạng hình ảnh và xác lập keyword trên trang web của bạn.

Cuối cùng quy luật của Xhmtl bắt buộc bạn phải khai báo thẻ alt, cho dù hình đó chỉ là hình background thì thẻ alt=”" vẫn phải có. Nếu không thì code của bạn sẽ không được validate Cũng quan trọng như thẻ Alt là thẻ Title nằm trong dòng code chèn ảnh. Một số trình duyệt không đọc nội dung thẻ Alt, do vậy nếu có cả thẻ title là tốt nhất. Cho nên lần sau nếu bạn phải chèn một hình nào vào bài viết, hãy tạo thói quen thêm thẻ Alt cho mỗi hình.

mua sach truc tuyennha sach minh khainhan chung hoc50 sac thai tap 4sachgiamgiasach tam ly hoctu dien han viet hien dai
 
Dịch vụ thiết kế website
Dịch vụ quảng bá website
Dịch vụ domain
Dịch vụ Hosting