ribbon
Featured Image

By: NickB | On: December 17, 2010

79 comments

Photoshop Tut – Manbics Layout Day 1

Sử dụng Photoshop để dựng giao diện cho trang web là kỹ thuật không thể thiếu của bất cứ web designer nào. Trong bài này NickB sẽ hướng dẫn các bạn sử dụng Photshop CS5 để dựng giao diện một trang web của công ty giả tưởng Manbics.

Featured Image

By: Demon Warlock | On: March 23, 2010

57 comments

Giới thiệu về jQuery

Với sự phát triển rất mau lẹ của Internet, người dùng ngày càng quan tâm hơn đến hình thức của một trang web. Trước đây một trang web chỉ cần có banner, nội dung và ít footer hời hợt là đã được cho là một trang web hoàn chỉnh. Nhưng bây giờ trang web đó phải có banner bắt mắt, nội dung hay và còn nhiều hiệu ứng lạ mắt khác nữa thì mới có thể thu hút được người ...

Featured Image

By: Demon Warlock | On: January 27, 2010

166 comments

Cơ bản về PHP – Bài 1

Đã có rất nhiều người email về hỏi tôi làm video về PHP. Tuy trên izwebz cũng đã có một số video đề cập đến PHP nhưng kiến thức vẫn ở dạng chắp ghép chưa thành hệ thống. Để trả lời yêu cầu này, tôi đã bàn với Clacken Smith về một series cơ bản về PHP. Đi từ phần cơ bản nhất như cú pháp, tạo biến, viết function ... cho đến tạo những module phức tạp hơn sau ...

Featured Image

By: Demon Warlock | On: January 4, 2010

58 comments

Tạo WordPress Theme Phần 8 – Featured và Single Page

Sau một thời gian bị gián đoạn do bận làm lại giao diện cho trang web. Đến hôm nay phần tiếp theo trong Series tạo WordPress Thêm mới được hoàn thành. Trong phần này tôi sẽ hướng dẫn bạn tạo phần Featured và làm trang single.php. Phần Featured sẽ là phần hiển thị những bài post quan trọng và trang Single.php có trách nhiệm hiển thị bài post ở dạng một trang đơn lẻ.

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.

Read More

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.

Read More

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.

Read More

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.

Read More

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

Read More

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.

Read More

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.

Read More

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

Read More

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.

Read More