Giáo trình Phát triển Web (Phần II) - Demon Warlock

137 trang ngocly 3850

Download

Bạn đang xem 20 trang mẫu của tài liệu "Giáo trình Phát triển Web (Phần II) - Demon Warlock", để tải tài liệu gốc về máy bạn click vào nút DOWNLOAD ở trên

Tài liệu đính kèm:

giao_trinh_phat_trien_web_phan_ii_demon_warlock.pdf

Nội dung text: Giáo trình Phát triển Web (Phần II) - Demon Warlock

Phát triển Web 2012 Chương 5 : Những thủ thuật trong thiết kế và lập trình Tạo nút bằng Photoshop Hôm qua dạo chơi thấy một trang web nó tạo ra hàng nút dạng inset khá đẹp và hiện đại. Nên tôi mày mò cách tạo ra được kết quả gần giống với hình gốc. Hôm nay chia sẻ với các bạn, nếu thích các bạn có thể làm theo, và nếu khéo kết hợp cũng tạo ra được nút di chuyển rất hiện đại. Bởi vì bài này không quá phức tạp và cũng ngắn gọn cho nên tôi làm tut hình cho nó lẹ và đỡ mất thời gian hơn. Các bạn cũng có thể download phiên bản PSD về để xài. Nếu các bạn giống tôi, luôn thích xem kết quả trước khi làm theo thì đây là hình cuối cùng chúng ta sẽ được. Bước 1: Để bắt đầu bạn mở một tài liệu mới trong Photoshop với kích thước khoảng 500×500 Px. Chọn màu nền trước là màu đen và trên hộp công cụ chọn Rounded Rectangular Tool (U) với thông số Radius = 8 px và tạo một hình như hình dưới. 125 www.izwebz.com Demon Warlock
Phát triển Web 2012 Trong Layer Pallet chọn Layer Effect > Drop Shadow và thiết lập thông số như hình sau: Bước 2: Trên Layer Pallete Ctrl-Click vào layer shape vừa tạo ở bước 1 để load vùng lựa chọn. Sau đó vào Select > Modify > Contract và điền vào hộp thoại là 1px Bước 3: Trên Layer Pallet tạo một layer mới. Chọn công cụ Gradient (G) trong hộp công cụ và đặt màu nền trước là màu #44464C và màu nền sau là màu #0F1114 kéo một đường theo hình mũi tên. 126 www.izwebz.com Demon Warlock
Phát triển Web 2012 Trong Layer Pallete chọn Layer Effect > Inner Shadow và thiết lập thông số như hình sau: Trên layer Pallet tạo thêm một layer nữa. Trên Layer Pallete Ctrl-Click vào layer shape vừa tạo ở bước 1 để load vùng lựa chọn. Sau đó vào Select > Modify > Contract và điền vào hộp thoại là 2px. Di chuyển vùng chọn xuống dưới 2px bằng phím mũi tên trỏ xuống. Đổi màu nền trước thành màu #2D343D và giữ nguyên màu nền sau và kéo một đường như hình trên. Bây giờ bạn có thể thêm chữ và là xong. Kết quả ở trên cùng của bài viết và bạn có thể download file PSD này về tham khảo. 127 www.izwebz.com Demon Warlock
Phát triển Web 2012 Giỏ hàng và Session Có rất nhiều bạn hỏi tôi về cách để thực hiện một giỏ hàng. Và cái thắc mắc của các bạn nằm ở chỗ làm sao để thêm nhiều món hàng. Chạy lui chạy tới trên toàn trang lựa chọn sản phẩm thật ưng ý cho mình. Sau đó rồi mới thanh toán, và các thông tin sản phẩm khi thanh toán đều đầy đủ. Điều quan trọng ở đây, cái mà các bạn chưa hiểu là làm cách nào, tuy rằng bạn đã sử dụng session khá nhiều cho công việc của mình, nhưng về giỏ hàng bạn lại suy nghĩ quá cao siêu. Thực tế hãy tưởng tượng, bạn đã gọi là giỏ hàng tức là một chỗ để quăng sản phẩm vào. Tương tự với chúng ta, khi khách hàng click mua món hàng thì chúng ta lấy nó quăng vào cái giỏ Session của chúng ta ^^. Luôn luôn lưu ý rằng, ở tất cả những nơi mà muốn xử lý Seission thì : Đại loại như một mô hình mà tôi đã thiết kế cho Project của mình thế này. 1. Hình ảnh sản phẩm 128 www.izwebz.com Demon Warlock
Phát triển Web 2012 2. Chọn sản phẩm 3. Đến và Xem giỏ hàng Trong đoạn code HTML bạn sẽ để đại loại như thế này cho nút chọn mua với title là một attribute chứa ID của sản phẩm cần ADD + Đoạn code jquery để lấy giá trị của title gửi đến trang xử lý và tạo Session như sau : 129 www.izwebz.com Demon Warlock
Phát triển Web 2012 $('.buy').click(function(){ var str =$(this).attr('title'); $.ajax({ url :'create_order.php', data :'id='+str, dataType :'html', type : 'POST', success : function(html){ //Nội dung hiển thị khi hoàn thành } }); }); Với trang PHP create_order.php $id, 'manu'=>$manu, 'type'=>$type, 'color'=>$color, 'num'=>$num); echo 'GREAT'; } ?> Như vậy cứ mỗi lần bấm Chọn mua thì sản phẩm đó sẽ được gửi đến trang create_order.php và được thêm vào mảng Session như trên hình. Sau khi đến trang GIỏ hàng, việc của bạn là chỉ việc cho phép hiển thị các thông tin đã được lưu trong mảng 2 chiều đó và xử lý đặt hàng vào Database chẳng hạn. Như vậy việc chính xác bạn thấy rằng chúng ta hoàn toàn có thể sử dụng Session để làm cho giỏ hàng. 130 www.izwebz.com Demon Warlock
Phát triển Web 2012 Giải Thuật trong lâp trình Hôm nay tôi muốn đề cập đến một số thuật toán bất li thân của IT chúng ta, đó là các thuật toán sắp xếp. Ai đã học IT thì chắc đã cài đặt nó trên C hay C++ rồi, nhưng cài trên PHP tuy nó vẫn giống nhưng hiện tại trên izwebz chưa có nên tôi có cơ hội được đăng bài này. Giới thiệu về bản thân một chút, hiện tại tôi đang học tập tại Việt Nam(tại nguồn gốc trang này từ USA) nên phải giới thiệu kĩ càng và mới hoàn thành xong năm nhất.Tôi thích giới thiệu kĩ càng bởi vì tôi cảm nhận trang web này khá tốt, nên tôi muốn nguồn kiến thức đưa ra phải đạt một chuẩn nào đó. Hy vọng là sắp tới mấy anh admin của izwebz sẽ có thể giới thiệu kĩ, và thật về hiện tại của bản thân. Tôi thấy trang web của nước ngoài hay thế lắm, tôi cảm thầy rất tin tưởng và chuyên nghiệp nữa. The end introduction Bubble Sort: Sắp xếp nổi bọt Ý tưởng thuật toán: Đúng như tên gọi của nó các phần tử sẽ được sắp xếp theo kiểu phần tử nào nhỏ nhất sẽ nổi lên đầu còn các phần tử lớn sẽ chìm xuống cuối. Code bubble sort: /* Author: NguyenKien. Description: code for Bubble Sort. Date: 4/10/2010 */ 131 www.izwebz.com Demon Warlock
Phát triển Web 2012 Output: 0, 1, 2, 3, 4, 5, 6, 7, 8, 9 Giải thích đoạn code trên Đánh số key cho mảng ở trên (chú ý hen, trong C thì các chỉ số là index nhưng trong PHP lại là key). 9 -> a[0]; 8 -> a[1]; 7-> a[2]; 6->a[3]; 5->a[4]; 4->a[5]; 3->a[6]; 2->a[7]; 1->a[8]; 0->a[9]; Ở vòng for đầu tiên với $i=0 sẽ thực hiện vòng lặp for thứ hai từ vị trí thứ 9 xuống vị trí thứ 0 của mảng trên, và bắt đầu so sánh nếu số trước lớn hơn số sau thì hoán vị hai số đó. Ví dụ giá trị của a[9] =0 và a[8] =1; rõ ràng a[8] =1 (số trước) > a[9]=0 (số sau). Thỏa mãn điều kiện if ở trên nên thực hiện hoán vị hai số này và tiếp tục so sánh như vậy cho tới j=1; như vậy sau giá trị $i=0 và chạy vòng for thứ hai thì phần tử 0 tức là giái trị của a[9] sẽ được đẩy lên đầu. (phần tử nhẹ nhất nổi lên đầu.).Như vậy có thể hiểu ngay sau khi tăng $i lên một thì giá trị =1 trong mảng $a sẽ đứng kế sau giá trị 0 trong mảng $a. /* Author: NguyenKien. Description: code for Selection Sort. Date: 4/10/2010. */ 132 www.izwebz.com Demon Warlock
Phát triển Web 2012 Output: 0, 1, 2, 3, 4, 5, 6, 7, 8, 9 Ý tưởng thuật toán: xét một mảng cần sắp xếp ta sẽ chọn phần tử đầu tiên và giả sử nó là nhỏ nhất, sau đó qua sử lí ta sẽ tìm ra phần tử nhỏ nhất thực sự của mảng và hoán vị nó với phần tử vừa giá sử là nhỏ nhất. Các thao tác nhìn có vẻ na ná bubble sort nhưng nó có thêm biến $min, biến này nhằm mục đích lấy chỉ số (à quên key chứ )của phần tử nhỏ nhất mà ta vừa giả sử và xét đến điều kiện if ($b[$j] Output: 0, 1, 2, 3, 4, 5, 6, 7, 8, 9 Ý tưởng thuật toán: Giải thích rễ hiểu nhất cho thuật toán này là khi các bạn chời bài tiến lên(ngoài băc mình hay gọi là chơi bài nam). Các bạn sẽ nhìn thầy một nhóm quân bài đã có thứ tự nhưng con bài tiếp theo lại không đúng với thứ tự của nhóm quân bài này (ví dụ nhìn thầy 2 cơ, 3 cơ, 4 cơ A tiếp theo không phải 5 cơ mà là K cơ. Trong khi đó 5 cơ lại ở đâu đó trong các 133 www.izwebz.com Demon Warlock
Phát triển Web 2012 quân bài cầm trên tay) nhiệm vụ của các bạn là nhìn lướt toàn bộ các quân bài có trên tay và lấy con 5 cơ đặt đúng vị trí sau 4 cơ. Đó cũng chính là cách mà insertion sort làm việc đó các bạn. Giải thích code: Ở vòng lặp đầu tiên khi xét $i=0, và thực hiện tất các câu lệnh ở dưới nó khi $i=0 lập tức là lấy giá trị của nó liền tức là tóm lấy $b[$i]; và so sánh nó với $b[$j]. các bạn thấy nó ở trong điều kiện vòng lặp for thư hai && đó. Nếu đúng thì sẽthực hiện hoán vị $b[$j+1] = $b[$j]; Nếu không thì chính nó là nhỏ hơn số cần so sánh rồi, nó vẫn là chính nó thể hiện qua $b[$j+1]=$x; chỉ vậy thôi Kết luận Trong bài viết này tôi chỉ có thể public từng dó thôi, nếu các bạn thích cài đặt them các thuật toán shellsort, radix sort, merg sort hay binary search thì phải comment(còm men) ở dưới hay một số yêu cầu về lập trình PHP (chưa nói đến lập trình ứng dụng nha vì mình chưa có khả năng do mới tiếp xúc với PHP). Mình sẽ cố hết sức để viết. Do đây là bài viết đầu tiên nên rất cần thăm dò nhã hứng của các thành viên. Mình thích khen lắm hi hi hi. Rất vui khi được đóng góp cho izwebz. Chú ý: Trong các đoạn code trên tôi viết chỉ để mô phỏng các thuật toán trên thôi chưa tính đến chuyện tối ưu trong tính toán, ví dụ như bubble sort nếu viết như vậy thì các bạn sẽ được điểm kém khi học môn phân tích và thiết kế giải thuật, vì nó khong tối ưu về thời gian, rõ rang với code như vậy thì kể cả mảng đã sắp xếp rồi nó vẫn phải thực gần như ngần đó đoạn code sở dĩ gần như và câu lệnh if đều không thỏa(vì nó đã sắp xếp rồi). và trong insertion sort cũng như vậy. Các bạn có thể tìm hiểu làm sao để tối ưu nhé, code các bạn sẽ public trên izwebz hen, nhớ cài đặt trên PHP. Đang ngồi trên thư viện trường rất thoải mái khi viết bài này. Chào tất cả các bạn yêu izwebz . Good luck !!!! 134 www.izwebz.com Demon Warlock
Phát triển Web 2012 Ajax-Jquery vs JavaScript Đô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ộ . 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 Một thời gian nào đó, có bạn đã pm để hỏi tôi “Anh ơi ! sao anh không soạn tut dạy Ajax, em toàn thấy dạy Jquery không hà”. 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 “Anh ơi em biết sơ về Jquery nhưng em mù JS anh có thể soạn tut JS cho em không ?”, khi đó nó lại là vấn đề khác. Để 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. ĐỊNH NGHĨA Javascript : 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. JQuery : 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ó. Ajax : 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. PHÂN BIỆT - 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. Ajax : 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. Ajax với Jquery $(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', 135 www.izwebz.com Demon Warlock
Phát triển Web 2012 type: 'POST', dataType: 'html', data: 'name='+varlue1+'&tuoi='+value2, beforeSend(function(){ $('#wait').html(' ); }), success(function(html){ $('#show').html(html); }) }); }); - 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 : Ajax với JS thuần // 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 < XMLHTTP_IDS.length && !success; i++) { try { xmlhttp = new ActiveXObject(XMLHTTP_IDS[i]); success = true; } catch (e) {} } if (!success) { throw new Error('Unable to create XMLHttpRequest.'); 136 www.izwebz.com Demon Warlock
Phát triển Web 2012 } } 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); } - 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 Jquery: 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. Sử dụng JS thuần //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); và sử dụng Jquery alert($('#content').val()); 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. JavaScript : 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. 137 www.izwebz.com Demon Warlock
Phát triển Web 2012 KẾT LUẬN 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 ^^. 138 www.izwebz.com Demon Warlock
Phát triển Web 2012 Cách tạo trang 404 Error Page Trước hết bạn cần tạo một trang .htaccess trước đã. 1. Mở Notepad và copy đoạn code sau : ErrorDocument 404 /404.html 2. Nhấn Ctrl-S để lưu file lại ở ô File Name: bạn điền .htaccess 3.Tại ô Save as Type, nhấn vào mũi tên thả xuống và chọn All Files 4. Nhấn Save 5. Mở tiếp Notepad và tạo một file có tên là 404.html với nội dung tuỳ bạn 6. Upload 2 file này gồm .htaccess và 404.html vào thư mục gốc. Dòng “ErrorDocument 404″ chỉ cho Apache server biết rằng khi nào nó không tìm được file nó cần trong thư mục của nó, nó sẽ sử dụng file được chỉ định từ trước. Một file .htaccess ở thư mục gốc là đủ để hiển thị trang báo lỗi 404 cho toàn bộ trang web. Nhưng nếu bạn muốn có những trang báo lỗi khác nhau cho từng thư mục con, bạn có thể tải file .htaccess lên thư mục con đó. File .htaccess này sẽ override những file .htaccess ở thư mục gốc. Sau khi đã có 2 file .htaccess và 404.html, bạn upload cả 2 files này lên host và sau đó mở trình duyệt để kiểm tra xem nó có hoạt động hay không bằng cách gõ vào trình duyệt một trang mà bạn biết chắc không có trên host. Khi trang 404 của bạn đã hiện ra, bạn xem các đường link của nó có hoạt động như bạn đã làm từ trước không. 139 www.izwebz.com Demon Warlock
Phát triển Web 2012 Chú ý: Bởi vì trang báo lỗi 404 có thể được đọc từ thư mục gốc hoặc các thư mục con của nó, thậm chí cả thư mục CGI-BIN. Do vậy khi đưa đường link vào trang báo lỗi 404, hình ảnh và logo. Bạn phải sử dụng URL đầy đủ mà không phải dạng tương đối Ví dụ: Top Post Thay vì Top Posts Nói chung chúng ta nên hạn chế tối đa các đường link hỏng trên trang web, nhưng nếu chúng có xảy ra, chúng ta phải cố gắng hết sức để giữ chân người đọc mà phải vất vả lắm mới mời được họ đến. Nhìn chung người đọc khá dị ứng với trang báo lỗi mặc định, mỗi khi thấy nó là họ chỉ có nhấn nút Back và không đọc tiếp trang của bạn nữa. 140 www.izwebz.com Demon Warlock
Phát triển Web 2012 Trang báo lỗi 404 tự tạo Trang 404 là trang mà người đọc sẽ thấy khi họ muốn đến một trang không tồn tại trên trang web của bạn. Có thể link đến trang đó bị hỏng, hoặc trang đó bị xóa hoặc họ gõ nhầm Trang 404 là trang báo lỗi của server một khi có yêu cầu của người đọc muốn xem một trang không tồn tại trong database của nó. Trang 404 của mỗi ISP khác nhau, nhưng nhìn chung không mang một thông tin giúp ích gì cho người đọc cả. Hoặc người đọc đã quá quen với nó rồi, người ta chỉ việc đóng lại hoặc đi tìm trang khác và hậu quả là bạn mất người đọc đó. Trang báo lỗi 404 của Twitter Do vậy tại sao chúng ta với tư cách là webmaster lại để mất người đọc một cách “lãng xẹt” vậy? một trang báo lỗi 404 nên có thông tin giúp người đọc về cái họ đang tìm, cung cấp thêm những thông tin liên quan hoặc chí ít cũng phải có đường link quay lại trang chủ để giữ chân họ. Bởi vì trang 404 cũng là một dạng trang HTML tiêu chuẩn, do vậy bạn có thể thay đổi nó theo cách mà bạn muốn. Dưới đây là vài lời khuyên giúp bạn tạo một trang báo lỗi 404 giúp bạn giữ người đọc lại và giúp họ tìm kiếm thông tin họ đang tìm. Thông báo rõ rằng trang web họ đang tìm không tồn tại. Bạn có thể dùng lời lẽ thân thiện với người đọc hơn là thông báo mặc định của ISP. Thiết kế trang báo lỗi 404 càng giống với giao diện của bạn càng tốt Thêm đường link đến những trang thường có nhiều người truy cập nhất và thêm cả link về trang chủ Có thêm lựa chọn để thông báo với bạn về đường link hỏng Cho dù bạn thiết kế trang báo lỗi 404 đẹp thế nào đi nữa, thì bạn cũng phải kiểm tra cho chắc rằng những công cụ tìm kiếm phổ biến không index trang báo lỗi đó lên kết quả tìm kiếm của họ. 141 www.izwebz.com Demon Warlock
Phát triển Web 2012 Cách tạo và sử dụng file Robots.txt File Robots.txt được sử dụng để hướng dẫn công cụ tìm kiếm tự động đến những trang nào mà bạn muốn nó tìm kiếm và sau đó thì index trang đó. Hầu hết trang web nào cũng có những thư mục và files không cần đến robot của công cụ tìm kiếm ghé thăm. Do vậy tạo ra file robots.txt có thể giúp bạn trong SEO. File robots.txt là một dạng file rất đơn giản có thể được tảo bởi công cụ Notepad. Nếu bạn sử dụng WordPress một file robots.txt sẽ có dạng như sau User-agent: * Disallow: /wp- Disallow: /feed/ Disallow: /trackback/ “User-agent”:* có nghĩa là tất cả những robot tìm kiếm từ Google, Yahoo và MSN nên sử dụng hướng dẫn này của bạn để tìm kiếm trang web. “Disallow: /wp-“: dòng code này báo cho công cụ tìm kiếm biết nó không nên “lục lọi” ở những filé của WordPress bắt đầu bằng wp-. Nếu bạn không sử dụng WordPress, bạn chỉ việc thay thế dòng Disallow với files và folders mà bạn không muốn nó “dòm ngó”, ví dụ: User-agent: * Disallow: /images/ Disallow: /cgi-bin/ Tự động tạo robots.txt Nếu bạn có sử dụng Google Webmaster thì họ cũng cho phép bạn tạo robots.txt hoặc bạn có thể sử dụng Robots.txt Generator để tự động tạo file robots.txt cho mình Sau khi bạn đã tạo xong file robots.txt (đừng quên chữ S), bạn chỉ việc upload lên thư mục gốc là hoàn thành 142 www.izwebz.com Demon Warlock
Phát triển Web 2012 Tips – Virtual Directory in Apache Chào mọi người. Hôm nay tanlevis xin giới thiệu 1 mẹo để cấu hình server apache tại localhost có địa chỉ link giống tên miền xịn như thay vì lúc nào cũng Để làm được điều đó, chúng ta phải dựa vào cơ chế thư mục ảo (Virtual Directory) giống như cơ chế thư mục ảo trong IIS của windows là trỏ địa chỉ trang web vô 1 thư mục nào đó trong máy. Trong bài viết này mình cài WAMP nên mọi người xài XAMP hay bộ nào khác thì có khác biệt đôi chút về thư mục chứa file cài đặt, còn về các file config thì hầu như không khác biệt là mấy. Cài đặt thư mục Hãy cài đặt thư mục với cấu trúc tương tự như sau trong thư mục cài đặt WAMP (ở đây tôi cài vào C:\wamp): Cài đặt file hosts Dùng notepad mở file hosts của windows ra và thêm tên miền tùy thích vào cuối file theo cấu trúc như sau: Cột bên trái hãy để nguyên là: 127.0.0.1, vì đây là địa chỉ dùng để loopback của windows Cột bên phải điền tên miền bạn thích vào vd: design.com 143 www.izwebz.com Demon Warlock
Phát triển Web 2012 Những phần sau dấu # là chú thích có thể có hoặc không Tips: vào run(phím window + R) gõ C:\WINDOWS\system32\drivers\etc –> enter Cấu hình file httpd.conf của apache Tạo một file mới có tên là: virtual-hosts, và phần đuôi mở rộng là: conf, tên file đầy đủ là: virtual-hosts.conf Dùng notepad mở file httpd.conf trong thư mục “wamp\bin\apache\Apache.version\conf. Thêm vào cuối file nội dung như sau: Include conf/virtual-hosts.conf Vào Run gõ cmd –> enter: Dùng lệnh cd ten_thu_muc để di chuyển tới thu mục trong cùng là bin, và gõ lệnh httpd.exe -t để kiểm tra cú pháp, nếu thông báo là Syntax Ok thì đã thành công ròi đó, còn không thì hãy kiểm tra lại tiến trình làm có gì sai không. Mở file virtual-hosts.conf đã tạo trước đó ra và thêm nội dung như sau: alt=”config_file_virtual_hosts” /> -ServerName: tên miền đã đặt ở trên, vd: design.com. -DocumentRoot: dùng đường dẫn tuyệt đối tới thư mục chứa các file php hay thư mục cài đặt wp. -CustomLog: ghi lại log của trang web trong thư mục cài đặt. -ErrorLog: ghi lại những lỗi phát sinh khi chạy trang web, chúng ta có thể dựa vào đây để kiểm tra xem trang web thực sự đã sạch lỗi hay chưa. 144 www.izwebz.com Demon Warlock
Phát triển Web 2012 Kiểm tra và sửa lỗi Chuyển qua của sổ Command Line (cmd)./li> Chạy lệnh: httpd.exe -S (chú ý: chữ S viết hoa). -Nếu thành công thì kết quả sẽ tương tự như sau: -Ngược lại hãy kiểm tra các bước cài đặt ở trên và dựa theo thông báo lỗi để sửa. Tiếp theo ta phải restart lại apache để nạp vào những cấu hình ta đã thêm cụ thể như sau: Nếu nhận được thông báo như trong hình thì đã cấu hình thành công, còn không thì hãy kiểm tra kĩ các bước thực hiện -Restart apache xong ta vào trình duyệt gõ tên miền đã đặt vào vd: design.com. -Nếu gặp lỗi “403 Forbidden” thì là chuyện bình thường không có gì phải lo lắng cả. Lỗi này là do trong thư mục cài đặt web không có file index.html, hãy tạo 1 file index.html với nội dung tùy ý theo chuẩn HTML. Giả thích lỗi này như sau: mặc định thì apache không cho liệt kê ra danh sách các file hay các thư mục có trong thư mục web, do vậy thêm file index.html vào để vượt qua lỗi này 145 www.izwebz.com Demon Warlock
Phát triển Web 2012 Kết quả cuối cùng Lời kết - Những gì tôi đã làm ở trên đây và đã chạy thành công. Nếu mọi người gặp lỗi gì trong quá trình config thì hãy comment để cộng đồng izwebz fix lỗi dùm cho. - Mọi đóng góp ý kiến xin hãy để lại comment bên dưới nha. Chúc mọi người vui vẻ với Virtual Directory -Tiện đây tôi xin giới thiệu 1 IDE phát triển PHP có tên Aptana. Hiện nay đã có version 2.0.5 xài cũng tốt. Ưu điểm: Quản lý các function, class rất tốt, hỗ trợ auto complete khi gõ code. Nhược điểm: Có nguồn gốc từ Eclipse nên chạy trên nền Java vì thế nếu máy cấu hình không được tốt lắm thì đừng nên cài. Link: 146 www.izwebz.com Demon Warlock
Phát triển Web 2012 Giới thiệu và cách sử dụng github Trong bài trước thì chúng ta đã làm quen với editor Sublime text 2. Trong bài hôm nay thì mình sẽ giới thiệu với các bạn về mạng xã hội coding github.com và cách kết hợp giữa github và sublime text 2 có thể giúp bạn tiết kiệm được rất nhiều thời gian. Ngoài ra mình còn giới thiệu thêm plugin Gist và thư viện gist trên github. Trong bài này thì chúng ta sẽ biết thêm được Cách cài đặt cũng như sử dụng github. Kết hợp github, fetch package (Nettuts + Fetch) và sublime text 2. Sử dụng bộ thư viện Gist để tăng tốc làm việc. Lợi ích đạt được: “Code thần tốc” nhờ vào bộ thư viện bao la của Gist và giảm tải được nhiều bước trung gian. Lưu ý: Khi cài plugin Gist và sublime text 2 thì bạn nên vào Preference > Package control > List package > Gist, sau đó mở file Gist.sublime-settings, sau đó chỉnh sữa lại các thông số về username và password. Video tutorial: 147 www.izwebz.com Demon Warlock
Phát triển Web 2012 Chương 6 : Phát triển web Quá trình tạo một trang web 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. 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. Bước chuẩn bị Công cụ bạn cần để làm một trang web 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à: một trình soạn thảo code, một phần mềm đồ họa như Photoshop hoặc FireWorks, phần mềm FTP và một máy tính nối mạng. Công cụ để làm web Công cụ tối thiểu Chọn tên miền 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 tên miền miễn phí (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í. Cách chọn domain Chọn một dịch vụ host 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. 148 www.izwebz.com Demon Warlock
Phát triển Web 2012 Cách chọn web host (phần 1) Cách chọn web host (phần 2) Thiết kế trang web 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. Giao diện với Photoshop Thiết kế theme WordPress với Photoshop 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. Chạy thử và kiểm tra lỗi trang web của bạn 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. 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ó 149 www.izwebz.com Demon Warlock
Phát triển Web 2012 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. 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. 5. Quảng cáo trang web của bạn 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. Cách quảng cáo trang web Kết luận Để 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 izwebz bạn sẽ làm được. 150 www.izwebz.com Demon Warlock
Phát triển Web 2012 Chi phí để tạo một trang web Tâm lý ai khi mua gì hoặc làm gì cũng phải suy nghĩ xem việc đó sẽ mất bao nhiêu tiền để đầu tư. Nếu đây là lần đầu tiên bạn bắt đầu làm website thì đó cũng sẽ là tâm lý của bạn, và bạn cũng đang phân vân xem bạn phải đầu tư bao nhiêu tiền để có một trang web. Trong bài này tôi chỉ giới hạn ở nhóm bạn đọc muốn tự làm cho mình một trang web để chia sẻ kiến thức hoặc sở thích. Những trang web về thương mại sẽ không được đề cập đến trong bài này. Chi phí đầu tiên và bắt buộc là tên miền. Nếu bạn thực sự muốn phát triển một trang web theo hướng chuyên nghiệp, bạn nên mua tên miền cho trang web của mình. Tại thời điểm viết bài này, một domain có dạng .com là xấp xỉ $10. Thứ hai sẽ là chi phí để mua dịch vụ web host. Cũng như domain, đây cũng là chi phí bắt buộc nếu bạn muốn phát triển trang web theo hướng chuyên sâu và lâu dài. Nhưng chi phí mua web host thì khác với domain, bởi vì web host tuỳ thuộc vào dịch vụ và cấu hình mà bạn yêu cầu. Nói chung nếu bạn cần nhiều Space và Bandwidth (dung lượng bộ nhớ và băng thông) thì sẽ đắt hơn và ngược lại. Nhưng trung bình bạn cũng sẽ phải trả khoảng $10/ tháng. Nếu mua hai năm sẽ rẻ hơn, nhưng tôi khuyên bạn đừng làm vậy. Để đọc thêm về cách chọn web host bạn đọc bài cách chọn web host. Trên đây là hai chi phí bắt buộc bạn phải có. Web host tổng chi phí cho 3 tháng đầu sẽ là $30 và domain là $10. Bên cạnh chi phí bắt buộc này, nếu khả năng tài chính cho phép, bạn có thể mua những phần mềm CMS (hệ thống quản lý nội dung) hoặc Forum. Tuy chi phí cho những phần mềm này là khá cao, vào khoảng $100 – $150, nhưng về lâu về dài nó có lợi cho bạn. Tóm lại, để có một trang web hoàn chỉnh và chuyên nghiệp, chi phí ban đầu bạn có thể phải xài vào khoảng $150 cho một năm đầu. 151 www.izwebz.com Demon Warlock
Phát triển Web 2012 Thuật ngữ chuyên ngành bạn cần biết Nếu bạn là người hoàn toàn xa lạ với việc thiết kế web, th việc bạn không biếtì những thuật ngữ chuyên ngành liên quan đến vấn đề này là điều dễ hiểu. Nhưng một khi bạn đã muốn bắt tay vào công việc này, thì bạn nên biết những thuật ngữ chuyên ngành. Disk Space: khi mua host bạn luôn thấy họ cho bạn biết plan của bạn được bao nhiêu Disk Space. Tiếng Việt bạn có thể hiểu là dung lượng bộ nhớ, nó tương tự như dung lượng bộ nhớ máy tính của bạn vậy. Tuy nhiên, nếu trang web của bạn không yêu cầu phải chứa nhạc, phim hay bất cứ thứ gì đòi hỏi quá nhiều dung lượng. Thì chỉ cần 100 Mb là trang web của bạn có thể hoạt động tốt mà không gặp phải vấn đề gì lớn rồi. Bandwidth/ Traffic: tiếng Việt được gọi là Băng thông. Đây là một trong những chỉ số quan trọng nhất mà khi mua host bạn cần chú ý đến. Ví dụ trang web của bạn có dung lượng là 20 Kb, khi người đọc mở trang của bạn lên, băng thông của bạn sẽ mất đi 20 Kb. Nếu trang web đó được mở ra 500 lần, thì bạn sẽ mất đi 1Gb bandwidth. Đây là một chỉ số quan trọng, bởi vì nếu trang web của bạn có đông người xem và sử dụng vượt quá mức băng thông cho phép. Công ty host của bạn sẽ bắt bạn trả một khoản tiền phạt cho số lượng băng thông bạn dùng quá. Do vậy, khi thấy trang web của bạn có nguy cơ bị hết băng thông, bạn nên nâng cấp nên plan khác để có nhiều băng thông hơn. DNS: là chữ viết tắt của Domain Name System. Nói dễ hiểu thì mỗi máy tính trên mạng nó sẽ có một địa chỉ IP nhất định với dãy số tựa như: 155.70.56.132. Tất nhiên để nhớ được dãy số này rất khó, cho nên DNS giúp bạn thay vì phải gõ số sẽ gõ dạng chữ dễ nhớ hơn nhiều như izwebz.com. Khi mua host bạn sẽ được biết địa chỉ DNS của host mình là gì. Đây là thông tin quan trọng dùng để thiết lập quan hệ với tên miền. Nó thường có dạng như: NS1.yahoo.com, NS2.yahoo.com. Khi muốn domain của bạn hoạt động với web host, bạn chỉ cần điền vào ô DNS địa chỉ DNS của web host. CHMOD: là chữ viết tắt của Change Mode. Đây là lệnh của UNIX được dùng để thay đổi quyền truy cập của một file hay của một thư mục để đọc, chỉnh sửa hoặc chạy files đó. CHMOD có 3 dạng chính “r,w và x” ở đó R = Read, W = Write và X = Execute. CHMOD thường có 3 số (755) và số 0 đứng đầu thường được bỏ đi. Ở số thứ nhất: Cho phép người dùng lả người sở hữu file đó: read (4), write (2) và execute (1) Ở số thứ hái: Cho phép người dùng thuộc một nhóm: read (4), write (2) và execute (1) Ở số thứ 3: Cho phép người dùng KHÔNG thuộc nhóm: read (4), write (2) và execute (1) Cách tính giá trị cho CHMOD User (rwx) = 4+2+1 = 7 Group(rx) = 4+1 = 5 World (rx) = 4+1 = 5 chmode mode = 755 152 www.izwebz.com Demon Warlock
Phát triển Web 2012 Cho phép ai cũng có thể đọc được: chmod 444 file Cho phép người khác và nhóm đọc và chỉnh sửa: chmod 066 file Cho phép mọi người đọc, chỉnh sửa và chạy file: chmod 777 file Hầu hết các chương trình FTP đều cho phép bạn CHMOD file hoặc thư mục trên host. Lĩnh vực trung tâm Khi những chiến lược khác đã được hình thành như bạn đã có mục tiêu hành động, chủ đề cho trang web, đối tượng người đọc chính lúc này là lúc bạn nên xác định “Lĩnh vực trung tâm” và sẽ là nơi bạn dồn hết tâm huyết để xây dựng. Trong kinh doanh thuật ngữ này được gọi là Core Business. 153 www.izwebz.com Demon Warlock
Phát triển Web 2012 Trước hết tôi sẽ lấy một ví dụ trong môi trường kinh doanh về Lĩnh vực trung tâm để bạn thấy được tầm quan trọng của nó và vì sao những công ty lớn lại làm rất tốt điều này. Microsoft, một công ty phần mềm nổi tiếng toàn thế giới. Không cần phải nói bạn cũng biết họ thành công đến mức nào trong lĩnh vực phần mềm. Hơn 90% số lượng máy tính trên toàn cầu sử dụng hệ điều hành Windows của Microsoft. Các hãng sản xuất máy tình hàng đầu cũng có hợp đồng sử dụng Windows của Microsoft. Nhưng câu hỏi đặt ra là “tại sao Microsoft không xây dựng một công ty sản xuất máy tính với thương hiệu là Microsoft?” họ không đủ tiềm lực tài chính? chưa chắc! bởi vì hơn ai hết họ biết rằng thế mạnh của họ là phần mềm, do vậy họ nhường lại công đoạn sản xuất phần cứng cho những công ty khác. Vì nếu như họ lan sang sản xuất nguyên chiếc máy tính, dĩ nhiên lĩnh vực trung tâm của họ sẽ bị chia đôi, và họ không thể toàn tâm toàn lực để phát triển phần mềm. Một khi thế mạnh này bị mất đi, vị thế độc tôn của họ cũng sẽ bị lung lay. Trong thế giới mạng cũng vậy, khi bạn muốn làm về một trang web có chủ đề về phim ảnh và bạn xác định đây sẽ là lĩnh vực trung tâm của mình. Lúc đó bạn nên dồn tổng lực để phát triển lĩnh vực này, bạn có thể viết về tất cả các bộ phim mới ra, phim tài liệu, phim nước ngoài v.v Nói chung bạn có thể làm tất cả những gì liên quan đến phim ảnh. Nhưng bạn không nên tham lam quá mà lấn sang lĩnh vực âm nhạc, chỉ vì bạn nghĩ nó cũng thu hút được người đọc. Đúng là nếu bạn làm tốt được cả hai lĩnh vực thì không gì bằng. Nhưng bạn cũng thấy rằng to lớn như Microsoft cũng không dám lấn sân sang phần cứng thì bạn cũng không nên quá ôm đồm. Nhiều trang web chỉ vì ôm đồm mà đã vô tình làm mất đi nét đặc trưng vốn có của nó. Trong kinh doanh mỗi khi muốn quyết định mở rộng lĩnh vực kinh doanh, họ phải tính toán rất nhiều vì quyết định đó có ảnh hưởng đến tài chính. Nhưng trong một trang web, việc lấn sân xảy ra chỉ đơn giản bằng việc tạo thêm vài box trong diễn đàn. Việc tạo ra các box chỉ mất vài phút, nhưng thời gian để xây dựng nội dung box đó trở nên phong phú mới lâu. Tạo box ra chỉ để diễn đàn thêm dài và đẹp mắt là điều không cần thiết. Kết luận 154 www.izwebz.com Demon Warlock
Phát triển Web 2012 Mỗi trang web đều cần một lĩnh vực trung tâm nào đó để tồn tại. Biết được lĩnh vực trung tâm của mình là gì giúp bạn không bị hoang mang mỗi khi có tác động hay áp lực từ bên ngoài. Bạn nên kiên định với chính mình và luôn nghĩ rằng thà ta làm tốt một việc còn hơn là làm nhiều việc mà không việc nào được thực sự hoàn mỹ. Đừng làm nửa chừng rồi ngưng Đú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. 155 www.izwebz.com Demon Warlock
Phát triển Web 2012 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. 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ì. 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. 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. 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. Kết luận 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. Lập trình web và sự Lười nhác 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 đề “Lập trình web và sự Lười nhác”. 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. 156 www.izwebz.com Demon Warlock
Phát triển Web 2012 Đ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à “Lập trình web là sự siêng năng” 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à “ Sự lười nhác” 1. Mục đích chủ đề 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. 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 . Nội dung chủ đề 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. 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 ? . Đạ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. Suy ngẫm cho chủ đề Đó 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ự 157 www.izwebz.com Demon Warlock
Phát triển Web 2012 á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ì ?. Đố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 : “Đừ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”. 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. 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. 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ì 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 “Cách thức tìm kiếm tại google hiệu quả”. 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. 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ì ? ^^ 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 ^^. Kết Luận 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 ^^. Tạo điểm khác biệt Nguyên bản tiếng Anh của cụm từ này là Unique Selling Point, có nghĩa là bạn có điểm gì khác với các đối thủ cạnh tranh đáng để người dùng phải chú ý. Trong môi trường kinh doanh là vậy nhưng trong môi trường mạng online cũng không khác nhiều. Đặc biệt khi bạn mới bắt đầu phát 158 www.izwebz.com Demon Warlock
Phát triển Web 2012 triển một trang web, bạn rất cần một “điểm nhấn” để làm mình khác với mọi người. Tất nhiên là theo chiều hướng tích cực rồi. Trong bối cảnh bạn muốn phát triển một trang web và bạn đã chọn cho mình một chủ đề hay. Tuy nhiên có thể chủ đề bạn chọn đã có nhiều trang web khác viết về nó. Điều đó không thể ngăn bạn thôi không viết về chủ đề đó nữa. Nhưng bạn phải viết làm sao để người đọc thấy bạn có cái gì đó mới hơn, hay hơn và nhiều thông tin bổ ích hơn. Đủ để họ bỏ những trang web kia để sang với bạn. Đây được gọi là “tạo điểm khác biệt“. Lấy ví dụ gần gũi với thực tế để bạn dễ hiểu hơn. Ở Hà Nội có rất nhiều quán phở, một khu phố thôi cũng đã có đến hơn chục quán phở rồi. Nhưng có hàng thì chỉ lưa thưa vài người khách, nhưng có hàng mọi người chen nhau mới có được một tô phở cho mình. Có phải vì họ bán rẻ hơn những hàng khác? chưa chắc! bạn có bao giờ đi ăn mà chỉ nhắm vào nhà hàng nào rẻ nhất chưa? câu trả lời chính xác có lẽ là ở hàng Phở đông khách kia, dứt khoát họ phải có điểm gì đó hơn hẳn các hàng xung quanh. Nó có thể là: Thịt bò và gà luôn tươi sống và qua kiểm định Cửa hàng sạch sẽ, hợp vệ sinh Thái độ phục vụ tận tình chu đáo Phở có giấy chứng nhận không Phoocmon Nước dùng không có bột ngọt Vậy giả sử bạn sẽ tạo một trang web về chuyện kiếm hiệp. Nhưng bạn thấy trên mạng hiện giờ có nhiều trang web như: vietkiem.com, maihoatrang.com, vntruyen.com đã có từ rất lâu và trong dữ liệu của họ có hầu hết các bộ truyện kiếm hiệp của Việt Nam. Nếu bạn chỉ làm một trang web giống như hoặc gần giống như những trang đang có, thì bạn khó có thể thu hút được người đọc vào trang của bạn. Nhưng nếu bạn có thể làm được những gì khác với các trang kia, bạn sẽ có cơ hội kéo thêm người đọc về cho mình. 159 www.izwebz.com Demon Warlock
Phát triển Web 2012 Ví dụ nếu như trang của bạn có thể CMS quản lý truyện mạnh hơn và thân thiện hơn với người đọc Có thêm file Audio cho download miễn phí của tất cả các bộ truyện do bạn tự làm với giọng đọc mê hồn Có phần bình luận truyện của các nhà văn, các nhà nghiên cứu, các nhà phê bình có tiếng viết riêng cho trang web của bạn Phiên bản truyện đưa lên trang web của bạn được bạn mua lại bản quyền phát hành của tác giả và của nhà xuất bản Truyện của bạn có thể được download và tương thích với các thiết bị di động như iPhone, iPod, Blackberry Để tồn tại trong môi trường kinh doanh khắc nghiệt các cơ sở kinh doanh luôn phải làm mới mình và tạo cho mình những điểm đặc biệt khác người để thu hút khách hàng. Tương tự như tạo trang web, để thành công hơn những trang web khác có cùng chung chủ đề, bạn cũng phải tạo cho mình một phong cách mới, những điểm đặc biệt khác người mà chỉ có ở trang web của bạn mới có. Luôn bắt đầu từ nhỏ đến lớn Nếu đây là lần đầu tiên bạn làm trang web có thể bạn sẽ kỳ vọng rất nhiều và cũng có rất nhiều hoài bão cho trang web mới của mình. Điều đó cũng dễ hiểu và thông cảm được. Nhưng với kinh nghiệm của người đi trước, tôi khuyên bạn nên bắt đầu với những bước đi nhỏ, sau này bạn hãy bước dài hơn. Mua tên miền có thời hạn một năm 160 www.izwebz.com Demon Warlock
Phát triển Web 2012 Nếu trang web này là tác phẩm đầu tay của bạn thì khi bạn đăng ký tên miền bạn cứ đăng ký một năm trước đã. Có thể bạn rất kiên quyết sẽ phát triển trang web này lâu dài, nhưng mọi việc còn ở trước mắt. Biết đâu trong vòng một năm tới sẽ có những thay đổi gì? hơn nữa việc gia hạn tên miền được tiến hành hết sức đơn giản. Cho nên để tiết kiệm chi phí ban đầu cũng như thử thách mục tiêu của mình, bạn không nên đăng ký tên miền 2 hoặc nhiều năm ở lúc ban đầu này Mua host phù hợp với nhu cầu hiện tại Hầu hết các công ty cung cấp host đều có các Plan khác nhau với gia cả khác nhau. Tất nhiên Plan có cấu hình yếu thì có giá càng rẻ. Nhưng bây giờ ưu tiên hàng đầu của bạn không phải là dung lượng bộ nhớ và băng thông, mà ưu tiên của bạn bây giờ là tính ổn định và chất lượng. Bạn cứ chọn mua plan rẻ nhất và có cấu hình thấp nhất có thể. Khi chọn phương thức thanh toán, họ cũng cho bạn chọn cách trả tiền hàng tháng, theo quý 3 tháng một, nửa năm, một năm hoặc 2 năm. Tất nhiên vì muốn bạn ở lại lâu dài, cho nên nếu bạn càng mua lâu thì giá càng rẻ. Nhưng bạn hãy khoang vội muốn tiết kiệm mấy dollar mà có thể hối hận sau này. Chính vì thế bạn cứ chọn phương thức trả hàng tháng (nếu có thể), tuy nó đắt hơn 1, 2 dollar nhưng nếu có thay đổi gì bạn cũng không phải hối hận về sau.Sau này khi mọi việc phát triển như bạn đã hoạch định, lúc đó bạn có thể mua plan cao hơn và chọn mức thanh toán dài hạn hơn. Đặt kỳ vọng và mục tiêu không quá cao Nếu bạn kỳ vọng quá nhiều vào tương lai của trang web đầu tay, có thể bạn sẽ vỡ mộng sớm và nhanh chóng cảm thấy chán nản. Thay vì những mỹ từ như “nhất Việt Nam”, “đầu bảng xếp hạng”, “hay hơn mọi trang khác” hãy kỳ vọng trang web của bạn sẽ là một đóng góp nho nhỏ vào cộng đồng mạng và mang phong cách riêng. Luôn nghĩ mình là “lính mới” và luôn học hỏi từ những người đi trước. 161 www.izwebz.com Demon Warlock
Phát triển Web 2012 Bạn cũng không nên đặt mục tiêu quá cao và không thực tế. Thay vì những mục tiêu lớn, bạn nên đặt những mục tiêu nhỏ hơn và phù hợp với tình hình hiện tại hơn. Không nên ôm đồm nhiều nội dung Khi mới bắt đầu tạo nội dung cho trang web, bạn thấy mình có thể bao quát rất nhiều chủ đề vì lúc đó bạn đăng căng đầy nhiệt huyết. Nhưng khi bắt tay vào việc, có khi mỗi chủ đề bạn chỉ viết được năm mười bài. Lúc đó bạn sẽ thấy “bỏ thì thương mà vương thì tội”, cho nên khi bắt đầu, bạn cũng nên giới hạn chủ đề mà mình sẽ viết. Sau này những chủ đề đó đã tươm tất, bạn mở thêm chủ đề mới vẫn chưa muộn. Kết luận Một trang web vừa được hình thành cũng giống như một đứa trẻ sơ sinh. Nó sẽ lớn dần lên theo năm tháng và khoẻ mạnh nếu được chăm sóc đúng cách và khoa học. Tất nhiên bạn có quyền kỳ vọng rất nhiều ở nó, nhưng những gì bạn kỳ vọng phải luôn thực tế và có thể đạt được. Bạn không thể hy vọng một đứa trẻ 3 tháng tuổi có thể bi bô nói chuyện và làm những thứ chỉ có ở trẻ lên năm. Biết nhẫn nại và kiên trì Nhẫn nại và kiên trì là hai đức tính phải qua rèn luyện mới có được. Khi bạn bắt đầu làm trang web, dường như hai đức tính này là thứ bạn cần nhất để đi đến thành công. Cho dù mục đích làm web của bạn là gì đi chăng nữa, bạn cũng cần phải nhẫn lại và kiên trì.Nói một cách hình tượng, thì làm web cũng giống như người nông dân trồng cây ăn quả vậy. Nó luôn có giai đoạn reomầm, chăm bón, bắt sâu tỉa cảnh càng được chăm sóc kỹ lưỡng thì sau này cây sẽ càng cho bạn nhiều trái và ngược lại. Bạn không thể hy vọng vừa reo mầm hôm nay mà đã có trái vào ngày mai. Khi bạn quyết định tạo ra một trang web về một chủ đề bạn ưa thích. Cho dù mục đích của bạn chỉ là chia sẻ thông tin với mọi người. Nhưng trước khi để mọi người biết đến trang web của bạn, thì bạn phải cần xây dựng nội dung, thu thập thông tin và “chăm bón” cho trang web của bạn. Lúc này bạn sẽ cần đến chữ “Nhẫn”. Nếu bạn quá nóng vội muốn đưa trang web đến mọi người trong khi trang web chưa thực sự hoàn thiện như phần thiết kế chưa ổn, bài viết quá ít và thông tin chưa phong phú. Nóng vội ở khâu này có thể sẽ làm trang web của bạn mất điểm trong mắt người đọc. 162 www.izwebz.com Demon Warlock
Phát triển Web 2012 Nhưng nhẫn nại thôi thì chỉ là điều kiện cần mà chưa đủ. Khi đã lập mục tiêu phát triển, bạn cần kiên trì làm theo kế hoạch đã vạch sẵn. Có thể trong thời gian đầu bạn viết rất nhiều mà chẳng ai đọc những gì bạn viết, chẳng có lời comment nào cho những gì bạn làm vả chẳng có ai cổ suý những đóng góp của bạn. Nhưng bạn phải biết kiên trì và tin tưởng vào sự thành công của con đường mình đã chọn. Nếu mục tiêu của bạn là sẽ ít nhất post một ngày 2 bài, thì cho dù cả vài tháng không có ai vào trang web của bạn, bạn cũng vẫn nên kiên trì làm theo những gì mình đã hoạch định. Khi bạn làm tốt điều này, một ngày nào đó sự vất vả của bạn sẽ đường đền đáp xứng đáng. Kết luận Thời gian đầu để xây dựng lên một trang web luôn là thời gian khó khăn nhất. Do đó nhiều người rất háo hức lúc đầu, nhưng chỉ sau vài tháng khi chưa gạt hái được thành công như họ mong đợi. Họ đã vội vàng bỏ cuộc và không muốn tiếp tục nữa. Tất cả là bởi vì họ không biết nhẫn nại và kiên trì, họ tưởng rằng hào quang của sự thành công sẽ lấp lánh trên người chỉ bằng một chút cố gắng. Để khác với họ và đi được đến cuối con đường bạn chọn, bạn phải biết nhẫn nại và kiên trì. Khi đã làm được hai điều này, thành công đến với bạn là điều tất yếu. 163 www.izwebz.com Demon Warlock
Phát triển Web 2012 Ai cũng phải bắt đầu từ đâu đó Cuộc sống có rất nhiều điều mới mẻ và chúng ta không thể biết hết tất cả mọi thứ. Cho nên có thể bạn rất giỏi lập trình, nhưng bạn có khi không biết chút gì về đồ họa. Nếu bây giờ bạn muốn chuyển sang học đồ họa thì bạn cũng phải bắt đầu từ con số không. Hôm nay tôi muốn chia sẻ với các bạn một kinh nghiệm nữa về cách quản lý trang web của mình. Đây là kinh nghiệm tôi rút ra được từ công việc chính của mình. Thời gian gần Giáng Sinh là thời điểm công ty chỗ tôi làm bận bịu nhất, cho nên ai muốn làm thêm giờ có thể xin sang những bộ phận khác để làm. Do vậy tôi cũng xin làm thêm vài giờ nữa ở một bộ phần khác. Đây là lần đầu tiên tôi làm ở bộ phận này, nên cái gì cũng mới mẻ. Từ chiếc máy tính, thẻ login, máy in, chỗ để văn phòng phẩm, thậm chí cả thùng rác ở đâu tôi cũng không biết. Chính vì thế tôi phải luôn miệng hỏi “cái này để ở đâu? thay giấy cho máy in thì làm thế nào? chuyển order từ vùng này qua vùng khác làm ra làm sao . 164 www.izwebz.com Demon Warlock
Phát triển Web 2012 Bạn bắt đầu từ đâu? Cho dù trước khi qua bộ phận mới làm thêm giờ, tôi cũng đã có hơn một ngày chỉ đi theo người khác để được làm quen và hướng dẫn với công việc mới. Nhưng bởi vì cái gì cũng khác hoàn toàn với những gì tôi đang làm ở bộ phần chính của mình. Cho nên có rất nhiều chi tiết tôi không thể nhớ được và buộc phải hỏi. Từ kinh nghiệm của bản thân tôi mới suy nghĩ lại những email gửi đến cho tôi để hỏi thông tin. Có rất nhiều email với những câu hỏi rất rất cơ bản như: đo kích thước Margin và Padding trong Photoshop như thế nào? link một file CSS đến trang index.html ra sao? những mà màu trong CSS lấy ở đâu ra và như thế nào? v.v Với tôi, với bạn hoặc với bất cứ ai đã làm quen với thiết kế web thì những câu hỏi trên thật sự quá đơn giản. Đơn giản đến mức hiển nhiên. Nhưng với những ai mới học thì đó lại là vấn đề mà họ chưa tìm ra cách giải quyết. Thật đúng với câu “ai cũng phải bắt đầu từ đâu đó”. Chính vì thế nếu bạn đang quản lý một trang web, một box trong diễn đàn hãy luôn nghĩ rằng “ai cũng phải bắt đầu từ đâu đó”. Có thể điều người ta hỏi là sự thật hiển nhiên đối với bạn, nhưng lại là một “thiên kỳ án” đối với họ. Hãy nhẫn nại một chút và trả lời những câu hỏi đó càng chi tiết càng tốt. Nếu những câu hỏi lặp đi lặp lại nhiều lần, hãy tạo một trang FAQs (những câu hỏi thường gặp) và link đến phần trả lời thích hợp. Hãy đối xử với người đọc của bạn như “thượng đế”, bạn sẽ thấy được thành quả vượt quá mong đợi. Thật vậy, trong kinh doanh ai cũng biết “khách hàng là thượng đế”. Theo tôi trên môi trường mạng, “người đọc là thượng đế“. Họ chính là lẽ sống, là linh hồn là yếu tố tiên quyết để cho một trang web tồn tại. 165 www.izwebz.com Demon Warlock
Phát triển Web 2012 Đối diện với phê bình 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. 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. Xem động cơ của người phê bình 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 “khẩu chiến”. Chẳng có 166 www.izwebz.com Demon Warlock
Phát triển Web 2012 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. Lời phê bình thiếu tính xây dựng Đặ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ư: “oài! chán như con gián”, “nhìn xấu tệ”, “cái này ai mà chẳng làm được”. 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ọ. Cách tốt nhất trong trường hợp này là nói “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?“. Lời phê bình thực lòng và có ích Người ta thường nói “thuốc đắng dã tật, sự thật mất lòng”. 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 “u mê” trong cái tôi của mình. Tất nhiên theo bản năng, ai cũng muốn “cãi lại” 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. 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 “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!“. 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 “Ờ 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”. 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. Kết luận Để 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. 167 www.izwebz.com Demon Warlock
Phát triển Web 2012 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à “lời nói chẳng mất tiền mua, lựa lời mà nói cho vừa lòng nhau”. 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. W.E.B.S – 4 điều quan trọng để trở thành No1 Webmaster 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. Đọ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á! W – Why? E – Energy B – Basic S – Smiles or Stress 168 www.izwebz.com Demon Warlock
Phát triển Web 2012 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ừ. - Đầ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ê”. - (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. - (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. +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 – nghị lực để mà có thể làm việc với chúng. +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ự”. - 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. - 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 Super Crazy đó. 169 www.izwebz.com Demon Warlock
Phát triển Web 2012 - 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á! Good bye! Hãy là một webmaster thân thiện Mạng Internet là một xã hội ảo mà ở đó tôi và bạn liên hệ bằng những con chữ. Bạn không thấy được ánh mắt, cử chỉ, lời nói của tôi nhưng bạn sẽ cảm nhận được nó qua những câu chữ. Nói như vậy, có nghĩa là trong không gian ảo không phải lúc nào cũng vô hồn. Ngược lại, những câu chữ trên mạng rất sống động. Đôi khi nó phẫn nộ vì những hành động đáng lên án, lúc nó lại chất chứa tình cảm yêu thương khi các blogger chia sẻ cảm xúc với nhau. Cũng có khi nó hài hước làm người đọc cười đến chảy nước mắt, nhưng cũng có bài viết khiên bạn phải trầm ngâm suy nghĩ. Chính vì thế những gì bạn viết, những gì bạn làm trên trang web của bạn nó đều một phần nào đó bao gồm tính cách của chính bạn trong nó. Nếu bạn là người có khiếu hài hước, người ta sẽ cảm nhận được điều đó qua cách viết. Nếu bạn là người trau truốt câu chữ, người đọc cũng thấy được 170 www.izwebz.com Demon Warlock
Phát triển Web 2012 tính khắt khe đáng quý đó của bạn. Cho nên nếu bạn luôn tỏ ra thân thiện, khiêm tốn và nhiệt tình giúp đỡ người đọc. Họ sẽ cảm nhận được điều đó. Nếu trang web của bạn có cả ngàn người đọc, rank của bạn rất cao, bạn bận trăm công nghìn việc để lo cho trang web. Nhưng nếu bạn bỏ ra vài phút trả lời từng email người đọc viết cho bạn, bỏ thời gian để trả lời comment cho blog của bạn. Người ta sẽ thấy được nết đáng yêu, tính thân thiện của bạn. Lấy được lòng người đọc là cả một nghệ thuật. Khi làm được điều đó, nó không chỉ tốt cho trang web của bạn về lâu về dài, mà nó còn luyện cho bạn tính nết khiêm tốn, thân thiện và chuyên nghiệp trong cuộc sống. Bất cứ ai luôn khiêm tốn và thân thiện, bao giờ cũng được lòng mọi người và thành công trong sự nghiệp. Tình hình chung của những trang web Việt Những trang web đã tồn tại khá lâu và được nhiều người biết đến ở Việt Nam như: ddth.com, ttvnol.com, dienanh.net, vietphotoshop.com Những trang web này đều do các cá nhân tạo ra và qua ngày tháng dần lớn mạnh lên với rất nhiều thông tin bổ ích. Một thực tế không thể phủ nhận được rằng, ở những trang web này, bạn có thể tìm được rất nhiều thứ để học. Ở đó có những thành viên, những Mod và admin có kiến thức sâu rộng về nhiều vấn đề và họ cũng rất nhiệt tình giúp đỡ bạn. Các trang web trên đều có những chủ đề riêng hoàn toàn khác nhau, nhưng họ có một điểm chung duy nhất là phụ thuộc quá nhiều vào Diễn Đàn. Vâng! Diễn đàn hoặc Forum, là phần không thể tách rời của những trang web Việt. Hầu hết 90% các trang web hiện nay đều có diễn đàn. Nói như vậy không phải là phủ nhận tính tích cực của 171 www.izwebz.com Demon Warlock
Phát triển Web 2012 diễn đàn, nhưng các trang web của Việt Nam đã phụ thuộc quá nhiều vào diễn đàn. Phần lớn thông tin của trang web đều nằm trong diễn đàn và Trang Chủ (nếu có) rất sơ sài và không được quan tâm đến. Về mặt lý thuyết, diễn đàn là nơi những người cùng chung sở thích, mối quan tâm chia sẻ với nhau trong môi trường internet. Nó là nơi lý tưởng để bàn luận về một vấn đề như hỗ trợ giúp đỡ lẫn nhau về học tập và giải quyết các khó khăn. Diễn đàn không phù hợp cho việc cung cấp thông tin. Bởi vì các bài viết bị bị chìm dần vào quên lãng (vì thời gian) hoặc những bài post sau đã làm cho topic đó không còn là chính nó (spam). Bạn cũng có thể rất mất thời gian và công sức mới tìm được một bài viết hay. Nhưng bạn cũng rất dễ bị sa lầy vào những bài tranh luận triền miên không có hồi kết. Chính vì thế, tại thời điểm hiện tại, có thể nói rằng các trang web Việt Nam dù cho có mạnh, nhưng không chuyên về nội dung. Đây có thể là hệ quả của việc những người viết bài muốn được nghe những lời “comments” “khen chê” của những người cùng chung sở thích. Nếu họ phải làm một mình một trang web và trong thời gian không có ai “comment” cho những gì họ viết, họ rất nản và lại tham gia vào diễn đàn. Để ở đó họ có được một tập thể và từ đó khích lệ họ viết tiếp. Từ khía cạnh trên cho thấy, ở Việt Nam đang để ngỏ một cơ hội rất lớn cho những webmaster thích solo. Dường như đây là cánh đồng phì nhiêu chưa được khai phá. Có quá nhiều chủ đề để khai thác, có quá nhiều lĩnh vực còn thiếu sự tập trung chuyên sâu còn quá nhiều những mảng đề tài còn bỏ ngỏ. Kết luận: Ở bài này tôi không có ý định đả kích những trang web thiên về diễn đàn, mà tôi chỉ đơn giản chỉ ra rằng còn đó những chủ đề, những khoảng trống cho các webmaster muốn tìm cho mình một chủ đề để làm web. Thế mạnh của các bạn sẽ là một trang web tập trung hơn về nội dung, mà ở đó người đọc muốn tìm kiếm thông tin sẽ trực quan hơn, dễ tiếp nhận hơn và tiện lợi hơn. 172 www.izwebz.com Demon Warlock
Phát triển Web 2012 Để tiên phong khai phá những chỗ còn hoang sơ không hề đơn giản, nhưng đã qua được bước đầu, thì những cánh đồng phì nhiêu đó sẽ là nơi những hạt giống bạn cất công reo rắc sinh sôi nảy nở. Một mùa thu hoạch bội thu sẽ là chắc chắn! Giải pháp mới cho cộng đồng WordPress Có đôi lúc chính bản thân tôi cũng đã từng nghĩ : “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è.”. Hiện nay có rất nhiều cộng đồng online nổi lên như : Zing,Facebook 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. 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. 173 www.izwebz.com Demon Warlock
Phát triển Web 2012 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 : + Domain : 11$/Năm + Hosting : 4$/tháng + Tổng cộng : 59$. 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. BlogBroad.com 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. Các bước đăng ký và sử dụng. Đăng ký 174 www.izwebz.com Demon Warlock
Phát triển Web 2012 Nhập thông tin Đăng nhập 175 www.izwebz.com Demon Warlock
Phát triển Web 2012 Khu vực quản lý 176 www.izwebz.com Demon Warlock
Phát triển Web 2012 WordPress Admin In WP Admin 177 www.izwebz.com Demon Warlock
Phát triển Web 2012 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é. 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. 178 www.izwebz.com Demon Warlock
Phát triển Web 2012 Em rất thích làm web Hằng ngày mình nhận được rất nhiều email và trong đó thì cũng có một vài email với nội dung là em rất thích thiết kế web, vậy em phải học cái gì? Học theo trình tự như thế nào? Và em phải dùng phần mềm gì để lập trình? Vâng, đây là một trong những câu hỏi khá phổ biến đối với các bạn vừa gia nhập vào đội ngũ thích làm web. Học thiết kế hoặc lập trình web hay được gọi nôm na là học làm web. Quá trình học làm web thì phải nói là gian khổ, không phải 1 – 2 ngày là có thể làm dc 1 website đẹp “lung linh – lấp lánh – lập lòe” được đâu, mà nó đòi hỏi phải có thời gian, đó là một khoảng thời gian tương đối dài để bạn rèn luyện, học tập, trao dồi thêm các kĩ năng. Do đó, việc yêu thích làm web sẽ giúp cho bạn có thêm quyết tâm, và chính quyết tâm sẽ giúp cho bạn có thêm nhiều động lực trong quá trình học. Tuy nhiên, bạn cũng không nên học một cách “cháy máy”, mà hãy bình tỉnh và thông thả. Khi nào bạn cảm thấy thật sự mệt mỏi, hãy quên nó đi một thời gian, điều đó sẽ tốt cho bạn hơn là cố gắng gượng ép nó vào đầu, sẽ gây tắc động tiêu cực đấy. CHÚNG TA HỌC CÁI GÌ? Trước tiên bạn hãy trả lời cho mình câu hỏi như sau: “Bạn muốn trở thành gì? Lập trình web hay thiết kế web, hay là cả hai?”. Tại sao lại có câu hỏi như vậy thì chúng ta sẽ phân tích công việc của các mãng trên nhé. + LẬP TRÌNH WEB 179 www.izwebz.com Demon Warlock
Phát triển Web 2012 Lập trình web thì đòi hỏi bạn cần phải dành nhiều thời gian để học tập các ngôn ngữ căn bản dành cho thiết kế web tĩnh : HTML, CSS, Jquery, Javascript và các ngôn ngữ website động như PHP & MySQL, ASP & SQL, Ngoài ra bạn còn phải tìm hiểu thêm về các CMS (mã nguồn mở) như WordPress, Joomla, Drupal . Và tất nhiên, nâng cao hơn nữa thì bạn còn phải biết và làm việc được trên các Framework như: Codelgniter, Zend, Yii, . Tất nhiên chúng ta ko học hết các CMS và Framework, mà chỉ chọn ra một cái để tìm hiểu chuyên sâu thôi, còn lại thì chỉ cần biết sơ qua là được. Và tất nhiên, khi bạn đi phỏng vấn ở các công ty tuyển lập trình viên website thì họ sẽ không chỉ hỏi bạn ở các kiến thức chuyên môn không đâu, mà họ còn hỏi bạn có biết xài photoshop không? Vì bạn thường xuyên phải làm công việc chuyển từ PSD > HTML&CSS. Do đó, bạn phải biết photoshop là điều tất yếu. Bạn cũng không phải chỉ dừng lại ở những kiến thức đã học không. Mà phải liên tục cập nhật kiến thức mới. Ví dụ: sắp tới thì HTML5 & CSS3 sẽ dần trở nên phổ biến hoặc Jquery, WordPress, Joomla luôn cập nhật các bản sửa lỗi mới. Và nhà cung cấp trình duyệt cũng thường xuyên nâng cấp trình duyệt của họ, điều đó cũng dẫn tới việc code đang chạy ở phiên bản cũ sẽ mắc lỗi và bạn phải cập nhật. + THIẾT KẾ WEB Đây là một cái nghệ mà con đường đi khá chông gai, không phải chăm chỉ mà được, bạn còn đòi hỏi phải có được cái đầu thiên phú nữa (khác người xíu). Mình nói vậy không phải để làm nản lòng các bạn mà mình muốn các bạn hiểu một điều, chúng ta phải cố gắng hết mình, thì sẽ đạt được thành công. Vì ngày nay, các công ty hầu như họ đều muốn mang một phong cách riêng để định vị thương hiệu của mình. Và ngay cả website của họ thì họ cũng mong muốn có điều đó, phải thật đặc biệt, không giống bất kì website nào khác, phải có phong cách riêng. Và bản thân là một webdesigner thì bạn phải làm được điều đó. Vậy, mình làm việc đó như thế nào nhỉ? Điều đâu tiên đó là phải có ý tưởng đã, sau đó chúng ta phải biết dùng các công cụ đồ họa như Photoshop, illustrator, corel, Không chỉ dừng lại ở biết không đâu, mà bạn phải hiểu thật chuyên sâu và tường tận nó, chỉ có như thế thì bạn mới họa được cái ý tưởng “lạ” ở trong đầu của mình ra. 180 www.izwebz.com Demon Warlock
Phát triển Web 2012 Và điều tất nhiên là bạn cũng phải biết lập trình nữa chứ. Vì khi bạn thiết kế 1 website thì bạn cũng phải tính toán xem liệu thiết kế của mình có thể dể dàng chuyển thành HTML&CSS hay là phải làm khó anh lập trình web. Đôi khi, thì chính bạn cũng sẽ là người phải thực hiện việc chuyển từ PSD > HTML&CSS nữa ấy chứ. Khi đã là một webdesigner thì bạn luôn nghĩ ra những hiệu ứng độc đáo cho website của mình, và để làm được điều đó thì bạn phải biết đến Jquery, để bạn biết rằng, cái hiệu ứng gì Jquery có thể làm được và không thể làm được. QUÁ TRÌNH TỰ HỌC NHƯ THẾ NÀO? Điều này thì đơn giản thôi, nếu bạn đã xác định được mình sẽ đi theo lĩnh vực nào? Thì việc còn lại là tiến hành tìm tòi, học hỏi và nghiên cứu thôi. Điều bắt buộc là bạn phải học từ căn bản đi lên nâng cao và chuyên sâu, vì kiến thức của con người cũng một cái cây và vì vậy nên cái cây phải có gốc chắc chắn thì ngọn mới đứng vững và chịu được gió to. Nếu bạn cứ nhầm nâng cao mà đâm đầu vào thì chắc chắn sẽ phải “chảy máu mũi” thôi. Và cái nghiêm trọng nhất chính là bị “lổ hổng kiến thức”. Lổ hổng kiến thức sẽ làm cho bạn mắc phải lỗi lớn nhất là chỉ có thể làm được những gì đã được hướng dẫn qua, không thể hoặc khó khăn trong việc tự phát triển được cái mới cho mình. Học ở đâu nhỉ? À, câu hỏi gây cấn đây, nếu bạn quyết tâm thì hãy đến các trung tâm, các bạn sẽ được học theo trình tự hợp lý, và rất tốt cho não. Hiện tại thì ở Tp.HCM có các trung tâm đào tạo về lập trình và thiết kế web khá uy tính như TTTH của ĐH Khoa học Tự nhiên, hay nếu có điều kiện một xíu thì NIIT hay Aptech. Học ở trung tâm thì chúng ta sẽ có thêm bằng cấp, hổ trợ cho sau này. Nếu muốn tìm tòi học hỏi thì càng đơn giản hơn, chỉ cần có một cái máy tính có nối mạng là ổn rồi, các bạn có thể vào izwebz và học thôi, ngoài ra các bạn có thể tham khảo thêm bài viết “Nguồn của tôi” nữa để biết thêm. Các bài viết trên izwebz đều là các bài viết căn bản, các bạn có thể xem các bài viết theo các chuyên mục ở menu phía trên hay là các bạn có thể xem ở link Video series này. Tuy nhiên, quá trình tự học của chúng ta thì cụ thể như vậy nhé HTML+CSS + Photoshop > Jquery (nếu cần) 181 www.izwebz.com Demon Warlock
Phát triển Web 2012 > PHP > WordPress. Đó là đối với các bạn đang tự học tại gia, còn nếu đi trung tâm thì đã có giáo trình riêng và các bài giảng ở izwebz chỉ mang tính chất tham khảo và bổ trợ. CÔNG CỤ NÀO TỐT NHẤT Hiện tai trên thị trường có rất nhiều phầm mềm hổ trợ chúng ta trong việc thiết kế và lập trình web (tham khảo Top 10 trình soạn thảo code), miễn phí cũng có mà có phí thì cũng đầy? Vậy chọn cái nào để làm bây giờ ? Bạn phải hiểu rằng, không có phần mềm nào gọi là tốt nhất cho tất cả, mà phần mềm tốt nhất chính là phần mềm mà chúng ta quen sử dụng, và nó dể dàng giúp đở chúng ta trong các thao tác và phím tắt. Khi bạn xem video tutorial của anh DW, CS hay của tớ hoặc bất kì thành viên nào của izwebz thì bạn sẽ thấy rằng, mỗi người thích một editor khác nhau, nguyên nhân là vì nó phù hợp với họ. Và tất nhiên, nếu bạn là người mới thì hãy trải nghiệm đi, bạn sẽ tìm ra phần mềm nào phù hợp với mình nhất và hãy tìm hiểu về nó kĩ hơn. Đối với dân webdesigner thì photoshop, illustrator hoặc corel là những phần mềm mà nhà tuyển dụng yêu cầu là bắt buộc phải có. TỔNG KẾT Chúng ta có thể thấy rằng, để làm được một website thì phải trải qua nhiều giai đoạn “Ý tưởng > phát thảo ý tưởng > thiết kế ý tưởng bằng PTS > chuyển từ PTS sang web tĩnh > Chuyển từ web tĩnh sang web động”. Mỗi giao đoạn nó điều đòi hỏi chúng ta phải có kiến thức nhất định về nó thì mới có thể làm tốt được. Do đó, nghề làm web không đơn giản như chúng ta tưởng, đây có thể coi là một môn nghệ thuật rèn luyện tính kiên nhẫn. 182 www.izwebz.com Demon Warlock
Phát triển Web 2012 Bài học từ một chiếc đĩa CD Hôm nay tôi muốn chia sẻ với các bạn một kinh nghiệm rất thực tế của tôi về cách ứng xử và quản lý trang web. Đặc biệt với những ai đang là quản trị viên hoặc sẽ trở thành quản trị viên của một trang web. Bài viết này sẽ dành cho bạn và hy vọng bạn sẽ áp dụng vào cách quản lý của mình. Chuyện xảy ra đã gần 10 năm rồi nhưng đến bây giờ tôi vẫn nhớ như in tưng chi tiết của câu chuyện. Vào khoảng giữa năm 2002 tôi mới bắt đầu làm quen lĩnh vực thiết kế web cho nên vẫn còn đang tìm tòi học hỏi. Ban đầu tôi học Photoshop trước và tại thời điểm đó tài liệu không nhiều như bây giờ. Lúc đó vẫn đang là sinh viên nên còn nghèo (giờ vẫn nghèo ), tôi có kiếm được một cuốn ebook rất hay về Photoshop.Tựa đề là Photoshop Classroom in a book, bởi vì là phiên bản download chùa nên không có file đính kèm nên cũng gây nhiều phiền toái trong lúc học. Tôi cũng tìm kiếm trên mạng rất nhiều và tình cờ kiếm được một trang web chuyên về Photoshop Tutorial và đặc biệt có những file đính kèm của cuốn sách tôi đang học. Giống như “ăn mày gặp chiếu manh, chết đuối vớ phải cây chuối”, tôi download liền mấy file về thực tập. Nhưng trên trang web đó chỉ có đến chương thứ 5 thì hết. Nên tôi đành liên hệ với quản trị viên của trang web đó. Ông đó tên là David Logan. Tất nhiên là email xin xỏ cho nên tôi cũng toàn viết những lời lẽ bố láo lừa đảo, chim xa tổ, lá xa cành, anh anh em em ngọt sớt rồi đại loại là xin ổng cho link download mấy chương sách còn lại. Những email đầu tiên ông ấy gửi cho tôi một vài chương mà tôi yêu cầu. Sau đó tôi lại xin thêm mấy chương nữa, ông ấy với chất giọng vẫn rất lịch sự, nhiệt tình và rất thân thiện. Ông đó gửi tiếp cho tôi thêm 3 chương nữa. Email lần thứ 3 tôi có hỏi những chương còn lại, ông ý mới nói “anh cho tôi địa chỉ của anh, tôi sẽ gửi một đĩa CD chứa hết các bài tập cho anh“. Cũng bán tín bán nghi, tôi cho ông ý địa chỉ của tôi. Khoảng một tuần sau tôi nhận được một gói bưu phẩm gửi từ Canada sang Hà Lan. Tôi thực sự bất ngờ với món quà nhỏ mà đấy ý nghĩ này. Về giá trị vật chất thì chiếc đĩa đó không đáng là bao. Nhưng cho đến bây giờ tôi vẫn nhớ mãi cảm giác cũng như niềm biết ơn vô bờ đến con người chưa bao giờ gặp mặt mà chỉ vài email đã bỏ công sức chép ra CD, mang ra bưu điện và gửi cho tôi. Từ đó tôi có suy ngẫm nhiều về cách hành xử giao tiếp giữa người quản lý trang web và người đọc. Lúc ban đầu khi trang web mới hình thành bạn còn có nhiều động lực để trả lời email, comment. Nhưng khi trang web đã lớn mạnh, bạn dần dần quên đi “nhiệm vụ” này. Có người rất ít khi trả lời email được gửi về, hoặc có trả lời thì cũng với thái độ trịnh thượng, kể cả, ban ơn. “Câu này tôi nói nhiều rồi mà, vô diễn đàn mà search”, “oài, sao vấn đê đơn giản thế mà cũng phải hỏi? tự google đi” v.v Khi bạn làm ra trang web thì người đọc là phần quan trọng nhất của trang web. Đó chính là lỹ lẽ sống của một trang web, không có họ bạn chỉ còn là người tự nói cho mình nghe. Do vậy bạn hãy quan tâm đến người đọc của mình, đặt lợi ích của họ lên trên hết mọi thứ, hãy tự hỏi nếu bạn là người đọc của chính mình, bạn có thấy vui không khi vào trang web v.v Chính vì rút ra được 183 www.izwebz.com Demon Warlock
Phát triển Web 2012 từ kinh nghiệm trên mà tôi luôn cố gắng trả lời tất cả các email gửi về cho izwebz. Tôi thậm chí kiểm tra cả hòm thư rác để đảm bảo không email nào “lọt lưới”. Tôi cũng luôn cố gắng đặt địa vị mình vào vị trí của các bạn và xem xem có thể làm gì để khi các bạn đến với izwebz là có cảm giác gần gũi, thân thiện, không có gì phải dấu diếm, không có link ẩn, không có password, không có box kín hoặc box VIP. Mỗi tutorial đều có demo và source code, mỗi video đều đó hai phiên bản cho các bạn download và xem online, mỗi chương sách đều đó phiên bản .pdf cho các bạn xem online và offline. Tóm lại, tôi luôn đạt lợi ích của các bạn lên trên hết. Kết Luận Tôi luôn tin rằng nếu các bạn thực sự hài lòng với một trang web thì về lâu về dài đó là cái lợi rất lớn cho trang web. Chính vì thế bài học rút ra từ đây sẽ là cho dù trang web của bạn có nhỏ xíu hoặc lớn mạnh, hãy dành thời gian cho người đọc của bạn. Hãy coi họ là những người bạn của bạn và giữ thái độ thân thiện, chuyên nghiệp và vui vẻ. Đừng gắt gỏng, đừng giáo điều, đừng chỉ trích, đừng chế giễu với những người mới. Ai cũng phải bắt đầu từ một điểm nào đó. 184 www.izwebz.com Demon Warlock
Phát triển Web 2012 Cách học code hiệu quả Thực ra tiêu đề của bài viết cũng không thực sự chính xác với nội dung của bài, nhưng tôi cũng chẳng biết đặt tiêu đề thế nào thì hợp lý hơn. Nhưng dài dòng chút thì là dưới đây là một số kinh nghiệm cá nhân của tôi trong quá trình học lập trình web. Tôi muốn chia sẻ với các bạn mới bắt đầu để các bạn rút ra được những bài học từ kinh nghiệm của tôi. Nói trước rằng học cái gì cũng có nhiều phương pháp và mỗi người có một cách riêng để học. Nhưng như đã nói ở trên đây chỉ là kinh nghiệm của người đi trước nói ra xem bạn có thấy được điểm nào hữu dụng mà thôi. Tôi không cố gắng giáo điều cũng như không có ý cách của tôi là hiệu quả nhất mà chỉ có ý gợi mở những điều tôi cho là có lý. Đừng copy và Paste code Đây có lẽ là lời khuyên được nhiều người nói nhất và tôi cũng thấy rất đúng. Ban đầu khi mới làm quen với một ngôn ngữ lập trình nhìn mớ code như mớ bòng bong chấm phẩy tè le hết. Ngồi gõ lại thì lâu biết bao nhiêu, copy và paste cho nhanh. Nhưng chỉ bằng cách gõ lại bạn mới nhớ code hơn, nếu có gõ sai thì có cơ hội quay lại và chỉnh sửa lỗi của mình. Tuy video nào tôi cũng có source code để bạn tham khảo, nhưng bạn chỉ lấy đó làm mẫu thôi còn bạn vẫn phải tự gõ lại những gì bạn thấy trong video. Vừa xem vừa làm Bạn đừng có mở video lên, pha ly cà phê rồi ngồi vuốt râu khen “phải! phải!”. Cách đó tôi thấy không hiểu quả cho lắm. Trước đây tôi cũng từng ngồi khoanh tay gật gù khen có lý. Nhưng khi tắt video đi thì mình lại mơ hồ không rõ lắm. Chính vì thế bạn mở video một bên và cửa sổ code một bên. Xem đến đâu gõ đến đó thì hiệu quả hơn rất nhiều. Tự làm sau khi xem Đây có lẽ là cách tôi thấy hiệu quả nhất. Sau khi bạn xem video rồi, làm theo rồi, hiểu cách rồi. Hãy tắt video đi và tự làm lại từ đầu theo cách hiểu của mình. Sau đó tự sửa lỗi, tìm lỗi sai, khắc phục .v.v. nếu bế tắc thì mới xem lại video. Nếu bạn đã đào sâu suy nghĩ mà vẫn chưa ra cách, đến khi xem lại bạn sẽ nhớ lâu hơn rất nhiều. 185 www.izwebz.com Demon Warlock
Phát triển Web 2012 Code, code nữa, code mãi Tôi không thể nhấn mạnh điểm này nhiều hơn nữa. Cách học code nhanh nhất là cứ bỏ mấy cuốn sách dầy cộm xuống. Mở trình soạn code lên và code. Sai thì sửa, quên thì xem lại, có lỗi tìm cách khắc phục, đào sâu suy nghĩ, google, đọc lại lý thuyết nói chung tôi thấy cách hay nhất vẫn là tự tìm cách giải quyết trước khi hỏi. Bởi vì học lập trình là môn học cần tư duy độc lập và tìm tòi sáng tạo. Rất nhiều người khi mới bắt đầu gặp vấn đề hơi khó là phải hỏi đầu tiên mà không tự khám phá. Nếu cứ mãi hỏi như vậy bạn sẽ bị ì sức sáng tạo và tư duy không độc lập nữa. Tự thêm thử thách Đây là cách tôi rất hay tự làm với mình. Ví dụ bạn xem một tutorial về cách gửi mail bằng PHP trên izwebz. Trong video tôi có hướng dẫn gửi mail nhưng không gửi file đính kèm. Bạn hãy cho đấy là bài tập về nhà của mình và tự tìm cách khắc phục. Ví dụ khi tôi đọc một bài về jQuery Slider chẳng hạn, nếu người ta chỉ có chuyển hình kiểu chạy qua, tôi sẽ tự tìm cách tạo cho nó fade qua, vòng lại .v.v bằng cách tự tạo ra thách thức cho mình bạn sẽ tiến bộ mau hơn. Học từ nhiều nguồn, nhiều tài liệu Học làm web không như học phổ thông, không như làm toán cứ ráp công thức vô là giải được bài. Làm web mỗi người một cách làm, mỗi sách có những điểm hay điểm dở khác nhau, mỗi thầy giáo có chỗ mạnh chỗ yếu và mỗi trang web cũng có những điểm ưu điểm khuyết. Do vậy 186 www.izwebz.com Demon Warlock
Phát triển Web 2012 bạn nên tập hợp nhiều nguồn sách, video, ebook, trang web, tutorials v.v rồi đúc kết, chắt lọc ra cách mà bạn cho là tối ưu nhất. Tôi đôi khi hay kết hợp nhiều nguồn với nhau và tìm ra cách nào mình thấy dung hòa được tất cả các mặt. Kết Luận Như đã nói trên đây chỉ là kinh nghiệm cá nhân, bạn chỉ nên tham khảo và quan trọng hơn cả là tự tìm ra cách học phù hợp với bạn nhất. Nhưng nói ngắn gọn lại thì nếu đã xác định học lập trình, bạn phải tạo ra cho mình một thói quen tư duy độc lập. Chỉ hỏi khi thực sự hết cách, chỉ hỏi sau khi đã thử rất nhiều cách, chỉ hỏi khi đã suy nghĩ về vấn đề đó rất nhiều lần trong ngày và chỉ hỏi khi bạn thực sự không thể giải quyết được vấn đề. 187 www.izwebz.com Demon Warlock
Phát triển Web 2012 Lorem Ipsum là gì? Nếu bạn là người quen với việc thiết kế web, chắc chắn không dưới một lần bạn đã từng thấy những giao diện được thiết kế và có các dòng chữ không phải là ngôn ngữ quen thuộc nào trên thế giới. Đó chính là những dòng chữ quen thuộc của giới thiết kế layout “Lorem Ipsum Dolor sit amet ” Lorem Ipsum là gì? Lorem ipsum là dạng chữ mẫu được sử dụng trong ngành in ấn từ những năm 1500. Nó dần trở lên phổ biến kể từ những năm 1960 và cho đến ngày nay, hầu hết những giao diện và các phần mềm máy tính đều sử dụng Lorem Ipsum là chữ mẫu. Thực chất Lorem Ipsum không phải là dòng chữ vô nghĩa được tạo ra một cách ngẫu nhiên, mà theo những nghiên cứu gần đây, người ta tin rằng nó được bắt nguồn từ một bài văn cổ đại, có niên đại khoảng 45 năm trước công nguyên. Nhưng cho dù hư thực thế nào đi chăng nữa, nhưng công dụng của nó trong việc thiết kế web là hiển nhiên. Người ta có thói quen hay bị cuốn hút vào những gì đọc được, đây là điều mà những người thiết kế giao diện không muốn. Họ muốn khách hàng tập trung hơn vào mầu sắc, bố cục, các chi tiết khác hơn là chữ viết. Bởi vì trong việc thiết kế giao diện, ngoài những phần có bố cục hình ảnh, cũng sẽ phải có những phần sau này người dùng phải thêm chữ vào. Nếu cứ thêm dòng chữ “nội dung ở đây, nội dung ở đây, nội dung ở đây” lập đi lập lại. Về mặt thẩm mỹ nó không đẹp và về phương diện muốn người đọc tập trung hơn vào bố cục cũng không đặt. Ví dụ dưới tấm hình sau Rõ ràng ở tấm hình 1, bạn có cảm giác rối mắt và thấy không thể tập trung vào bố cục. Nhưng ở tấm hình thứ 2 khắc phục được lối này, mắt ta cảm thấy dễ chịu hơn khi không phải đọc lại cùng một nội dung nhiều lần. Do vậy nếu bạn chưa sử dụng Lorem Ipsum cho giao diện mình thiết kế, hãy bắt đầu làm quen với việc sử dụng này. Nếu bạn muốn dùng những đoạn text này, hãy vào trang chủ của Lipsum.com và họ có công cụ cho phép bạn tạo nhiều đoạn văn dạng này. 188 www.izwebz.com Demon Warlock
Phát triển Web 2012 Backlink là gì? Cách sử dụng Backlink hiểu một cách đơn giản nhất và theo nghĩa đen là được liên kết lại. Hoặc nói cách khác Backlink là dạng liên kết từ trang web A sang trang web B và trang web B sẽ liên kết ngược lại trang web A. Backlink là một trong những cách đơn giản nhất để tăng thêm traffic cho trang web của bạn. Và nó cũng đóng một vai trò quan trọng trong quá trình tối ưu hóa công cụ tìm kiếm và tăng PageRank của bạn với Google. Thực tế thì tôi không phải là một chuyên gia về SEO nhưng tôi cũng biết một số cách để bạn có thể kiếm thêm traffic cho trang web của bạn và tôi muốn chia sẻ với các bạn trong bài này. Để lọt được vào đôi “mắt xanh” của nàng Google bạn phải có rất nhiều tiêu chí, thì một trong những tiêu chí đó là Backlink. Bởi vì để tránh bị các chàng “lừa tình” cho nên nàng Google mới nghĩ ra một cách là đánh giá các chàng bằng backlink. Nó nghĩ rằng nếu một ai đó muốn tạo một trang web dạng spam thì sẽ ít ai liên kết đến trang đó. Do vậy trang web nào được liên kết đến bởi nhiều trang web khác. Đặc biệt là những trang có lý lịch trong sạch và tồn tại lâu năm, thì những link đó rất có giá trị và có thể suy diễn rằng trang đó không phải là một dạng Spam. Hiểu được cách Google nhìn nhận Backlink vậy thì bạn phải kiếm backlink bằng cách nào. Có rất nhiều cách và cũng khá đơn giản để tiến hành. 1. Nội dung trang web phải thật hay Cái này là điều kiên tiên quyết để một trang web có thể tồn tại hay không. Không ai vào trang web của bạn chỉ để xem những thứ vô giá trị. Do vậy tạo ra nội dung hấp dẫn là một cách kiếm backlink hiệu quả nhất và lâu dài nhất. Bởi vì khi những bài viết của bạn có giá trị, nhiều người khác sẽ đăng tải lại và liên kết đến trang của bạn. Cho dù những bước ở dưới đây bạn làm có tốt đến đâu, nhưng nội dung của bạn không hay thì nó cũng không có tác dụng lâu dài. 2. Post Comment trên các blog khác 189 www.izwebz.com Demon Warlock
Phát triển Web 2012 Thực tế thì cách kiếm backlink đơn giản nhất là đi dạo các blog cùng chủ đề và để lại comment. Nhưng quan trọng nhất là bạn đừng có spam kiểu “xin con tem”, “hay đấy!”, “post nhiều lên nhé!” v.v những comment kiểu này không có giá trị và đôi khi còn có tác dụng ngược và gây phản cảm. Và rất có thể bị admin trang web đó xóa mất. Do vậy bạn nên nhớ là phải để lại comment một cách nghiêm túc và có tính chất xây dựng. Như thế người ta mới thăm blog của bạn và bạn mới có traffic. 3. Để lại chữ ký trên diễn đàn Diễn đàn rất phổ biến ở Việt Nam do vậy ở mỗi diễn đàn bạn tham gia, hãy để lại chứ ký và nó sẽ là nguồn traffic không tệ cho bạn. Nhưng để chữ ký của bạn được mọi người lưu ý bạn cũng nên xem kỹ quy định của diễn đàn đó về chữ ký. Đừng gây sự chú ý bằng hình to quá cỡ cũng gây phản tác dụng. Bạn cũng không nên spam các diễn đàn khác cũng gây phản ứng ngược lại và không có thiện cảm trong mắt người đọc. Hãy đóng góp bài viết xây dựng diễn đàn “đặc biệt” là những box HOT đông người xem. 4. Tạo Profile trên Yahoo và Google Google có trang cho phép bạn tạo Profile và bạn có thể kèm URL của trang web của mình. Nếu Profile của bạn đầy đủ bạn cũng có thêm một đường Link từ “ông kẹ” rồi. Thêm nữa bất cứ khi nào bạn tham gia một diễn đàn hoặc trang web nào mà cho phép thành viên khai báo phần URL, hãy điền thông tin này vào. Nó cũng giúp bạn chút ít. Kết luận Khi đã nói về SEO thì bất cứ việc gì có thể tăng traffic chúng ta đều phải làm hết cho dù đó tưởng chừng như nhỏ nhặt. Nhưng “góp gió thành bão” một chút rồi một chút sẽ làm cho trang web của bạn ngày càng nhiều traffic. Bạn có áp dụng những cách trên trong trang web của mình không? hoặc bạn kiếm backlink bằng cách nào? hay chia sẻ với mọi người 190 www.izwebz.com Demon Warlock
Phát triển Web 2012 Làm gì để được Bookmark Bookmark có nghĩa là người sử dụng thêm một trang web nào đó vào mục những trang web yêu thích. Khi cần họ chỉ cần mở phần Bookmark ra là có địa chỉ URL của trang web đó. Vậy là một webmaster, bạn cần làm gì để người dùng Bookmark trang của bạn? Đây cũng là câu hỏi tôi dùng trong một cuộc khảo sát nhỏ những thành viên trong gia đình, bạn bè và một vài đồng nghiệp. Tuy số lượng người được hỏi chì khoảng hơn 20 người, nhưng với những kinh nghiệm lướt web của họ, chúng ta cũng học ra được một vài điều. 1. Nội dung trang web là quan trọng nhất Có thể bạn cũng đoán ra được rằng, để trang web được người dùng Bookmark, điều kiên tiên quyết là nội dung. Ví dụ bạn đang đi tìm thông tin về cách sửa đồng hồ điện tử, bạn vô tình tìm ra được một trang web có bài viết chi tiết về cách sửa đồng hồ. Không những thế ở trang web đó còn có các video clip, các chuyên mục liên quan, các tutorial về sửa chữa đồng hồ và thậm chí cả một diễn đàn có cộng đồng những người thích sửa đồng hồ giúp đỡ nhau. Liệu bạn có bookmark trang đó không? 2. Thiết kế của trang cũng đóng vai trò quyết định Rất bất ngờ với câu trả lời này, nhưng ngoài nội dung ra, hơn 20 người được hỏi, họ đều có chung quan điểm là thiết kế của trang web cũng đóng vai trò quan trọng. Để giải thích cho lựa chọn này, họ đều cho rằng những trang web có thiết kế chuyên nghiệp, dễ nhìn và thân thiện với người đọc như: không có pop up quảng cáo, không có pop up bắt đăng ký thành viên, thanh di chuyển rõ ràng và mạch lạc, màu sắc hài hoà cân đối. Thật vậy, với những trang web mà khi bạn chưa kịp hiểu nó về cái gì, đã có vài pop up hiện ra. Tệ hơn khi bạn kéo chuột, có một pop up cứ đeo bám theo màn hình bắt bạn đăng ký thành viên. Muốn đóng nó lại vài giây sau nó lại hiện lên. Bên cạnh đó còn có những trang nhạc nền, hiệu ứng chạy theo con trỏ chuột, màu sắc tương phản cực độ. Những trang như thế cho dù nội dung có hấp dẫn, người đọc vẫn khó lòng bookmarknó được. 3. Tốc độ load của trang Không được đánh giá cao trước khi tiến hành khảo sát, nhưng tốc độ load của trang lại chiếm vị trí thứ 3. Họ giải thích rằng cho dù thiết kế đẹp, nội dung hay mà mỗi lần load một trang phải chờ cả chục giây thì họ cũng rất ngại phải bookmark trang đó. Về mặt lý thuyết, đã có nhiều nghiên cứu cho thấy rằng, người đọc chỉ cho bạn 4 giây để load trang web. Nếu trong vòng 4 giây đó, trang web của bạn vẫn chưa load xong thì một điều chắc chắn rằng bạn sẽ mất một số lượng người đọc rất lớn. Vậy bạn hãy nhớ kiểm tra xem tốc độ load trang web của mình như thế nào. 4. Thông tin cập nhật thường xuyên 191 www.izwebz.com Demon Warlock
Phát triển Web 2012 Được đánh giá cao trước khi tiến hành khảo sát, nhưng đa số mọi người lại cho rằng, thông tin cập nhật không quan trọng bằng 3 điều đã nêu ở trên. Nhưng họ thêm rằng, nếu chỉ cần 3 điều trên, họ đá bookmark trang đó rồi. Tuy nhiên muốn giữ được họ thường xuyên quay lại trang web, thì trang đó phải có thông tin thường xuyên cập nhật. Không cần phải ngày nào cũng có bài mới, nhưng chí ít khi quay lại vài lần kể từ lần đến thăm đầu tiên, họ phải thấy thông tin mới hơn. Kết luận Có thể trong cuộc khảo sát lần này, số người tham gia không nhiều, nhưng những thói quen của họ sẽ giúp chúng ta những webmaster hiểu được hơn về người đọc hơn. Ngoài nội dung hấp dẫn, chúng ta cũng nên chú ý đến thiết kế, tốc độ load và cập nhật trang web nếu có thể. Làm tốt được 4 điều trên, chắc chắn trang web của bạn sẽ trở nên phổ biến và lớn mạnh. Chương 7 : Kỹ năng viết bài 192 www.izwebz.com Demon Warlock