Có thể bạn có một website đẹp với sự thiết kế thành công, song lại chưa tính đến những nguyên tắc về tối ưu hóa công cụ tìm kiếm (SEO) hoặc một website cũ, hoạt động tốt, nói cho mọi người biết về công ty của bạn, nhưng tải chậm và nội dung ít cập nhật. Trong những trường hợp này bạn cần thiết kế lại website của mình.

Cả 2 website trên sẽ “ vật lộn” để dành được lưu lượng truy cập. Trang web thiết kế tốt có thể dành được lưu lượng truy cập , đặc biệt là những người truy cập trực tiếp trang đó, nhưng đối với những người sử dụng từ khóa tìm kiếm sản phẩm và dịch vụ của bạn thì lại không thể tìm ra nó.

Một website cũ hơn với nội dung lạc hậu cũng sẽ thất bại bởi các công cụ tìm kiếm cho rằng nó không tồn tại hoặc đã ngừng hoạt động (vì thiếu tin tức mới). Cả 2 website này đều có lưu lượng truy cập lớn và tăng khả năng sinh lời trong kinh doanh, nhưng nếu thiếu SEO thì sẽ làm giảm một phần doanh thu có thể.

Cần thiết kế lại yếu tố nào trên một website?

Tất cả Flash

Mặc dù có những tiến bộ đáng kể trong công nghệ Search Engine và chúng bắt đầu đọc một số dạng flash, một site chứa toàn flash có thể không được Search Engines lập chỉ mục. Các website này rất đẹp nhưng các công cụ tìm kiếm sẽ không đánh giá chúng cao bởi vì nội dung này không thể đọc được. Vậy các công ty lớn có xếp hạng cao mà có các site toàn chứa flash thì sao? Những website này có một mức độ liên kết cao nên nội dung chứa flash của chúng có lẽ không gây ra vấn đề gì, nếu bạn không phải một công ty lớn, một website chứa toàn flash sẽ không tốt.

Frames

Các frame trên website sẽ khiến các công cụ tìm kiếm gặp khó khăn khi lập chỉ mục cho website đó. Hơn nữa những người khách truy cập cũng thường không mấy ưa chuộng các frame này bởi chúng khiến họ khó đọc và không ấn tượng với trang web của bạn. Một số trình duyệt còn không hỗ trợ các frame khiến các khách hàng tiềm năng hoàn toàn không đọc được trang web của bạn.

Các Splash page

Các nhà thiết kế dùng splash pages để tạo tác động trực quan tới khách thăm. Hãy tưởng tượng rằng toàn bộ webpage giống như trang hoạt ảnh sinh động. Thật ấn tượng. Nhưng đáng tiếc , theo góc nhìn của SEO thì chúng thật khủng khiếp. Nói chung, các splash page chứa rất ít hoặc không có nội dung text và cũng không có cả các đường link nhưng lại chứa nhiều các flash page và phần mềm khác. Điều này khiến các Search Engine vẫn khó xếp hạng cho website của bạn.Vì vậy, bạn có thể ấn tượng với các splash page của mình nhưng chính chúng lại làm rất nhiều các khách hàng tiềm năng “ chối bỏ” trang web của bạn .

Tải chậm

Thường thì một trang web tải chậm gây cản trở cho cả các khách truy cập và search engine. Bởi các khách thăm không đủ kiên nhẫn để chờ tải các trang và hầu hết các search engine luôn xếp hạng cho các trang tải nhanh hơn là một trang tải chậm. Vì vậy, bạn cần sự thay thế nếu các trang trên website của bạn tải chậm.

Nội dung lỗi thời

Trước hết, các search engine sẽ hoàn toàn không để ý loại trang web này nếu nó không còn tồn tại. Có thể trước đây nó vẫn được chấp nhận cả khi không cập nhật nội dung hàng tháng, nhưng lúc này nó sẽ bị bỏ qua nếu nội dung không cập nhật thường xuyên. Bởi nội dung cũ kỹ sẽ không thu hút khách truy cập của bạn.

Nếu website của bạn gặp phải bất cứ vấn đề nào về SEO như ở trên thì bạn cần triển khai thiết kế lại; Điều đó mang lại doanh thu tiềm năng cho bạn.

Nguồn http://thegioiweb.vn/Story/vn/thietkeweb/nguyentacthietkeweb/2009/6/8202.html

The post Trang web của bạn có cần thiết kế lại không? appeared first on Tìm hiểu web cao cấp - Quảng Bá web - Kiến thức web - Danh bạ website.

Thiết kế web có thể là một công việc không mấy dễ dàng, vậy bạn sẽ cần những kỹ năng nào? Có thể tự thiết kế nó không? Và khi nào cần đến một website? Sau khi thành lập và vận hành công ty hay là khi việc kinh doanh của bạn được tiến hành trên trang web.

Dù có vài câu hỏi khiến bạn băn khoăn song chỉ có một câu hỏi mà bạn phải cố gắng tìm ra câu trả lời, và sẽ chỉ có được những câu trả lời phù hợp nhờ sự trợ giúp của người tư vấn hoặc công ty thiết kế web.

Dưới đây là những điều bạn nên xem xét khi lên kế hoạch, thiết kế và xây dựng website, sao cho có một trang web có nội dung thu hút khách truy cập và dành được thứ hạng trên công cụ tìm kiếm.

1. Hãy có một logo đẹp. Bởi nó là thương hiệu và là điều khiến mọi người nhớ tới website của bạn. Logo thường được đặt ở phía trên cùng của website vì khách thăm sẽ dễ nhìn thấy vị trí này trước tiên khi tới trang web của bạn. Logo/ thương hiệu có thể “ phản ánh” rất nhiều điều vì thế nó rất quan trọng.

