![]() |
| Một trong những chiêu quảng cáo ấn tượng. Ảnh minh họa nghethuat. |
Thứ Năm, 6 tháng 5, 2010
Những slogan hay nhất mọi thời đại
Thứ Tư, 7 tháng 4, 2010
Những điều nên tránh trong cách trình bày một trang web

Khi chúng tôi hỏi khách hàng về những yêu cầu của họ về website sắp thực hiện. Đa số họ đã nhận biết tầm quan trọng của việc trình bày đúng cách theo bản sắc của doanh nghiệp nhưng còn lại một số ít vẫn muốn website của mình phải "ấn tượng", phải "đập vào mắt khách hàng" - nhưng rất tiếc họ nghĩ là phải làm điều đó bằng giao diện đầy những flash, animation GIF, JavaScript, video, nhạc, đó là chưa nói đến càng nhiều màu càng tốt.
Trang đầu tiên
Phần lớn khách hàng vẫn muốn trang đầu tiên là trang ấn tượng nhất nhưng thường "dính" phải 3 vấn đề sau:
1. Không có thông tin nào đáng giá: Dù có xử lý video & âm thanh tốt đến đâu đi nữa thì việc trang đầu tiên chỉ chứa có vài liên kết để đi đến từng phần ngôn ngữ khác nhau của website là bạn đã tiêu tốn vài phút đầu tiên của khách hàng - Mà bạn biết rồi đấy, giây phút gặp gỡ đầu tiên rất quan trọng. Đừng làm họ mất thời gian, trừ khi website của bạn có từng phần xử lý riêng biệt cho khách hàng ở những vùng địa lý khác nhau.
2. Quá nhiều thông tin không liên quan: Ngược lại với việc chẳng có thông tin gì thì một số website lại có quá nhiều thông tin chẳng "ăn nhập" gì với lĩnh vực kinh doanh của doanh nghiệp. Ví dụ, một mẩu tin về cháy rừng ở Amazon trong khi công ty lại kinh doanh điện thoại di động. Màn hình hiển thị đầu tiên của website rất hạn chế, chỉ trong khoảng 800x700 điểm ảnh mà thôi.
3. Thông tin trải đều, không có chủ điểm: Dù lĩnh vực kinh doanh của bạn có rộng khắp & tất cả các mặt đều mạnh thì chắc chắn bạn vẫn có một mặt mạnh nhất, riêng biệt nhất so với các đối thủ cạnh tranh - Hãy thể hiện ngay điều này, đừng để khách hàng tự "nghiên cứu" vì họ có thể hiểu lầm hoặc không nhìn thấy điều đó.
Nội dung
"Tốt gỗ hơn tốt nước sơn". Cho dù hình thức website của bạn không được đẹp thì nội dung vẫn dẫn người đọc đến website của bạn. Bạn đã xem nội dung trên web mình là vấn đề chính yếu hay chưa? Dưới đây là một vài vấn đề ở khâu biên tập nội dung thường gặp.
1. Một danh sách liên kết dài dằng dặc: Nếu không có chú thích, tóm lược nội dung của những website mà link đó dẫn đến thì người đọc chẳng có lý do gì phải theo bạn lần vào từng đường dẫn URL đó cả.
2. Đường link dẫn đến chỗ "không có gì" (dead link, broken link): Bạn có biết rằng dead link xếp thứ 3 trong những lỗi thiết kế web làm người lướt web bực mình. Bạn cũng không nên để đường link của bạn dẫn đến trang mà bạn chưa cập nhật thông tin (under construction). Bạn hãy gỡ những đường dẫn đó ra để khách hàng khỏi phải click vào trang "không có gì".
3. Cửa sổ pop-up thường bị khóa với đa số trình duyệt web: Bạn có muốn khách hàng khi bấm vào một link nào đó chỉ nhận được thông báo rằng “cái này” bị khóa ? Đôi khi họ còn tưởng là chương trình chống virus báo rằng website của bạn có virus. Như vậy thì thật là tệ !
4. Quảng cáo những thứ không có liên quan: Cung cấp cho người dùng, khách hàng của bạn thêm những thông tin không nằm trong lĩnh vực của bạn cũng giúp website thêm hữu dụng. Điều này còn có thể giúp bạn giảm bớt chi phí duy trì website nhờ thu phí của những quảng cáo. Tuy nhiên, đừng lạm dụng. Quá nhiều quảng cáo thì sẽ chẳng biết đâu là thông tin thực sự của bạn.
Multimedia
Có một thời gian, có những web designer xem multimedia là vũ khí đáng sợ của họ. Flash, animation GIF, JavaScript, video, nhạc... quả là rất ấn tượng, nhưng họ quên rằng cho dù có đẹp đi nữa thì lợi bất cập hại. Hình thức chỉ góp phần chứ không quyết định được mức độ hấp dẫn của website. Có điều chắc chắc rằng tốc độ tải thông tin bị chậm lại và cái gì đã là thời trang thì nó sẽ nhanh lỗi thời, bạn làm sao giữ cho nó đẹp mãi được.
1. Quá nhiều hình: Bạn cần hạn chế trang trí bằng hình. Đương nhiên bắt buộc phải có, nhưng nếu những hình đó không có tác dụng truyền đạt thông tin hay đóng vai trò gì (như làm nền, làm menu chẳng hạn) mà chỉ thuần trang trí thì tốt nhất bạn đừng đưa lên web.
2. Hình quá lớn: Phải cho hiển thị thumbnail trước, nếu khách hàng muốn xem hình lớn thì họ click vào nó.
3. Hình nhấp nháy: Nếu bạn muốn thu hút sự chú ý của khách thăm web vào một mục nào đó thì có nhiều cách làm bằng kích thước, màu sắc và vị trí. Để có tốc độ download nhanh nhất bạn nên dùng text, kèm theo bên dưới là vài dòng chú thích. Cho dù bạn thấy tốc độ download là không quan trọng đi nữa thì dùng nhiều hình nhấp nháy liên tục trang web của bạn sẽ rất xấu.
4. Flash: Flash nếu được thiết kế đúng mức sẽ tạo ra những hiệu quả đặc biệt rất ấn tượng. Nhưng bù lại nó cũng có những điểm hạn chế là làm chậm tốc độ download web của bạn và các search engine không thể hiển thị các từ khóa tìm kiếm có trong web bạn.
5. Âm thanh: Đừng để âm thanh hay nhạc lên web vì người đọc web nghe nhạc riêng của họ, nhạc của bạn chỉ làm phiền người ta mà thôi. Nếu họ không tắt nhạc trên web của bạn được họ sẽ bỏ đi. Nếu bạn có âm thanh làm hiệu quả đặc biệt hay nhạc nền thì ít ra bạn phải để nút bật/tắt ở nơi dễ thấy nhất. Nhiều người lướt web trong công sở, âm thanh từ web của bạn phát ra sẽ làm sếp của họ phát hiện. Chất lượng âm thanh của file MIDI nghe rất tệ chứ có hay gì đâu !
Độ tương phản
Độ tương phản quá cao thì gây chói mắt, độ tương phản kém thì lại khó đọc. Bạn nên dung hòa chúng. Có nhiều cách thiết kế nền cho web của bạn nhưng đừng làm ba điều sau đây.
1. Nền đen chữ trắng, trắng lợt hay xám: Cho dù có xử lý tốt đến đâu chăng nữa thì nhìn chung website dễ trở nên kiêu căng. Điều đặc biệt cần nhấn mạnh là kiểu trang trí này rất khó làm cho đẹp được. Hơn nữa, bạn thử nghĩ xem khách hàng tham quan của bạn sẽ bực mình như thế nào khi hộp mực màu mới mua của ông ta dùng để in cái nền đằng sau nội dung website của bạn. Kiểu nền này không thể hiệu quả cho một website doanh nghiệp trừ phi doanh nghiệp đó họat động trong lĩnh vực nghệ thuật.
2. Nền đen chữ đậm: Trang web của bạn sẽ rất khó đọc. Khách hàng chỉ đọc được dễ hơn nếu họ biết "chiêu" dùng chuột quét lên những vùng muốn đọc để chữ chuyển thành màu trắng.
3. Tiled background với những hình chằng chịt: Có thể nói kiểu này còn tệ hơn hai kiểu trước. Nó chỉ làm cho khách hàng phải chờ trang web load lâu hơn chứ không làm tăng giá trị nghệ thuật hay tiện ích gì cả.
Thứ Ba, 9 tháng 3, 2010
4 dịch vụ tạo website miễn phí tốt nhất
Việc tạo một website chứa thông tin cá nhân hoặc một website giới thiệu sản phẩm sẽ không còn là việc làm khó khăn nữa… nếu bạn sử dụng một trong 4 dịch vụ tạo website sau đây.1. BlinkWeb
Với BlinkWeb, bạn có thể tạo ngay một website với tên miền dạng abc.blinkweb.com. Giao diện được thiết kế đơn giản, và có khá nhiều ứng dụng cho bạn sử dụng. Theo tao thực hiện rất đơn giản, bạn chỉ cần kéo các thành phần bên trái để đưa vào giao diện thiết kế web bên phải.
Dịch vụ cung cấp cho bạn 100 mẫu giao diện, ngoài ra còn có các widget như guestbook, bản đồ thế giới, quảng cáo của Google Adsense.

