5312 fans
1036 reader
138 followers

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

Publish by: Demon Warlock
In category: CSS/HTML
65 comments

Tutorial Details
Độ khó: Căn bản
Thời gian: 35:12 phút
File size: 98.2 MB
Yêu cầu: Căn bản HTML & CSS và Photoshop

Mediafire download

Có 8 bài viết trong series Từ PSD sang HTML (series 2009)Hiển thị

Đây là phần thứ 2 trong series chuyển file PSD sang HTML. Trong phần thứ nhất, tôi đã hướng dẫn bạn cách cắt hình trong Photoshop và trong phần này, chúng ta sẽ xây dựng code HTML cho giao diện. Phần này hơi chán và buồn tẻ :p, nhưng lại là phần bắt buộc phải làm.

Demon Warlock

Tôi được sinh ra ở Việt Nam, nhưng hiện tại đang sống và làm việc tại Mỹ. Ngành tôi học không có liên quan gì đến thiết kế web. Nhưng đây là sở thích từ ngày còn là sinh viên du học, do vậy bây giờ dù cho đang đi làm nhưng tôi vẫn thích dùng thời gian rảnh rỗi của mình để học về thiết kế web. Như các bạn, tôi cũng việc mày mò tự học và khám phá.

Quan

Chao ban, cho minh hoi, trong cac san pham bo dia DVD tutorial cua ban, dia nao la huong dan day du cac buoc de thuc hien 1 website hoan chinh vay ban, cam on ban nhieu
heowuayngon

I love you
Đặng Tiến Đạt

anh dw oi. cho em hoi chut
Anh dung phan mem text editor
khi anh go beginhtml no tu dong xo ra doan html
Sao em cung tim cach lam ma khong duoc
Vay anh cho em hoi sau khi go beginhtml thi an to hop phim gi nua de no xo ra nhu vay.
Em cám ơn.
- Demon warlock
  
  E xem phần FAQ nhé
nguyễn văn nội

e mới đang học làm web vì lười quá mong a chỉ bảo những bài của anh rất hay
cám ơn anh vì tất cả
HOA BACH HOP

Oppa Demon Warlock.

Em tải khá nhiều video về mà mới nghe được video đầu trong số video tải về, còn lại chưa kịp nghe. Nhẽ ra chưa kịp nghe hết thì không nên comment nhưng mà em không thể ngồi yên khi cứ giữ cảm xúc lại cho mình. Em, em, … em hâm mộ anh lắm Hì Anh cố gắng đừng bỏ rơi fan yêu thích web nhé
Killer

làm sao để có cái resetcss giống như anh được vậy? không phải là texter mà là cái code của css đó! nó có áp dụng cho tất cả các trang web không anh! thank anh
http://www.facebook.com/vuivatva Thành Nam

cảm ơn anh rất rất nhiều về bài hướng dẫn rất hay và sống động , tiện thể cho em hỏi chut về cái soft ieditor đó , làm sao để hiện được cái folder business như anh làm trong bài 2 và làm cách nào để khi bấm create new folder với create new file nó thành công như anh làm riêng em khi down về em nhấp vào create 2 cái đó đều ko xuất hiện gì , mong anh chỉ dùm
- http://www.facebook.com/vuivatva Thành Nam
  
  làm sao tự phát sinh code trong ieditor được vậy anh
http://cungmuaban.com.vn duy tiến

cảm ơn anh rất rất nhiều
http://www.saokim.org/ Tin shock, showbiz, sao

Nghe giọng anh DW sao giống ông Ngyễn Ngọc Ngạn đọc truyện ma quá à. Hehe
Tờtử tế

Cảm ơn anh bài tuts này quá hay . anh cho em hỏi cái tool trên firefox của anh là gì vậy?
- Thanh Truc
  
  Bạn vô mục FAQ, có hướng dẫn các tôl mà anh DW đã sử dụng đó bạn
JohnFred

