post image

Từ PSD sang HTML (phần 4/5)

Đến bây giờ bạn đã có một trang web HTML hoàn chỉnh và có thể sử dụng được. Tuy nhiên còn nhiều việc bạn có thể làm để sau này việc quản lý trang web được dễ dàng hơn và tiết kiệm thời gian hơn. Cho dù trang web của bạn sẽ là web “tĩnh” nhưng bạn vẫn có thể kết hợp với PHP để giúp bạn tự động hóa nhiều tác vụ mà nếu không, bạn sẽ phải làm đi làm lại nhiều lần. Trong bài này, tôi sẽ hướng dẫn bạn cách sử dụng PHP ở mức cơ bản nhất nhưng cũng đủ cho bạn biết được sức mạnh của PHP trong thiết kế web.


Thời lượng:38:50
Link Download định dạng .avi chất lượng cao:
MegaUpload: MegaUpload
MediaFire : Phần 1, Phần 2
File Size: 132MB
Những phần khác:Phần 1, Phần 2, Phần 3, Phần 5

«

»

53 Comments

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

    Video thật tuyệt vời
    Cảm ơn anh DW rất nhìu
    Mong anh có nhiều tut bổ ích hơn nữa .
    Thanks

  2. thanhnguyen1989 says:

    Cảm ơn anh Demon Warlock, video dạy thật hay. Em chỉ mới xem có clip đầu tiên thôi là đã thích cái cách nói chuyện tự nhiên thêm cách pha trò hóm hỉnh. Nhưng quan trọng là nội dung rất hay và bổ ích.
    Hope all best things will come to you!
    Regards,

  3. nhtera says:

    @Lê minh Bảo
    Bác đọc FAQ câu 3 nhé http://www.izwebz.com/faqs/

  4. Lê minh Bảo says:

    sao em gõ resetcss trong edit css devoloper của firefox mà sao ko hiện ra cái reset css giống anh, anh nói “test-xờ” là cái nào vậy

  5. Cảm ơn bạn kiến thức chia sẽ rất phong phú & bổ ích.
    Vote cho 1 trang web tốt :)

  6. bnkhanh says:

    Cam on anh admin nhieu lam nhung file nay chi chay dc 1/2 thoi anh admin oi

  7. DucNguyen says:

    trong cái file top.inc.php hả anh?
    em đã thêm rồi,mà nó vẫn bị .
    cái lạ là ,ở file hauptseite.php thì nội dung không bị lỗi,ấy thế mà em để nguyên cái code ,thay mỗi nội dung,rồi save thêm 1 page (kontakt.php) thì nội dung lại bị lỗi
    link của Hauptseite:
    http://schulprojekt4.bplaced.net/webseite/hauptseite.php
    link của Kontakt:
    http://schulprojekt4.bplaced.net/webseite/kontakt.php

    các bác xem dùm em với :(

  8. Trong phần head em thêm dòng này vào xem sao

    `__abENT__lt;meta http-equiv=__abENT__quot;Content-Type__abENT__quot; content=__abENT__quot;text__abENT__#8260;html; charset=utf-8__abENT__quot;__abENT__#8260;__abENT__gt;`

  9. theo mình nghĩ thì đó chỉ là font chữ của Tiếng Đức thôi, bạn xem trong phần font xem sao.

  10. DucNguyen says:

    anh ơi , em đang viết 1 trang web tiếng Đức ,trong tiếng Đức nó có các chữ Ä Ö Ü với ß , khi em làm theo các của anh ,thì các chữ này nó ko hiển thị dc ,
    làm cách nào để nó vẫn hiển thị ,mặc dù là index.php chứ ko phải index.html ạ ?

  11. Hoài Anh says:

    cảm ơn webmaster của website này nhen.
    Bạn đã giúp cho mình hiểu thêm rất nhiều, nó giúp ích cho mình rất nhiều.
    Cảm ơn và chúc bạn luôn may mắn.
    :D

  12. ThanhChung says:

    Cảm ơn bạn nhtera nhé. Cảm ơn Demon Warlock!

  13. nhtera says:

    Hehe mình vẫn còn trong máy nên upload lên cho bạn đỡ phải tìm :
    1.E-TextEditor 1.0.32
    http://www.mediafire.com/?4tgztzgiiwi

    2.EditPlusTextEditor 3.11
    http://www.mediafire.com/?2tnmmd3monq

    3.PHP Designer v7.0.0.146
    http://www.mediafire.com/?t9jit7njzou

    Tất cả đều có crack or key .

    Em thấy dạo này cac tut cua anh DW dùng PHP Designer ko à .
    Lúc nào anh có thời gian làm 1 cái tut về cái này đi,em thấy nhiều chức năng quá mà ko biết sử dụng .

  14. nhtera says:

    Anh DW bảo anh ấy mua E-texteditor mất có vài đồng mà , thế làm gì có crack cho bạn .Chịu khó search trên mạng đi ,trước mình cũng dùng cái này(crack thôi chứ ko mua) nhưng bây giờ chuyển qua EDITPLUS,PHPDESIGNER rồi .

  15. ThanhChung says:

    Cảm ơn vì các bài viết rất hay. Mình xin hỏi bạn có thể cho mình xin cái key hay crack của phần mềm E-texteditor? Xin cảm ơn.

  16. ngochuy says:

    ko biết phải nói gì nữa, chân thành cảm ơn những chia sẻ của bạn. chúc bạn nhiều sức khỏe, luôn thành công và gặp nhiều may mắn.

  17. fanmanga says:

    Xem video + đọc ebook sẽ rất có lợi vì bạn có nền tảng nắm bắt vấn đề … chứ xem ko thì bạn chỉ có thể gọi là “làm theo” mà thui …
    Anh Demon cho em hỏi nếu tạo dáng với css xong cái trang chủ , giờ muốn mấy trang con cũng có giao diện tương tự thì sao giờ ? Ở trên mạng có nói đến template dùng trong Dreamweaver , thế ngoài nó ra mình có cách nào ko (^^)

    • Thien Nguyen says:

      Bạn chỉ cần copy trang index.html ra rồi rename lại thành những trang khác như contact.html, tutorial.html … tất nhiên bạn cũng phải thay đổi nội dung của nó cho phù hợp rồi.

  18. ntlong says:

    hehe, lời đầu tiên là cảm ơn chủ trang very very much much lun, đang phải đọc mất cái ebook khô khan chán nản thì được xem mấy đoạn phim từ trang của bạn. Chúc bạn có tuần làm việc vui vẻ và có thêm nhiều tutorial bổ ích nha

  19. billy says:

    Anh có thể làm thêm một số Tutorials hướng dẫn về PHP được không ạ. Em muốn học về PHP nhưng chưa biết bắt đầu từ đâu cả. Tiện đây cho em hỏi izwebz viết bằng ngôn ngữ gì ạ.

  20. ducnm says:

    Chào anh admin, rất cảm ơn anh đã post bài “psd sang hmt” có thể nói đây là bài hoàn hảo nhất trên internet dạy, em là dân it, yêu thích design, tự tìm hiểu và học hỏi cộng đồng internet nhiều. Nhưng chưa thấy một bài học nào bổ ích và chi tiết như trang webs của anh dạy. Chỉ nói một điều là: Cảm ơn, cảm ơn, Admin đã cống hiến hết mình…

  21. ninhninh says:

    Tutorials anh làm rất hay. anh có thể hướng dẫn thêm phần tạo menu đa cấp load items từ Database được không ạ (em đã làm bên CSS nhưng load từ Database làm mãi vẫn chưa được ). Em xin cảm ơn anh rất nhiều !!!

    • Cái này còn tùy thuộc vào từng hệ thống CMS nữa. Bởi vì mỗi hệ thống cho ra một dạng id hoặc class khác nhau cho các li item. Nhưng cách dễ nhất vẫn là instal Firebug và xem xem id và class là gì và chỉnh sửa CSS theo nó.

  22. giúp được các bạn tôi cũng đã thấy rất vui rồi. :D

  23. dao manh phuc says:

    Cảm ơn rất nhiều về những tutorial anh Demon Warlock đã ra trong thời gian wa. Thực sự không thầy nào có thể dạy em hiệu quả như những gì em học qua trang web này, anh ha.
    (Câu nói đầu tiên em nhận dc từ thằng bạn thân sau khi xem là câu hỏi” !Mày lấy nó đâu về thế! hả?”)khakha… Em mong mỗi lần vào trang của anh lại download được 1 tutorial mới bổ ích. Mong anh có thêm nhiều bài nữa cho chung em học hỏi anh nha!
    Cảm ơn anh nhiều!!!
    #Thank you vinamilk#

  24. Em có thấy cái mũi tên màu xanh lá cây bên tay phải của nút Save không? nhấn vào nó và cho nó quay lên phía trên là vị trí Stick. Nó sẽ không bị mất nữa. :D

  25. Hỏi anh admin tí says:

    Anh ơi
    dùng cái Web Development Toolbar khi sửa CSS sao mà cữ lỡ tay ấn chỗ khác 1 phát là nó mất
    trên đó có mỗi nút Save lúc nào cũng phải đè lên file cũ rất chi là mất công
    anh có cách gì để lưu lại nhanh tí ko anh

  26. nome says:

    cám ơn các bạn rất nhiều, một trang web thật sự hữu ích, mình đã down hết video về và đang ngồi nghiền ngẫm đây này
    mình cũng tham gia một vài diễn đàn, có nơi cũng làm mod và smod, nếu được bạn cho phép thì mình sẽ giới thiệu trang web của bạn để cộng đồng webmaster việt có thêm một sân chơi bổ ích
    chúc bạn Demon Warlock dồi dào sức khỏe để… tiếp tục ra video (^^)
    p/s : mình thích tính khôi hài của bạn :P

  27. Dang Quoc Anh says:

    Lúc nào anh làm cái tut về cái texter đi. Em down về nhưng không biết sử dụng. Cảm ơn anh!

  28. Anh sẽ làm một tutorial về form, vì form là một phần rất quan trọng trong thiết kế web. Nhưng để trả lời câu hỏi của em một cách ngắn gọn thì $_GET và $_POST là 2 super global array và được sử dụng để xử lý form. $_POST an toàn hơn $_GET.

    Anh sẽ nói về phần này thêm và hy vọng sẽ có tutorial cho em vào tối nay.

  29. vừa trả lời vừa hỏi says:

    chào anh admin izwebz
    rất cảm ơn anh vì đã cho em nhiều kiến thức hay
    nhân tiện đây em muốn hỏi anh thêm tí là anh có thể nói qua 1 tí về form trong html ko
    em thấy anh get method gì đó mà em không hiểu được
    hơn nữa sách dạy Html phần này em đọc mà thấy ko kĩ lắm
    làm phiền anh nhé
    chú ý:
    Trả lời hộ anh câu hỏi của người trên đã comment(vì được anh bày cho)
    Cái editCss là addon “Web Development toolbar” của firefox
    cài lên là nó có thôi
    cái gõ chữ tự động là Texter
    link đây:
    http://lifehacker.com/242812/download-of-the-day-texter-windows
    còn phần mềm mà anh ý soạn thảo là
    E-text Editor
    gõ tên phần mềm này lên Google ra hàng đống
    Chúc bạn thành công

  30. cám ơn bạn đã chia sẻ kiến thức của bạn, rất hay, có thể nói đây là trang web học căn bản về tk web hay nhất từ trước đến giờ mà mình biết, trái lại với những ebook khô khan và thiếu thực tế mà mình từng đọc thì những video của bạn hướng dẫn rất thực hay và sống động ,hơn nữa bạn rất có khiếu hài hước, bạn thật tuyệt vời vì đã có công chia sẻ những kinh nghiệm quý báu của mình, điều mà ít người webmaster muốn chia sẻ vì đây là một lĩnh vực rất rộng và mỗi người đều có một hướng đi cho riêng mình
    Được tiếp cận với trang web này là một điều may mắn cho bản thân mình, vì mình cũng chỉ là dân graphic design biến chất ( ^^ ) vì sắp sửa chuyển qua web design mà
    Nhân tiện đây muốn hỏi bạn một chút, cái soft earea ( ko biết có đúng ko nữa )gì mà bạn nói trong video công cụ làm web là gì thế, mình đã lên google tìm mà kiếm ko ra, bạn có thể gửi link down cho mình dc ko ? ( bản trial cũng dc )
    Còn cái addon toolbar cho firefox mà bạn sử dụng để chỉnh sửa CSS trong video này nó tên gì, nằm trên cái thanh search google đó, không phải là firebug đâu nha, firebug mình đã có rồi, và làm cách nào để hiển thị nó ra firefox như bạn dc
    cuối cùng, một lần nữa cám ơn bạn rất nhiều vì những kiến thức rất quý giá của bạn mà không phải ai cũng muốn chia sẻ, chúc bạn sức khỏe và thành đạt

    • Tôi rất vui vì bạn thích nội dung trang web. Được bạn khen mấy câu cũng … phổng hết cả mũi :D hehe.

      Câu hỏi của bạn được trả lời ở dưới rồi. Nhưng nếu đúng đó là soft bạn hỏi thì tốt còn nếu không thì bạn có thể để lại comment và nói rõ ở khoảng phút thứ bao nhiêu của video tôi đề cập đến, tôi sẽ kiểm tra lại và trả lời bạn.

    • việt says:

      addon là web developer tìm trong phần addon của fire fox ế

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