2. Bài text trên mỗi trang cần được liên quan tới nhau và có tối thiểu 250 từ, thật tốt nếu những bài text này có chứa các từ khóa về sản phẩm và dịch vụ của bạn. Song cũng có thể sử dụng các bài copy của chuyên gia về viết text cho website.

3. Hình ảnh cũng rất quan trọng , hình ảnh đẹp về sản phẩm có thể thay muôn lời, còn hình ảnh không mấy “ thuyết phục” có thể ảnh hưởng tới giao diện của website. Song bạn cũng không nên tải lên quá nhiều hình ảnh.

4. Mỗi trang nên có: Thẻ meta keywords, meta descriptions và tiêu đề trang riêng vì chúng là một phần rất quan trọng trong xây dựng website.

5. Hãy thử dùng CSS (định kiểu trình bày trang HTML) để thuận tiện hơn cho các công cụ tìm kiếm cũng như giúp những thay đổi về màu sắc, phông hay cỡ chữ được thực hiện dễ dàng hơn.

6. Nên sử dụng các thẻ H1-H6 để làm nổi bật tiêu đề chính trên trang text vì điều này có liên quan tới tiêu đề website của bạn và các thẻ H2 sẽ phù hợp cho các tiêu đề của các đoạn văn tiếp theo. Nên sử dụng chữ in đậm để làm nổi bật các từ khóa trong đoạn văn, nhưng cũng không nên dùng nó quá nhiều.

7. Nếu bạn sử dụng điều hướng text thì các công cụ tìm kiếm sẽ lập chỉ mục cho website của bạn hiệu quả hơn.

8. Hãy đảm bảo cho người sử dụng cuối cùng dễ dàng mua hoặc tìm kiếm được các sản phẩm và dịch vụ của bạn, nên tiến hành nâng cấp để hướng tới sự đổi mới và mang lại doanh thu.

9. Những đường dẫn từ các trang tới trang bên trong khác cũng phải tốt, hãy quảng cáo các sản phẩm hoặc dịch vụ khác, hãy sử dụng chúng để người dùng tìm thấy những yếu tố khác trên website của bạn dễ dàng hơn nhưng cũng không nên quá lạm dụng chúng.

10. Hãy xây dựng một sơ đồ web để các phương tiện tìm kiếm lập chỉ mục dễ dàng hơn, bạn có thể tải một sơ đồ web XML từ các công cụ webmaster trên Google vì điều đó khiến việc lập chỉ mục cho mọi trang trên website của bạn thuận tiện hơn.

11. Nếu đang thu thập bất kỳ thông tin nào từ website qua mẫu khai báo thì bạn nên có một chính sách riêng.

12. Cuối cùng hãy cài đặt Google Analytics, điều này rất quan trọng, vì chúng cung cấp những dữ liệu vô giá về khách truy cập của bạn.

Trên đây chỉ là vài điểm cần chú ý, song chúng lại rất cần thiết khi bạn bắt đầu thiết kế và xây dựng một webiste cho mình. Bạn hãy nên tìm đến một công ty thiết kế web để có thể thiết kế và xây dựng một website như ý cũng như chuyên nghiệp hơn trong công cuộc “chiến thắng” khách hàng mục tiêu.

Nguồn : http://thegioiweb.vn/Story/vn/thietkeweb/nguyentacthietkeweb/2009/9/9227.html

The post 12 thủ thuật thiết kế cho website thương mại nhỏ appeared first on Tìm hiểu web cao cấp - Quảng Bá web - Kiến thức web - Danh bạ website.

Trong trường hợp này, bạn cần cẩn thận trong việc lựa chọn đối tác. Một trang web được thiết kế nghèo nàn, cẩu thả có thể khiến bạn tốn kém nhiều tiền của, khách hàng sẽ từ bỏ bạn và danh tiếng công ty cũng ngày một suy giảm theo. Vì thế trước khi ký kết hợp đồng với một nhà thiết kế, bạn hãy xem xét các yếu tố cơ bản sau:

1. Xác định rõ nhu cầu của mình.

Bạn có thể thuê một nhà Thiết kế web trong thời gian dài để xây dựng, triển khai và duy trì hoạt động cho trang web của bạn. Nhưng nếu mục đích trang web của bạn chỉ đơn thuần là giới thiệu trực tuyến các thông tin về công ty và sản phẩm/dịch vụ, thì bạn có thể tiết kiệm chi phí bằng cách thuê một nhà thiết kế web để xây dựng và triển khai trang web trong thời gian ngắn, còn bạn sẽ tự thực hiện mọi công việc liên quan đến hoạt động của trang web (chẳng hạn như khắc phục các đường link hỏng) ngay tại công ty. Bạn hãy xác định rõ những mục tiêu và kế hoạch tăng trưởng của công ty để dự liệu về thời hạn thuê dịch vụ của công ty thiết kế web.

2. Nghiên cứu kỹ lưỡng từng ứng viên.

Đây là phân đoạn thiết yếu trong thời gian bạn nghiên cứu để chọn lựa các nhà thiết kế web, bởi vì nó giúp bạn đánh giá chính xác năng lực của họ. Sau khi tìm được một vài nhà thiết kế web mà bạn cảm thấy có vẻ ưng ý nhất – thông qua danh bạ web hay các trang web của đối thủ cạnh tranh – bạn hãy đọc danh mục những công việc và chi phí họ đưa ra ngay trên trang web của mình. Một trang web được coi là đẹp mắt, tiện lợi trong sử dụng và có trình độ chuyên nghiệp cao không nhất thiết phải cầu kỳ hay rực rỡ. Bạn chỉ cần tìm hiểu cảm nhận của các chuyên gia thiết kế để xem những ý tưởng của họ có phù hợp với mình không. Bạn cũng nên chú ý hơn đến các nhà thiết kế có nhiều kinh nghiệm trong lĩnh vực kinh doanh của bạn.

