Firebug – Webmaster cần có
Firefox là trình duyệt đang ngày càng được ưa chuộng hơn trình duyệt IE của Microsoft. Tuy thị phần hiện tại nó vẫn chưa bằng IE, nhưng trong tương lai không xa hoặc nếu Microsoft không có những thay đổi cho trình duyệt của mình. Thì chắc rằng Firefox sẽ là trình duyệt phổ biến nhất trên máy tính. Đối với những ai từng làm web, đều đồng ý rằng IE là con cừu đen trong bày cừu, là đưa con bất trị nhưng không thể từ bỏ. Firefox được thiết kế với chuẩn web nhiều hơn IE rất nhiều, đặc biệt là các phiên bản IE 7.0 trở xuống.
Tạo RSS icon
Trong Video Photoshop tutorial này tôi sẽ hướng dẫn bạn cách tạo ra RSS icon dạng aqua. Tuy rằng bạn có thể download icon này ở bất cứ đâu, nhưng tôi cũng muốn nhờ tutorial này để hướng dẫn bạn cách sử dụng Photoshop. Vì đây cũng là một phần mềm gần như không thể thiếu của các webmaster nghiệp dư hay chuyên nghiệp.
Công cụ để làm web
Lầm bất cứ thứ gì bạn cũng cần phải có công cụ làm việc. Làm một trang web cũng vậy, nó cũng yêu cầu bạn phải có những công cụ tối thiểu để hỗ trợ bạn trong quá trình làm. Trong tutorial này, tôi chỉ muốn chỉ ra những công cụ tôi sử dụng và tôi thấy nó hợp với tôi. Đây chỉ là ý cá nhân tôi, do vậy bạn thoải mái lựa chọn những phần mềm nào mà bạn thấy phù hợp nhất.
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 khía cạnh khác của Clear và Float. Hy vọng qua video này, bạn sẽ hiểu thêm ra về clear và float
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 động, đôi khi mình không hoàn toàn điều khiển được nội dung. Ví dụ như bạn muốn thay đổi nội dung của tab từ Home thành My Home Page. Trong Video tutorial này bạn sẽ học được cách tạo nút giãn nở và hover effect của nó luôn
Tạo thanh Navigation với Photoshop
Xu hướng bây giờ các trang web đang theo là dạng thiết kế với phong cách bóng bảy, nhìn như thủy tinh hoặc 3d. Trong video tutorial này, tôi sẽ hướng dẫn bạn cách tạo thanh di chuyển với hiệu ứng Aqua
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.
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
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.









