thiết kế website

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.

Đừng làm nửa chừng rồi ngưng


Đừ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.

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.

 

 

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

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

Lĩnh vực trung tâm

Lĩnh vực trung tâm

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

Core Business.

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

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

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

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

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

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

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

Kết luận

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

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

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

Thuật ngữ chuyên ngành thiết kế website bạn cần biết

Thuật ngữ chuyên ngành bạn cần biết.

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ó t hể 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

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.

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

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.

Chi phí để tạo một trang web

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.

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

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.

Quá trình tạo một trang 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 chobạ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í.

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.

 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ó 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.

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

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

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.

Giới thiệu và cách sử dụng github

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: http://www.izwebz.com/design-usability/gioi-thieu-va-su-dung-github/

 

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

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.

Cách tạo và sử dụng file Robots.txt

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

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ư http://izwebz.com, http://name.vn thay vì lúc nào cũng http://localhost/thu_muc_lam_viec. Để 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

 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.

 

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

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

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ọ.

Trang báo lỗi 404 tự tạo

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ọ.

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

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.

Cách tạo trang 404 Error Page

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.

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.

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

Đô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ộ ….

Ajax-Jquery vs JavaScript

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',

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.');

Phát triển Web 2012

137 www.izwebz.com Demon Warlock

}

}

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.

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 ^^.

 

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