Bài El. Tạo trang web, thiết lập giao diện và xem trước trang web

1. Phần mềm Google Sites

a) Trang web và phần mềm thiết kế web

• Trang web là nơi chứa nội dung như văn bản, hình ảnh, âm thanh... được hiển thị trên trình duyệt.

• Phần mềm thiết kế web giúp người dùng tạo và quản lý trang web dễ dàng hơn mà không cần biết lập trình.

• Có nhiều phần mềm thiết kế web: Google Sites, Figma, Wix, WordPress, Joomla, Adobe Dreamweaver…

b) Giới thiệu Google Sites

• Google Sites là công cụ trực tuyến miễn phí của Google giúp tạo trang web bằng thao tác kéo thả.

• Tích hợp chặt chẽ với các ứng dụng Google như Google Drive, Docs, YouTube…

• Có thể chia sẻ quyền truy cập và chỉnh sửa theo các vai trò như: Owners, Editors, Viewers.

• Tạo lập trang web nhanh chóng, không cần biết lập trình, dễ sử dụng, miễn phí.

c) Giao diện làm việc của phần mềm thiết kế web Google Sites

• Thanh công cụ gồm: Tên trang web, Làm lại, Hoàn tác, Xem trước, Cài đặt, Xuất bản, Chia sẻ với người khác, Sao chép liên kết, Công bố trang web.

• Vùng làm việc: nơi hiển thị nội dung trang.

• Thanh công cụ bên phải gồm:

  • Insert: chèn nội dung (hình ảnh, văn bản, video, nút bấm...)

  • Pages: tạo và quản lý các trang.

  • Themes: chọn giao diện, màu sắc, phông chữ trang web.

2. Tạo trang web mới

• Muốn tạo trang mới, cần đăng nhập tài khoản Google và vào sites.google.com.

• Cách 1: Tạo trang trắng bằng cách nhấn vào biểu tượng dấu cộng “Blank”.

• Cách 2: Chọn mẫu có sẵn trong “Template gallery” để thiết kế nhanh theo chủ đề.

• Người dùng có thể chọn mục tiêu thiết kế (cá nhân, công việc, lớp học...) và tùy chỉnh mẫu theo ý muốn.

3. Thiết lập giao diện cho trang web

• Google Sites cung cấp nhiều Themes để thay đổi màu sắc và phông chữ (Hình 7).

• Có thể tùy chỉnh giao diện trong Create a theme (Hình 8) như:

  • Đặt tên giao diện

  • Chọn kiểu chữ, màu sắc

  • Chỉnh kiểu tiêu đề, nội dung, bố cục, đường viền...

• Ngoài ra, có thể Import theme đã tải về hoặc được thiết kế sẵn từ trước.

4. Xem trước trang web

• Dùng biểu tượng Preview để xem trang web trước khi xuất bản.

• Có thể xem ở các kích thước thiết bị:

  • Phone (điện thoại)

  • Tablet (máy tính bảng)

  • Large screen (màn hình máy tính)

• Để thoát chế độ xem trước, chọn biểu tượng Exit preview.