SlideShare a Scribd company logo
1 of 19
NỘI DUNG ĐÀO TẠO

THÊM CÁC TIỆN ÍCH CHO WEBSITE


THÊM TIỆN ÍCH JAVASCRIP HTML


     KẾT NỐI MẠNG XÃ HỘI


 THỦ THUẬT TINH CHỈNH HTML


     TẠO HỆ THỐNG MENU

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
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.
CÁC TIỆN ÍCH CỦA BLOGGER

         Một số tiện ích nên có :


                    KẾ NỐI        HÌNH ẢNH
 BÀI ĐĂNG MỚI   FACEBOOK LIKE   BANNER QUẢNG
                     BOX            CÁO




 WEBSITE LIÊN
                LINK LIÊN KẾT   DANH MỤC TAG
     KẾT
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.
KẾT NỐI MẠNG XÃ HỘI
Tạo Facebook Like Box   Nút chia sẻ trong bài đăng
  Trên thanh tiện ích
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.
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>
Mở lệnh <li> thì phải có đóng lệnh </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>
TẠO HỆ THỐNG MENU CON
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>
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.
TÌM HÌNH SLIDE TUYỆT ĐẸP

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.
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ế #
NHÂN BẢN HỆ THỐNG WEBSITE
  Hệ thống website Onnet.com.vn




                           Richdad Loc
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”
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
THỦ THUẬT BLOGGER
    Cách học tốt nhất

CẦM TAY CHỈ VIỆC
0935114135 long dicaprio

• 0938 464847 PHI LONG

More Related Content

Similar to Thiết kế Web nâng cao

Huong dan thiet ke website danh cho nguoi khong biet ve it bai 2 nang cao-ceo...
Huong dan thiet ke website danh cho nguoi khong biet ve it bai 2 nang cao-ceo...Huong dan thiet ke website danh cho nguoi khong biet ve it bai 2 nang cao-ceo...
Huong dan thiet ke website danh cho nguoi khong biet ve it bai 2 nang cao-ceo...Vinh Jansen
 
Design website by little clicks
Design website by little clicksDesign website by little clicks
Design website by little clicksBill Quy
 
Design website by little clicks
Design website by little clicksDesign website by little clicks
Design website by little clicksVõ Hào
 
Thietkewebsitebangbloggerdanhchonguoikhongbietveit 140112041436-phpapp01
Thietkewebsitebangbloggerdanhchonguoikhongbietveit 140112041436-phpapp01Thietkewebsitebangbloggerdanhchonguoikhongbietveit 140112041436-phpapp01
Thietkewebsitebangbloggerdanhchonguoikhongbietveit 140112041436-phpapp01Hoang Ty
 
Design website by little clicks
Design website by little clicksDesign website by little clicks
Design website by little clicksVõ Hào
 
Thiết kế website bằng blogspot | Những bạn không biết về IT vẫn làm được
Thiết kế website bằng blogspot | Những bạn không biết về IT vẫn làm đượcThiết kế website bằng blogspot | Những bạn không biết về IT vẫn làm được
Thiết kế website bằng blogspot | Những bạn không biết về IT vẫn làm đượcBill Quy
 
Chu de 5 Blogger_Tinh Anh
Chu de 5 Blogger_Tinh AnhChu de 5 Blogger_Tinh Anh
Chu de 5 Blogger_Tinh AnhAnh Truong
 
Chủ đề 5: Blogger _Trương Ngọc Tinh Anh
Chủ đề 5: Blogger _Trương Ngọc Tinh AnhChủ đề 5: Blogger _Trương Ngọc Tinh Anh
Chủ đề 5: Blogger _Trương Ngọc Tinh AnhAnh Truong
 
Ebook 10 Bước Xây Dựng Web Blogspot Kinh Doanh - Nguyễn Trọng Thơ Inet
Ebook 10 Bước Xây Dựng Web Blogspot Kinh Doanh - Nguyễn Trọng Thơ InetEbook 10 Bước Xây Dựng Web Blogspot Kinh Doanh - Nguyễn Trọng Thơ Inet
Ebook 10 Bước Xây Dựng Web Blogspot Kinh Doanh - Nguyễn Trọng Thơ InetNhân Nguyễn Sỹ
 
