thiết kế web nâng cao
DESCRIPTION
Slide này nhằm giúp bạn có thể tự tay tùy chỉnh các yếu tố trên Website, thiết kế, tinh chỉnh hình ảnh, HTML, kết nối Website với mạng xã hội, thêm các tiện ích, tạo hệ thống menu,...TRANSCRIPT
![Page 1: Thiết kế Web nâng cao](https://reader037.vdocuments.mx/reader037/viewer/2022102816/558a5c9dd8b42aa21b8b46c0/html5/thumbnails/1.jpg)
THIẾT KẾ WEBSITE DÀNH CHO NGƯỜI KHÔNG BIẾT VỀ IT
Mr Zigzig LongFounder & CEO Kiến Thức Hay Corp
![Page 2: Thiết kế Web nâng cao](https://reader037.vdocuments.mx/reader037/viewer/2022102816/558a5c9dd8b42aa21b8b46c0/html5/thumbnails/2.jpg)
THIẾT KẾ WEBSITE DÀNH CHO NGƯỜI KHÔNG BIẾT VỀ IT
Bài 2 :THIẾT KẾ WEBSITE NÂNG CAO
![Page 3: Thiết kế Web nâng cao](https://reader037.vdocuments.mx/reader037/viewer/2022102816/558a5c9dd8b42aa21b8b46c0/html5/thumbnails/3.jpg)
NỘI DUNG ĐÀO TẠO
THÊM CÁC TIỆN ÍCH CHO WEBSITE
TẠO HỆ THỐNG MENU
THỦ THUẬT TINH CHỈNH HTML
THAY ĐỔI SLIDE HÌNH ảNH TRANG CHủ
THỦ THUẬT TẠO SLIDE ẢNH TUYỆT ĐẸP
NHÂN BẢN HỆ THỐNG WEBSITE
KẾT NỐI MẠNG XÃ HỘI
THÊM TIỆN ÍCH JAVASCRIP HTML
![Page 4: Thiết kế Web nâng cao](https://reader037.vdocuments.mx/reader037/viewer/2022102816/558a5c9dd8b42aa21b8b46c0/html5/thumbnails/4.jpg)
CÁC TIỆN ÍCH CỦA BLOGGER
Blogger cho phép tích hợp rất nhiều Tiện Ích. Biết lựa chọn các tiện ích hợp lý sẽ làm website
của bạn đẹp và cân đối.
![Page 5: Thiết kế Web nâng cao](https://reader037.vdocuments.mx/reader037/viewer/2022102816/558a5c9dd8b42aa21b8b46c0/html5/thumbnails/5.jpg)
CÁC TIỆN ÍCH CỦA BLOGGER
Một số tiện ích nên có :
BÀI ĐĂNG MỚI KẾ NỐI
FACEBOOK LIKE BOX
HÌNH ẢNH BANNER QUẢNG
CÁO
WEBSITE LIÊN KẾT
LINK LIÊN KẾT DANH MỤC TAG
![Page 6: Thiết kế Web nâng cao](https://reader037.vdocuments.mx/reader037/viewer/2022102816/558a5c9dd8b42aa21b8b46c0/html5/thumbnails/6.jpg)
TIỆN ÍCH HTML/JAVASCRIPT
Đây là tiện ích mạnh nhất của Blogger. Bạn có thể chèn bất kỳ đoạn mã HTML hay Javascrip vào đây.
Lấy mã nhúng từ Youtube – Zing – Yahoo Chat – email
webform .v.v.
![Page 7: Thiết kế Web nâng cao](https://reader037.vdocuments.mx/reader037/viewer/2022102816/558a5c9dd8b42aa21b8b46c0/html5/thumbnails/7.jpg)
KẾT NỐI MẠNG XÃ HỘI
Tạo Facebook Like BoxTrên thanh tiện ích
Nút chia sẻ trong bài đăng
![Page 8: Thiết kế Web nâng cao](https://reader037.vdocuments.mx/reader037/viewer/2022102816/558a5c9dd8b42aa21b8b46c0/html5/thumbnails/8.jpg)
THỦ THUẬT TINH CHỈNH HTML
Ctrl + F xuất hiện thanh công cụ tìm kiếm
* Nguyên tắc : + Muốn thay đổi cái gì thì tìm đúng cái đó.+ Luôn “xem trước” – chỉ khi nào “OK” thì mới lưu mẫu.+ Ctrl + Z ngay nếu xảy ra lỗi. + Lưu lại file xml trước khi có những thay đổi lớn.
![Page 9: Thiết kế Web nâng cao](https://reader037.vdocuments.mx/reader037/viewer/2022102816/558a5c9dd8b42aa21b8b46c0/html5/thumbnails/9.jpg)
THAY ĐỔI MENU
Ctrl + F để tìm “tên menu” cần thay đổi
<li><a href='#'>Khóa Học <span>Do Zigzig Long Đào Tạo </span></a> <ul class='sub-menu'> <li><a href='#'>Bí Quyết Khởi Nghiệp Dành Cho Người Không Có Vốn </a></li> <li><a href='#'>Thiết Kết Website Dành Cho Người Không Biết Về IT</a></li> <li><a href='#'>Tuyệt Chiêu Khởi Nghiệp 1102 </a></li> <li><a href='#'>Tuyệt Chiêu Kinh Doanh Online </a></li> </ul></li>
Chèn link sau href=‘ ’
Thêm target=‘_blank’ sau ‘Link” để chuyển link qua 1 tab mới <li><a href=' http://www.kienthuchay.net/khoi-nghiep/’ target=‘_blank’>Bí Quyết Khởi Nghiệp Dành Cho Người Không Có Vốn </a></li>
Mở lệnh <li> thì phải có đóng lệnh </li>
![Page 10: Thiết kế Web nâng cao](https://reader037.vdocuments.mx/reader037/viewer/2022102816/558a5c9dd8b42aa21b8b46c0/html5/thumbnails/10.jpg)
TẠO HỆ THỐNG MENU CON
![Page 11: Thiết kế Web nâng cao](https://reader037.vdocuments.mx/reader037/viewer/2022102816/558a5c9dd8b42aa21b8b46c0/html5/thumbnails/11.jpg)
TẠO HỆ THỐNG MENU CON
<li><a href='#'>Khóa Học <span>Do Zigzig Long Đào Tạo </span></a> <ul class='sub-menu'> <li><a href='#'>Bí Quyết Khởi Nghiệp Dành Cho Người Không Có Vốn </a></li> <li><a href='#'>Thiết Kết Website Dành Cho Người Không Biết Về IT</a></li> <li><a href='#'>Tuyệt Chiêu Khởi Nghiệp 1102 </a></li> <li><a href='#'>Tuyệt Chiêu Kinh Doanh Online </a></li> </ul></li>
THÊM MENU CON <li><a href='#'>Khóa Học <span>Do Zigzig Long Đào Tạo </span></a> <ul class='sub-menu'> <li><a href='#'>Bí Quyết Khởi Nghiệp Dành Cho Người Không Có Vốn </a> <ul class='sub-menu'> <li><a href='#'>Nội Dung</a></li> <li><a href='#'>Lịch đào tạo</a></li> </ul> </li> <li><a href='#'>Thiết Kết Website Dành Cho Người Không Biết Về IT</a></li> <li><a href='#'>Tuyệt Chiêu Khởi Nghiệp 1102 </a></li> <li><a href='#'>Tuyệt Chiêu Kinh Doanh Online </a></li> </ul></li>
![Page 12: Thiết kế Web nâng cao](https://reader037.vdocuments.mx/reader037/viewer/2022102816/558a5c9dd8b42aa21b8b46c0/html5/thumbnails/12.jpg)
THAY ĐỔI HÌNH ẢNH SLIDE
Bước 1 : Xem kích thước của ảnh : Click phải chuột vào ảnh và chọn : mở hình ảnh trong tab mới
Chỉnh sửa ảnh cần thay thế đúng với kích thước ảnh cần thay : +Dùng Photoshop +Micro soft Picture Manager +Paint+ .v.v.
![Page 13: Thiết kế Web nâng cao](https://reader037.vdocuments.mx/reader037/viewer/2022102816/558a5c9dd8b42aa21b8b46c0/html5/thumbnails/13.jpg)
Thủ thuật :Dùng google tìm chính xác kích thước hình ảnh – theo đúng chủ đề cần tìm.
TÌM HÌNH SLIDE TUYỆT ĐẸP
![Page 14: Thiết kế Web nâng cao](https://reader037.vdocuments.mx/reader037/viewer/2022102816/558a5c9dd8b42aa21b8b46c0/html5/thumbnails/14.jpg)
THAY ĐỔI HÌNH ẢNH SLIDE
Thủ thuật :Dùng bài đăng của blogger để lấy tạo Link hình ảnh mới.
copy từ http:// …… tên file ảnh (.jpg .png )
- Copy và Thay thế link hình ảnh củ trong HTML
Chèn Link vào sau href=‘’ | Thay thế #
![Page 15: Thiết kế Web nâng cao](https://reader037.vdocuments.mx/reader037/viewer/2022102816/558a5c9dd8b42aa21b8b46c0/html5/thumbnails/15.jpg)
NHÂN BẢN HỆ THỐNG WEBSITE
Hệ thống website Onnet.com.vn
Richdad Loc
![Page 16: Thiết kế Web nâng cao](https://reader037.vdocuments.mx/reader037/viewer/2022102816/558a5c9dd8b42aa21b8b46c0/html5/thumbnails/16.jpg)
NHÂN BẢN HỆ THỐNG WEBSITE
Vào sao lưu khôi phục và “Tải xuống mẫu hoàn chỉnh”
![Page 17: Thiết kế Web nâng cao](https://reader037.vdocuments.mx/reader037/viewer/2022102816/558a5c9dd8b42aa21b8b46c0/html5/thumbnails/17.jpg)
THỦ THUẬT BLOGGER
Thủ thuật Blogger được chia sẻ rất nhiều trên Internet
Từ khóa : “Hướng dẫn thủ thuật blogger”
“Hướng dẫn Blogger”“Thủ Thuật Blogger bằng video”“cách tạo menu trong blogger”“các tiện ích hay trong blogger”
• Lưu Ý : Đặt câu hỏi với Google là cách học tốt nhất
![Page 18: Thiết kế Web nâng cao](https://reader037.vdocuments.mx/reader037/viewer/2022102816/558a5c9dd8b42aa21b8b46c0/html5/thumbnails/18.jpg)
THỦ THUẬT BLOGGER
Cách học tốt nhất
CẦM TAY CHỈ VIỆC
![Page 19: Thiết kế Web nâng cao](https://reader037.vdocuments.mx/reader037/viewer/2022102816/558a5c9dd8b42aa21b8b46c0/html5/thumbnails/19.jpg)
0935114135 long dicaprio
• 0938 464847 PHI LONG