3. Đánh giá các dịch vụ của họ.

Hãy xác định xem liệu nhà thiết kế web có đáp ứng được các yêu cầu của bạn không. Nếu bạn muốn kinh doanh sản phẩm trực tuyến, bạn hãy tìm kiếm các công ty có nhiều kinh nghiệm trong việc thiết kế trang web thương mại điện tử. Nếu ứng viên mà bạn quan tâm là một cá nhân, thì bạn cần đảm bảo rằng người này có đủ các kỹ năng cần thiết để xây dựng thành công tất cả những gì bạn đòi hỏi. Bạn phải luôn tỉnh táo trước những “lời đường mật” của các công ty thiết kế web, mà hãy chú ý nhiều hơn đến những dịch vụ cộng thêm do các công ty thiết kế web đưa ra (ví dụ như nội dung viết quảng cáo, tiếp thị và một số dịch vụ khác).

4. Gặp gỡ trực tiếp.

Thông thường, nhà thiết kế web tương lai của bạn, dù là cá nhân hay công ty đa quốc gia, sẽ giới thiệu các đặc tính trang web của họ ra toàn thế giới, thế nhưng bạn cần phải chọn đối tác nào mà mình có khả năng gặp gỡ, làm việc và hợp tác chặt chẽ. Sau khi tiếp xúc với nhà thiết kế web, bạn hãy tự hỏi bản thân một số câu dưới đây và hãy tự trả lời chúng thật trung thực:

• Họ có lắng nghe các nhu cầu của mình không?
• Họ có hiểu vấn đề theo cách hiểu của mình không?
• Họ có hiểu biết về lĩnh vực kinh doanh của mình không?
• Họ có chia sẻ viễn cảnh của mình trong trang web không?

5. Kiểm tra và tham khảo ý kiến.

Việc tìm hiểu về hiệu quả kinh doanh của nhà thiết kế web luôn rất hữu ích, vì nó cho bạn biết nhà thiết kế đó đang hoạt động ra sao. Có thể công ty thiết kế web đó nổi tiếng khắp thế giới nhờ khả năng sáng tạo không ngừng, nhưng nếu họ không hoàn thành trang web của bạn đúng hạn với chất lượng đúng như đòi hỏi của bạn, thì đó không phải là đối tượng mà bạn cần tìm. Bạn có thể không cần đến Fat Hat Design – một cái tên quá nổi tiếng trong ngành thiết kế web và nhãn hiệu kinh doanh với các khách hàng là nhiều công ty, tập đoàn lớn trên toàn nước Mỹ, mà cái bạn cần là một nhà thiết kế web có thể xây dựng một trang web phù hợp nhất với yêu cầu kinh doanh của bạn. Bạn có thể gọi điện thoại và tham khảo ý kiến một số khách hàng cũ của nhà thiết kế web này về việc công ty:

• Có hoàn thành hợp đồng đúng theo hạn định không?
• Có đáp ứng được các yêu cầu đề ra ban đầu không?
• Có nhiệt tình tiếp nhận các đề xuất và câu hỏi của khách hàng không?
• Có nhanh chóng khắc phục sai sót không?
• Có thực hiện công việc theo mức phí đã thoả thuận ban đầu không?

6. Hãy nhìn xa hơn.

Nhiều năm qua, hàng trăm công ty thiết kế web khác nhau trên thế giới với đủ quy mô và trình độ chuyên môn đã tiến hành sát nhập, cắt giảm hoạt động hay đơn giản là đóng cửa. Do không thể biết chắc nhà thiết kế web mà bạn muốn thuê sẽ tiếp tục hoạt động lâu dài hay chuẩn bị phá sản, nên bạn có quyền đưa ra câu hỏi về tính ổn định và lâu dài trong mối quan hệ giữa bạn với nhà thiết kế đó. Bạn cũng nên hỏi trước hình thức thanh toán: có thể trả tiền làm nhiều đợt theo tiến độ công việc thực hiện được, hay phải thanh toán toàn bộ chi phí ngay sau khi ký kết hợp đồng. Những nhà thiết kế nào sẵn sàng chấp nhận phương thức thanh toán từng phần chính là đối tượng mà bạn có thể tin cậy khi giao dịch.

Có thể nói, để trang web của bạn thực sự là một công cụ hỗ trợ kinh doanh, đồng thời đáp ứng được yêu cầu của bạn về các chức năng tìm kiếm, kỹ thuật và cả yếu tố thẩm mỹ, giúp khách hàng cảm thấy thoải mái và thuận tiện khi truy cập, thì điều quan quan trọng là bạn phải tìm được cho mình một nhà thiết kế có năng lực, có khả năng sáng tạo và có kinh nghiệm. Tuy nhiên, bạn cũng cần để ý đến khoản ngân sách dành cho việc này. Đừng để công ty bạn phải hoạt động với một trang web đẹp mắt và một tài khoản có số dư bằng 0.

Nguồn http://www.bwportal.com.vn/?cid=4,4&txtid=2124

The post Lựa chọn nhà thiết kế website appeared first on Tìm hiểu web cao cấp - Quảng Bá web - Kiến thức web - Danh bạ website.

Đây là một vài những kinh nghiệm giúp bạn chọn màu cho logo của trang web.

– Vàng Cam: Một màu ấm áp bao hàm cái ấm của vùng nhiệt đới, sang trọng, niềm say mê và vẻ đẹp kỳ lạ. Màu vàng cam thể hiện sự nhiệt tình, rung động và chan hoà. Logo của bạn có thể quyến rũ ngay bằng cái nhìn đầu tiên khi bạn chọn màu Vàng Cam