Báo cáo giữa kỳ - Lê Nguyễn Vĩnh
Báo cáo giữa kỳ - Lê Nguyễn VĩnhBáo cáo giữa kỳ - Lê Nguyễn Vĩnh
Báo cáo giữa kỳ - Lê Nguyễn VĩnhVĩnh Lê Nguyễn
 
tài liệu hướng dẫn SEO web nhanh dành cho newbie
tài liệu hướng dẫn SEO web nhanh dành cho newbietài liệu hướng dẫn SEO web nhanh dành cho newbie
tài liệu hướng dẫn SEO web nhanh dành cho newbietienl4761
 
Bao cao jua ki
Bao cao jua kiBao cao jua ki
Bao cao jua kiTuan Huy
 
Quy trình seo theniche
Quy trình seo thenicheQuy trình seo theniche
Quy trình seo thenicheEpic SEO
 
Đào tạo seo miễn phí tại Hồ Chí Minh
Đào tạo seo miễn phí tại Hồ Chí MinhĐào tạo seo miễn phí tại Hồ Chí Minh
Đào tạo seo miễn phí tại Hồ Chí MinhHồng Blogger
 
Cam nang seo cho dientu
Cam nang seo   cho dientuCam nang seo   cho dientu
Cam nang seo cho dientukhoahocseo
 
Thiet ke-website-danh-cho-nhung-nguoi-khong-biet-ve-it
Thiet ke-website-danh-cho-nhung-nguoi-khong-biet-ve-itThiet ke-website-danh-cho-nhung-nguoi-khong-biet-ve-it
Thiet ke-website-danh-cho-nhung-nguoi-khong-biet-ve-itBill Quy
 

Similar to Thiết kế Web nâng cao (20)

Huong dan thiet ke website danh cho nguoi khong biet ve it bai 2 nang cao-ceo...
Huong dan thiet ke website danh cho nguoi khong biet ve it bai 2 nang cao-ceo...Huong dan thiet ke website danh cho nguoi khong biet ve it bai 2 nang cao-ceo...
Huong dan thiet ke website danh cho nguoi khong biet ve it bai 2 nang cao-ceo...
 
Design website by little clicks
Design website by little clicksDesign website by little clicks
Design website by little clicks
 
Design website by little clicks
Design website by little clicksDesign website by little clicks
Design website by little clicks
 
Thietkewebsitebangbloggerdanhchonguoikhongbietveit 140112041436-phpapp01
Thietkewebsitebangbloggerdanhchonguoikhongbietveit 140112041436-phpapp01Thietkewebsitebangbloggerdanhchonguoikhongbietveit 140112041436-phpapp01
Thietkewebsitebangbloggerdanhchonguoikhongbietveit 140112041436-phpapp01
 
Design website by little clicks
Design website by little clicksDesign website by little clicks
Design website by little clicks
 
Thiết kế website bằng blogspot | Những bạn không biết về IT vẫn làm được
Thiết kế website bằng blogspot | Những bạn không biết về IT vẫn làm đượcThiết kế website bằng blogspot | Những bạn không biết về IT vẫn làm được
Thiết kế website bằng blogspot | Những bạn không biết về IT vẫn làm được
 
Blog design
Blog designBlog design
Blog design
 
Chu de 5 Blogger_Tinh Anh
Chu de 5 Blogger_Tinh AnhChu de 5 Blogger_Tinh Anh
Chu de 5 Blogger_Tinh Anh
 
Chủ đề 5: Blogger _Trương Ngọc Tinh Anh
Chủ đề 5: Blogger _Trương Ngọc Tinh AnhChủ đề 5: Blogger _Trương Ngọc Tinh Anh
Chủ đề 5: Blogger _Trương Ngọc Tinh Anh
 
Bat mi ky thuat seo
Bat mi ky thuat seoBat mi ky thuat seo
Bat mi ky thuat seo
 
