Cắt html css từ file Psd là một phần nâng cao trong xây dựng giao diện website. Bộ phận frontend web sẽ chuyển một file thiết kế ở dạng Photoshop (PSD) thành một giao diện website tĩnh ở dạng Html, Css.
Đang xem: Cắt html css từ file psd theo chuẩn
Cắt html css từ PSD là gì?
Cắt html css từ PSD là công đoạn bạn gặp nó khi đi làm thực tế, chuyên nghiệp ở đó mỗi dự án web được thiết kế sẵn bởi bộ phận designer trước khi code html css.
Điều này giống như trước khi xây dựng một căn biệt thự thì đầu tiên cần phải có bản vẽ vậy. Bản thiết kế web site trên Photoshop giúp chúng ta rõ ràng được hình ảnh website sau khi thành phẩm là gì.
Vậy cụ thể công việc của bộ phận front-end web ở đây là:
#1. Đọc thông tin từ bản thiết kế Photoshop
Ở bước này chắc chắn bạn cần biết kiến thức nền tảng sử dụng phần mềm photoshop. Bạn không cần phải có kỹ năng cao siêu nhưng những tác vụ quan trọng bạn cần biết như:
Lấy thông tin text: Font chữ, font-size, màu textLấy thông tin khối: Độ rộng, độ cao, background, borderTách ảnh, logo từ bản thiết kếBiết cách đọc các chỉ số kích thước, các đơn vị khác nhau trong photoshop.
Kiểm tra code css theo chuẩn w3c
Các bước kiểm tra:
#1. Chọn file cần kiểm tra
#2. Nhấn check
#3. Đọc thông báo lỗi và chỉnh sửa
Sau bước này bạn sẽ có được một bộ code html, css sạch sẽ và đạt chuẩn.
Lời kết:
Như bạn thấy đó quá trình chuyển psd thành html css nó khá nhiều công đoạn nhưng rất thú vị. Đây cũng là bộ kỹ năng hái tiền của rất nhiều anh em đi theo nghề xây dựng giao diện website.
Nếu bạn đang cảm thấy áp lực thì đừng lo lắng, rất nhiều nhiều người đã học bộ kỹ năng trên để đi làm một cách nhanh chóng chỉ sau 25-35 ngày.
Chương trình có gần 200 bài học và có nhóm kín hỗ trợ từng bước học đến khi thành thạo thì thôi.
Rất vui khi bạn đã theo dõi bài chia sẻ của tôi, chúc bạn sớm thành thạo nó trong 30 ngày tới.