– Vàng: Một màu thể hiện trí tuệ, long tin, sự hào hiệp và tình bạn. Màu vàng cũng thể hiện sự tự tin, hạnh phúc, lý tưởng hoá và tưởng tượng phong phú. Trừ khi công ty của bạn mang một màu sang, cảm giác vui vẻ mà bạn muốn thể hiện trên logo, màu vàng có thể được sử dụng rất tốt nếu dùng làm màu nền.

– Xanh: Một màu rất phổ biến mang trong nó hoà bình và tĩnh lặng, long trung thành và tính trung thực, sự hài hoà cân đối, niềm tin và độ tin cậy. Cho những ai thích dùng dạng màu 216 color, màu xanh có hầu hết ở mọi dạng bong. Nó có thể là một màu mạnh cho logo của trang web mà có thể mang trong nó một cảm giác thư thái và một tâm trạng thoải mái.

– Tím: một màu tiềm ẩn sự bí hiểm, hoàng gia và thiêng liêng. Với kiểu logo phá cách, sáng tạo và tự hào là một dạng duy nhất, logo của bạn sẽ rất cuốn hút với một chút chấm phá màu của loài hoa oải hương tim tím trên đó. Màu tím cũng mang trong nó sự công bằng và chân lý.

-Màu xám: thể hiện sự trung lập, kiên định và thông thái.

– Màu trắng: Đây là màu của sự trong sạch và tinh khiết, trẻ trung, đơn giản, ngây thơ trong trắng, tình bạn và hoà bình. Màu trắng đã trỏ thành màu phổ biển nhất cho màu nền của hầu hết các trang web. Bởi vì nó cho phép người đọc có cảm giác dễ chịu nhất trên màn hình.

– Màu xanh lá: Mang trong nó tính trung lập, sự phát triển, tiền bạc, khiêm tốn và thông thái. Đây là một màu mang sắc thái của lòng tốt, khoan dung và thường được chọn cho những trang về tài chính hoặc những trang thể hiện sự đang phát đạt.

– Màu Đen: thường được mệnh danh là màu của tang tóc, nặng nề và ảm đạm. Dù cho nó cũng mang trong mình một chút gì đó của sự tao nhã quý phái, tinh tế và bí hiểm.

– Màu đỏ: được cho là màu nóng nhất trong các màu, nó thể hiện tất cả những gì mạnh mẽ nhất và say mê nhất. Nó có nghĩa là nguy hiểm, nóng và lửa, tốc độ, máu và sự náo động. Nó còn là hiện thân của những cuộc cạnh tranh và xâm lược. Chính vì lẽ đó màu đỏ có thể khá là khó chịu, gây cảm giác lo lắng hoặc kích động phụ thuộc vào độ đậm đặc của nó trên logo của bạn.

Cho nên những gì bạn phải làm là hãy từ từ tìm hiểu và chọn ra màu thích hợp cho mình và có thể cuốn hút người xem. Bạn đã có quyết định chọn màu nào chưa?

Nguồn http://thegioiweb.vn/Story/vn/thietkeweb/nguyentacthietkeweb/2007/10/978.html

The post Chọn màu thiết kế logo appeared first on Tìm hiểu web cao cấp - Quảng Bá web - Kiến thức web - Danh bạ website.

Các tổ chức cần phải coi website của mình như vốn đầu tư nếu họ muốn có được lợi nhuận và lợi thế cạnh tranh.

Hãy kiểm soát những ưu thế của mình

Lance Loveday và Sandra Niehaus cùng các cựu chuyên gia web (những người đã giúp Hewlett-Packard và WebEx có được sự thay đổi diện mạo trên mạng internet) nói rằng: Việc thiết kế các website vì lợi nhuận đầu tư không như khoa học tên lửa mà chỉ là vấn đề đơn giản từ những thực tiễn đã được chứng minh như sau để tăng thêm lợi ích cho bạn. Loveday cho biết “Thời gian và tiền bạc để thiết kế một website tệ hay hiệu quả là như nhau. Song kết quả lợi nhuận thực có thể ảnh hưởng tới kết quả công việc kinh doanh của bạn”.

Nhiều tổ chức chỉ tập trung thu hút khách truy cập mà không nghĩ tới điều gì xảy ra sau sự ghé thăm của họ. Sandra Niehaus chỉ ra rằng: “Liệu có hiệu quả không khi có hàng ngàn, triệu khách truy cập mà không ai mua hàng hay liên lạc gì? Vậy tốt hơn là hãy xây dựng một trang web trước hết phải có thành quả rồi sau đó mới quan tâm tới cách thu hút lưu lượng truy cập”.

Thiết kế website vì lợi nhuận đầu tư thách thức các tổ chức nhìn trang web của mình theo một quan niệm mới. Loveday nói rằng “Đây là thời điểm cần quan tâm tới website hơn. Hãy thiết kế web vì lợi nhuận đầu tư và cách thức làm tăng lợi nhuận cũng như lợi thế cạnh tranh tốt hơn”.

Hãy xem xét 5 chỉ dẫn dưới đây để có một website thành công:

1. Hãy coi trang web của bạn như một công việc kinh doanh: Các doanh nghiệp thành công đều có một chiến lược web. Hãy kết hợp sự đầu tư thời gian nỗ lực cho hoạch định kinh doanh cũng như khả năng tiềm tàng cho kế hoạch trang web .Các công ty lớn thường có các nhà thiết kế, kỹ sư và các nhà tiếp thị tạo ra những website khuyến khích được sự hành động của khách truy cập.

2. Hãy hiểu rõ điều bạn muốn: Hãy chỉ rõ điều bạn đang cố gắng hoàn tất cụ thể cho trang web của mình. Bạn có muốn gia tăng doanh thu, tiềm năng thúc đẩy hành động của khách hàng và sự tin cậy không?

