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 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 : 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:    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 - 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 ý - 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 (*) 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: - 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ã” + Copy đoạn mã bước bước vào phần “nội dung” theo thứ tự + 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: - 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ả: (*) 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: - 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” (*) Thêm plugin chat Facebook Messenger: - Vào Fanpage  Cài đặt Trang - Chọn mục “ Nhắn tin” - 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 - Thiết lập thêm cho plugin chat bạn lời chào, vị trí plugin trang web: (*) 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 - Tiếp theo tìm đoạn mã rồi copy paste đoạn code Step vào đoạn mã  - Kết quả: ... Messenger: - Vào Fanpage  Cài đặt Trang - Chọn mục “ Nhắn tin” - 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... trước thẻ phần sửa HTML trang web - Thiết lập thêm cho plugin chat bạn lời chào, vị trí plugin trang web: (*) Thêm Plugin bình luận Facebook: - Truy cập trang: https://developers.facebook.com/products/socialplugins/comments/?...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