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

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

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

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

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ừ PSD sang HTML (phần 5/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