post image

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.

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

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.

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.

Create a website

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.

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.

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.

«

»

41 Comments

( Comment bài này )
  1. quan says:

    Anh chu đáo thật đấy. E rất ấn tượng về cách dạy của anh.
    e đã tỉ mỉ làm theo a từng bước một. thật hiệu quả.
    chân thành cảm ơn a.
    àh. anh có quan tâm đến asp.net không?
    nếu có thì mong a chỉ giáo giúp em. càng nhiều càng tốt. hihi.
    có video thì càng tốt. không thì suông thôi cũng đc.
    mong anh giúp em
    em chờ hồi âm từ anh

  2. minhtoan08x says:

    Thanks a lot !!!

  3. Trap He Sang says:

    quảng cáo trang web cũng đc tính là “quá trình tạo trang web” sao? mình nghĩ nó nằm ở quá trình phát triển trang web ấy chứ. hi. chỉ đóng góp thôi, ko có ý gì ^^

  4. duong cong luan says:

    anh có thể chủ em cách cho chữ cjay trên web ko

  5. MrDuongMich says:

    anh DW nói rất đúng đây là cái căn bản để một người chưa biết gì có định hướng, chứ để chi tiết như thiết kế cho ai đọc, cỡ chữ font chữ, hay giao diện thế nào là do các bạn thôi. một giao diện đẹp hay không là do mắt thẩm mĩ các bạn, có bạn rành về photoshop nhưng chưa chắc có được một giao diện đẹp đó là do mắt thẩm mĩ của mỗi người. mình nghĩ ý tưởng – sáng tạo ra cái mới là quan trọng. thanhs anh DW nhiều nhiều…

  6. My Trang says:

    Chào bạn Demon Warlock.

    Mình lướt không biết bao nhiêu là web rồi, và đây là lần đầu tiên mình comment kiểu này (trừ forum ra nhé :D ). Bạn rất tuyệt vời đấy. Mình rất thích web của bạn. Chúc bạn nhiều sức khỏe và web sẽ ngày càng thành công hơn. :D

  7. loc8meng2 says:

    rất cảm ơn anh vì bài viết cô đọng & bổ ích

  8. Anh chỉ có mấy chữ thôi

    Làm sai – Sửa sai – Xem lại – làm tiếp.

    Đó là cách anh dùng để học lập trình. Không có gì nhanh bằng tự học, tự sửa lỗi và tìm ra chỗ sai.

  9. Đức ụt says:

    Anh cứ nói thế. Biệt danh đó, không có nói lái gì đâu. Thế anh khi nào DW về nước. Em mời anh đi uống Ken nha.
    À tiện đây em hỏi anh, em có kiến thức về CSS cơ bản rồi. Nhưng khi bắt tay vào định dạng là tự nhiên lúng túng. Không biết a có cách nào cải thiện nâng cao giúp e ko.

  10. @Đúc ụt: Móa! tên chú đọc méo hết cả mồm! hay có nói lái nói liếc gì không thế? :-/

    Hà hà! anh sẽ giáng giữ gìn sk đó mà. Cứ gửi mấy chai Ken là anh khỏe re à :)

  11. Đức ụt says:

    Cứ theo anh DW. Càng học càng iu mới chít chứ. Anh DW cố gắng giữ gìn sk để truyền đạt lại kiến thức cho bọn em nha. Anh là cầu nối trung gian giữa một đất nước có nền tri thức cao, văn mình với VN

  12. Vũ Thuận says:

    bác Demon warlock ơi!
    tui mua cái phần mềm soạn thảo e-texteditor để soạn thảo code mà sao thấy max quá vậy?
    thấy bác bảo nó cũng rẻ mà tui thấy trên đó có báo là 34,95 $ mà
    bác có time rảnh thì xem lại rùi nhắn cho tui sớm với nha!
    thanks bác nhiều, chúc bác sức khỏe, thật khỏe và mọi điều tốt đẹp để giúp mọi người học được nhiều điều bác nha !

    • Nguyễn Thành Công says:

      Tui mới bắt đầu học web và mới biết trang web của anh DW mấy ngày nhưng quả thật rất khâm phục tài năng và sự tận tâm với cộng đồng web của anh DW. Cảm ơn anh DW nhiều lắm, hi vọng anh sẽ tiếp tục cống hiến cho cộng đồng. Em hi vọng sẽ có một ngày em sẽ́ tự viết được trang web đầu tiên của mình. Cảm ơn anh DW nhiều lắm!!!!!!!!!!1

  13. tc_tc says:

    bác có biết host asp.net nào free mà ổn chút ko ạ?

  14. quan says:

    anh DW pro ^^

  15. ducsang says:

    anh loi lam on cho em hoi:nen su dung webhost serer windows hay linux? cái nào tốt hơn?

  16. alibaba says:

    Mình thấy nhiều bạn thắc mắc về “làm thế nào để có giao diện đẹp, ấn tượng”, thực sự điều này cần kinh nghiệm, sự ham mê, chịu khó bắt chước học hỏi và 1 chút năng khiếu, nếu ít thời gian tự tìm hiểu, các bạn có thể học các khóa ngắn hạn về layout web ở các chỗ đào tạo đồ họa ấy, ở HCM hình như có dpi có các lớp này :)

  17. AlanSmith says:

    Có bác nào làm web sài Smarty không nhỉ. ai pro thì chỉ giáo mình tí nha

  18. Daniel says:

    Theo mình nghĩ nếu có tài liệu đó cũng không quan trọng bằng mắt thẩm mỹ của bạn. Bạn thử dùng một add-on của firefox là Colorzilla thử xem,cài xong thì icon biểu tượng ống hút màu sẽ hiện ra ở dưới cùng bên trái trình duyệt. Công dụng của nó là giúp bạn biết thông số màu của những trang web bạn thấy đẹp khi rê công cụ này qua.
    Xem thêm tại đây để biết rõ hơn nhé: http://www.izwebz.com/video-tutorials/cong-cu-lam-web/

  19. Thanh Danh says:

    Anh có thể giới thiệu một số tài liệu hướng dẫn phối màu khi xây dưng website được ko? Thank a :D

  20. 1and1.com không hỗ trợ dịch vụ cho Việt Nam bác ạ !

  21. Chiến says:

    E đồng ý cả 2 tay + 2 chân ý kiến của a Demon Warlock. (dành cho newbie)

  22. Tôi sẽ xem lại phần tab trong comment form sau

    Tôi cũng nhắc lại bạn bài này là băn khoăn của những người mới bước chân vào làm web chứ không dành cho những người đã rành về web. Ngay cả đến Domain là gì, Web host như thế nào, FTP là gì? họ còn chưa thông chứ đừng nói đến Thiết kế DB và Wireframe.

    Khi mới học làm web, thấy các cao thủ cứ nói thao thao bất tuyệt CHMOD cái này, set permission cái kia .v.v. tôi cũng chẳng hiểu mô tê gì.

    Còn bài viết dành cho những Webmaster có kinh nghiệm tôi cũng có hẳn một series “chiến lược phát triển trang web” đó thôi. Trong đó tôi áp dụng chiến lược kinh doanh vào chiến lược phát triển trang web. Chi tiết từ mô hình SWOT, Mission Statment, Market Segmentation v.v..

  23. Bác admin hình như vẫn chưa coi lại cái tabid ở comment form nhỉ :D

    Quá trình tạo trang web mà ko có giai đoạn phân tích đối tượng truy cập, thiết kế db, wireframe… để có 1 cái nhìn tổng quát nhất về trang web thì khó thực hiện đúng những bước trên.

    Ví dụ như nếu dành cho khách VN thì nên ưu tiên chọn host VN, domain VN, nếu dành cho người già thì font chữ cần to một chút… :D

    - vài ngu ý

  24. Để tạo được một trang web đẹp và ấn tượng khi mà đã sử dụng thành thạo Photoshop, CSS và HTML thì cần đến năng khiếu, gu thẩm mỹ, kinh nghiệm, khả năng phối màu, tư duy mới mẻ, trí sáng tạo v.v..

    Không có sách nào dạy bạn cả và cũng chẳng có nguồn nào đâu. Cái đó là do quá trình lao động và sáng tạo mà ra thôi.

  25. phangiatuananh says:

    ^^ hơi chung chung nhỉ! Có nguyên tắc nào để mình tuân theo không !?

  26. NoBi_G says:

    híc híc.. Cái đẹp và ấn tượng ở đây theo mình là trang đó phải có giao diện nổi bật, hài hòa + với một nội dung phù hợp với những gì mà bạn muốn nói trong trang web, và nội dung cũng phải theo chuẩn nào đó… :)

  27. phangiatuananh says:

    Khi đã thành thạo Photoshop, HTML , CSS. Nói chung là có đầy đủ kỹ năng hết. Vậy những nguyện tắc nào để tạo nên 1 trang web đẹp và ấn tượng?? Mình đã search trên mạng nhưng tài liệu khá hiếm hoi, nếu DW biết thì “truyền nghề” cho mọi người với nhé ^^. Thanks

  28. nguyen kien says:

    Wa..quả là nhiệt tình…

  29. Kimi says:

    Mời biết site được vài ngày nhưng rất “kết” mấy cái video tut của anh DW .
    Mong anh tiếp tục cho ra các video hay về WP.
    Thanks!

  30. Giang says:

    Thanks rất nhiều

1 2
  1. BB
  2. BB
  3. BB

arrow

Lưu ý khi post comment:

  • Không "bóc tem" topic
  • Dùng lời lẽ có văn hoá và lịch sự
  • Xem trang FAQs trước khi hỏi
  • Bạn có thể dùng thẻ HTML như:<strong>, <em>, <a>
  • Đặt code trong thẻ [php],[html],[javascript],[css]

Chọn kiểu gõ: Tự động TELEX VNI Tắt