<?xml version="1.0" encoding="UTF-8"?>
<rss version="2.0"
	xmlns:content="http://purl.org/rss/1.0/modules/content/"
	xmlns:wfw="http://wellformedweb.org/CommentAPI/"
	xmlns:dc="http://purl.org/dc/elements/1.1/"
	xmlns:atom="http://www.w3.org/2005/Atom"
	xmlns:sy="http://purl.org/rss/1.0/modules/syndication/"
	xmlns:slash="http://purl.org/rss/1.0/modules/slash/"
	>

<channel>
	<title>Học thiết kế web theo chuẩn. &#187; Phát triển Web</title>
	<atom:link href="http://www.izwebz.com/category/design-usability/feed/" rel="self" type="application/rss+xml" />
	<link>http://www.izwebz.com</link>
	<description>Let&#039;s Do Together</description>
	<lastBuildDate>Thu, 09 Sep 2010 12:59:33 +0000</lastBuildDate>
	<language>en</language>
	<sy:updatePeriod>hourly</sy:updatePeriod>
	<sy:updateFrequency>1</sy:updateFrequency>
	<generator>http://wordpress.org/?v=3.0.1</generator>
		<item>
		<title>W.E.B.S – 4 điều quan trọng để trở thành No1 Webmaster</title>
		<link>http://www.izwebz.com/design-usability/w-e-b-s-4-dieu-quan-trong-de-tro-thanh-no1-webmaster/</link>
		<comments>http://www.izwebz.com/design-usability/w-e-b-s-4-dieu-quan-trong-de-tro-thanh-no1-webmaster/#comments</comments>
		<pubDate>Fri, 27 Aug 2010 05:08:41 +0000</pubDate>
		<dc:creator>Demon Warlock</dc:creator>
				<category><![CDATA[Phát triển Web]]></category>

		<guid isPermaLink="false">http://www.izwebz.com/?p=2554</guid>
		<description><![CDATA[Hi! Xin chào các bạn, chào mừng bạn đến với Izwebz chấm com. Mình là MrV2m. ^^~ Cướp intro của DW. E hèm! Chắc các bạn chưa biết mình là ai nhỉ? Mình xin tự giời thiệu, mình là một Webmaster. Nghe oai nhỉ? Nhưng mà con đường trở thành Websmaster thì cần có những [...]]]></description>
			<content:encoded><![CDATA[<p>Hi! Xin chào các bạn, chào mừng bạn đến với Izwebz chấm com. Mình là MrV2m. ^^~ Cướp intro của DW. E hèm! Chắc các bạn chưa biết mình là ai nhỉ? Mình xin tự giời thiệu, mình là một Webmaster. Nghe oai nhỉ? Nhưng mà con đường trở thành Websmaster thì cần có những gì? Bài viết này được đút kết từ kinh nghiệm 5 năm xương máu của mình sẽ giúp các bạn.</p>
<p><span id="more-2554"></span></p>
<p>Đọc tiêu đề chắc hẳn các bạn đã quá quen với cụm từ WEB rồi đúng hok? Nhưng mà tại sao ở đây lại có chữ S ở phía sau nữa. Hãy tìm hiểu xem cụm từ này là viết tắc của những từ nào nhá!</p>
<p><strong>W</strong> – Why?<br />
<strong>E</strong> – Energy<br />
<strong>B</strong> – Basic<br />
<strong>S</strong> – Smiles or Scrazy</p>
<p>Chắc chắn rằng bạn cũng đã nôm na hiểu nghĩa của những cụm từ trên rồi phải không? Nhưng mà mình cũng xin được giải thích thêm 1 chút về ý nghĩa của từng cụm từ.</p>
<p>- Đầu tiên đó là (W) Why? Nghĩa tiếng việt là tại sao? Tại sao bạn lại muốn trỏ thành Webmaster? Đó là câu hỏi mà bạn phải trả lời được khi mà bạn muốn trở thành một Webmaster đúng nghĩa. Và nếu rằng bạn hỏi tôi tại sao tôi muốn trở thành Webmaster? Thì tôi sẽ trả lời với bạn chỉ với 2 chử “đam mê”.</p>
<p>- (E) Energy đó là nghị lực. Bạn phải có đầy đủ tinh năng lực, sức mạnh, và tính kiên nhẫn để có thể trở thành Webmaster thực thụ. Vì chắc chắc các bạn biết đấy công việc của Webmaster  không phải là ngồi xem người khác (tạm gọi là S.Mod, Mod) làm việc, mà mình phải cùng họ làm việc, chỉ có như thế thì mới có thể xây dựng 1 website vững mạnh. Và để tìm hiểu xem tại sao nghị lực lại cần thiết thì chúng ta hãy tìm hiểu cụm từ thứ 3 (B)-Basic.</p>
<p>- (B) Basic với nghĩa tiếng việt ai trên 5 tuổi cũng biết (giờ 5 tuổi là mấy nhóc học Les’t Gâu hết rồi ^^~). Để làm rõ nghĩa của basic thì chúng ta hãy phân tích cụm từ Webmaster.  Webmaster gồm 2 từ ghép lại với nhau, và ở 2 lĩnh vực khác nhau, nhưng lại có mối quan hệ rất khăn khích đó là Web và Master.</p>
<p>+Web thì chắc các bạn cũng đã biết rồi hén. Web thì bao gồm rất nhiều thứ nào là HTML rồi CSS, Jquery cho tới PHP rồi lại MySQL, không kém quan trọng là Photoshop. Và là 1 Webmaster thì bạn không thể thiếu 1 trong các thứ trên, tuy nói thế không có nghĩa là bạn phải nhồi nhét hết tất cả vào đầu, mà chúng ta cầm phải biết mỗi thứ 1 ít, đủ để nắm vững những kiến thức căn bản. Và hãy chắc chắn rằng bạn cần phải có đủ Energy &#8211; nghị lực để mà có thể làm việc với chúng.</p>
<p>+Chà viết nãy giờ thì cũng chỉ mới 1 một phần thôi, sao mà làm Webmaster thì cần lắm thế, chưa nhiều lắm đâu bạn, khi mà bạn làm quen với Master thì nói mới là đủ cho một Webmaster. Master là ông chủ, là chùm của tất cả. Hay nói cách khác, master chính là người quản lý. Và người quản lý thì tất nhiên nhiệm vụ của họ là điều hoạt động của một tổ chức (ở đây có thể là forum hay một trang tin tức,…v.v). Để điều hành tốt tổ chức thì ông chùm cần phải biết quản lý và tôi khuyên các bạn nên biết chút ít về “Quản trị nhân sự”.</p>
<p>- Vẫn chưa hết đây các bạn, là Webmaster thì bạn cần thêm 1 ít kiến thức về Marketing nữa, vì sao? Đơn giản là vì bạn làm Web ko chỉ để mỗi ngày bạn tự vào Web rồi tự F5 được, làm Web ra thì phải có người xem. Để có được người xem thì bạn cần phải biết tiếp thị Web của mình. Con đường đơn giản nhất là tìm một cuốn sách mang tên “Marketing căn bản” về đọc.</p>
<p>- Bạn thấy hãi hùng chưa? Riêng mình thì đã quay mòng mòng rồi vì lần đầu ngồi viết điên cuồng như thế này đấy. Tới đây chắc rằng bạn đã bắt đầu choáng rồi nhỉ, nhưng mà không sao đâu, liều thuốc cuối sẽ giúp bạn trở thành 1 Webmaster hoàn thiện. Đó chính là Smile, hãy luôn cười lên, vì “Một nụ cười bằng mười thang thuốc bổ”. Tuy nói thế chứ uống thuốc bổ hoài cũng đâu tốt. Phải phải đúng lúc, đúng chổ nha các bạn. Đang ngồi trên xe bus mà cười thì chắc chắc Smiles thành Scrazy đó.</p>
<p>- Hi vọng rằng bài viết này sẽ giúp ít cho các bạn thật nhiều, Chúc các bạn mau mau “S” nhá! Gud bye!</p>
<p><strong>Thân! MrV2m.</strong></p>
]]></content:encoded>
			<wfw:commentRss>http://www.izwebz.com/design-usability/w-e-b-s-4-dieu-quan-trong-de-tro-thanh-no1-webmaster/feed/</wfw:commentRss>
		<slash:comments>18</slash:comments>
		</item>
		<item>
		<title>Đối diện với phê bình</title>
		<link>http://www.izwebz.com/design-usability/doi-dien-voi-phe-binh/</link>
		<comments>http://www.izwebz.com/design-usability/doi-dien-voi-phe-binh/#comments</comments>
		<pubDate>Fri, 27 Aug 2010 04:08:54 +0000</pubDate>
		<dc:creator>Demon Warlock</dc:creator>
				<category><![CDATA[Phát triển Web]]></category>

		<guid isPermaLink="false">http://www.izwebz.com/?p=2548</guid>
		<description><![CDATA[Người xưa có nói “thuốc đắng dã tật, sự thật mất lòng”. Đó là một triết lý mà ai cũng biết, ai cũng hiểu. Nhưng để đón nhận những lời phê bình một cách hiệu quả nhất không phải là ai cũng làm được. Đặc biệt với những webmaster, blogger và các web designer, chúng [...]]]></description>
			<content:encoded><![CDATA[<p>Người xưa có nói “thuốc đắng dã tật, sự thật mất lòng”. Đó là một triết lý mà ai cũng biết, ai cũng hiểu. Nhưng để đón nhận những lời phê bình một cách hiệu quả nhất không phải là ai cũng làm được. Đặc biệt với những webmaster, blogger và các web designer, chúng ta luôn phải đón nhận nhiều lời phê bình gay gắt nhất từ người đọc và khách hàng.</p>
<p><span id="more-2548"></span></p>
<p>Tuy nhiên không phải lời phê bình nào cũng là vô lý mà ngược lại, trong đa số các trường hợp bạn lại học được rất nhiều từ những lời phê bình. Dưới đây là một số cách giúp bạn chuẩn bị tinh thần để đóng nhận những lời phê bình một cách có lợi nhất.</p>
<h5>Xem động cơ của người phê bình</h5>
<p>Có nhiều người có thói quen thích chê bất cứ cái gì và bất cứ người nào. Đối với họ chê một ai đó là niềm vui, chê để thỏa mãn cái tôi, để chọc tức người viết, để tỏ ra là mình hơn người. Đối với những lời phê bình như vậy, bạn cũng đừng quá bận tâm mà lao vào &#8220;khẩu chiến&#8221;. Chẳng có lợi gì cho bạn cả mà chỉ rước thêm bực mình. Chính vì thế mỗi khi ai đó chỉ trích bạn một cách tiêu cực, không có ý kiến xây dựng. Hãy ráng kiềm chế bản thân và bỏ qua coi như không biết. Họ sẽ chẳng còn gì để nói nữa.</p>
<h5>Lời phê bình thiếu tính xây dựng</h5>
<p>Đặc biệt trong thế giới mạng, tự do ngôn luận đã đạt tới mức tới hạn của nó. Bất cứ ai cũng có thể phê bình bạn mà không cần quan tâm bạn có bị tổn thương hay không. Cho nên khi một ai đó để lại comment cho một bài viết của bạn kiểu như: <em>&#8220;oài! chán như con gián&#8221;, &#8220;nhìn xấu tệ&#8221;, &#8220;cái này ai mà chẳng làm được&#8221;</em>. </p>
<p>Những lời phê bình như thế này không phải hoàn toàn vô ích, mà có thể bài viết đó của bạn chưa thực sự tốt, chưa hay hoặc không được đẹp. Hãy hỏi họ xem bạn có thể làm gì tốt hơn được, hỏi họ chỉ ra những chố mà họ thấy chưa tốt. Tất nhiên nếu họ thực sự muốn bạn tốt hơn, họ sẽ giải thích chi tiết hơn cho bạn. Còn với những ai không nói được thêm điều gì có tính xây dựng. Bạn cũng đừng bận tâm đến họ.</p>
<p>Cách tốt nhất trong trường hợp này là nói &#8220;<em>Uhm, tôi cũng đã cố gắng rồi, bạn có thể nói rõ hơn chỗ nào trong giao diện cần được thay đổi không?</em>&#8220;.</p>
<h5>Lời phê bình thực lòng và có ích</h5>
<p>Người ta thường nói &#8220;thuốc đắng dã tật, sự thật mất lòng&#8221;. Nếu ai đó chỉ ra cho bạn những chỗ còn hạn chế trong đoạn code bạn vừa viết. Thì họ đã thực sự giúp đỡ bạn rồi. Thà có bị chạm tự ái một chút nhưng giúp bạn tiến bộ hơn trong những lần sau, còn hơn là cứ mãi &#8220;u mê&#8221; trong cái tôi của mình. </p>
<p>Tất nhiên theo bản năng, ai cũng muốn &#8220;cãi lại&#8221; mấy câu để gỡ gạc. Nhưng nếu lời phê bình đó thực sự có lý, đừng ráng bao biện mà hãy dũng cảm nhận sai và sửa chữa.</p>
<p>Ví dụ ai đó cho bạn xem một bản thiết kế, bạn chỉ ra màu sắc và font chữ chưa đẹp. Họ lại nói &#8220;<em>màu này đẹp lắm rồi mà, cái font này ai cũng thích mỗi ông không thích!</em>&#8220;. Như thế chắc chắn những lần sau bạn cũng chẳng buồn nhận xét làm gì. Trong trường hợp này nên nói &#8220;Ờ ha! ông nói tôi mới để ý cái màu hơi chói thật, để tôi về đổi lại xem sao&#8221;. Còn khi về việc đổi hay không tùy thuộc vào bạn, nhưng như thế chúng ta vừa tránh làm mất lòng người phê bình vừa có thời gian xem xét lại giao diện của mình xem có đúng là màu sắc chưa đạt không.
</p>
<h5>Kết luận</h5>
<p>Để có thể nghe những lời “thật lòng” một cách cởi mở nhất không hề đơn giản và không phải một sớm một chiều mà có được. Cái này phải qua rèn luyện và tự kiềm chế cái tôi của mình. Nhưng nói cho cùng thì những lời phê bình dù có gay gắt đến đâu cũng có đôi ba phần có thực, cho nên hay biết lắng nghe và phân tích sẽ có lợi hơn cho chúng ta.</p>
<p>Nhưng nếu ngược lại bạn là người nhận xét, thì cũng mong bạn nghĩ là <em>“lời nói chẳng mất tiền mua, lựa lời mà nói cho vừa lòng nhau</em>”. Cách tốt nhất khi nhận xét ai đó là bằng cách xây dựng, chỉ ra chỗ chưa hợp lý và đưa ra giải pháp để khắc phục.</p>
]]></content:encoded>
			<wfw:commentRss>http://www.izwebz.com/design-usability/doi-dien-voi-phe-binh/feed/</wfw:commentRss>
		<slash:comments>3</slash:comments>
		</item>
		<item>
		<title>Công Bố Izwebz Donate</title>
		<link>http://www.izwebz.com/design-usability/cong-b%e1%bb%91-izwebz-donate/</link>
		<comments>http://www.izwebz.com/design-usability/cong-b%e1%bb%91-izwebz-donate/#comments</comments>
		<pubDate>Thu, 19 Aug 2010 07:06:33 +0000</pubDate>
		<dc:creator>Clackken Smith</dc:creator>
				<category><![CDATA[Phát triển Web]]></category>

		<guid isPermaLink="false">http://www.izwebz.com/?p=2496</guid>
		<description><![CDATA[Lời Cảm Ơn ! Chào các bạn, như đã biết trong thời gian qua, chúng ta đã tiến hành các phương thức ủng hộ để duy trì izwebz. Và chúng tôi đã nhận đựoc rất nhiều sự đóng góp từ các bạn, từ sinh viên cho đến những bạn đã đi làm. Người có ít, [...]]]></description>
			<content:encoded><![CDATA[<h5>Lời Cảm Ơn !</h5>
<p>Chào các bạn, như đã biết trong thời gian qua, chúng ta đã tiến hành các phương thức ủng hộ để duy trì izwebz. Và chúng tôi đã nhận đựoc rất nhiều sự đóng góp từ các bạn, từ sinh viên cho đến những bạn đã đi làm. Người có ít, người có nhiều, nhưng đều chung một mục đích là muốn izwebz.com tồn tại mãi mãi.</p>
<p><span id="more-2496"></span></p>
<p>Chúng tôi rất vui khi nhận được sự ủng hộ từ nhiều bạn sinh viên đang theo học các trường cả Nam và Bắc ủng hộ, mặc dù tài chính của các bạn eo hẹp nhưng tất cả các đóng góp của các bạn mang rất nhiều chân tình cho izwebz.</p>
<h5>1.Donate Paypal</h5>
<ul>
<ol><strong>Minh nguyễn  :  25$</strong></ol>
<ol><strong>Người giấu tên  :  10$</strong></ol>
<ol><strong>the tung tran  :  10$</strong></ol>
</ul>
<h5>2.Donate Tin Nhắn</h5>
<p>64 Tin nhắn. Số điện thoại của các bạn tôi không tiện nêu ra tại đây.</p>
<h5>3. Bấm Quảng Cáo</h5>
<p>Nguồn thu tổng hợp cuối tháng.</p>
<h5>4.Chi Trả</h5>
<p>Account Premium Mediafire: 9$/tháng</p>
<p>Các thông tin sẽ được cập nhật liên tục</p>
]]></content:encoded>
			<wfw:commentRss>http://www.izwebz.com/design-usability/cong-b%e1%bb%91-izwebz-donate/feed/</wfw:commentRss>
		<slash:comments>8</slash:comments>
		</item>
		<item>
		<title>Ajax-Jquery vs JavaScript</title>
		<link>http://www.izwebz.com/design-usability/ajax-jquery-vs-javascript/</link>
		<comments>http://www.izwebz.com/design-usability/ajax-jquery-vs-javascript/#comments</comments>
		<pubDate>Mon, 07 Jun 2010 17:44:00 +0000</pubDate>
		<dc:creator>Clackken Smith</dc:creator>
				<category><![CDATA[Phát triển Web]]></category>
		<category><![CDATA[clackken smith]]></category>

		<guid isPermaLink="false">http://www.izwebz.com/?p=2429</guid>
		<description><![CDATA[Đôi lúc khi mới đi đến ranh giới của lập trình web 2.0 bạn đang ngờ ngợ giữa các chức năng của nó, cũng như bạn biết rằng web 2.0 thì nên áp dụng ajax, tìm hiểu trên mạng hoặc trong tài liệu thì bạn hiểu sơ sơ nó là cách gửi dữ liệu không [...]]]></description>
			<content:encoded><![CDATA[<p>Đôi lúc khi mới đi đến ranh giới của lập trình web 2.0 bạn đang ngờ ngợ giữa các chức năng của nó, cũng như bạn biết rằng web 2.0 thì nên áp dụng ajax, tìm hiểu trên mạng hoặc trong tài liệu thì bạn hiểu sơ sơ nó là cách gửi dữ liệu không đồng bộ &#8230;.</p>
<p>Nhưng để đi vào vấn đề khi đến với ajax bạn thực sự bối rối quá nhiều, không biết cơ chế hoạt động, không nắm rõ nó, và một phần do vồn tiếng anh yếu mà không dám đụng chạm đến những cuốn sách JS tiếng anh&#8230;</p>
<p><span id="more-2429"></span></p>
<p>Một thời gian nào đó, có bạn đã pm để hỏi tôi &#8220;Anh ơi ! sao anh không soạn tut dạy Ajax, em toàn thấy dạy Jquery không hà&#8221;. Khi đọc được vấn đề này, tôi thực sự bỡ ngỡ, người ta có thể hỏi mình dạy Ajax trong khi người ta biết Jquery. Có buồn cười không khi hỏi &#8220;Anh ơi em biết sơ về Jquery nhưng em mù JS anh có thể soạn tut JS cho em không ?&#8221;, khi đó nó lại là vấn đề khác.</p>
<p>Để trả lời cho câu hỏi này, bài viết hôm nay sẽ minh họa rõ ràng về mối ràng buộc và quan hệ giữa Ajax, Jquery và JavaScript.</p>
<h5>ĐỊNH NGHĨA</h5>
<p><strong>Javascript : </strong> là một ngôn ngữ xử lý sự kiện thông thường cho website, thông thường được dùng để sử lý các sự kiện. Ngôn ngữ cũng theo cấu trúc chính của C, có thể nói JS chỉ khác PHP ở ngôn ngữ, còn hướng lập trình thì hầu như là giống nhau.</p>
<p><strong>JQuery : </strong> Gần như là một mã nguồn mở sử dụng JS, Jquery tổng hợp các vấn đề cần phải làm trong JS thành một thư viện, và sau đó nó cho phép phát biểu theo cách gọi riêng của nó.</p>
<p><strong>Ajax : </strong> Có thể nói, Ajax chỉ là một phần nhỏ trong JSm khi thực hiện theo JS thuần Ajax được thể hiện tương quan theo JS thuần, khi thể hiện theo Jquery, cách sử dụng khác nhau nhưng mối tương quan của nó với JS vẫn không đổi, bởi vì bản thân nó vẫn chỉ chạy trên JS.</p>
<h5>PHÂN BIỆT</h5>
<p>- Với cách để có thể phân biệt 3 dạng này, ta sẽ đi đơn giản từ dưới lên trên.</p>
<p><strong>Ajax : </strong> Ajax chỉ là một hàm nhỏ nếu bạn sử dụng Jquery và là một sự kết hợp nhiều thành phần nếu bạn sử dụng JS thuần.</p>
<p><span class='post-span'>Ajax với Jquery</span></p>
<pre class="brush: php;">
$(document).ready(function(){
   $.ajax({
      //Tại đây ta có thể cho các giá trị vào function Ajax, lúc này Ajax là một function.
      url: 'leech_link.php',
      type: 'POST',
      dataType: 'html',
      data: 'name='+varlue1+'&amp;tuoi='+value2,
      beforeSend(function(){
           $('#wait').html('&lt;img src='load.gif' title='' /&gt;);
      }),
      success(function(html){
           $('#show').html(html);
       })
   });
});
</pre>
<p>- Chỉ với vài dòng như thế chúng ta đã hoàn thành một ajax khá đơn giản, nhưng bản chất bên trong của nó khi tuơng tác với JS thì như thế nào ? hay nói chính xác hơn, Ajax hoạt động trên JS thế nào, chúng ta cùng tham khảo code sau : </p>
<p><span class='post-span'>Ajax với JS thuần</span></p>
<pre class="brush: php;">
 // Ajax function
 function XMLHttpClient() {
      var xmlhttp;
      try {
          // Mozilla / Safari / IE7
          xmlhttp = new XMLHttpRequest();
      } catch (e) {
           // IE
           var XMLHTTP_IDS = new Array('MSXML2.XMLHTTP.5.0',
                                     'MSXML2.XMLHTTP.4.0',
                                     'MSXML2.XMLHTTP.3.0',
                                     'MSXML2.XMLHTTP',
                                     'Microsoft.XMLHTTP' );
          var success = false;
          for (var i=0;i &lt; XMLHTTP_IDS.length &amp;&amp; !success; i++) {
          try {
                   xmlhttp = new ActiveXObject(XMLHTTP_IDS[i]);
                      success = true;
                } catch (e) {}
          }
          if (!success) {
              throw new Error('Unable to create XMLHttpRequest.');
          }
     }
     return xmlhttp;
 }

  function SetName(name)
  {
      var req =XMLHttpClient() ;
      req.open('GET', 'setname.php?name=' + name, false);

      req.send(null);
   var newName =req.responseText;
      alert(newName);
  }
</pre>
<p>- Như vậy chúng ta đã hiểu rõ hơn phần nào Ajax, chúng ta cùng đi qua vấn đề tiếp theo là Jquery</p>
<p><strong>Jquery: </strong> Như đã giải thích ở trên, bản thân Jquery cũng chỉ là một thư viện tổng họp hoạt động trên nền tảng JS, để chứng minh điều này, chúng ta đi vào một ví dụ nho nhỏ, tôi muốn lấy giá trị của một ID nào đó và cho hiển thị thông báo ra màn hình.</p>
<p><span class='post-span'>Sử dụng JS thuần</span></p>
<pre class="brush: php;">
//Nếu bạn muốn lấy giá trị của nó, bạn phải sử dụng chuỗi hàm sau :

     var myContent = document.getElementById('content');
     alert(myContent.value);
</pre>
<p><span class='post-span'>và sử dụng Jquery</span></p>
<pre class="brush: php;">

     alert($('#content').val());
</pre>
<p>Chỉ đơn giản là vậy mà thôi. Như vậy cái bạn cần hiểu, từ một phuơng thức nào đó, Jquery có thể thực thi các lệnh JS thông qua cách viết của riêng nó, nhưng thực sự nền tảng nó vẫn chỉ là JS.</p>
<p><strong>JavaScript : </strong> Như vậy tới đây, bài viết là khá tạm ổn cho các phần giải thích, về JS tôi không có nhiều ý kiến để phân biệt nó, bởi vì nó là nền tảng cho sự phát triển của các thư viện khác.</p>
<h5>KẾT LUẬN</h5>
<p>Như vậy giờ chắc bạn đã mường tượng được trong đầu, cái nào nằm đâu ? và vị trí nó như thế nào rồi đúng không ?. Cũng như kho kiến thức, kiến thức là vô hạn, một thuật toán sẽ có nhiều cách giải, một bài toán khó không phải có kết quả là quan trọng, mà phải làm sao cho nó đỡ tốn công sức nhất. Cũng như học PHP, bạn phải học theo hướng đối tượng để tránh đi tối đa những khai báo trùng lặp, để tránh tất cả những code không cần thiết, như Jquery vậy, người ta gộp chung nó và đặt cho nó một cách khác gọn gàng hơn ^^.</p>
]]></content:encoded>
			<wfw:commentRss>http://www.izwebz.com/design-usability/ajax-jquery-vs-javascript/feed/</wfw:commentRss>
		<slash:comments>12</slash:comments>
		</item>
		<item>
		<title>Lập trình web và sự Lười nhác</title>
		<link>http://www.izwebz.com/design-usability/lap-trinh-web-va-su-luoi-nhac/</link>
		<comments>http://www.izwebz.com/design-usability/lap-trinh-web-va-su-luoi-nhac/#comments</comments>
		<pubDate>Mon, 07 Jun 2010 03:45:23 +0000</pubDate>
		<dc:creator>Clackken Smith</dc:creator>
				<category><![CDATA[Phát triển Web]]></category>
		<category><![CDATA[clackken smith]]></category>

		<guid isPermaLink="false">http://www.izwebz.com/?p=2421</guid>
		<description><![CDATA[Chào tất cả các bạn ! hôm nay là thứ 2 đầu tuần, chúng ta cùng nhau bàn thảo về vấn đề &#8220;Lập trình web và sự Lười nhác&#8221;. Hơ buồn cười, cùng có thể bạn đang nghĩ như vậy. Nhưng nếu bạn không nghĩ như vậy, ^^ cho tôi xin lỗi. Điều mà tôi [...]]]></description>
			<content:encoded><![CDATA[<p>Chào tất cả các bạn ! hôm nay là thứ 2 đầu tuần, chúng ta cùng nhau bàn thảo về vấn đề <strong>&#8220;Lập trình web và sự Lười nhác&#8221;</strong>. Hơ buồn cười, cùng có thể bạn đang nghĩ như vậy. Nhưng nếu bạn không nghĩ như vậy, ^^ cho tôi xin lỗi. </p>
<p>
Điều mà tôi muốn chú trọng trong chủ đề này là sự siêng năng, nhưng lấy tiêu đề là <strong>&#8220;Lập trình web là sự siêng năng&#8221;</strong> nghe nó cùng cùng nghĩa không có phản biện được ^^. Nên tôi quyết định lấy chủ đề là <strong>&#8220;&#8230;.. Sự lười nhác&#8221;</strong>
</p>
<p><span id="more-2421"></span></p>
<h5>1. Mục đích chủ đề</h5>
<p>
Vì sao tôi lại lấy chủ đề ngày hôm nay thực sự lạ như vậy ?, tôi muốn các bạn cùng tôi bàn thảo, cho ý kiến chung để có thể khẳng định được vấn đề này. Sự lười nhác nói chung, chúng ta với trí óc bình thường thừa hiểu sự lười nhác là như thế nào ?. Không chỉ khi lập trình web thì mới là lười nhác.
</p>
<p>
Sự lười nhác có rất nhiều loại : lười nhác trong suy nghĩ, lười nhác trong công việc&#8230;.
</p>
<h5>Nội dung chủ đề</h5>
<p>
Cắt ngang ở đó và quay lại vấn đề chính, chúng ta học lập trình web, khi các bạn đến với izweb, khi xem Video tutorials tại izwebz, vấn đề tôi muốn hỏi có bao nhiều bạn thực hiện lại điều mà những người chia sẻ trên IZ chia sẻ đến lần thứ 2. Tức là nếu bạn đang xem một Video về thiết kế giao diện PTS và cắt HTML, bạn nào đã từng làm nó hoặc một bài học nào khác từ 2 lần trở lên, các bạn hãy trả lời bằng comment ở bên dưới, các bạn cứ coi như đây chỉ là một câu hỏi tham khảo mà thôi. Trong thời gian qua, tôi nhận được rất nhiều ý kiến và câu hỏi từ nhiều thành viên khác nhau, hỏi những vấn đề về thiết kế web, có những bạn có những câu hỏi rất hay, VD : Làm sao để có thể cập nhật một đơn hàng của một Session_id đã hết hạn ?. Đó là một câu hỏi hay, khi suy nghĩ để trả lời những câu hỏi như thế, tôi như được học thêm nhiều điều.
</p>
<p>
Nhưng bên cạnh đó có những câu hỏi mà thực sự tôi cũng không biết nên trả lời thế nào cho thỏa đáng với câu hỏi mà các bạn đặt cho tôi, tôi xin nêu 1 hoặc 2 trường hợp như vậy ! mong là bạn nào hỏi thì đừng giận tôi nhé, ở đây tôi không nêu tên tuổi các bạn, nên mọi chuyện vẫn kín như bưng. Vd : Anh có hướng dẫn các phím tắt cho PTS không ?, em muốn làm một giao diện có 3 cột, trái, giữa và phải em xem video của anh DW nhưng chỉ có 2 cột thôi, anh có thể làm cho em một cái như anh DW mà có 3 cột không ?&#8230;. Đại loại là như thế, khi gặp những câu hỏi như thế này, đúng là tôi dở khóc dở cười, như vậy anh DW đã hoài công để soạn tut, thu Video đưa lên rồi, cuối cùng bạn ấy vẫn không làm được gì cả. Tôi tự hỏi tại vì sao lại như thế ? tại sao anh DW hướng dẫn cụ thể như vậy mà làm vẫn không được ?. Để chứng thực điều này tôi đã bỏ thời gian ngồi xem tut về thiết kế Layout Web từ PTS cho đến HTML, và tôi cảm thấy không quá khó đối với mình, đến khi xem đến cuối, tôi mới thực sự hiểu rằng, bạn ấy lười nhác phải suy nghĩ, lười nhác phải suy nghĩ xem code CSS nào cho cái nào và nằm ở đâu, nên đã mail và nhờ tôi code cho nhanh.
</p>
<h5>Suy ngẫm cho chủ đề</h5>
<p>
Đó là những trường hợp mô tả của tôi để làm sinh động hơn cho bài viết, qua đó chúng ta thấy được, bạn sẽ làm việc thế nào ? làm ra sao ? và ai sẽ giúp bạn ? nếu bạn làm trong một công ty nước ngoài và rất bảo mật về dự án của mình. Tôi đã từng tiếp xúc với môi trường làm việc như vậy, dự án của bạn nhận, bạn không được phép tiết lộ thông tin cho bất kỳ ai, và nếu thông tin dự án của bạn bị lộ bạn sẽ bị kỷ luật rất nghiêm khắc. Như vậy với khả năng tư duy lười 90% là một ưu điểm của bạn, bạn sẽ làm gì ?.
</p>
<p>
Đối với Lập trình web, nếu bạn muốn mình giỏi, không có cách nào khác ngoài bạn phải tự code, phải tự suy nghĩ cho hướng đi của mình, như vậy bạn sẽ phát triển cao hơn về tư duy. Như tôi nói, bạn sẽ hỏi khi một vấn đề hoặc một thao tác bạn đang bí, cũng như Antom đã nói : <strong>&#8220;Đừng trải cả một bản đồ và bảo người hướng dẫn ta, ta phải tự đi hết bản đồ ấy, để hướng dẫn cho mọi người&#8221;</strong>.</p>
<p/>
<p>
Chú trọng hơn một chút về lập trình web, nếu muốn làm tốt trong nghành này, những điều  sau đây sẽ giúp bạn rất nhiều trong quá trình lập trình một dự án và nhiều dự án trong cuộc đời nữa.</p>
<ul>
<li>Không rượu, bia. Nếu thực sự không thể từ chối, hãy uống nhưng đừng bao giờ để mình mất kiểm soát, ngay khi cơ thể mình cảm thấy đủ, bạn phải chủ động dừng lại. Bia rượu là một chất kích thích không tốt cho hệ thần kinh, làm cho các tín hiệu não di chuyển chệch hướng hoặc không đúng như lệnh đã được đưa ra ban đầu. Cũng như khi say sỉn, da của bạn không còn nhiều cảm giác, các cơ cũng có sự co dãn nhiều hơn, trí óc của bạn không tỉnh táo chứng tỏ bạn đã chậm về suy nghĩ. Nó sẽ làm chết dần các nơtron của bạn.</li>
<li>Khi đi vào nghành lập trình web, bạn nhất định phải tự xác định tư tưởng trước, bạn đang chấp nhận đi vào một lĩnh vực khô khan. Và hãy kiên trì</li>
<li>Hãy tập mò mẫm, cho dù có lúc mò mẫm chẳng để làm gì ?, đôi lúc bạn cũng nên sử dụng Google để search nội dung &#8220;Cách thức tìm kiếm tại google hiệu quả&#8221;. Và bạn sẽ bất ngờ rằng chỉ một vài bài viết sẽ giúp bạn không phải mail hỏi tôi rất nhiều. Google là người thầy rộng lớn nhất trên Internet, bạn cứ yên tâm, có khi chính tôi cũng đã search để trả lời cho bạn đấy.</li>
<li>Hãy học cách để hỏi một câu hỏi, tôi đã từng nhận được một câu hỏi oái oăm đến bực mình, bạn ấy gửi cho tôi câu hỏi cùng 1 fiel đính kèm, câu hỏi anh ta muốn hiển thị các thông tin về category trên menu ngang, nhưng trong demo gửi cho tôi, anh ta chẳng hề có lấy một mẩu menu nào, chỉ đơn giản là một Div được đổ màu, vậy tôi sẽ làm gì ? ^^</li>
<li>Hãy tìm hiểu, suy nghĩ, mò mẫm, khi nào bí hãy tìm chúng tôi, vì chúng tôi chắc chắn đó là vấn đề rất hay ^^.</li>
</ul>
<h5>Kết Luận</h5>
<p>Vậy chủ đề ngày hôm nay chúng ta cùng nói đến sự lười nhác trong lập trình, vậy bạn sẽ làm được gì để nó không còn như vậy nữa, bạn làm gì để có thể có một ngày có 1 handcode Made in Tự Tui ^^. Đừng xin Source Code của người khác để sài, chúng ta xin để tham khảo, hãy sài code của chính mình, mặc dù nó chưa hoàn thiện, mặc dù nó chưa tốt, nhưng nó là công sức của chính mình, bị hack vài lần, thì mới biết mình lập trình bị hở ở đâu ^^.</p>
]]></content:encoded>
			<wfw:commentRss>http://www.izwebz.com/design-usability/lap-trinh-web-va-su-luoi-nhac/feed/</wfw:commentRss>
		<slash:comments>24</slash:comments>
		</item>
		<item>
		<title>Giải pháp mới cho cộng đồng WordPress</title>
		<link>http://www.izwebz.com/design-usability/giai-phap-wordpress/</link>
		<comments>http://www.izwebz.com/design-usability/giai-phap-wordpress/#comments</comments>
		<pubDate>Sun, 02 May 2010 16:55:23 +0000</pubDate>
		<dc:creator>Clackken Smith</dc:creator>
				<category><![CDATA[Phát triển Web]]></category>

		<guid isPermaLink="false">http://www.izwebz.com/?p=2386</guid>
		<description><![CDATA[Có đôi lúc chính bản thân tôi cũng đã từng nghĩ : &#8220;Tự tạo cho mình một blog, để đó là nơi mình chia sẻ những ý kiến và cũng là nơi để tụ họp bạn bè.&#8221;. Hiện nay có rất nhiều cộng đồng online nổi lên như : Zing,Facebook&#8230; Nhưng cũng có khá nhiều [...]]]></description>
			<content:encoded><![CDATA[<p>Có đôi lúc chính bản thân tôi cũng đã từng nghĩ : &#8220;Tự tạo cho mình một blog, để đó là nơi mình chia sẻ những ý kiến và cũng là nơi để tụ họp bạn bè.&#8221;. Hiện nay có rất nhiều cộng đồng online nổi lên như : Zing,Facebook&#8230; Nhưng cũng có khá nhiều Bloger muốn tự tạo cho mình một Blog độc lập, không dựa dẫm vào một mã nguồn cộng đồng nào.</p>
<p><span id="more-2386"></span></p>
<p>Nhưng khi đi đến đó mới thấy được sự khó khăn của nó, ngoài việc chuẩn bị rất nhiều thứ từ Domain, hosting, code ..v..vv. Không phải một Bloger nào cũng có thể tự mình setup nên một blog cho chính mình một cách dễ dàng. WordPress cũng là sự lựa chọn cho khá nhiều bạn, có rất nhiều Blog bằng mã nguồn WordPress được sử dụng. Đơn cử như chính trang Izwebz.com của chúng ta cũng phát triển từ mã nguồn Blog. Lợi thế của nó là Free và đơn giản dễ sài.</p>
<p>Nhưng đó chỉ là xu hướng chung !. Đối với những Bloger có khát vọng tạo lập cho mình một Blog riêng thì đó cũng là cả một vấn đề, nếu bạn đang là một sinh viên thì vấn đề đó càng bị đè nặng, tôi chỉ ví dụ một ví dụ nhỏ để có một Blog của riêng mình :</p>
<blockquote><p>
+ Domain : 11$/Năm<br />
+ Hosting : 4$/tháng<br />
+ Tổng cộng : 59$.
</p></blockquote>
<p>
Như vậy để có được blog kha khá và ổn định bạn cần khoảng 60$ chưa tính các chi phí khác. Đó cũng là một mức khá lớn với các bạn sinh viên. Nhân việc tìm một hosting cho WordPress để giới thiệu cho các bạn, mình được nhờ giúp đỡ từ một cộng đồng WordPress mới tại Việt Nam, sau khi phỏng vấn và mất một thời gian để dùng thử, tôi thấy cũng khá hay, tốc độ cũng khá ổn, và quan trọng là nó Free, tôi quyết định viết bài này để giới thiệu đến các bạn.
</p>
<p><h5><a href="http://blogbroad.com">BlogBroad.com</a></h5>
<div class="tutorial-image"><img src="http://blogbroad.com/images/logo.gif" alt="BlogBroad" /></div>
<p>Với cơ chế cũng khá tự do, chỉ cần đăng ký trên trang chủ BlogBroad là bạn đã có một Blog bằng mã nguồn WordPress mà không cần quan tâm nhiều rằng mình phải Config, Install, hoặc phải tìm hosting gì nữa cả. Điểm hay của nó là bạn không cần chuẩn bị domain, nếu bạn chưa có Domain thì có thể sử dụng sub-domain của chính BlogBroad. Nếu bạn đã có Domain thì có rất nhiều cách cho bạn lựa chọn sau khi đăng ký thành công.
</p>
<p>
Các bước đăng ký và sử dụng.
</p>
<p><div class="tutorial-image">Đăng ký <img src="http://izwebz.com/wp-content/uploads/clackken/st_1.jpg" alt="Register" /><br />
Nhập thông tin<br />
<img src="http://izwebz.com/wp-content/uploads/clackken/st_2.jpg" alt="Register" /><br />
Đăng nhập<br />
<img src="http://izwebz.com/wp-content/uploads/clackken/st_3.jpg" alt="Register" /><br />
Khu vực quản lý<br />
<img src="http://izwebz.com/wp-content/uploads/clackken/st_4.jpg" alt="Register" /><br />
WordPress Admin<br />
<img src="http://izwebz.com/wp-content/uploads/clackken/st_5.jpg" alt="Register" /><br />
In WP Admin<br />
<img src="http://izwebz.com/wp-content/uploads/clackken/st_6.jpg" alt="Register" />
</div>
</p>
<p>
Như vậy thông qua các tư liệu mà tôi đã cung cấp cho bạn, bạn cũng dễ dàng thấy rằng mình sẽ có một Blog mà không mất nhiều công sức, cái bạn cần là thử và tìm hiểu chức năng của nó, tuy viết bài này nhưng các chức năng của nó tôi cũng chưa sử dụng hết, nếu bạn phát hiện điều mới hãy chỉ tôi nhé.</p>
<p>Chúc các bạn có được những ngày tháng vui vẻ và có nhiều niềm vui với người bạn yêu thương.</p>
]]></content:encoded>
			<wfw:commentRss>http://www.izwebz.com/design-usability/giai-phap-wordpress/feed/</wfw:commentRss>
		<slash:comments>30</slash:comments>
		</item>
		<item>
		<title>Quá trình tạo một trang web</title>
		<link>http://www.izwebz.com/design-usability/qua-trinh-tao-mot-trang-web/</link>
		<comments>http://www.izwebz.com/design-usability/qua-trinh-tao-mot-trang-web/#comments</comments>
		<pubDate>Mon, 05 Apr 2010 14:46:49 +0000</pubDate>
		<dc:creator>Demon Warlock</dc:creator>
				<category><![CDATA[Phát triển Web]]></category>

		<guid isPermaLink="false">http://www.izwebz.com/?p=2314</guid>
		<description><![CDATA[Hôm nay bạn Giang Ha có email hỏi tôi về quá trình cụ thể để tạo ra một trang web. Nhận thấy câu hỏi này có thể là thắc mắc của nhiều người mới bắt đầu học làm trang web, cho nên tôi viết một bài giải thích kỹ lương cả quá trình tạo ra [...]]]></description>
			<content:encoded><![CDATA[<p>Hôm nay bạn Giang Ha có email hỏi tôi về quá trình cụ thể để tạo ra một trang web. Nhận thấy câu hỏi này có thể là thắc mắc của nhiều người mới bắt đầu học làm trang web, cho nên tôi viết một bài giải thích kỹ lương cả quá trình tạo ra một trang web. Tất nhiên bài này chỉ dành cho người mới bắt đầu.</p>
<p><span id="more-2314"></span></p>
<p>Cũng như làm bất cứ việc gì bao giờ cũng có những gia đoạn như chuẩn bị, tiến hành và đưa vào sử dụng. Làm web cũng vậy và dưới đây là ba bước chính. Trong bài tôi cố gắng liên kết đến những bài viết đã có trên izwebz để bạn tiện tham khảo thêm.</p>
<h5>Bước chuẩn bị</h5>
<p><strong>Công cụ bạn cần để làm một trang web</strong></p>
<p>Tùy vào nhu cầu và tùy vào đặc thù công việc mà cần những công cụ khác nhau. Nhưng với một trang web cơ bản thì công cụ cần thiết để làm một trang web là: <a href="http://www.izwebz.com/uncategorized/top-10-trinh-soan-thao-code/">một trình soạn thảo code</a>, một phần mềm đồ họa như Photoshop hoặc FireWorks, <a href="http://www.izwebz.com/uncategorized/phan-mem-ftp-mien-phi-filezilla/">phần mềm FTP</a> và một máy tính nối mạng.</p>
<ul>
<li><a href="http://www.izwebz.com/video-tutorials/cong-cu-lam-web/">Công cụ để làm web</a></li>
<li><a href="http://www.izwebz.com/uncategorized/tools-to-build-websites/">Công cụ tối thiểu</a></li>
</ul>
<p><strong>Chọn tên miền</strong></p>
<p>Nếu bạn mới chỉ bắt đầu và chưa muốn mua tên miền thì bạn có thể đăng ký một tên miền miễn phí để sử dụng thử cho đến khi bạn đã sẵn sàng để mua tên miền. Việc sử dụng tên miền miễn phí thì cái lợi duy nhất là không phải trả tiền, nhưng đằng sau nó là rất nhiều những thứ bất tiện khác mà bạn không thể khống chế được. Hơn nữa mua tên miền cũng không đắt chỉ khoảng dưới $10 là bạn đã có một tên miền cấp một sử dụng trong vòng một năm. Hiện tại nhiều dịch vụ host đều cho tên miền miễn phí khi bạn đăng ký dịch vụ với họ. Dịch vụ tôi đang dùng là 1and1 cho bạn <a href="http://www.1and1.com/?k_id=17299534">tên miền miễn phí</a> (Affliate Link) cùng gói dịch vụ host, miễn là bạn ở với họ thì tên miền sẽ luôn được miễn phí.</p>
<ul>
<li><a href="http://www.izwebz.com/uncategorized/how-to-pick-a-domain-name/">Cách chọn domain</a></li>
</ul>
<p><strong>Chọn một dịch vụ host</strong></p>
<p>Cũng như tên miền, host cũng có nhiều dịch vụ miễn phí. Cái được duy nhất là không phải trả tiền nhưng cái mất thì không thể nói hết được. Đặc tính của host miễn phí là không ổn định, quảng cáo tràn lan, thiếu nhiều tính năng quan trọng và không đủ độ tin cậy để xây dựng một trang web lâu dài. </p>
<ul>
<li><a href="http://www.izwebz.com/?p=54">Cách chọn web host (phần 1)</a></li>
<li><a href="http://www.izwebz.com/?p=37">Cách chọn web host (phần 2)</a></li>
</ul>
<p><strong>Thiết kế trang web</strong></p>
<p>Khi học làm web việc biết sử dụng thành thạo một phần mềm đồ hoạ là điều gần như bắt buộc. Cho dù bạn có là một lập trình viên, nhưng kiến thức cơ bản về một phần mềm đồ hoạ tiêu biểu như Photoshop hoặc FireWorks giúp ích rất nhiều sau này. Tôi đã có 2 series video tutorial hướng dẫn cách tạo giao diện trong Photoshop. Bạn có thể tham khảo.</p>
<ul>
<li><a href="http://www.izwebz.com/video-tutorials/thiet-ke-layout-giao-dien-voi-photoshop/">Giao diện với Photoshop</a></li>
<li><a href="http://www.izwebz.com/wordpress/tao-wordpress-theme-photoshop-mockup/">Thiết kế theme WordPress với Photoshop</a></li>
</ul>
<div class="tutorial-image"><img src="http://www.izwebz.com/wp-content/uploads/2009/08/create-website.jpg"   alt="Create a website" /></div>
<p>
Bên cạnh đó bạn cũng có thể sử dụng những chương trình WYSIWYG miễn phí trên mạng. Hoặc bạn có thể download những phần mềm CMS như: WordPress, Joomla hoặc Drupal miễn phí. Bạn chỉ việc download về, đọc cách sử dụng và install nó. Chỉ trong vòng vài phút là bạn đã có một trang web hoàn chỉnh rồi.</p>
<h5>Chạy thử và kiểm tra lỗi trang web của bạn</h5>
<p>Việc kiểm tra kỹ càng trang web của bạn trước khi tải lên web host là khá quan trọng nhưng lại bị nhiều người bỏ qua. Ở bước này, bạn nên tập trung vào kiểm tra những đường link, hình ảnh, căn chỉnh, font chữ … nói chung tất cả những gì mà bạn đã tạo cho trang web của mình, bạn cần kiểm tra kỹ lưỡng lài. Đặc biệt những đường link và thanh di chuyển trên trang web. Người đọc khi đến với trang của bạn mà lại gặp vài đường link hỏng thì rất nản.</p>
<p>Việc quan trọng tiếp theo là chạy thử trang web của bạn ở 2 trình duyệt web phổ biến nhất hiện nay là Internet Explorer 7 và Firefox. Hai trình duyệt hỗ trợ code khác nhau, cho nên đôi khi ở trình duyệt này mọi thứ hiển thị chính xác như khi bạn thiết kế, nhưng sang trình duyệt khác nó lại bị “méo mó” đi một số chỗ. Do vậy bạn muốn trang web của mình được hiển thị tốt ở cả hai trình duyệt.</p>
<p>Cuối cùng nhưng cũng rất quan trọng là lỗi chính tả trên trang web. Việc để quá nhiều lỗi chính tả trên trang web tạo cho người đọc có cảm giác bạn không chuyên nghiệp cho nên thông tin bạn viết ra cũng không đáng tin. Nếu một vài lỗi nhỏ, có thể bỏ qua, nhưng cứ vài đoạn là gặp một lỗi thì cũng rất đáng phàn nàn.</p>
<h5>5. Quảng cáo trang web của bạn</h5>
<p>Quảng cáo trang web là bước cuối cùng bạn cần làm để mọi người biết về trang web của mình. Nhưng bạn không nên quá vội vàng quảng cáo trang web khi mà nội dung còn chưa hoàn tất, đường liên kết, hình ảnh còn đang trong quá trình xây dựng. Người đọc sẽ có cảm giác là trang web này không thực sự chuyên nghiệp khi liên tục gặp những đường link hỏng hoặc lỗi hình ảnh. Cho nên bạn hãy chỉ quảng cáo trang web rộng rãi khi nội dung trên trang đa phần hoàn thành. Đừng nóng vội, hấp tấp mà để mất đi lượng người đọc lúc ban đầu.</p>
<ul>
<li><a href="http://www.izwebz.com/design-usability/quang-cao-trang-web/">Cách quảng cáo trang web</a></li>
</ul>
<h5>Kết luận</h5>
<p>Để tạo được một trang web bạn chỉ cần 5 bước đơn giản ở trên. Nhưng đó chỉ là phương hướng cho bạn biết cách đi. Bài này chỉ có vai trò như là tấm bản đồ chỉ đường cho bạn đi từ A đến Z bạn phải đi qua những chữ cái nào trước. Nhưng để tạo được một trang web và thu hút được nhiều người đọc đòi hỏi nhiều bước khác nữa mà nếu bạn tìm hiểu trên <strong>izwebz</strong> bạn sẽ làm được.</p>
]]></content:encoded>
			<wfw:commentRss>http://www.izwebz.com/design-usability/qua-trinh-tao-mot-trang-web/feed/</wfw:commentRss>
		<slash:comments>24</slash:comments>
		</item>
		<item>
		<title>Nguyên tắc thiết kế web hiện đại</title>
		<link>http://www.izwebz.com/design-usability/hai-nguyen-tac-thiet-ke-web-hien-tai/</link>
		<comments>http://www.izwebz.com/design-usability/hai-nguyen-tac-thiet-ke-web-hien-tai/#comments</comments>
		<pubDate>Sat, 03 Apr 2010 03:52:15 +0000</pubDate>
		<dc:creator>Demon Warlock</dc:creator>
				<category><![CDATA[Phát triển Web]]></category>

		<guid isPermaLink="false">http://www.izwebz.com/?p=2303</guid>
		<description><![CDATA[Một điều làm đau đầu các Web Designer nhất và cũng là vấn đề cố hữu nhất của lĩnh vực thiết kế web là việc tương thích giữa các trình duyệt. Trong bài này, chúng ta sẽ không bàn về làm cách nào để trang web tương thích với mọi trình duyệt mà tôi chỉ [...]]]></description>
			<content:encoded><![CDATA[<p>Một điều làm đau đầu các Web Designer nhất và cũng là vấn đề cố hữu nhất của lĩnh vực thiết kế web là việc tương thích giữa các trình duyệt. Trong bài này, chúng ta sẽ không bàn về làm cách nào để trang web tương thích với mọi trình duyệt mà tôi chỉ tập trung nói về hai nguyên tắc cơ bản mà mỗi người làm web nào cũng nên để tâm tới.</p>
<p><span id="more-2303"></span></p>
<p>Hai  thuật ngữ này tiếng anh là <strong>Progressive Enhancement</strong> (Nâng cao lũy tiến) và <strong>Grateful Degradation</strong> (Giáng cấp dễ chịu >&#8221;<). Với những người thiết kế web kinh nghiệm, thì đây là hai khái niệm luôn đi chung với nhau trong quá trình thiết kế một trang web. Đơn giản thì cặp khái niệm này được tạo ra để khi thiết kế trang web phải làm sao cho trang web có thể truy cập được với mọi đối tượng người dùng. Nhưng đối với những trình duyệt hiện đại hơn thì có thể áp dụng nhiều hơn về mặt thẩm mỹ cũng như tăng tính khả dụng của nó.</p>
<h5>Grateful Degradation</h5>
<p>Thuật ngữ Grateful Degradation được áp dụng trong nhiều lĩnh vực đặc biệt là trong cơ học và điện tử học. Nguyên tắc của nó là khi làm ra một sản phẩm thì làm cho những thứ tốt nhất và phổ thông nhất, hay nói cách khác là tập trung phát triển cho số đông trước khi mới quay lại hỗ trợ cho phần còn lại. Còn trong lĩnh vực thiết kế web thì bạn có thể làm sao cho trang web của mình hiển thị tốt nhất trên những trình duyệt hiện đại và không có lỗi. Bạn cũng có thể áp dụng những khái niệm mới về CSS3, HTML5 để cung cấp cho những trình duyệt hiện đại như Chrome và Safari.</p>
<div class="tutorial-image"><img src="http://www.izwebz.com/wp-content/uploads/demon/evolution.jpg" alt="Progressive enhancement" /></div>
<p>Sau khi đã tạo ra những hiệu ứng mong muốn, bạn sẽ quay lại những trình duyệt cũ hơn và giáng cấp nó từ từ. Ví dụ khi bạn áp dụng hiệu ứng bo tròn góc cho trình duyệt hiện đại bằng CSS3. Sau đó quay lại dùng hình ảnh để tạo ra hiệu ứng tương tự với những trình duyệt thấp hơn. Như thế những ai sử dụng trình duyệt hiện đại sẽ được hưởng lợi nhờ khả năng mới của trình duyệt, còn với những ai không có thì vẫn có thể sử dụng được.</p>
<h5>Progressive Enhancement</h5>
<p>Thuật ngữ này được giới thiệu muộn hơn nhiều, khoảng năm 2003. Nó ngược lại với thuật ngữ trên là chúng ta xây dựng trang web cho những trình duyệt kém hỗ trợ nhất sau đó từ từ bổ sung những tính năng mới cho những trình duyệt hiện đại hơn.</p>
<p>Ví dụ cho khái niệm này là khi bạn làm một hệ thống menu của trang web sử dụng JavaScript để tạo hiệu ứng cho đẹp mắt hơn. Nhưng trước khi thêm JavaScritp, bạn nên tạo một hệ thống chỉ có mã HTML để cho những người không bật JavaScript hoặc cả CSS vẫn có thể xem nội dung trang web của bạn. Sau đó bạn mới sử dụng CSS để làm cho menu có thể Dropdown hoặc Fly Out. Để những ai không có JavaScript vẫn xem được. Và cuối cùng mới là sử dụng JavaScript để cho menu thêm bắt mắt cho nhóm người đọc cuối cùng.</p>
<h5>Có cần phải hoàn hảo đến từng chi tiết</h5>
<p>Đây là câu hỏi mà câu trả lời còn phải phụ thuộc vào nhiều yếu tố như thiết kế, nhóm người đọc, độ phức tạp của code v.v&#8230; nhưng tựu chung người ta chỉ yêu cầu bạn làm sao cho trang web ở mức cơ bản nhất như là không có hình ảnh, không có CSS và cả JavaScript vẫn có thể sử dụng được tuy không đẹp bằng phiên bản đầy đủ.</p>
<p>Theo kinh nghiệm riêng của tôi thì đối với những trình duyệt quá cũ như IE 6, 7 thì miễn sao nội dung trên trang web của bạn vẫn có thể đọc được là được. Chính vì thề Google nó mới có đoạn code cài sẵn, nếu ai sử dụng IE 6 mà truy cập vào trang của bạn. Nó sẽ chỉ đưa ra phiên bản cơ bản nhất là chỉ có chữ mà không có hiệu ứng gì cả. </p>
<p>Tất nhiên vì yêu cầu công việc hoặc đặc thù của một trang web mà người ta vẫn muốn trang web phải đẹp dù với những trình duyệt cũ. Nhưng bạn không phải chính xác đến từng pixel. Bạn khó có thể làm một trang web nhìn giống nhau đến từng Pixel trên các trình duyệt khác nhau được. Nói ví dụ như padding bên IE 6 hụt mất 2 px so với Firefox, hoặc menu lại có gạch chân ở cuối cùng danh sách với IE 6 v.v. những khác biệt nhỏ như thế không ảnh hưởng đến toàn bộ giao diện.</p>
<div class="tutorial-image"><img src="http://www.izwebz.com/wp-content/uploads/demon/progressive.jpg" alt="Progressive enhancement" /></div>
<p>Đôi khi bạn cũng phải tự hỏi có cần thiết phải sử dụng cả một &#8220;quân thể code&#8221; chỉ để sửa một lỗi là cái border của list item không? Những thứ không trực tiếp ảnh hưởng đến tính khả dụng của trang web đối với những trình duyệt cũ thì bạn không nên quá khắt khe làm gì.</p>
<h5>Kết luận</h5>
<p>Hai khái niệm trên là những nguyên lý rất hay mà những người làm web có kinh nghiệm hay làm theo. Áp dụng nó như thế nào và ở mức độ nào là tùy thuộc vào bạn và tùy thuộc vào Project mà bạn đang làm. Nhưng đừng tập trung quá vào những trình duyệt hiện đại mà bỏ đi những trình duyệt kém hơn. Hoặc đừng quá quan tâm tại sao trang web của mình lại lệch sang phải 3 px ở IE 6 so với Firefox.</p>
]]></content:encoded>
			<wfw:commentRss>http://www.izwebz.com/design-usability/hai-nguyen-tac-thiet-ke-web-hien-tai/feed/</wfw:commentRss>
		<slash:comments>7</slash:comments>
		</item>
		<item>
		<title>Đừng làm nửa chừng rồi ngưng</title>
		<link>http://www.izwebz.com/design-usability/dung-lam-nua-chung/</link>
		<comments>http://www.izwebz.com/design-usability/dung-lam-nua-chung/#comments</comments>
		<pubDate>Fri, 02 Apr 2010 02:43:59 +0000</pubDate>
		<dc:creator>Demon Warlock</dc:creator>
				<category><![CDATA[Phát triển Web]]></category>

		<guid isPermaLink="false">http://www.izwebz.com/?p=2291</guid>
		<description><![CDATA[Đúng là tôi cũng hơi gặp khó khăn khi tìm tiêu đề cho bài viết này, nhưng ý của tôi ở đây là nếu bạn có ý tưởng làm một việc gì đó, hãy đầu tư thời gian, công sức và làm đến cùng. Đừng vì một chút khó khăn ban đầu đã dễ dàng [...]]]></description>
			<content:encoded><![CDATA[<p>Đúng là tôi cũng hơi gặp khó khăn khi tìm tiêu đề cho bài viết này, nhưng ý của tôi ở đây là nếu bạn có ý tưởng làm một việc gì đó, hãy đầu tư thời gian, công sức và làm đến cùng. Đừng vì một chút khó khăn ban đầu đã dễ dàng bỏ cuộc và tử bỏ ý tưởng của mình.</p>
<p><span id="more-2291"></span></p>
<p>Tôi cũng không phải có ý giáo điều các bạn những kinh nghiệm sống, mà ở đây tôi chỉ muốn nói đến phạm vi xây dựng và quản lý trang web. Mấy năm về trước tôi cũng có nhiều ý tưởng lắm và đôi khi cũng có những ý tưởng hay là tạo ra một trang web với chủ đề mà tôi nghĩ sẽ thu hút nhiều người đọc. Trước đây tôi từng nghĩ tạo ra một trang web về cai thuốc lá và giúp đỡ những người có ý định cai thuốc lá, vì bản thân tôi cũng vừa cai thuốc lá thành công. Ý tưởng có hay không? tôi nghĩ là hay vì cũng chưa có nhiều trang web ở Việt nam chuyên về việc giúp đỡ người nghiện cai thuốc là. Tôi có research nhiều và chuẩn bị bài vở cho nó nhưng về sau không có thời gian mà làm, rồi lại bỏ đấy.</p>
<p>Sau đó tôi lại nảy ra ý tưởng làm một trang web về nuôi dạy chó vì tôi rất quý chó và cũng biết nhiều về cách nuôi dạy chó. Lần này tôi rất quyết tâm và đã đăng ký tên miền đoàng hoàng, thiết kế giao diện, làm một vài video, và viết một số bài v.v.. nhưng cuối cùng cũng chẳng đâu vào đâu vì không có thời gian để mà quản lý nó. Nên giờ cũng chỉ còn cái domain mà chẳng có bài vở gì.</p>
<p>Gần đây cũng có người hỏi tôi tại sao trang web của họ lại chựng lại không phát triển nữa và hỏi tôi lời khuyên để đưa trang web lên một tầm cao mới. Tôi có thăm trang web của họ và nói chung ý tưởng là hay và độc nhưng lại kém tình khả thi. Trang web đó bao trùm một chủ đề rộng lớn mà muốn thực sự thành công phải có một đội ngũ biên tập viên có kinh nghiệm được trả lương hàng tháng và làm việc 8 tiếng một ngày thì mới tạo ra sự khác biệt.</p>
<p>Nhưng qua quan sát ban đầu thì tôi thấy trang web đó chỉ là một vài cá nhân làm ra, tuy có hoài bão nhưng không đủ nhân lực để thực hiện cho nên nó không thể trở thành một địa chỉ quen thuộc của dân IT.</p>
<p>Bài học ở đây là một khi bạn có một ý tưởng nào đó mà bạn cho là khả thi. Trước khi đầu tư tiền bạc và thời gian để làm nó, hãy tự hỏi mình là mình có đủ sức lực, thời gian và tiền bạc để phát triển nó không. Nếu câu trả lời trung thực của bạn là không thì bạn hãy tìm một ý tưởng khác khả thi hơn. Bởi vì ý tưởng có hay đến đâu đi chăng nữa mà khâu thực hành không tốt thì ý tưởng đó cũng bị bỏ rơi. Nhưng nếu ý tưởng không thực sự nổi bật, nhưng nhiều tâm huyết được dồn vào thì nó cũng còn nên cơm nên cháo hơn.</p>
<h5>Kết luận</h5>
<p>Nếu bạn có một ý tưởng nào đó, hãy suy nghĩ kỹ xem bạn có đủ khả năng, thời gian và tiềm lực tài chính để phát triển nó không. Nếu có, hãy tập trung hết sức lực, đam mê, thời gian v.v.. để vận hành nó, chắc chắn bạn sẽ biến ý tưởng của bạn thành sự thật. Còn nếu bạn cảm thấy sẽ không có thời gian và sức lực cho nó, thì hãy bỏ ý nghĩ đó đi đừng tốn thêm thơi gian và tiền bạc cho nó nữa.</p>
]]></content:encoded>
			<wfw:commentRss>http://www.izwebz.com/design-usability/dung-lam-nua-chung/feed/</wfw:commentRss>
		<slash:comments>17</slash:comments>
		</item>
		<item>
		<title>Top 10 trình soạn thảo code</title>
		<link>http://www.izwebz.com/design-usability/top-10-trinh-soan-thao-code/</link>
		<comments>http://www.izwebz.com/design-usability/top-10-trinh-soan-thao-code/#comments</comments>
		<pubDate>Wed, 31 Mar 2010 01:03:40 +0000</pubDate>
		<dc:creator>Demon Warlock</dc:creator>
				<category><![CDATA[Phát triển Web]]></category>

		<guid isPermaLink="false">http://www.izwebz.com/?p=2275</guid>
		<description><![CDATA[Trình soạn thảo code là công cụ không thể thiếu của các lập trình viên chuyên nghiệp. Ai đó khuyên bạn chỉ nên sử dụng Notepad để viết mã là lời khuyên vô bổ nhất mà bạn có thể nhận được. Tôi không thích những chương trình viết code nặng nề và quá nhiều tính [...]]]></description>
			<content:encoded><![CDATA[<p>Trình soạn thảo code là công cụ không thể thiếu của các lập trình viên chuyên nghiệp. Ai đó khuyên bạn chỉ nên sử dụng Notepad để viết mã là lời khuyên vô bổ nhất mà bạn có thể nhận được. Tôi không thích những chương trình viết code nặng nề và quá nhiều tính năng như DreamWeaver. Tôi chỉ thích những chương trình nhỏ gọn có vài tính năng cơ bản như: highlight code, Auto Complete (tự động hoàn thiện), debug (sửa lỗi) và một vài tính năng nho nhỏ nữa. </p>
<p><span id="more-2275"></span></p>
<p>Dưới đây là top 10 trình soạn thảo code mà tôi thấy là hay và giới thiệu đến các bạn. Một vài trong số đó tôi đã thử xài, và một vài thì tôi đọc thông tin thấy người ta cũng giới thiệu nó. Cũng lưu ý các bạn là danh sách dưới đây được sắp xếp ngẫu nhiên chứ không theo một thứ tự nào hết.</p>
<h5><a href="http://notepad-plus.sourceforge.net/uk/site.htm" target="_blank">Notepad++ </a></h5>
<p>Lý do tôi đưa Notepad++ lên đầu danh sách vì nó là phần mềm rất mạnh, độ tùy biến cao và lại hoàn toàn miễn phí. Nó là trình soạn thảo code viết cho người sử dụng Windows và hỗ trợ một vài ngôn ngữ lập trình. Lý do tôi ngừng sử dụng Notepad++ dạo gần đây là vì giao diện của nó không thực sự thân thiện cho lắm và nhìn nó không được bắt mắt và không có độ &#8220;mướt&#8221;. Nhưng nó rất ổn định và hoạt động tốt.</p>
<div class="tutorial-image"><img src="http://notepad-plus.sourceforge.net/commun/screenshots/scrsh_braceIndentGuideHiLiting.gif" alt="notepad++"  width="550" height="400" /></div>
<h5><a href="http://www.e-texteditor.com/" target="_blank">e-Texteditor</a></h5>
<p>Những ai có may mắn sử dụng máy Mac và đã quen với Textmate thì không khỏi vui mừng nếu như họ cài đặt E-texteditor. Đây là một phiên bản gần như hoàn hảo của Textmate dành cho người sử dụng Window. Nhìn nó bé bé hạt tiêu mà làm được khối việc như: tích hợp FTP ngay trong editor, Project Panel, highlight code, auto complete v.v.. Tôi cũng sử dụng chương trình này một thời gian và thấy nó rất thú vị. Bạn cũng nên thử xem. Nhưng đây là phần mềm phải trả phí và cũng không được rẻ cho lắm</p>
<div class="tutorial-image">
<img src="http://opencompany.org/images/e_on_fedora_small.png" alt="e-texteditor"  width="550" height="400" /></div>
<h5><a href="http://www.eclipse.org/" target="_blank">Eclipse </a></h5>
<p>Đây là phần mềm mã nguồn mở phát triển dựa trên nền tảng Java. Ban đầu Eclipse chỉ được sử dụng bởi những người phát triển Java. Nhưng sau này người dùng có thể mở rộng những tính năng của nó bằng cách cài đặt thêm nhiều Plugin. Từ đó Eclipse được sử dụng rộng rãi hơn bởi nhiều chuyên gia trong nhiều lĩnh vực khác nhau. Những plugin phổ biến như cho C, C++, Perl, PHP, ColdFusion, Ruby, Python và cả C# nữa.</p>
<div class="tutorial-image">
<img src="http://1.bp.blogspot.com/_cZ_7aFZ9WZY/SmSjHlt0FJI/AAAAAAAACVY/Ph1ZPKs8bNs/s1600/eclipse.png" alt="Eclipse" /></div>
<h5><a href="http://www.aptana.com/studio/" target="_blank">Aptana </a></h5>
<p>Aptana đã có tiếng từ lâu trong làng các IDE (integrated development environment) hỗ trợ HTML, DOM, JavaScript và CSS. Một số tính năng như soát lỗi, báo lỗi và sửa lỗi cũng có trong Aptana. Bạn cũng có thể sử dụng rất nhiều Plugin cho Aptana để giúp bạn làm việc với Ruby on Rails, PHP, Adobe Air. Aptana cũng bao gồm một số thư viện JavaScript phổ biến như Prototype, MochiKit, YUI, Mootools, Dojo Toolkit, JQuery, Scriptaculous và cả JSON. Đây là phần mềm rất chuyên nghiệp và mạnh mẽ. Nhưng nó cũng hơi nặng so với những phần mềm trên.</p>
<div class="tutorial-image"><img src="http://2.bp.blogspot.com/_cZ_7aFZ9WZY/SmSjlJWr3NI/AAAAAAAACVo/9L6LXBCm1hM/s1600/aptana.gif" alt="Aptana" /></div>
<h5><a href="http://www.activestate.com/komodo_edit/" target="_blank">Komodo Edit </a></h5>
<p>Là trình soạn code cũng hỗ trợ nhiều ngôn ngữ như HTML, CSS, JavaScript, Perl, PHP, Ruby, Django v.v.. Nó cũng có những tính năng như auto-complete, menu hỗ trợ, kiểm tra cú pháp, xem trước code HTML, code snippet (dạng làm trước), edit nhiều trang cùng một lúc và cả Project Management.</p>
<div class="tutorial-image"><img src="http://4.bp.blogspot.com/_cZ_7aFZ9WZY/SmSjH0IefzI/AAAAAAAACVg/cSDO42yIq_8/s1600/komodo.png" alt="Komodo" width="550" height="400" /></div>
<h5><a href="http://www.webocton.de/customer_files/webocton_scriptly.exe" target="_blank">Scriptly </a></h5>
<p>Scriptly là trình soạn thảo code miễn phí, nó cũng có thể dùng để viết code HTML và các ngôn ngữ lập trình như PHP. Nó cũng như đa số các trình soạn thỏa code khác, cũng cho phép code highlight, search và replace nhanh nhẹn.</p>
<div class="tutorial-image"><img src="http://4.bp.blogspot.com/_cZ_7aFZ9WZY/SmSgQBXRCcI/AAAAAAAACU4/AvdsDEEUWyQ/s1600/scriptly.jpg" alt="Scriptly" /></div>
<h5><a href="http://www.editplus.com/download.html" target="_blank">EditPlus </a></h5>
<p>Đây cũng là một trình soạn code hay và đến giờ tôi vẫn đang sử dụng nó. Bởi vì nó khởi động cực nhanh, gần tương đương với Notepad. Nó cũng có những tính năng như highlight code và auto complete. Tôi đa phần sử dụng nó nếu cần chỉnh sửa nhanh một file nào đó mà không muốn chờ lâu. Nó là trình soạn thảo code mặc định trong máy của tôi. Đây là phần mềm thu phí và cũng ổn định khi làm việc.</p>
<div class="tutorial-image"><img src="http://2.bp.blogspot.com/_cZ_7aFZ9WZY/SmShDtuBBgI/AAAAAAAACVI/7ZIZy2PDq9U/s1600/editplus.gif" alt="edit plus" width="550" height="400" /></div>
<h5><a href="http://www.mpsoftware.dk/downloads.php" target="_blank">PHPDesigner </a></h5>
<p>Làm sao mà có thể quên được anh bạn PHPDesigner này. Tôi sử dụng nó cho phần lớn thời gian làm việc với code của mình vì giao diện rất thân thiện, nhiều tính năng hay như: xem trước trang web trên trình duyệt, code snippets, auto complete, báo lỗi cú pháp khi lập trình với PHP v.v&#8230; Tôi rất đề cao phần mềm này và cũng khuyên bạn nên dùng thử cho biết.</p>
<div class="tutorial-image"><img src="http://www.mpsoftware.dk/images/phpdesigner7/phpdesigner7-phpide-phpeditor-main.png" alt="phpdesigner" /></div>
<h5><a href="http://www.jetbrains.com/webide/download/index.html" target="_blank">Webstorm</a></h5>
<p>Đây là anh bạn mới nhất mà tôi biết trong thời gian gần đây. Phần mềm này vẫn đang trong giai đoạn phát triển nên chưa có phiên bản chính thức. Bạn có thể download về dùng thử trong vòng 45 ngày (rùi sau đó sao thì tui cũng chẳng biết <img src='http://www.izwebz.com/wp-includes/images/smilies/icon_biggrin.gif' alt=':D' class='wp-smiley' /> ). Tôi mới xài được một thời gian ngắn nhưng rất nghiền vì nó hỗ trợ Zend coding cho phép bạn tiết kiệm nhiều thời gian khi viết code. Auto complete thông minh và các tùy biến dễ sử dụng. Bạn cũng nên sử dụng thử phần mềm này.</p>
<div class="tutorial-image">
<img src="http://www.jetbrains.com/webide/features/screenshots/PHP_class_fields_from_constructor.png" alt="webstorm" /></div>
<h5><a href="http://netbeans.org/" target="_blank">NetBeans</a></h5>
<p>NetBeans là trình IDE miễn phí cũng rất phổ biến và có thể làm việc trên các hệ điều hảnh như Windows, Mac, Linux và Solaris. NetBeans bao gồm bộ IDE mã nguồn mở và nền tảng ứng dụng cho phép lập trình viên có thể tạo trang web, phần mềm ứng dụng một cách nhanh chóng. Nó sử dụng Java Platform, JavaFX, PHP, JavaScript, AJAX, Ruby và C/C++. Tuy tôi chưa dùng thử NetBeans bao giờ những cũng đã thấy nó nhiều lần. Các bạn thử xem</p>
<div class="tutorial-image"><img src="http://netbeans.org/images_www/v6/8/screenshots/ruby-cut.png" alt="Netbeans" width="550" /></div>
]]></content:encoded>
			<wfw:commentRss>http://www.izwebz.com/design-usability/top-10-trinh-soan-thao-code/feed/</wfw:commentRss>
		<slash:comments>29</slash:comments>
		</item>
	</channel>
</rss>