2. Squidoo

Squidoo cung cấp cho bạn một website với nhiều thành phần (module) như text, hình ảnh, CafePress, Ebay, Amazon. Squidoo liên kết các bài viết có liên quan lại với nhau, theo như thiết kế của một mạng xã hội. Giao diện thiết kế rất đơn giản, bấm vào một module để chỉnh sửa hoặc xóa chúng đi. Khi hoàn tất, bấm Finish để xuất bản ra website.

Bạn sẽ có một địa chỉ web dạng http://squidoo.com/abc.
3. WetPaint
WetPaint sẽ cung cấp cho bạn một website mở theo dạng Wikipedia, cho phép người khác thay đổi nội dung website mà không cần kiến thức về lập trình. Khi tạo, bạn có thể chọn chế độ cho phép mọi người tùy ý chỉnh sửa nội dung trang web, hoặc chế độ cá nhân không chỉnh sửa được. Ngoài ra, WetPaint còn hỗ trợ upload ảnh và video lên website.

Nếu bạn thích một website như Wiki, hãy sử dụng WetPaint để xây dựng một website cùng bản chất nhưng giao diện hoàn toàn khác.

4. Weebly
Weebly mang đến cho bạn giao diện thiết kế rất đơn giản, chỉ bằng cách kéo – thả, với đầy đủ các thành phần như text, hình ảnh, nhúng video từ YouTube, hoặc một diễn đàn thảo luận,…

