Thiết kế layout với Photoshop (phần 4/4)
Đây là phần cuối cùng của tutorial 4 phần, trong phần này chúng ta sẽ thiết kế phần footer và hoàn thành giao diện đã tạo ở ba phần trước.
Thiết kế layout với Photoshop (phần 3/4)
Đây là phần thứ 3 của tutorial 4 phần, trong phần này chúng ta sẽ thiết kế phần nội dung chính của giao diện.
Thiết kế layout với Photoshop (phần 2/4)
Đây là phần thư 2 của tutorial 4 phần, trong phần này chúng ta sẽ thiết kế phần sidebar của giao diện.
Thiết kế giao diện với Photoshop (phần 1/4)
Thiết kế giao diện trong Photoshop là phần không thể thiếu được trong quá trình thiết kế trang web. Cho dù là trang web nhỏ, đơn giản hay những trang phức tạp, đều yêu cầu bạn phải thiết kế trước trong Photoshop hoặc những trình đồ họa tương đương. Đây là bước giống như người kiến trúc vẽ bản thiết kế vậy. Trong phần 1 của tutorial 4 phần này, tôi sẽ hướng dẫn bạn làm phần header của giao diện.
Cách viết code gọn gàng, mạch lạc
Code HTML chính là nền móng của bất cứ trang web nào. Cho dù trang web có giao diện đẹp lung linh đến mức nào nhưng code HTML được viết cẩu thả không theo quy luật thì trang web đó vẫn không được cho là đẹp toàn diện. Có rất nhiều trang web nếu khi view source bạn thấy không biết đường nào mà lần. Trong bài này tôi sẽ chỉ ra những cách giúp bạn viết code HTML gọn gàng hơn và dễ quản lý hơn
Tạo Form với HTML và CSS
Form là cửa ngõ của một trang web, là công cụ duy nhất giúp bạn với người đọc tương tác với nhau cho dù có bằng email, diễn đàn, comments … thì đều là một dạng của form. Trong bài này chúng ta sẽ đi xây dựng một Form bằng HTML và sau đó sẽ dùng CSS để định dạng nó. Chúng ta sẽ không xử lý form này bằng PHP trong tutorial này.
Cách sử dụng div đúng cách
Div là thẻ rất quan trọng trong thiết kế giao diện. Nó được sử dụng để thay thế hoàn toạn định dạng bảng trước đây. Tuy nhiên khi mới bắt đầu làm việc với CSS, chúng ta có xu hướng lạm dụng thẻ Div. Đôi khi vì muốn tạo được một thành phần nào đó mà bạn có thể sử dụng thẻ div nhiều hơn mức cần thiết. Trong bài này sẽ hướng dẫn bạn cách sử dụng thẻ div đúng cách và “tiết kiệm” nhất.
Tìm hiểu về Z-index trong CSS
Z-index là một tính năng khá hay trong CSS và có thể giúp bạn khắc phục nhiều thành phần khó trong thiết kế giao diện và nó cũng có thể tạo ra những hiệu ứng thú vị cho giao diện. Tuy nhiên Z-index nếu không hiểu rõ nguyên lý của nó thì cũng hơi khó sử dụng. Sau khi học xong video tutorial này, bạn có thể tự tin hơn với Z-index
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 contact form đơn giản.











