Bài 5 giúp người học hiểu về thiết kế website Google Site. Nội dung trình bày cụ thể trong chương này gồm có: Các hình thức tạo lập website, các bước tạo lập website, thiết kế website Google Site, tạo site, trang mới và quản lý site. Mời các bạn cùng tham khảo.
BÀI THIẾT KẾ WEBSITE GOOGLE SITES GV Th.S Thiều Quang Trung Trường Cao đẳng Kinh tế Đối ngoại Nội dung • Các hình thức tạo lập website • Các bước tạo lập website • Thiết kế website Google Site • Tạo site, trang quản lý site GV Thiều Quang Trung Các hình thức tạo lập website • Chuyên nghiệp: thuê tên miền, máy chủ lưu trữ web (hosting), lập trình/thiết kế mã tạo website – Ngôn ngữ tạo web: HTML, CSS, PHP, ASP, JSP, … • Khơng chun: sử dụng dịch vụ miễn phí lưu trữ web, tên miền con, cơng cụ thiết kế web sẵn có/đơn giản (khơng cần viết mã) – Wordpress, Wix, Webflow, Yola, Google Sites, Webnode.vn, … GV Thiều Quang Trung Các bước tạo lập website • Bước 1: Thiết lập đăng ký tên miền • Tên miền = Thương hiệu tổ chức/cá nhân mạng ! • Thủ đoạn đầu tên miền • Chọn tên miền – 64 ký tự (nên ngắn) – gợi thương hiệu, sản phẩm/dịch vụ – dễ nhớ GV Thiều Quang Trung Các bước tạo lập website • Ở Việt Nam: đăng ký tên miền có mã quốc gia – www.vnnic.vn – www.matbao.net –… • Quốc tế: đăng ký tên miền khơng có mã – www.godaddy.com – www.domain.com/Register –… GV Thiều Quang Trung Các bước tạo lập website • Đăng ký tên miền theo quy trình vnnic • Bản khai • Hồ sơ pháp lý Lập hồ sơ VNNIC • Duyệt • Khơng hợp lệ: làm lại • Duyệt • Có tranh chấp: chờ xử lý Niêm yết tên miền GV Thiều Quang Trung Thẩm định hồ sơ • Duyệt • Khơng hợp lệ: làm lại • Nộp phí Cấp tên miền Các bước tạo lập website • Bước 2: Thiết kế website • Giải pháp: thuê đơn vị chuyên nghiệp thiết kế (sử dụng công cụ thiết kế web, lập trình HTML, CSS, PHP, ASP, JSP,…) tự thiết kế (sử dụng open source, … ) • Nếu website TMĐT: phải có trang tốn chọn phương thức toán: COD, credit/debit, … GV Thiều Quang Trung Các bước tạo lập website • Các mã nguồn mở thiết kế web phổ biến: – Magento, Prestashop, Opencart, Joomla, WordPress (với plugin Woocommerce),… • Các ứng dụng thiết kế web miễn phí: – Google Sites, Wordpress, Wix, Webflow, Yola, Webnode.vn,… GV Thiều Quang Trung Các bước tạo lập website • Ví dụ website tạo với mã nguồn Magento GV Thiều Quang Trung Các bước tạo lập website • Bước 3: đặt website lên máy chủ (hosting) • phương án: – Trang bị máy chủ riêng th dung lượng đường truyền • Chi phí cao, bảo quản phức tạp • An tồn cao • Phù hợp với doanh nghiệp lớn – Thuê máy chủ hosting nhà cung cấp • Các tổ chức/doanh nghiệp lớn không sử dụng free hosting GV Thiều Quang Trung 10 Kiểu trang Announcements • Trang Thơng báo trang để gửi thông tin theo thời gian tin tức, cập nhật trạng thái, kiện đáng ý… • Để tạo trang thơng báo: – Chọn Create Page – Chọn “Select a template to use” kiểu Announcements – Chọn “New post” để đăng tin GV Thiều Quang Trung 22 Kiểu trang File Cabinet • Trang kiểu Tủ hồ sơ trang cho phép quản lý tài liệu từ ổ cứng lưu trữ xếp lại thư mục • Để tạo trang tủ hồ sơ: – – – – – Chọn Create Page Chọn “Select a template to use” kiểu File Cabinet, Chọn Create Chọn “Add file” để thêm tài liệu từ ổ cứng Chọn “Add link” để thêm tài liệu từ đường link Chọn “Add from Drive” để thêm tài liệu từ ổ Google Drive GV Thiều Quang Trung 23 Kiểu trang File Cabinet Ví dụ trang Bài giảng học phần Tin văn phòng GV Thiều Quang Trung 24 Kiểu trang List • Trang kiểu Danh sách trang dùng để liệt kê theo dõi mục thông tin theo danh sách • Dễ dàng thêm, xóa, sửa mục thơng tin danh sách • Để tạo trang danh sách: – Chọn Create Page – Chọn “Select a template to use” kiểu List, Chọn Create – Chọn “Use template” mục “Create your own” GV Thiều Quang Trung 25 Kiểu trang List – – – – – Chọn “Add a column” để thêm cột danh sách Đặt tên cột Kiểu liệu Kiểu sort Chọn Save khai báo xong cột GV Thiều Quang Trung 26 Kiểu trang List • Ví dụ trang Danh sách sinh viên – Chọn “Add item” để thêm ghi tương ứng với thông tin sinh viên GV Thiều Quang Trung 27 Quản lý site • Các chức nhấn nút More Actions GV Thiều Quang Trung 28 Quản lý site Thẻ General: GV Thiều Quang Trung 29 Quản lý site • Tự động xếp lại site xem mobile phone • Thiết lập truy cập site/truy cập lịch sử thay đổi site GV Thiều Quang Trung 30 Màn hình hiển thị Laptop (13 inch, resolution 1280 x 800) GV Thiều Quang Trung 31 Tự xếp thay đổi hình • Màn hình hiển thị Smartphone – inch – resolution 640 x 1136 GV Thiều Quang Trung 32 Quản lý site • Thẻ sharing & permissions: – Link to share – Who has access – Invite people • Is owner • Can edit • Can view GV Thiều Quang Trung 33 Quản lý site • Thẻ sharing & permissions/Who has access/Change: – Public on the web – Anyone with the link – Specific people GV Thiều Quang Trung 34 Quản lý site • Thẻ Themes, colors & fonts: – Thay đổi theme GV Thiều Quang Trung 35 GV Thiều Quang Trung 36 ... • Các hình thức tạo lập website • Các bước tạo lập website • Thiết kế website Google Site • Tạo site, trang quản lý site GV Thiều Quang Trung Các hình thức tạo lập website • Chun nghiệp: th tên... Các bước tạo lập website • Bước 2: Thiết kế website • Giải pháp: thuê đơn vị chuyên nghiệp thiết kế (sử dụng công cụ thiết kế web, lập trình HTML, CSS, PHP, ASP, JSP,…) tự thiết kế (sử dụng open... chung với Google Drive GV Thiều Quang Trung 13 Giới thiệu Google Sites • Ví dụ: https://sites .google. com /site/ thieutrung/ GV Thiều Quang Trung 14 Thiết lập website • Yêu cầu: – Máy tính kết nối