Phần 1: Thiết kế giao diện web bằng photoshop

Việc thiết kế giao diện web (Xây dựng web tĩnh) phải qua nhiều bước khá phức tạp, trong bài viết này tôi sẽ giới thiệu đến các bạn chi tiết các bước thiết kế một trang web tĩnh. Bắt đầu với việc thiết kế giao diện từ photoshop đến cắt giao diện và cuối cùng là trình bày trang web bằng ngôn ngữ HTML và CSS. Việc thiết kế giao diện web được chia làm 3 phần như sau Phần 1: Thiết kế giao diện web bằng photoshopPhần 2: Cắt giao diện cho webPhần...

Read More

Phần 2: Cắt giao diện cho web

Việc biến một giao diện được thiết kế trong Photoshop thành HTML là một phần rất quan trọng trong thiết kế web. Sau này nếu bạn muốn tự tạo giao diện cho trang web của mình cho dù nó động hay là web tĩnh, thì việc chuyển một thiết kế từ PSD sang HTML là việc đầu tiên bạn phải làm. Trong phần 1 tôi đã hướng dẫn bạn cách thiết kế giao diện trang web shop hoa tươi bằng photoshop. Trong phần này, chúng ta sẽ sử dụng một giao diện đã thiết kế ở phần 1...

Read More

Phần 3: Layout web với HTML & CSS

Ở phần 2 bạn đã cắt giao diện chọ web và kết quả thu được là chỉ là 1 folder hình. ở phần này, tôi sẽ trình bày cách chuyển hình ảnh thành trang web tĩnh sử dụng ngôn ngữ HTML và CSS với phần mềm hỗ trợ thiết kế là Adobe Dreamweaver. Sau khi hoàn thành bước này bạn sẽ có được một trang web tĩnh hoàn chỉnh để Upload lên hosting của mình.Để chuẩn bị cho phần thực hành này bạn phải chuẩn bị folder site_shop_hoatuoi và tạo site trong dreamweaver....

Read More

Xóa ảnh có phông xanh bằng Photoshop

Với phtoshop bạn có rất nhiều cách để loại bỏ một nền trắng hoặc màu, thâm chí với nền ảnh phúc tạp. Với các Version trước bạn có thể sử dụng công cụ Extract, Mode màu, channel để xóa nền hoặc dùng các Plug-in như Corel KnockOut để xóa nền. Với phiên bản CS5, Adobe cung cấp thêm công cụ Quick Selection tool để xóa nền rất tuyệt vời. Với công cụ này bạn có thể xóa các nền tương đối phức tạp mà cho kết quả rất tự nhiên.Xóa nền 1 bức hình là công việc...

Read More