Ebook 10 Bước Xây Dựng Web Blogspot Kinh Doanh - Nguyễn Trọng Thơ Inet
Ebook 10 Bước Xây Dựng Web Blogspot Kinh Doanh - Nguyễn Trọng Thơ InetEbook 10 Bước Xây Dựng Web Blogspot Kinh Doanh - Nguyễn Trọng Thơ Inet
Ebook 10 Bước Xây Dựng Web Blogspot Kinh Doanh - Nguyễn Trọng Thơ Inet
 
Báo cáo giữa kỳ - Lê Nguyễn Vĩnh
Báo cáo giữa kỳ - Lê Nguyễn VĩnhBáo cáo giữa kỳ - Lê Nguyễn Vĩnh
Báo cáo giữa kỳ - Lê Nguyễn Vĩnh
 
Huong dan-tao-landing-page
Huong dan-tao-landing-pageHuong dan-tao-landing-page
Huong dan-tao-landing-page
 
tài liệu hướng dẫn SEO web nhanh dành cho newbie
tài liệu hướng dẫn SEO web nhanh dành cho newbietài liệu hướng dẫn SEO web nhanh dành cho newbie
tài liệu hướng dẫn SEO web nhanh dành cho newbie
 
Bao cao jua ki
Bao cao jua kiBao cao jua ki
Bao cao jua ki
 
Hack SEO youtube 2019 - 26 chiến lược để lên TOP dẫn đầu
Hack SEO youtube 2019 - 26 chiến lược để lên TOP dẫn đầuHack SEO youtube 2019 - 26 chiến lược để lên TOP dẫn đầu
Hack SEO youtube 2019 - 26 chiến lược để lên TOP dẫn đầu
 
Quy trình seo theniche
Quy trình seo thenicheQuy trình seo theniche
Quy trình seo theniche
 
Đào tạo seo miễn phí tại Hồ Chí Minh
Đào tạo seo miễn phí tại Hồ Chí MinhĐào tạo seo miễn phí tại Hồ Chí Minh
Đào tạo seo miễn phí tại Hồ Chí Minh
 
Cam nang seo cho dientu
Cam nang seo   cho dientuCam nang seo   cho dientu
Cam nang seo cho dientu
 
Thiet ke-website-danh-cho-nhung-nguoi-khong-biet-ve-it
Thiet ke-website-danh-cho-nhung-nguoi-khong-biet-ve-itThiet ke-website-danh-cho-nhung-nguoi-khong-biet-ve-it
Thiet ke-website-danh-cho-nhung-nguoi-khong-biet-ve-it
 

Thiết kế Web nâng cao

  • 1.
  • 2.
  • 3. NỘI DUNG ĐÀO TẠO THÊM CÁC TIỆN ÍCH CHO WEBSITE THÊM TIỆN ÍCH JAVASCRIP HTML KẾT NỐI MẠNG XÃ HỘI THỦ THUẬT TINH CHỈNH HTML TẠO HỆ THỐNG MENU 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
  • 4. 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.
  • 5. CÁC TIỆN ÍCH CỦA BLOGGER Một số tiện ích nên có : KẾ NỐI HÌNH ẢNH BÀI ĐĂNG MỚI FACEBOOK LIKE BANNER QUẢNG BOX CÁO WEBSITE LIÊN LINK LIÊN KẾT DANH MỤC TAG KẾT
  • 6. 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.
  • 7. KẾT NỐI MẠNG XÃ HỘI Tạo Facebook Like Box Nút chia sẻ trong bài đăng Trên thanh tiện ích
  • 8. 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.
  • 9. 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> Mở lệnh <li> thì phải có đóng lệnh </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>
  • 10. TẠO HỆ THỐNG MENU CON
  • 11. 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>
  • 12. 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.
  • 13. TÌM HÌNH SLIDE TUYỆT ĐẸP 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.
  • 14. 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ế #
  • 15. NHÂN BẢN HỆ THỐNG WEBSITE Hệ thống website Onnet.com.vn Richdad Loc
  • 16. 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”
  • 17. 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
  • 18. THỦ THUẬT BLOGGER Cách học tốt nhất CẦM TAY CHỈ VIỆC
  • 19. 0935114135 long dicaprio • 0938 464847 PHI LONG