Học thiết kế Web – Cắt giao diện photoshop cho web – Convert PSD to HTML5 CSS3 Part1



Hướng dẫn chuyển Layout Web từ Photoshop sang HTML5 sử dụng phần mềm Adobe Dreamweaver CS6.
Thực hiện: Giảng viên Ngành Đồ họa – Trung tâm Tin học ĐH Khoa học Tự nhiên TP.HCM.
Hướng dẫn bao gồm 2 phần. Đây là phần 1.
Xem phần 2 tại:
Link PTS thực hành:
————————-
Học đồ họa – Hướng dẫn học thiết kế Website: thiết kế ảnh động, banner động Adobe Flash, Adobe Dreamweaver, HTML, CSS3, Jquery, Responsive web. Hướng dẫn do Giảng viên Ngành Đồ họa – Trung tâm tin học ĐH Khoa học Tự nhiên TP.HCM.
Đào tạo đồ họa- đồ họa Trung tâm tin học Khoa học Tự Nhiên
+ Thông tin các khóa học xem tai:
+ Facebook: facebook.com/dohoavn
+ Email: daotaodohoa@gmail.com
+ Tel: 08 38337980 (ext: 404) – Hotline: 0914251119
(Đào tạo Thiết kế Đồ họa, Website, 3D Quảng cáo – Trung tâm Tin học; chuyên đào tạo đồ họa, thiết kế đồ họa, thiết kế website; dao tao do hoa, hoc do hoa, day do hoa, thiet, ke, do, hoa, dao, tao, thiết, kế, đồ, họa, học, hoc thiet ke; dao tao 3d game; dao tao thiet ke do hoa; 3ds Max; graphic design; hoc thiet ke do hoa; hoc graphic design; day graphic design; dạy thiết kế đồ họa; thiet ke do hoa; day thiet ke do hoa; graphic design pro; multimedia; designer; trung tam dao tao thiet ke; photoshop; illustrator; flash; mỹ thuật ứng dụng; my thuat; tutorial design; huong dan thiet ke; học thiết kế đồ họa; lớp đồ họa, lop do hoa; thiết kế đồ họa ngắn hạn; thiet ke do hoa ngan han; đào tạo ngắn hạn; dao tao ngan han; chuong trinh ngan han)

Nguồn: https://cnsuk.net/

Xem thêm bài viết: https://cnsuk.net/category/cong-nghe

34 thoughts on “Học thiết kế Web – Cắt giao diện photoshop cho web – Convert PSD to HTML5 CSS3 Part1

  1. em set background-image cho <header>, <nav>, <article>,<footer> nhưng không được. Nhưng lại set được cho <body>, <p>,…. Ai biết chỉ giúp e với ạ, em cảm ơn!

  2. Cô ơi! Nếu e muốn bắt đầu học Lập trình web thì e phải học từ đâu hả Cô?
    Tại hiện giờ có rất nhiều khóa nên em không biết phải sao nữa

  3. Cô ơi! vậy cô giúp cho trót, Cô gửi cho em video của bài trước có hướng dẫn làm menu con của bài giao diện Mobile shopping này đi Cô. Tại e nghe Cô giảng trong Part 1 có nói là ở bài trước Cô đã chỉ làm menu con rồi nên cô không hướng dẫn nữa. Cảm ơn Cô nhiều

  4. Cô ơi! cho e xin File PSD của giao diện phụ đi cô. Nó đẹp và có bố cục rõ, nhiều tính năng nữa

  5. CÔ ơi cho em hỏi cái ạ, vì sao 4 mũi tên > giới thiệu công ty, > phương châm bán hàng > cơ hội nghề nghiệp > hệ thống chi nhánh, cô không cắt hết mà chỉ cắt có 2 cái đầu thôi ạ.

  6. mn cho mình hỏi :
    MỤC ĐÍCH của việc cắt giao diện này là để làm gì ?
    thanks all !!

  7. cô ơi! Cô làm video về  bootstrap  luôn, cô hướng dẫn rất bài bản dể hiểu, thanks cô nhiều

  8. cô giáo dạy hay qua….e đang tự học phần này mà chưa tìm dk video chỉ dẫn trc khi xem video này của cô

  9. Bạn ơi cho mình hỏi, khi bạn chọn một vùng nào đó có hiển thị lên kích thước dài rộng hoặc, chức năng đó ở đâu vậy? Và bạn dùng phiên bản photoshop nào thế?

  10. Cô ơi cô có thể cho em file video gốc được không hay một cái link xem khác dc không  bắt đầu từ đoạn giữa trở đi tiếng bị nhanh hơn hình ô ạ

  11. Cô ơi. cháu mới tập làm web thôi ạ. nhưng cháu muốn thiết kế cái header và navigation chéo chéo chứ ko thẳng, ko dễ để phân cắt theo đường như vậy thì phải cắt làm sao ạ?

Leave a Reply

Your email address will not be published. Required fields are marked *