3. Hãy thiết kế một trang web vì người xem: Cần hiểu ai là khán giả mục tiêu của bạn. Tại sao họ lai đến với website của bạn? Họ mong đợi điều gì? Bạn có thể làm như thế nào để trang web của mình sử dụng thân thiện và điều hướng dễ dàng?

4. Đo lường các thông số thích hợp: Lưu lượng truy cập site và số lượt người truy cập vào website chưa nói hết cho bạn mọi điều; thông số này cần kết hợp với các chỉ số kinh doanh, thống kê site và thông tin phản hồi của người sử dụng.

5. Sự lặp lại, học hỏi và kiểm thử: Thử nghiệm, học hỏi, làm đi làm lại, website của bạn như chưa bao giờ được “tiến hành”. Hãy dành thời gian và thường xuyên xem xét site của bạn, thực hiện những thử nghiệm cho người dùng, và kiểm tra đối thủ cạnh tranh. Hãy sử dụng kiến thức đó để nâng cao website của bạn hơn nữa để đảm bảo truyền tải được chính xác những gì bạn muốn.

Nguồn : http://www.graphic-design.com

The post Thiết kế web vì lợi nhuận đầu tư appeared first on Tìm hiểu web cao cấp - Quảng Bá web - Kiến thức web - Danh bạ website.

Qui ước thiết kế là những nguyên tắc “bất thành văn” đã được thừa nhận và đi vào tiềm thức trong văn hóa trực quan qua thời gian . Chúng giúp làm giảm lượng giải đoán cho người dùng.

Qui ước khiến công việc của người thiết kế dễ dàng hơn. Nghĩa là, chúng ta không phải tìm kiếm giải pháp cho những vấn đề thông thường mà tập trung hơn vào chi tiết.

ột trong những kỹ năng quan trọng để thiết kế hiệu quả là hiểu rõ và ứng dụng được những qui ước này với lợi ích tối đa.
Qui ước thiết kế là gì?
Qui ước thiết kế có thể là màu sắc, hình dạng, kiểu mẫu, bố cục, phông chữ và chúng đều bao hàm những ẩn ý muốn truyền tải.

Thật vậy, có hàng trăm qui ước thiết kế web mà bạn muốn hiểu thông qua những ví dụ đơn giản sau:

• Ở nhiều nơi trên thế giới đều biết, hình tam giác màu vàng trong tín hiệu giao thông mang ý nghĩa “ cảnh báo”. Điều này đã trở thành một qui ước trong phần mềm.
• Khi nhấp chuột vào vùng màn hình, chẳng hạn như nút bấm ( hình chữ nhật được nổi cùng với hình xiên) sẽ thực hiện thao tác như theo qui ước. Nút này như những nút bấm trên các thiết bị như đài, ti vi và máy tính. Nhờ việc điều khiển một nút bấm, người dùng có thể kết hợp và thực hiện các thao tác.
• Các trình duyệt web đầu tiên đã dùng màu xanh nhạt và định dạng gạch chân cho các text hyperlink. Qui ước này đã “ phải chịu đựng” suốt một thập kỷ qua, dù nó chưa phải là dễ đọc nhất.
• Nếu bạn muốn tới trang chủ của một website, trước tiên bạn sẽ nhìn về phía trái trên cùng của màn hình để nhìn thấy lô gô hoặc nút bấm có từ “ trang chủ”. Dù không ai nói với bạn điều này nhưng bạn biết được từ kinh nghiệm.
• Nếu bạn nhìn thấy một tập hợp của: Các từ khóa I được ngăn kết bởi I các đường nhỏ thẳng đứng tại phía cuối của trang web, bạn thừa nhận rằng chúng là một tập hợp của các đường liên kết chung trong phạm vi của trang web. Điều này cũng là một qui ước mà bạn đã biết được từ những website khác.

Cách qui ước hoạt động

Vì sao qui ước lại giá trị đến thế: Bởi chúng là những biểu tượng tắt, có khả năng tổ hợp truyển tải thông tin trực quan đơn giản nhất. Một vòng tròn đỏ quanh dấu chấm than có tác động đến tư duy hơn từ “ cảnh báo’. Thật thú vị, vì chúng mang lại cho bạn sự hiệu quả và tiết kiệm thời gian.
Vậy thì có nên thường xuyên sử dụng qui ước hay không? Có lẽ bạn chỉ nên sử dụng khi cần thiết.
Chúng là những nguyên tắc và như những qui ước tốt nhất, chúng có thể bị phá vỡ hoặc “ phải tuân thủ”. Bí quyết của những nhà thiết kế web là phải biết được khi nào qui ước bất lợi với chức năng thiết kế và khi nào nên sử dụng nó. Cũng như bất cứ hệ thống nguyên tắc nào khác, bạn phải hiểu chúng để lựa chọn cách theo . Điều đó cũng rất quan trọng vì có thể tránh được một bản thiết kế với qui ước không phù hợp.

Hãy xem những ví dụ sau:

