II. Thiết kế trang 1. Chỉnh sửa trang và biên tập trang 2. Cách tạo trang mới 3. Cách tổ chức menu 4. Tùy chọn ” More” 5. Quản lý sites ( Manage Sites ) + Trang general + Trang Page + Trang Attachments + Trang Page Templates + Trang App Sripts + Trang Deleted Items + Trang Sharing and Permissions + Trang Sites Layout + Trang Color and Fonts + Trang Themes III. Cách truy cập vào sites
Để đăng ký được 1 trang webite mới, chúng ta sẽ truy cập vào: http://sites.uit.edu.vn , ta sẽ điền Username và Password của account email username@uit.edu.vn .
Vào cửa sổ tiếp theo, chúng ta sẽ đặt tên cho Sites của mình. Vì chúng ta đang dùng Site của domain chúng tôi nên ta nên đặt tên site theo username
Sau khi đặt tên xong, ta bắt đầu chọn Template cho website của mình, sẽ có 2 lựa chọn là Blank Template , Browse the gallery for more, ở đây chúng ta nên chọn ” Browse the gallery for more” vì trong đây tập trung nhiều template và chúng ta đỡ mắc công phải thiết kế một trang web từ một template trắng ( Blank Template)
Sau khi đăng ký trang web xong, ta sẽ bước vào thiết kế và chỉnh sửa giao diện trang web của mình
Tại giao diện mới xuất hiện, ta có thể đặt lại tên của page và soạn thảo nội dung cho page. Google đã cung cấp cho chúng ta một giao diện editor khá hoàn thiện, giúp chúng ta dễ dàng tiếp cận.
Chúng ta có chọn chế độ HTML biên tập, nhưng Google đã giới hạn ở một số thẻ cơ bản mà thui, chúng ta không thể chèn javascript, jquery …
+ COMMON: là các phần chung, giúp chèn hình ảnh, liên kết … vào page.
+ GADGET: chèn vào các tiện ích mà GS đã cung cấp hoặc từ thư viện Gadget của Google.
+ GOOLGE: đây là phần khá thú vị, làm nên điểm nổi bật của GS, nó cho phép ta đính kèm và hiển thị mọi đối tượng từ các dịch vụ khác của Google như Google Docs, Youtube, Picasa, Map …
1. Name your page: Tên của trang vi dụ Trang chủ, Tin tức, Hỗ trợ, Liên hệ …
2 . You page URL: địa chỉ của trang sau khi được tạo, bạn có thể thay đổi nó.
3 . Select a template to use: Chọn kiểu trang sẽ sử dụng
+ Web page (trang bình thường như trang hiện tại bạn đang xem.)
+ Announcements (dạng trang thông báo, cập nhật tin tức.)
+ File Cabinet (xem như một hosting để lưu trữ và chia sẻ file.)
+ List (trang hiển thị dạng liệt kê các mục như excel.)
4 . Select a location: Chọn vị trí của trang.
+ Put page under … (trang con của trang đang hiển thị ở …)
5 . Choose a different location (tùy chỉnh làm trang con của bất kì một trang nào đã tạo trược đó.)
Nếu ta không muốn vị trí trang mới tạo nằm dưới trang Home thì ta chọn Choose a different location, cửa số sites map hiện ra và ta chọn vị trí cho trang.
Cuối cùng là chọn CREATE để hoàn tất
Ta chọn Manage Site
Tiếp theo, ta chọn Site Layout
Cửa sổ Change Site Layout hiện ra
Trong cửa sổ này, ta bắt đầu chỉnh các thông số cũng như tùy chọn,
– Site width: Độ rộng của trang, tính theo đơn vị pixes ( viết tắt : px) hoặc phần trăm ( viết tắt: % )
– Header: Đầu trang
+ Height: độ cao
+ Alignment: tùy chọn vị trí
– Horizontal navigation bar: thanh menu ngang
– Siderbar: thanh menu dọc
– Footer: thanh menu nằm cuối trang
Ở dây tôi chỉnh theo ý mình, tôi muốn hiển thị cả menu nằm ngang, dọc và ở cuối trang nên tôi sẽ đánh dấu vào cả 3 ô
Vị trí của menu dọc sẽ nằm bên trái hoặc phải tùy mọi người chọn tùy chọn Display “ on the left” hay ” on the right” và độ rộng của menu cũng có thể chỉnh lại
Tiếp theo, ta sẽ chỉnh thanh menu ngang , trong muc Horizontal navigation bar ta chọn ” edit horizontal nav content“
Tiếp theo, ta sẽ chỉnh menu dọc
Độ rộng menu và vị trí ta chỉnh trong Alignment bên trên.
Ở đây ta sẽ chỉnh được tên menu, và trang nào sẽ hiện lên menu, thứ tự trên dưới
Ta có thể đổi tên menu, sắp xếp thứ tự menu bằng tùy chọn bên cạnh ( Move up,Move down) , menu mẹ, menu con ( Outdent,indent)
Ngoài ra, menu dọc ta có thể add thêm hoặc xóa các khung có sẵn mà Template đang có, để thêm ta chọn Add a Sidebar Item
+ Revision history: Quản lý tất cả những sự thay đổi trên trang hiện tại giúp chúng ta có thể rollback dễ dàng.
+ Subscribe to .. : Giúp người quản trị có thể theo dõi được sự thay đổi của trang khi Site có nhiều admin.
+ Preview page .. : Xem trang dưới chế độ của khách viếng thăm.
+ Move page: Cho phép di chuyển trang hiện tại là con hoặc ngang cấp với một trang khác theo cấu trúc cây.
+ Delete page: Xóa page hiện tại.
+ Save as page .. : Save trang làm template để sử dụng cho những trang sau.
+ Change page .. : Thay đổi kiểu template đã chọn ban đầu (web page, list …).
1 . Site name: nơi bạn có thể thay thế tên site của mình.
2 . Site description: phần mô tả cho site.
3 . Mature content: nếu trang bạn có nội dung người lớn thì hãy check nó.
5 . Copy this site, Delete this site: sao chép, dùng làm template hoặc xóa site.
6. Liên kết site với công cụ phân tích
7. hoặc quản lý trang web của Google.
8 . Chọn ngôn ngữ sẽ hiển thị trên site.
9 . Tự động canh chỉnh giao diện site dành cho điện thoại.
10 . Access setting: thiết lập quyền truy cập cho site nghĩa là ai được phép truy cập site bạn.
Cửa sổ Google Apps Script mở ra gồm nhiều App có sẵn, ta muốn tạo script cho app nào thì cick vào
Tiếp theo, chúng ta đi vào chi tiết việc thiết lập quyền truy cập và quyền quản trị cho site. Trên panel trái trong phần Quản lý site bạn chọn Sharing and Permission.
Link to share: bạn có thể giới thiệu site của mình với các mạng xã hội như Google+, Facebook hoặc qua Email cho bạn bè. Who is access: là nơi bạn sẽ thiết lập quyền truy cập vào site (bất kì ai, chỉ có những ai được giới thiệu hoặc chỉ mình bạn). Đồng thời bạn cũng có mời bạn bè vào làm thành viên ( Can edit / Can view) hoặc cùng bạn quản trị site ( Is owner) bằng cách gõ email của họ vào phần Add people.
3 . Page content: vùng hiển thị nội dung trang.
4 . System footer: phần chân trang cho phép Ẩn các link mặc định của Google sites.
Phía trên còn 2 button [Configure search] và [Change site layout] .
+ Configure search: cho phép tùy biến công cụ tìm kiếm trong Site của bạn.
+ Change site layout: phần khá quan trọng, bạn có thể chọn chiều rộng cho Site, kích cỡ header, ẩn hiện menu ngang ( Horizontal menu), chọn kích cỡ vi trị sidebar, thêm footer …
1. Hiển thị theme đang sử dụng.
2 .Vùng này chứa các đối tượng cần thiết lập như header, footer, menu …
3 .Chọn màu sắc, background, kiểu font … cho đối tượng.
4 .Phần preview những thay đổi.
Cách 2: Ta mở trình duyệt và gõ vào đường link chúng tôi
Ví dụ: chúng tôi