Bài giảng Tin học văn phòng 2 Bài 4 Thiết kế website google sites cung cấp cho người học các kiến thứ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.
BÀI THIẾT KẾ WEBSITE GOOGLE SITES GV Th.S Thiều Quang Trung Bộ môn Khoa học 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 chuyên: 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 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 toá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 thuê dung lượng đường truyền • Chi phí cao, bảo quản phức tạp • An toà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 ... 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... 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 •... trang: GV Thiều Quang Trung 20 Tạo trang • Ví dụ chèn Drive/Form vào nội dung trang: GV Thiều Quang Trung 21 Kiểu trang Announcements • Trang Thông báo trang để gửi thông tin theo thời gian tin tức,