• Tại một website sử dụng một tam giác cảnh báo màu vàng khi đưa ra cho người dùng vài thông tin. Nhưng thực tế, nó chỉ là một tập tin chứ không có nội dung cảnh báo, bạn đã biết kiểu cảnh báo. Vậy đây là cách dùng sai qui ước.
• Ở giao diện trên trang web khác đang được thiết kế lại thì dùng những nút bấm động trên thanh công cụ có hiển thị ngày. Để duy trì sự nhất quán, người thiết kế đã đặt lịch trên vùng động. Dù rõ ràng nó chỉ là lịch, song mọi người cố gắng nhấp chuột vào, vì nó nói, “hãy bấm vào tôi> hãy nhấp chuột> điều gì đó xảy ra”. Tôi khuyến nghị rằng hãy bỏ lịch đó đi và hãy để thanh công cụ chỉ dành cho các đường liên kết.
• Nếu đoạn text màu xanh được sử dụng tại bất cứ nơi nào trên website thì ai đó sẽ thử nhấp chuột vào. Nếu nó không là đường siêu liên kết thì sẽ không cần thiết và hoàn toàn làm đảo lộn.
• Ở phương tây, biểu tượng mô tả website thường đặt tại phía bên trái trên cùng mỗi trang. Vị trí này là nơi mọi người có thể biết được họ đang ở đâu và điều hướng về phía trên. Nếu biểu tượng được đặt tại bất cứ vị trí nào khác sẽ mang lại sự thuận lợi cho người thiết kế và người dùng nhiều hơn.

Nguồn http://thegioiweb.vn/Story/vn/thietkeweb/nguyentacthietkeweb/2009/2/7166.html

The post Qui ước trong thiết kế web appeared first on Tìm hiểu web cao cấp - Quảng Bá web - Kiến thức web - Danh bạ website.

8 thủ thuật tạo khả năng truy cập cho website của bạn
Ngày nay, các nhà quản trị và chuyên gia web đều biết rằng khả năng truy cập là yếu tố chính làm tăng lưu lượng truy cập, đồng thời điều đó cũng là một vấn đề mà bất cứ ai cũng cần phải quan tâm. Hãy lưu ý rằng khả năng truy cập khác với tính tiện ích! Tiện ích thể hiện sự tương tác dễ dàng trên giao diện và nội dung dễ đọc thì khả năng truy cập lại liên quan nhiều đến lưu lượng khách ghé thăm.
Tại sao khả năng truy cập lại quan trọng đến vậy?
Nói chung, mọi trang web cần phải đáp ứng được thị hiếu và nhu cầu. Ngoài những nhóm người thông thường dùng internet thì cũng cần website phù hợp với:
Nhóm người có thị lực kém
Nhóm người dùng máy tính có cấu hình thấp
Nhóm người sử dụng các trình duyệt khác nhau
Theo dữ liệu thống kê thì trên thế giới có khoảng 20% người thuộc các nhóm trên.
Thêm nữa, nội dung cũng nên luôn sẵn sàng cho mọi người dùng mà không bị quá phụ thuộc vào cách truy cập của họ ( trình duyệt bằng máy tính, điện thoại hoặc trình duyệt giọng nói) hay từ các tác nhân bên ngoài của môi trường (quá nhiều ánh sáng hoặc tạp nhiễu). Một lý do nữa tại sao khả năng truy cập lại đáng để xem xét là tốc độ tìm kiếm thông tin mà mọi người quan tâm.
Ngôn ngữ là một vấn đề cần được quan tâm. Bởi không phải mọi khách truy cập đều có thể hiểu đầy đủ được ngôn ngữ trên trang web của bạn.
Song, thực tế thì khả năng truy cập có thể giảm được chi phí và mang lại lợi nhuận. Vậy tại sao không tìm ra các cách để khả năng truy cập cho trang web của bạn được tốt hơn?