Dịch vụ cung cấp 60-70 mẫu giao diện, và nếu có thời gian bạn vẫn có thể tự tạo một giao diện như ý muốn. Website được tạo sẽ có dạng http://abc.weebly.com.

TTC
Thứ Tư, 10 tháng 6, 2009
Tạo cửa sổ popup khi rê chuột vào ảnh
Với vài đọan code CSS nhỏ ta có thể tạo một cửa sổ popup để hiển thị ảnh rất chuyên nghiệp mà không cần tới javascript. Thủ thuật cho phép hiện thị của sổ popup của ảnh gốc khi ta rê chuột vào.
Xem demo trực tiếp ở đây : http://fandung.110mb.com/test/popup-images-view.html

Để thực hiển, trước tiên bạn chèn đọan code CSS này vào trước thẻ đóng </head> trong code template:
- Đăng nhập blog
- Vào bố cục
- Vào chỉnh sửa code HMTL
- Chèn đọan code CSS bên dưới vào trước dòng code </head>
<style type='text/css'>.img-thumbnail{
position: relative;
z-index: 0;
}
.img-thumbnail:hover{
background-color: transparent;
z-index: 50;
}
.img-thumbnail span{
position: absolute;
background-color: #ffffff;
padding: 5px;
left: -1000px;
border: 1px solid #000;
visibility: hidden;
color: black;
text-decoration: none;
}
.img-thumbnail span img{
border-width: 0;
padding: 2px;
}
.img-thumbnail:hover span{
visibility: visible;
top: -100px;
left:100px;
}
</style>
- Dòng code màu đỏ chính là vị trí popup sẽ hiển thị ở trong blog của bạn. Hãy điều chỉnh 2 giá trị này để có được vị trí thích hợp nhất trên blog của bạn.
- Save template.
Và sau cùng là code 2 HTML:
<a class="img-thumbnail" href="#">
<img src="link ảnh1" border="0" height="98" width="130"/>
<span>
<img src="link ảnh1"/>
</span>
</a>bạn muốn ảnh hiển thị ở đâu thì bạn cứ chèn code 2 HTML vào đó. Ví dụ như trong bài viết, hay ở ngòai blog (nếu ở ngòai blog thì tạo 1 widget HTML/Javascript rồi dán code vào)
Chúc bạn thành công
Theo fandung blog
Thứ Ba, 5 tháng 5, 2009
Debug javascript bằng firefox
Trong Firefox có 1 Add-ons hổ trợ cho việc debug javasciprt là Firebug. Trước tiên bạn phải cài đặt Firebug. Sau khi cài đặt bạn sẽ thấy như sau:
Nếu firebug chưa được enable thì bạn enable firebug lên, click vào Enable Firebug và Enable Firebug for local files (như trong hình).
Để bắt đầu debug, bạn chọn tab Script như hình dưới :
Khi đó bạn sẽ thấy code javascript mà bạn đã viết. Muốn debug dòng nào bạn click phải ngay dòng đó và chọn Set Breakpoint. Bạn dùng F10 và F11 để debug như trong VS (F10: debug từng dòng, F11: nhảy vào hàm con).
Trong cửa sổ Watch bên phải dùng xem giá trị, thông tin của biến, muốn xem biến nào bạn chỉ việc add tên biến vào. Trong hình mình xem giá trị của i.
Nếu như tại dòng bạn debug bị lỗi thì bạn sẽ thấy breakpoint chuyển thành màu đỏ, khi đó chọn tab Console để nhảy đến dòng bị lỗi.
Theo blogthuthuat.com
Thứ Tư, 11 tháng 3, 2009
15 trang web giúp bạn thiết kế web 2.0 nhanh hơn
Có rất nhiều kiểu style đẹp nhưng bạn chưa biết làm thế nào để tạo ra chúng. Trên internet có rất nhiều trang giúp bạn làm việc này một cách nhanh chóng. Đây là danh sách 15 trang được đánh giá cao nhất.
Các link trong bài viết được kiểm tra vào ngày 07 tháng 8 năm 2008
Web 2.0 Badges - Bộ web badges miễn phí, đẹp.
Mycoolbutton - tạo nút đơn giản cho web 2.0.
Stripe Generator - Chuyên gia trong việc tạo các sọc cho web 2.0.
Ajax loading - tạo ảnh gif loading.
Webscriptlab - tạo ảnh gif loading.
Roundedcornr - Tạo góc bo tròn.
Web 2.0 logo creatr - Tạo logo web 2.0.
http://creatr.cc/creatr/ - Một trang khác cho tạo logo web 2.0.
Web 2.0 Free Logo Generator - Một trang khác cho tạo logo web 2.0.
Web20generator - Tạo template cho web 2.0 (CSS).
Buttonator - Tạo nút cho web, online buttons generator, bạn cần có tài khoản premium (thời điểm viết bài thì trang này đang gặp trục trặc).
Web 2.0 Stylr - Một trang khác cho tạo logo web 2.0.
http://lab.rails2u.com/bgmaker/ - Tạo background.
Khác
1. Web 2.0 Workgroup - Mạng lưới các blog chuyên nghiệp của thế hệ web 2.0.
2. Seomoz Web 2.0 Awards 2007 - duyệt và trao giải các web 2.0 xịn :D.



