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

Thủ thuật Thiết kế website
Nguồn: izwebz.com
Việc biến một giao diện được thiết kế trong Photoshop thành HTML là
một phần rất quan trọng trong thiết kế web. Sau này nếu bạn muốn tự tạo
giao diện cho trang web của mình cho dù nó động hay là web tĩnh, thì
việc chuyển một thiết kế từ PSD sang HTML là việc đầu tiên bạn phải làm.
Trong Series tutorial trước, tôi đã hướng dẫn bạn cách chuyển từ PSD sang HTML. Trong lần này, chúng ta sẽ sử dụng một giao diện tương đối phức tạp hơn.


Thời lượng:18:56

Link Download định dạng .avi chất lượng cao: MediaFire
File Size: 73.32MB
Download PSD và Source Code: Business Style PSD. PSD được làm lại bởi Lê Đình Cường do phiên bản cũ bị mất. Rất cảm ơn bạn.

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


Thời lượng: 35:12

Link Download định dạng .avi chất lượng cao: MediaFire
File Size: 98.2MB

Đây là phần thứ 3 trong series chuyển file PSD sang HTML. Trong phần thứ
hai, chúng ta đã xây dựng xong code HTML cho giao diện. Trong phần 3
này chúng ta sẽ sử dụng CSS để định dạng cho giao diện. Phần này rất
dài, 52 phút OMG! cũng khá là nhàm chán nữa. Nhưng nó cũng rất quan
trọng. Tôi cũng mất khá nhiều thời gian cho phần này, do vậy hy vọng các
bạn thích tutorial này
Thời lượng: 52:00

Link Download định dạng .avi chất lượng cao
MediaFire: Phần 1, Phần 2
File Size: 175MB

Đây là phần thứ 4. Đế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:
MediaFire : Phần 1, Phần 2
File Size: 132MB

Đây là phần thứ 5. Một trang web luôn cần phải có Contact Form để người dùng có thể liên
hệ với bạn. Bạn có thể sử dụng rất nhiều script có sẵn để làm contact
form, hoặc bạn có thể để lại địa chỉ email để người đọc liên hệ. Tuy
nhiên bạn cũng có thể tự làm một contact form trong PHP. Trong bài này
tôi sẽ hướng dẫn bạn cách làm contact form đơn giản.



Lưu ý: Đây chỉ là ví dụ minh họa, nếu bạn muốn sử
dụng contact form phải cần thêm khả năng chống spam. Do vậy contact form
trong bài này không nên sử dụng trên trang web thật. Thêm nữa, phần
tiếng trong bài này hơi bị nhỏ nhưng đến phút thứ 33 nó đột nhiên to
lên. Bạn cẩn thận không “banh tai”.

Thời lượng:37:49

Link Download định dạng .avi chất lượng cao: MediaFire
File Size: 76.3MB