BÁO cáo THIẾT kế TRANG WEB BẰNG BLOGSPOT

HỌC VIỆN CƠNG NGHỆ BƯU CHÍNH VIỄN THƠNG KHOA CƠNG NGHỆ THÔNG TIN I - BÁO CÁO THIẾT KẾ TRANG WEB BẰNG BLOGSPOT Sinh viên: Hồng Thị Thu Hằng Mã sinh viên: B18DCN201 Nhóm: 05 Giảng viên: Nguyễn Quang Hưng download by : skknchat@gmail.com Chủ đề: Trang web bán máy tính, laptop phụ kiện Sản phẩm: https://hthcomputer.blogspot.com/ Template: https://btemplates.com/2011/blogger-template-shopstore/ 1.Các bước tạo trang web Lựa chọn template trang web cung cấp template miễn phí nước ngồi : https://btemplates.com/ * * Sau chọn xong template phù hợp, tiến hành tải template máy, giải nén Sau giải nén có file xml, file dùng để thêm vào mục chủ đề blogspot Tạo trang: Truy cập :https://www.blogger.com/ Tạo tiêu đề cho blog bạn Tạo URL: download by : skknchat@gmail.com Lưu Tạo trang blog thành công Truy cập lại vào trang blogspot  Chủ đề  Click vào mũi tên xuống cạnh chỉnh sửa Khôi phục Chọn file xml tải lên 2.Tạo đăng download by : skknchat@gmail.com Chọn: + Bài đăng - Viết bài: Thêm tiêu đề, nội dung, hình ảnh minh họa nhãn cho sản phẩm - Xuất  tạo đăng mới, làm tương tự với khác Chỉnh sửa trang web (*) Chỉnh sửa menu - Tại mục Chủ đề  chọn chỉnh sửa HTML - Tìm đến phần Menu thực code HTML theo ý download by : skknchat@gmail.com Các đường link href đường dẫn tới thẻ tương ứng gắn vào đăng sản phẩm - Tạo điều hướng, người hem trỏ chuột vào mục Laptop tụt xuống phần DELL, ASUS,… (*) Chỉnh sửa slider -Thêm đường link hình ảnh thẻ img link viết chọn vào hình ảnh download by : skknchat@gmail.com ( Sửa chân trang: Chọn mục “Chủ đề” “chỉnh sửa HTML”ctrl+f tìm - Chỉnh sửa lại theo ý muốn - Thêm tiện ích cho trang web - Chọn mục Bố cục, thêm tiện ích (*) Thêm Fanpage Faceook: download by : skknchat@gmail.com - Chọn thêm tiện ích phần sidebarright chọn tiện ích HTML/JavaScript - Điền tiêu đề :” Facebook” nội dung: - Phần nội dung lấy sau: + Lấy đường link Fanpage +Truy cập: https://developers.facebook.com/docs/plugins/page-plugin/ + Dán đường link Fanpage vào mục URL Trang Facebook + Chọn “Lấy mã” download by : skknchat@gmail.com + Copy đoạn mã bước bước vào phần “nội dung” theo thứ tự download by : skknchat@gmail.com + Kết quả: ( Thêm video Youtube: - Chọn thêm tiện ích phần sidebarright chọn tiện ích HTML/JavaScript Điền tiêu đề :” Video” nội dung: download by : skknchat@gmail.com - Phần nội dung lấy sau: + Vào Youtube tìm video cần thêmchọn “Chia sẻ” “Nhúng””Sao chép” + Paste vào “nội dung” + Kết quả: download by : skknchat@gmail.com ( Thêm google map - Chọn thêm tiện ích phần sidebarright chọn tiện ích HTML/JavaScript Điền tiêu đề nội dung: download by : skknchat@gmail.com - Nội dung lấy sau: + + + + Vào trang https://www.google.com/maps/ Tìm địa cần them Chọn “Chia sẻ nhúng đồ” “ nhúng đồ” “Sao chép HTML” paste vào phần “Nội dung” download by : skknchat@gmail.com ( Thêm plugin chat Facebook Messenger: - Vào Fanpage  Cài đặt Trang - Chọn mục “ Nhắn tin” download by : skknchat@gmail.com - Chọn “bắt đầu” mục thêm Messenger vào trang web - Chọn “Thiết lập” Dán đường link trang web vào bước “Thêm miền” lưu tiếp tục - “Sao chép mã”  Dán đoạn mã vào trước thẻ phần sửa HTML trang web download by : skknchat@gmail.com - Thiết lập thêm cho plugin chat bạn lời chào, vị trí plugin trang web: download by : skknchat@gmail.com ( Thêm Plugin bình luận Facebook: - Truy cập trang: https://developers.facebook.com/products/socialplugins/comments/? utm_campaign=social_plugins&utm_medium=offsite_pages&utm_sourc e=comments_plugin Chọn “Tải Plugin bình luận” - Ở phần “Trình tạo mã plugin Bình luận” , dán đường link trang web vào phần “URL để bình luận” “Lấy mã” - -Copy mã bước dán vào trước thẻ phần “chỉnh sửa HTML” trang web download by : skknchat@gmail.com - Tiếp theo tìm đoạn mã rồi copy paste đoạn code Step vào đoạn mã - Kết quả: download by : skknchat@gmail.com download by : skknchat@gmail.com ... Vào Fanpage  Cài đặt Trang - Chọn mục “ Nhắn tin” download by : skknchat@gmail.com - Chọn “bắt đầu” mục thêm Messenger vào trang web - Chọn ? ?Thiết lập” Dán đường link trang web vào bước “Thêm... chủ đề blogspot Tạo trang: Truy cập :https://www.blogger.com/ Tạo tiêu đề cho blog bạn Tạo URL: download by : skknchat@gmail.com Lưu Tạo trang blog thành công Truy cập lại vào trang blogspot. ..Chủ đề: Trang web bán máy tính, laptop phụ kiện Sản phẩm: https://hthcomputer .blogspot. com/ Template: https://btemplates.com/2011/blogger-template-shopstore/ 1.Các bước tạo trang web Lựa chọn