2009 17 tháng 10 2009

Từ Photoshop tập tin HTML / CSS WordPress loạt

Screen shot 2009-10-17 at 4.59.04 PM Tôi nhớ có thời gian để đọc blog hàng ngày của tôi như tôi sử dụng để, nhưng đi qua loạt bài này tuyệt vời từ một trong những mục yêu thích của tôi: Chris Coyier, có một trang web CSS-Tricks đã giúp tôi vô cùng.

Trong phim, ông sẽ đưa bạn từ quá trình thiết kế bố trí trang web, quá trình cắt và mã hóa CSS làm cho việc thiết kế đến với cuộc sống. Tiếp theo ông sẽ đưa bạn qua quá trình tích hợp mã vào một CMS (hệ thống quản lý nội dung) như WordPress. Bằng cách này, tất cả mọi thứ (bài viết, nguồn cấp dữ liệu, cập nhật) là trang web năng động và rộng. Tôi hy vọng bạn đăng ký với nguồn cấp dữ liệu RSS của mình, hãy kiểm tra các blog khác của mình và tận hưởng bộ phim.

Tôi nhận xét rằng tôi hy vọng có thứ 4 trong loạt bài này để cho chúng ta thấy quá trình prepping và mã hóa các thư viện ảnh, hình thức liên lạc, mua sắm giỏ hàng và thức ăn Twitter. Tất cả chúng ta đều sẽ phải kiểm tra lại để xem!

Phần 1 bắt đầu từ đầu tuyệt đối trong Photoshop, với chỉ một vài cung cấp nguồn lực từ khách hàng. Chúng tôi thiết kế trang chủ và da cho trang web.

Screen shot 2009-10-17 at 4.47.42 PM

Phần 2 cho thấy làm thế nào để cắt các thiết kế từ Photoshop sang XHTML / CSS.

Screen shot 2009-10-17 at 4.47.28 PM

Phần 3 cho thấy làm thế nào để chuyển đổi nó thành một mẫu WordPress.

Screen shot 2009-10-17 at 4.45.57 PM

Chia