• 5309 fans
  • 1036 reader
  • 138 followers

Category: CSS/HTML

Giao diện liquid với CSS

Giao diện liquid với CSS...

Trong phần trước của tutorial này, tôi đã hướng dẫn bạn cách tạo ra giao diện 2 cột và 3 cột cố định. Trong phần này chúng ta sẽ tạo ra trang web có thể giãn nở tùy theo kích thước của màn hình. Mỗi loại giao diện đều có điểm mạnh và mặt

Xem thêm
Giao diện với CSS

Giao diện với CSS...

Tạo giao diện trong CSS là điều cuối cùng mà bạn muốn làm khi học CSS để hoàn toàn thoát khỏi bảng như những cách thường làm trước đây. CSS cho phép bạn tạo ra rất nhiều loại giao diện khác nhau như 2 cột, 3 cột, cố định, co giãn ... Trong video tutorial

Xem thêm
Flyout Menu với CSS

Flyout Menu với CSS...

Giống như Drop Down menu Flyout menu cũng được sử dụng rộng rãi trên nhiều trang web. Đặc biệt là những trang web có nhiều nội dung và cần nhiều tầng menu để trình bay hết nội dung. Trong tutorial này, tôi sẽ hướng dẫn bạn cách tạo ra flyout menu hoàn toàn bằng

Xem thêm
Clear và Float (video)

Clear và Float (video)...

Clear và Float là một khái niệm rất quan trọng trong CSS và sử dụng rất nhiều trong thiết kế giao diện với CSS. Tôi đã có bài viết về Clear và Float, nhưng vì đây là một khái niệm quan trọng, do vậy tôi muốn làm một video tutorial để giải thích những

Xem thêm
Nút giãn nở

Nút giãn nở...

Nút giãn nở là dạng nút có thể co gian và bao lấy nội dung khi nội dung của nó to ra hoặc nhỏ lại. Đây là dạng nút được sử dụng rất nhiều làm Tab như trên Izwebz bạn cũng thấy. Nếu chỉ là web tĩnh thì không thành vấn đề, nhưng là web

Xem thêm
Phần 3: Tạo dáng với CSS

Phần 3: Tạo dáng với CSS...

Đây là phần 3 và cũng là phần cuối cùng của series tutorial chuyển file PSD thành xHTML. Trong phần trước bạn đã xây dựng xong code HTML và đã validate thành công. Bây giờ tới công đoạn dùng CSS để tạo dang cho giao diện cho giống với mockup trong photoshop.

Xem thêm
Phần 2: Xây dựng code xHTML

Phần 2: Xây dựng code xHTML...

Đây là phần thứ hai trong series gồm 3 phần. Trong phần này tôi sẽ cùng bạn xây dựng code xHTML của trang web. Chúng ta sẽ bắt đầu từ dòng code đầu tiên. Bạn có thể download file html của tutorial này về tham khảo thêm cho rõ ràng. Nhớ là đọc file ReadMe.txt

Xem thêm
Phần 1: Chuyển PSD thành xHTML

Phần 1: Chuyển PSD thành xHTML...

Ở những bài trước bạn đã học được những kiến thức căn bản về CSS và xHTML. Trong bài này tôi sẽ hướng dẫn bạn cách chuyển một file PSD sang xHTML. Đây cũng là giai đoạn cuối cùng trong cả hành trình học CSS và xHTML của bạn. (more...)

Xem thêm
Display Property

Display Property...

Ở bài trước bạn đã biết rằng tất cả các thành phần xhtml đều có Position Property. Cũng tương tự như vậy tất cả các thành phần xhtml đều có Display Property. Thực tế có khá nhiều giá trị Display Property, nhưng những thành phần hay được sử dụng nhất thường có một giá trị

Xem thêm
Tạo menu 3 trạng thái

Tạo menu 3 trạng thái...

Menu ba trạng thái là dạng menu khi không có ai click nó một màu, khi người dùng dùng di chuột lên nó, no biến sang trạng thái khác và khi người dùng đang ở một trang, trạng thái liên quan đến trang đó sẽ được hiển thị. Có 2 cách bạn có thể dùng

Xem thêm
Dropdown Menu với CSS

Dropdown Menu với CSS...

Hiện nay Dropdown menu là dạng menu rất phổ biến trên nhiều trang web đặc biệt là những trang web có cấu trúc phức tạp và cần nhiều Categories để hiển thị hết nội dung của trang. Do vậy Dropdown menu là dạng menu lý tưởng để giải quyết vấn đề này. Trước đây nếu

Xem thêm
Hoàn thiện với CSS

Hoàn thiện với CSS...

Đây là phần 2 của Series "Tạo trang web bằng HTML". Trong phần này chúng ta sẽ sử dụng CSS để hoàn thành giao diện đã tạo ở phần trước. Tuy giao diện này không phức tạp, nhưng tôi cũng sử dụng rất nhiều những kỹ năng CSS mà bạn đã học ở những tutorial

Xem thêm
Tạo trang web đầu tiên

Tạo trang web đầu tiên...

Chắc chắn bạn cũng đang rất háo hức được làm một trang web bằng HTML từ vạch xuất phát đúng không? Bạn không phải đợi lâu!! sau 2 video tutorial hướng dẫn những điều cơ bản về HTML. Trong series gồm 2 phần này, tôi sẽ hướng dẫn bạn cách tạo một trang web

Xem thêm
HTML cơ bản – Phần 2

HTML cơ bản – Phần 2...

Có lẽ liên kết trong HTML và sử dụng hình ảnh là phần mạnh nhất và cũng là thú vị nhất của HTML. Bởi vì trang web là một phức hợp các tài liệu khác nhau được liên hệ với nhau bằng các đường liên kết và được trang trí bằng hình ảnh, màu sắc.

Xem thêm
HTML Cơ bản – Phần 1

HTML Cơ bản – Phần 1...

HTML là thành phần cơ bản nhất để xây dựng lên trang web. Cho dù trang web của bạn có được thiết kế bằng PHP, ASP hay CGI, nhưng nếu muốn hiển thị nội dung lên trình duyệt. Bao giờ output cuối cùng vẫn sẽ là HTML, đây chính là định dạng mà trình duyệt

Xem thêm
123
Izwebz store
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.

  1. HTML Cơ bản – Phần 1

    Post by Demon Warlock @ 20/08/2009

  2. Tạo trang web đầu tiên

    Post by Demon Warlock @ 21/08/2009

  3. Cú pháp của CSS

    Post by Demon Warlock @ 07/10/2008

  4. Thứ bậc trong XHTML

    Post by Demon Warlock @ 12/10/2008

  5. Xác định đối tượng người đọc

    Post by Demon Warlock @ 26/08/2008

Izwebz facebook group

Social connect

Recent Comments

Archives