8 thủ thuật tạo khả năng truy cập
Hãy “ tối ưu”  HTML
Việc sử dụng HTML là một trong những tính năng quan trọng nhất để làm tăng khả năng truy cập cho website. Song, vấn đề không chỉ đơn giản. Cần phải tính tới  các loại trình duyệt khác nhau, cả những phiên bản cũ lẫn phiên bản mới, đưa ra những cách “tối ưu” HTML. Để đảm bảo cho text HTML của bạn chính xác, bạn có thể sử dụng các chương trình chuyên biệt như: W3C HTML Validator  or WDG HTML Validator để cho phép bạn hiệu chỉnh các lỗi chính tả có thể mắc phải mà bạn không nhận ra. Hãy thận trọng với nhiều chương trình khác khẳng định có thể tối ưu được HTML.–>Hãy thu hút  “ tối ưu” HTML.
Mặt khác, bạn sử dụng HTML không chỉ để cho đẹp mà còn nhấn mạnh cho cấu trúc và nội dung trên web thay vì chỉ thể hiện vẻ ngoài. (Ví dụ, bạn thường sử dụng tính năng chữ đậm không chỉ để thu hút mắt mà còn để đánh dấu một tuyên bố, một ý tưởng, một vấn đề. Bạn có thể sử dụng các yếu tố EM  hoặc STRONG để thể hiện sự nhấn mạnh.
Dùng thẻ ALT dưới dạng text
Liên quan tới các hình ảnh, khi sử dụng IMG và AREA bạn cũng nên cung cấp thẻ ALT để lựa chọn; mục đích của nó là thực hiện chức năng hơn là chỉ để mô tả. Tuy nhiên, nếu bạn muốn một ảnh trang trí và sử dụng ALT =’’’’ để biết không có  nội dung ảnh.
Đừng thay thế text bằng các hình ảnh

Lựa chọn các hình ảnh thay thế text thường làm giảm khả năng truy cập của bản thiết kế web. Nhìn chung, text linh hoạt hơn trong việc cung cấp khả năng lựa chọn phông chữ cho người dùng. Kết quả là nếu không làm như vậy sẽ dẫn đến chất lượng hình ảnh nghèo nàn đối với một số cấu hình phần cứng máy tính.

Các gợi ý màu

1. Đừng quên chỉ rõ các thuộc tính của tất cả các màu vì chúng có ảnh hưởng tới khả năng truy cập cho một website. Việc xác định một hệ thống số có cơ sở là 16 (hexadecimal) dưới các dạng <#rrggbb> hoặc <#RRGGBB> hầu như có tầm quan trọng sống còn vì cũng có những trình duyệt cũ hơn không hỗ trợ các tên màu sắc.
2. Bạn nên nhạy cảm khi lựa chọn màu của text sao cho thật dễ đọc và cần có  tương phản rõ với màu nền.
3. Người ta khuyến nghị rằng: không nên dùng cùng màu cho các đường link đã được nhấp chuột với các đường link chưa được nhấp chuột vì dễ gây nhầm lẫn cho người dùng.

Hãy sử dụng những cỡ Font chữ phù hợp

Font chữ là một yếu tố khá quan trọng khi nói đến HTML bởi nó làm tăng thêm khả năng truy cập cho website. Hãy đảm bảo rằng website của bạn cho phép người sử dụng có thể thay đổi cỡ font phù hợp. Và bạn không chỉ cố gắng tập trung vào FONT mà còn phải chú ý đến nội dung.

Đừng quá “ phụ thuộc vào “ javascript
Một số trình duyệt không hỗ trợ Java scripts, nên đôi khi sẽ tốt hơn nếu bạn không sử dụng nó. Dù Java scripts thường được coi là những nhân tố làm tăng khả năng truy cập và mang lại cho người dùng những mách nước hữu ích.
Vì vậy, điều cần lưu ý là:

1. Hãy đảm bảo Java scripts có khả năng truy cập
2. Hãy sẵn sàng với một trình duyệt không hỗ trợ Java script.

Tổ chức website của bạn

• Hãy đảm bảo cho trang web của bạn có một cấu trúc nội dung rõ ràng và hợp lý.
• Hãy tổ chức các đường link sao cho logic và hiệu quả, khiến người dùng truy cập được dễ hơn tới những đường link mà họ muốn.
• CSS có thể là một quan niệm tin cậy để nhấn mạnh các đường link dạng text và khiến người dùng nhìn được rõ hơn.
• Sơ đồ trang, box tìm kiếm hay lô gô cũng là những nhân tố thể hiện một website có khả năng truy cập.
• Kiểm tra lượng người dùng thực trên trang web là một cách tốt để phân tích khả năng truy cập và dự đoán số lưu lượng truy cập vào site.
• Nên để phần cuối trang có nội dung đơn giản, rõ ràng và dễ đọc.

Kết luận

Hãy luôn nhớ rằng một website tiện lợi là trước hết phải dễ truy cập. Khả năng truy cập chỉ là chi tiết nhỏ trong việc thiết lập một trang web nhưng nó mang một giá trị không tính hết được đối với website.
Vậy nên, hãy quan tâm đến những lợi ích sau:

• Lưu lượng truy cập
• Tìm thấy thông tin dễ dàng
• Tốc độ tìm kiếm nhanh
• Xếp hạng trên kết quả tìm kiếm cao hơn
• Ngăn chặn được tính rủi ro pháp lý
• Triển khai dịch vụ tốt hơn
• Tiếp cận website tốt hơn.
• Thời gian tải nhanh hơn
• Tăng xếp hạng trang
• Tránh hiện tượng tắc nghẽn băng thông

Để có được những ưu thế này, hãy lưu ý đến:

• Tối ưu HTML
• Thu hút bằng ý tưởng chứ không phải bằng giao diện (bố cục)
• Cung cấp thẻ ALT dưới dạng text
• Sử dụng màu tương phản
• Tránh đặt text trong các bức ảnh.
• Sử dụng font chữ phù hợp
• Hãy sẵn sàng với một trình duyệt không hỗ trợ javascript.
• Nội dung đơn giản, rõ ràng và dễ đọc

Nguồn: avangate.com

The post Làm thế nào để tăng khả năng truy cập cho website của bạn? appeared first on Tìm hiểu web cao cấp - Quảng Bá web - Kiến thức web - Danh bạ website.

1.Lệnh margin
Ta bắt đầu với canh lề
a.Căn lề 2 bên

.ClassName {   
margin:20px;
}  

b. Căn lề dùng lệnh auto:

CODE

.ClassName {   
margin:20px auto;
}  

– với lệnh trên, lề trái và phải sẽ tự động được căn giữa, còn lề trên và dưới sẽ được căn lề là 20px.

c. lệnh Margins với 3 giá trị:

CODE

.ClassName {  
margin:20px auto 50px;
}  

– với lệnh này lề trên căn lề 20px, lề trái & phải sẽ được tự động căn giữa, lề dưới căn lề 50px.

2.Lệnh Padding:

– Các lệnh căn lề với padding:

CODE

.ClassName {  
padding-top:10px; // căn lề trên
padding-right:20px; // căn lề phải  
padding-bottom:30px; // căn lề dưới
padding-left:40px; // căn lề trái  
}

– Để dễ dàng hơn ta có thể viết:

CODE

.ClassName {  
padding:10px 20px 30px 40px;
}  
– Như vậy cấu trúc lênh sẽ là : padding : top right bottom left;

Ta thấy 2 lệnh trên đều là căn lề, vậy chúng có gì khác nhau, chúng ta sẽ nói thêm về điều này:

+ margin : khi dùng lệnh này để căn lề thì kích thước của khung nội dung của bạn sẽ được giữ nguyên.
+ padding: với việc căn lề bằng lệnh padding thì kích thước của khung nội dung sẽ bị thay đổi. Lấy ví dụ: khung nội dung của bạn có độ rộng 100px, khi dùng lệnh căn lề trái padding-left:30px; thì khung sẽ bị dịch sang phải 30px, và khi đó độ rộng của khung sẽ được cộng thêm vào là 30px, tức là 130px. Đó chính là mấu chốt khiến các bạn mới làm quen thường bị xảy ra hiện tượng xô lệch do khi dùng padding vì chúng ta padding bao nhiêu thì sẽ + thêm vào chiều rông cũ bấy nhiêu để tạo thành một chiều rộng mới.

3.Background:

– các thuộc tính cơ bản của lệnh như bên dưới:

CODE

.ClassName {  
background-color: transparent; // làm trong nền trong suốt
background-image: url(‘image.jpg’); // ảnh nền  
background-repeat: no-repeat; // thuộc tính lặp lại
background-position: top right; // vị trí nền  
background-attachment: scroll; // nền trượt
}  

– ví dụ như bạn muốn tạo ảnh nền trong suốt, nằm trên cùng bên phải, không lặp lại, và di chuyển theo chuột, ta sẽ có lệnh như bên dưới:

CODE

.ClassName {  
background: transparent url(‘image.jpg’) no-repeat top right scroll;
}

4.Lệnh font:

CODE

.ClassName {  
font-variant:small-caps;
font-weight:bold;  
font-size:1em;
line-height:1.4em;  
font-family:Georgia, serif;
}  

5.Lệnh cho list (ul):

CODE

ul {  
list-style-type:decimal-leading-zero;
list-style-position:inside;  
list-style-image: none; // sử dụng ảnh, nếu muốn sử dụng ảnh cho list, bạn chỉ việc thay none bằng url(‘link ảnh’)
}  

– để đơn giản ta gộp các thuộc tính chung lại, như bên dưới:

CODE

ul {  
list-style:decimal-leading-zero inside url(‘image.jpg’);
}  

6.lệnh Border (tạo đừơng viền – đường bao)

CODE

.ClassName {  
border-width:2px; // độ rộng đường bao
border-style: solid; // kiểu  
border-color: #4096EE; // màu
}  

– đơn giản có thể viết

CODE

.ClassName {  
border: 2px solid #4096EE; // trị màu : #4069EE có thể thay bằng rgb(64, 150, 238)
}  

7.Outline (tương tự lệnh border)

– ví dụ bên dưới là tạo đương viền cho ảnh

CODE

img {  
outline-width: 5px;
outline-style:solid;  
outline-color: #000000;
}  
– đơn giản có thể viết

CODE

img {  
border: outline: 5px solid #000000;
}  

8.Lệnh màu :

– có thể sử dụng 1 trong các cách dưới đều được

CODE

.ClassName {  
color: #FFFFFF;
}  
.ClassName {
color: #FFF;  
}
.ClassName {  
color: #fff;
}  
.ClassName {
color: rgb(255, 255, 255);  
}

9. Cross browser transparency:

– thiết lập cho từng trình duyệt

CODE

.ClassName {  
filter:alpha(opacity=50); // trình duyệt IE
-moz-opacity:0.5; // trình duyệt mozilla  
-khtml-opacity: 0.5; // trình duyệt Safari
opacity: 0.5; // hầu hết các trình duyệt, nhưng IE thì không.  
}
10. First-child selectors

– ví dụ bên dưới tạo màu chữ riêng cho lớp đầu tiên của footer (nằm trong thẻ <em>)

CODE

.footer em:first-child {  
color:#ccc;
}  

12. First-letter (kí tự đầu tiên)

p:first-letter{
color:#ff0000;
font-size:15px;
}[/CODE]

– ví dụ ta có code sau :

<p>This is an example usage of the first-letter property</p>

– kết quả :

This is an example usage of the first-letter property

13. First-line

– thiết lập thuộn tính cho dòng đầu tiên

CODE

#p:first-line {  
color:#ff0000;
font-weight:bold;  
}