Câu cuối video còn nhấn mạnh rất rất cảm ơn. Mọi người phải cảm ơn a mới đúng.bao nhiều công sức mới làm ra tutorial cho mọi người xem …. phục a quá
JohnFred

Cảm ơn a Demon Warlock … a đã tốn khá nhiều thời gian để làm 1 cái tutorial thế này ^^,nếu không xem hết thì uổng quá .. cảm ơn a rất nhiều lắm
http://hoanglamlaundy.com Võ Ngọc Thành

Chào cả nhà, cho mình hỏi cái tôl vaidate local html lấy ở đâu ra vậy????
- Thanh Truc
  
  bạn dùng add on của firefox đó: web developer.
temujin

anh DW làm video rất hay .giá như anh có thể tổng hợp lại các video TUT để làm được một trang web hoàn chỉnh thì quá tuyệt vời
Đỗ Đức Diện

Em nghe giọng anh DW nghe hơi hơi giống giọng MC Ngọc Ngạn quá à. Video của anh làm đều rất hay, tiếc là nhiều không phải cái nào cũng dài được như cái này )
SoulKing

Chào anh DW em mới tập lam web, web có 3 cột và có nhiều bảng, em đã tạo được layout va hoàn thiện bang css rồi nhưng những dòng links bị trật khỏi bảng, em loay hoay mãi ma không chỉnh được cho nhung dòng links này vào bảng theo ý của mình. Anh có thể chỉ giup em được không? Thanks anh nhiu`! Chúc anh và gia đình luôn mạnh khỏe….
pretend_lov3

thanh a nhiều nhiều lắm.e đang cần tài liệu này.
Trọng Nghĩa

Cảm ơn bạn nhiều nhé, đây đúng là thứ mình tìm lâu nay
http://www.comeco.vn Hoàng Anh

Mình kết trang này quá, kết từ cách trình bày, hướng dẫn và sự tận tình của admin. Thanks
hutal

Quá gọn gàng và dễ hiểu! Thank DM nhiều luôn.!
Jackie

Có ai biết a ấy dùng phần mềm gì không?
- newbie
  
  http://www.e-texteditor.com/
Truong

Anh ơi anh có thể cho bọn em biết cái phần mềm lúc a viết HTML nó sổ ra 1 loạt đấy ạ?
- newbie
  
  Là iEditor bạn ạ
Newbie

Awesome tut. Very detail and funny. Thank u very much.
Hoàng Đức Hiệp

Anh Demon ơi cái phần mềm viết web của anh là ji` vậy e viết bằng Dreamwave nhưng ko dễ nhìn cho lắm
Lâm Nguyễn

Anh ơi, cho hỏi anh dùng phần mềm nào để thiết kế web vậy anh?em cũng mới bước chân vào IT nên em không rõ lắm, anh giúp em nhé.Thanks
http://nhonguoita.tk khac vy

xem thu nao
bubu

Chào anh! Anh làm ơn có thể up bài của anh đã làm lên cho bọn em về download về làm theo bài anh trước được không à? Em cũng đã thiết kế và làm giống anh nhưng nó rối hết cả lên mà không biết sai chổ nào. Bình thường có video và có bài làm theo luôn thì bọn em sẽ hiểu hơn.
- bubu
  
  Anh up bài mình đã làm lên cho bọn em download về làm thử xem được không à?Anh up cả 5 phần càng tốt, còn nếu không anh up phần 2,3,4 cang tốt!hjx. Dạo này anh bận quá hay sao mà không trả lời thư được vậy? Anh cố gắng up lên đi, học video anh làm rất hay

Izwebz store

Các series nên xem trên izwebz cho newbie

Khi vào izwebz chắc nhiều bạn cho rằng các bài viết trên izwebz đều không có hệ thống gì cả? Thực chất, các bài biết đều đi theo một series của riêng nó, ví dụ như PHP, HTML & CSS, PSD2HTML, Photoshop, illustrator,… Trong bài viết này, mình sẽ tổng hợp lại các series bài viết cần thiết cho một newbie.