– ví dụ: ta có code

<p>This is an example usage of the first-line property. This is an example usage of the first-line property.</p>

– kết quả :

This is an example usage of the first-line property. This is an example usage of the first-line property.

14. Độ cao tối thiểu

CODE

.ClassName {  
min-height:200px;
}  

– code trên không hỗ trợ cho IE, để hiển thị trên IE, bạn tham khảo code bên dưới:

CODE

.ClassName{  
min-height:200px;
height:auto !important;  
height:200px;
}  

15. Thuộc tính clip (hiển thị một phần)

– ví dụ ta có code bên dưới:

CODE

img {  
clip:rect(50px 218px 155px 82px);
}  

với code này, ảnh sẽ được clip phía trên 50px, bottom là 218px (tính từ trên xuống), right là 155px (tính từ trái qua), left là 82px (cũng tính từ trái qua). xem ví dụ bên dưới để rõ:

Hình gốc

Hình Đã Sửa với Clip

Bên dưới là 3 lệnh code CSS3 (lưu ý. CSS3 chỉ hỗ trợ trên Firefox, safariand, và Chrome)

16. Bo góc:

CODE

.rounded_corner {  
-moz-border-radius:10px;
-webkit-border-radius:10px;  
width:400px;
height:100px;  
background-color:#000;

}

17. Drop shadow (tạo bóng đổ)
CODE

.your_shadow {  
width:400px;
height:200px;  
background-color:#000;
-webkit-box-shadow: 5px 5px 2px #ccc;  
}

18. Resize

CODE

.resize{  
min-width:200px;
min-height:200px;  
max-width:500px;
max-height:400px;  
resize:both;
background-color:#ccc;  
border:2px solid #666;
overflow:auto;  
}

19.dùng dấu “,” để gộp chung các class khi có cùng thuộc tính:

ví dụ như bên dưới:

CODE
h1, h2, h3, h4, h5, h6 {  
font-family:Helvetica, Verdana, sans-serif;
}

Nguồn http://zensoft.vn/ShowArticle.aspx?ID=9265

The post Các lệnh thường gặp trong css appeared first on Tìm hiểu web cao cấp - Quảng Bá web - Kiến thức web - Danh bạ website.