Google Sites

1. 1. Giới thiệu tổng quát về công cụ - xuất xứ
Google Sites là một cấu trúc wiki được cung cấp bởi Google như là một phần của
bộ ứng dụng Google Apps. Nó được xuất hiện lần đầu vào ngày 28 tháng 2, năm
2008 và hiện tại vẫn đang trong giai đoạn beta. Nó được thay thế cho Google Page
Creator, một dịch vụ cho phép tạo các trang đơn giản trước đây của Google.
Dịch vụ Google Sites thích hợp tạo một trang chia sẻthông tin giữa một nhóm người
làm việc trong công ty, cá nhân hay một tập thể lớp. Chỉ bằng vài cú nhấp chuột ,
bất kì ai cũng có thể nhanh chóng tạo lập, cập nhật một trang web với đầy đủ tính
năng như lịch, ảnh, video…
Google Sites là một ứng dụng trong bộ các ứng dụng của Google cung cấp cho cộng
đồng, tưởng tự Gmail, Google Documents…nhằm phục vụ các tổ chức vừa và nhỏ,
và các cá nhân xây dựng website riêng cho mình.
Tháng 2, năm 2006, JotSpotđổi tên thành “Next Net 25” một bộ phận của Business
2.0 và được InfoWord coi là một trong 15 ứng dụng hàng đầu (15 Start-ups to
Wactch).
Tháng 10, năm 2006, Google mua lại JotSpot và nâng cấp thành Google Sites, một
ứng dụng để tạo các Website.

2. Tháng 2, năm 2008, Google chính thức công bố sử dụng công nghệ JotSpot. Các
ứng dụng tạo website là miễn phí, tên miền miễn phí, nếu người sử dụng muốn dùng
tên miền riêng thì đăng kí với Google với phí 10 USD/năm.
2. Đặc điểm và chức năng của công cụ
- Tạo web nhanh, chỉnh sửadễ như soạn thảo văn bản, không cầnbiết lập trình
hay codenhư hổ trợ mạnh trong trình soạnthảo nội dung và nhúng các tài liệu
từ google docs (văn bản, bản tính, biểu mẫu, lịch, slide). Ngoài ra nó còn hổ
trợ lập trình và nhúng các macro theo cú pháp của google apps script.
- Cho phép tạo trang mẫu để sửdụng lại khi tạo trang có cấu trúc tương tự với
các mẫu mặc định như web, thông báo, quản lý tập tin, danh sách.
- Upload và đính kèm tập tin với chức năng File Cabinet, dung lượng tối đa
của mỗi tập tin là 10MB trên mỗi tài khoản. Google Site miễn phí được cấp
đến 10GB để chứa các tập tin do thành viên gửi lên. Nhiều hơn cả các host
free bây giờ.

3. - Thay đổigiao diện web chỉ bằng vài click chuột như thay đổikích thước của
các thành phần trong giao diện (header, footer, sidebar), thay đổi font chữ,
màu chữ, màu nền, hình nền của các thành phần trên web..
- Kết hợp với các dịch vụ khác của Google như Docs, Calendar, Youtube …
nên dễ dàng chèn Giáo trình, Video, tài liệu, bảng tính, các bài thuyết trình,
SlideShow Ảnh … cho website bán hàng hoặc tin tức...
- Cho phép các thành viên khác cùng nhau làm việc bằng cách xét quyền
Owners (Chủ - có quyền cao nhất), Collaborators (cộng tác) và Viewers
(người xem).
- Tích hợp sẵn bộ máy tìm kiếm mạnh mẽ của Google để tìm kiếm thông tin
trên website.
- Có thể tạo bất cứ tên miền subsomain miễn phí nào miễn không trùng.
- Hỗ trợ đa ngôn ngữ cho phần giao diện lẫn phần quản lý web trong đó có
Tiếng Việt.
- Cho phép nhúng mã xác thực tài khoản Google Analytics và Google
Webmaster Tool để theo dõi, phân tích & thống kê trang web.
- Cho phép sử dụng tên miền riêng của bạn (.com, .net, .info,..).
- Hổ trợ tìm kiếm nội dung trong trang mạnh.
- Cho phép nhiều tác giả viết bài.
3. Ưu điểm và hạn chế của công cụ
3.1. Ưu điểm
Tạo website tiện lợi, nhanh chóng, có thể sửa chữa nội dụng, giao diện một
cách phù hợp với từng người.
Với chức năng File Cabinet giúp người dùng chia sẻ, hoặc Upload các tập tin,
có sẵn dụng lượng 10GB cho phép chứa nội dung mà người dùng trong nhóm

4. gửi lên, tốt hơn những host không tính phí chỉ cho phép dung lượng chứa
khoảng 2GB.
Các nội dung đa phương tiện có thể đưa vào bất cứ trang nào của website và
có thể tải lên các tập tin đính kèm.
Được quyền cấp phép để cho trang web có thể ở các chế độ riêng tư hoặc mọi
người có thể chỉnh sửatrang web tùytheo ý muốn của người dung. Tuy nhiên,
chỉ có những người được cấp quyền vào trang web mới tạo được trang web
trong chính tên miền của website.
Mọi người có thể tìm kiếm nội dung trên website thông qua các trang web tìm
kiếm.
3.2. Hạn chế
100MB dung lượng lưu trữ (đối với tài khoản miễn phí) và 10GB dung
lượng lưu trữ (đối với thành viên Google Apps).
Các cấu hình còn hạn chế, mới chỉ cho phép thay đổi màu, font, chưa có
CSS và JavaScript.
Tên miền như dạng http: http://sites.google.com/site/qtsxiuh/
Muốn dùng tên miền riêng phải tự đăng kí thuê và trỏ đến trang Google
Sites.
Chức năng cònhạn chế, trang web tùy biến kém, chỉ giới hạn cho các ứng
dụng của Google, URL khá dài, dùng tên miền riêng phải thuê, giao diện
không đẹp bằng các trang web khác.
Vẫn còn nhiều hạn chế hơn so với blog spotvì chưa được ứng dụng rộng
rãi và còn trong giai đoạn thử nghiệm.
Các thay đổi trong trang web còn gặp nhiều hạn chế, chỉ có thể thay đổi
được màu sắc và font chữ, chưa tạo ra được những giao diện riêng cho
website.

5. Tên miền còn ở dạng phức tạp, chưa có tên miền riêng, tên miền có
dạng http://sites.google.com/site/tênwebsite hoặchttp://blogs.ftu.edu.vn.
Muốn dùng tên riêng phải đăng ký thuê tên miền và hướng vào trang của
google sites.
4. Cài đặt và hướng dẫn sử dụng công cụ
4.1. Đăng ký Sites mới
Đầu tiên, các bạn truy cập vào: http://sites.google.com. Kế đến, cần nhập vào địa
chỉ email và mật khẩu, nếu chưa có địa chỉ email của google thì các bạn hãy đăng
kí tại http://mail.google.com (quá trình đăng kí đơn giản và miễn phí),
rồi nhấn nút Create site ở cửa sổ kế tiếp.

6. Vào cửa sổ tiếp theo, chúng ta sẽ đặt tên cho Sites của mình.
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ôngphải thiết kế một trang web từ một template trắng (Blank Template)

7. Sau khi chọn Template xong, ta sẽ click Create để hoàn tất việc đăng ký tạo mới 1
website trên google sites
Cách 2: Thay vì lấy 1 template có sẵn, cách 2 sẽ hướng dẫn bạn cách tạo 1
template theo ý mình.

8. Sau khi click vào sẽ hiện ta rất nhiều theme và bạn hãy chọncho mình một theme
phù hợp.
Ta chọn theme chạy mặc định và nhấn nút tạo trang web, trang web xuất hiện:

9. 4.2. Thiết kế trang
Sau khi đăng kí tài khoản xong, các bạn sẽ bước vào giao diện thiết kế sẽ thấy các
công cụ cho việc xây dựng trang web.
Bước 1: Ở trang đầu tiên, các bạn nhấn nút Edit page (hình chiếc bútchì ở góc trên
bên phải) để thiết kế trang chủ.
Công cụ này có cửa sổ giống như Word nên rất thuận lợi cho các bạn, gồm có các
tính năng như Insert (chèn hình ảnh, link, liên kết với các dịch vụ khác của Google:
Google Document; Google Video;....và YouTube), Format (gõ chỉ số trên, dưới,
canh lề,...), Table (chèn bảng), Layout (bố trí trang web thành 01 hoặc 02 cột). Đặc
biệt, tính năng HTML sẽ giúp cho các bạn có hiểu biết về ngôn ngữ này có thể dễ

10. dàng kiểm tra, chỉnh sửa, thêm bớt các hiệu ứng cho web mà Google Sites không
cung cấp sẵn.
Sau khi đã hoàn thành xong nội dung, các bạn hãy nhấn nút Save để lưu lại.
Bước 2: Kế tiếp, các bạn cần bổ xung thêm hình nền, logo, chỉnh sửa thanh
Sidebar,... ở góc trên bên phải click vào Thêm chọn Quản lý trang web.
Trong cửa sổ hiện ra, các bạn sẽ thấy các thẻ chính như: Tài liệu đính kèm, Bố cục
trang web, Màu và phông chữ, Chủ đề ...

11. Đầu trang: các bạn nhấn nút Thay đổi biểu trưng để thay đổilogo cho trang web của
mình. Trong cửa sổ Định cấu hình biểu trưng trang web, các bạn hãy chọn Biểu
trưng tùy chỉnh và nhấn nút Browse để duyệt đến logo cần chèn trên máy hoặc có
thể không chọn logo bằng cách chọn vào Không có biểu trưng nào.

12. Thay đổi bố cục trang: tại đây các bạn có thể thay đổi độ rộng cho trang web, tùy
chọn thanh điều hướng...

13. Theo mặc định thì Google sites sẽ cung cấp thanh bên và thanh điều hướng ngang,
đểsử dụng thanh điều hướng ngang các bạnvào Thay đổibố cục trang web tích chọn
vào mục Thanh điều hướng ngang.
Để tạo menu dọc (menu trên thanh bên) các bạn click vào chỉnhsửa tại ô điều hướng
ở thanh bên và tiến hành thêm các menu mà bạn muốn, tương tự menu ngang (menu
trên thanh điều hướng ngang).

14. +Thông thường việc thay đôi bố cục trang được người dùng lựa chọn như sau:
- Chiều rộng trang web: bạn có thể chọn chiều rộng cho trang web của mình để khi
bạn thiết kế baner ảnh sẽ chính xác hơn.Nếu bạn ko biết thiết kế có thể chọn “sử
dụng giá trị mặc định”
- Đầu trang: nếu bỏ dấu tích ở phần đầu trang thì bạn sẽ không hiển thị đầu trang,
baner đầu trang. Phần chiều cao, căn chỉnh các bạn tự làm. Khi bạn tạo baner thì
phần căn chỉnh sẽ làm thay đổi vị trí baner đầu trang.Các bạn hãy thử để cho baner
ở vị trí đẹp nhất
- Thanh điều hướng ngang: bạn chọnnếu như muốn tạo các menu năm ngang.Nhưng
không phải làm ở đây mà là làm ở phần bố cục trang web.
- Thanh bên: Bạn nên chọn hiển thị thanh bên, bên trái. Chiều rộng bạn có thể chọn
chiều rộng cho thanh bên.
- Chân trang: Mặc định là không được chọn, nhưng theo tôi bạnnên tích vào và chọn
phần Nội dung quyết định chiều cao
+ Định cấu hình tìm kiếm: Theo tôi bạn nên bỏ chọn phần bật tìm kiếm, khi
đó phần tìm kiếm trên baner sẽ bịmất và như vậy sẽ đẹp hơn. Nếu không, bạn có thể
chọn bật tìm kiếm, và tích vào tất cả các mục ở phần Nhà cung cấp Tìm kiếm, có thể
thêm trang tìm kiếm như yahoo ở nhãn Nâng cao bên cạnh
+ Thanh điều hướng ngang: Phần chỉnh sửa nội dung.Bạn muốn tạo các menu
nằm ngang ơ trên trang web.bạnchọnthêm URL, gõ phần nội dung hiển thị và URL
hoặc email.Ok(vì bạn mới chỉ tạo mỗi trang chủ nên cái này bạn có thể để làm sau)
Phần Kiểu bạn có nên chọn Tab

15. + Thanh bên: Để tạo các menu, theo mình bạn nên xóa cái điều hướng đi.Và
chọn Thêm mục của thanh bên.Ở đây bạn chọn Văn bản.và ấn Thêm.Sau đó sẽ hiện
ra Ô văn bản, bạn chọnchỉnh sửa.Ở đây sẽ hiển thị 1 giao diện như word, bạn muốn
tạo menu thì bạn nên sử dụng bảng, sau đó chèn lien kết vào các mục trong bảng.
Bạn có thể sử dụng code html băng mục html. Bạn có thể thêm các tiện ich như tên
tác giả, đếm ngược đến1 ngày quan trọng nào đó,… khi ấn vào “thêm mục của thanh
bên”.
- Màu và phông chữ (Colors and Fonts):Thẻ này sẽgiúp các bạn thay đổi màu, hình
nền cho web, tiêu đề (Header), từng trang (Page), Sidebar. Đối với việc chèn hình
nền cho đốitượng thì cần nhấn Browse đểduyệt đến bức ảnh và cần chờ một khoảng
thời gian để Upload lên máy chủ.
- Chủ đề (Themes): Nếu cảm thấy không vừa lòng với giao diện web đã chọn ban
đầu lúc đăng kí tài khoản thì có thể chọn lại tại đây (gồm có 24 themes). Mỗi thay
đổi, các bạncần nhấn Save changes đểlưu lại trước khi quay trở ra trang web (Return
to site).
Bước 3: Sau khi đã thiết kế trang đầu tiên, các bạn cần phải tạo ra các trang thứ 2,
3,... Để thực hiện việc này, các bạn nhấn nút Create new page rồi chọn một trong 5
dạng: Web page, Dashboard, Announcements, File Cabinet, List, rồi đặt tên cho
trang mới (Name) và chọn nơi đặt trang: đặt ở đầu trang (Put page at the top level),
đặt bên dướitrang chủ (Put page under "tên trang chủ"). Cuốicùngnhấn Create page
để tạo ra trang mới và mọi côngviệc thiết kế cũng sẽ sửdụng các tính năng nêu trên.
Sau đây mình đi vào hướng dẫn chi tiết cách thiết kế trang web để mọi người tham
khảo:

16. 4.2.1. Chỉnh sửa trang và biên tập trang
Trong trang Home của website ta mới tạo, ta click vào Edit Page để thiết kế lại trang
Home hoặc bất ký trang nào mà bạn đang đứng.
Cách 1: Đây là giao diện trang web khi bạn dùng theme sẵn có
Cách 2: Giao diện tự tạo: mình sẽ giới thiệu cách tạo một giao diện mới

17. 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.

18. Chúng ta có chọnchế độ HTML biên tập, nhưng Google đã giới hạn ở một số thẻ cơ
bản mà thôi, chúng ta không thể chèn javascript, jquery ...
Nếu bạn muốn page được chia theo một bố cục nào đó, bạn có thể click chọn menu
Layout.
Sau khi gõ nội dung cần thiết, để định dạng chúng (ví dụ như hiển thì một đoạncode)
thì bạn hãy quét chọn khối văn bản và click menu Format (chọn Blockquote code).
Menu Table giúp ta chèn vào page một hoặc nhiều table và thêm, xóa, sửa các cột,
dòng..

19. Tiếp theo để tăng thêm tính tiện dụng cho người dùng, phong phú cho nội dung Site,
Google Sites cung cấp cho chúng ta một tập hợp các tiện ích để chèn vào page cá
nhân. Để chèn, click chọn menu Insert, trong menu được chia làm 3 phần
COMMON, GADGET và GOOGLE.
+ COMMON (Chung): là các phần chung, giúp chèn hình ảnh, liên kết ... vào page.
+ GADGET (Tiện ích): 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 ...
4.2.2. Cách tạo trang mới (tạo trang phụ cho trang web)

20. Trong trang Home, ta click "New Page" , cửa sổ mới hiện ra, ta sẽ đặt tên cho
trang mới và ta chọn trong mục " Select a location" => " Put page under
Home" .
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đó.
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 at the top level (trang sẽ được tạo ở mức cao nhất như danh mục
chính.)
+ Put page under ... (trang con của trang đang hiển thị ở ...)

21. 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 đó.)
Một trang web phong phú phải là một trang web có nhiều trang bên trong với
mỗi trang là một nội dung khác nhau. Muốn tạo ra một trang web mới, bạn
nhấn chuột lên nút Create new page rồi trong dòng Select a template to use,
bạn hãy đánh chọn mục Web Page và điền tiếp địa chỉ cho trang web mới ấy.
Bạn nên đặt theo tên tiêu đề của trang web mới bằng tiếng Việt để Google tạo
lấy luôn tiêu đề ấy làm tiêu đề cho trang web mới. Riêng phần địa chỉ thì bạn
an tâm, Google sẽ chuyển địa chỉ tiêu đề (bằng tiếng Việt ấy) ra tiếng Việt
không dấu và tạo địa chỉ cho trang web bằng chính tiêu đề đó. Chẳng hạn, bạn
muốn tạo ra một trang web mới có tiêu đề “Thủ thuật tin học” thì trong khung
Name – bạn hãy viết là “Thủ thuật tin học”.
Lúc ấy, Google tạo cho bạn một địa chỉ cho trang web này theo dạng site/tên
trang chủ/tên trang phụ, chẳng hạn trong trường hợp này sẽ là
https://sites.google.com/site/camtuyett/thu-thuat-tin-hoc. Nếu muốn nó nằm
cùng vị trí với trang chủ thì bạn đánh chọn mục Put page at the top level hoặc
đánh chọn Put page under … thì Google sẽ đặt trang phụ này nằm phía sau
một đường link trong trang chủ. Bây giờ, bạn nhấn nút Create Page để tạo
trang web phụ mới.
Bằng cách này, bạn hãy tạo ra thật nhiều trang web phụ với thật nhiều nội
dung để trang web của mình hấp dẫn hơn. Để chỉnh sửa nội dung trang web
mới tạo, bạn qua mục Recent site activityrồi nhấn chọn lên trang web ấy và
làm như trên để chỉnh sửa nội dung, hình thức cho phù hợp với ý thích của
mình.
4.2.3. Cách đưa thêm các file media vào trong Google Sites

22. Khi bạn thiết kế một trang web, bạn nên đưa thêm các file media vào bên trong để
trang web của bạn trông đẹp, hấp dẫn và ấn tượng hơn. Để đưa hình ảnh vào trong
trang web, bạn nhấn chọn lên mục Chèn -> Hình ảnh
Trong pop-up hiện ra, nếu bức hình của bạn nằm trong trang web thì bạn đánh chọn
mục Uploaded Image, nhấn nút Browse rồi tìm đến file kia, nhấn Open> Add Image
để đưa nó lên web.

23. Để tinh chỉnhcho file ảnh, bạn hãy nhấn chọn lên nó, lúc ấy một thanh công cụ hiện
ra, dòngAlign giúp để canh trái – phải – giữa cho file ảnh bằng cách nhấn chuộtlên
các chữ L – C – R. Trong dòng Size, bạn có thể chọn phóng to thu nhỏ hình bằng
cách nhấn chọn lên các chữ S (small) – M (medium) – L (large) – Original (giữ
nguyên kích thước hình). Nếu muốn loại bỏ hình, bạn nhấn chuột lên liên kết
Remove là xong.

24. Để đưa thêm các video, bạn hãy vào Insert > Video rồi chọn Google Video hoặc
YouTube.

25. Khi có pop-up hiện ra, bạn chỉ đơn giản điền địa chỉ của file video vào trong khung
Paste the URL of your YouTube video (Dán URL video trên YouTubecủa bạn), sau
đó trong khung Include title (Bao gồm tiêu đề) – bạn hãy điền tên của Video hoặc
tên cho chú thích của Video vào đó, nhấn “Lưu” để lưu lại chọn lựa.
Sau đó, trong mục Align, bạn nhấn chuột lên các chữ L – C – R để canh trái, giữa
hoặc phải.
Khi một file media đã được đưa vào trang web trước đó và bạn muốn chỉnh sửa lại
thì bạn chỉ việc nhấn chuột lên nó rồi chọn Properties là xong.
4.2.4. Di chuyển nhanh trong trang web
Nếu trang web của bạn dài, hay có nhiều đề mục, hoặc đơn giản là bạn muốn lập
một mục lục trong trong web của bạn để nó trông có vẻ ngăn nắp và hệ thống- chứng
tỏ người làm ra trang web làm việc rất có khoa học và logic,…lúc đó bạn cần có

26. công cụ giúp bạn “nhảy” thẳng từ vị trí mục lục đến vị trí nội dung tương ứng trong
trang web. Chẳng hạn, mục lục trang web của bạn liệt kê
01- Trang chủ
02- Các trang web hay
03- ……….
10- Tài liệu tham khảo.
Và bạn muốn khi người đọc nhấn chuộtvào 10- Kết luận thì ngay lập tức họ sẽ được
di chuyển ngay đến nội dung tương ứng trong trang đó thay vì phải mậ́t công rê
chuột. Thủ thuật này khá hay nhưng thực hiện cũng không đơn giản vì bạn phải chú
ý đến từng câu chữ trong trang web đó, có rất ít trang web các nhân không chuyên
có được hiệu ứng này và vì thế – nếu bạn tạo được nó trong trang web thì sẽ không
gì tuyệt hơn. Tuy nhiên, như đã nói, để có được hiệu ứng “pro”này thì bạn phải bỏ
ra một chút công sức.
- Bước 1: Trước tiên bạn hãy xây dựng đầy đủ nội dung, mục lục cho trang web.
- Bước 2: Bạn tô khối từng đề mục trong mục lục. Theo ví dụ ở trên, chẳng hạn –
bạn tô chọnphần 01- Trang chủ rồi vào Insert > Link. Trong pop-up hiện ra, bạn hãy
chuyển qua thẻ Web address.
Bây giờ, bạn hãy điền địa chỉ của trang web (lấy trong khung Adress ở phía trên)
vào trong mục Link to this URL sau đó thêm mã #1 vào phía sau. Chẳng hạn, trong
ví dụ ở trên, địa chỉ của trang web là trong thanh Adress là
http://sites.google.com/site/toamhon…-nhat-dau-tien, thì trong khung Link to this
URL bạn cũng điền là http://sites.google.com/site/toamhon…-nhat-dau-tien rồi

27. thêm mã #1 thì sẽ được link mới là http://sites.google.com/site/toamhon…hat-dau-
tien#1. Cuối cùng bạn nhấn OK để hoàn tất việc đặt link mới cho mục lục.
- Bước 3:bạn làm tương tự cho các mục lục còn lại và thay mã #1 thành các mã với
consố thứ tự tiếp theo là #2, #3, #4, #5,… Chẳng hạn, theo ví dụ ở trên, mục lục tiếp
theo là 02- Người chủ quản, bạn sẽ đặt link là
http://sites.google.com/site/toamhon…-nhat-dau-tien#2, hay 10- Kết luận sẽ có
đường dẫn là http://sites.google.com/site/toamhon…-nhat-dau-tien#10. Như vậy,
bằng cách này, có bao nhiêu phần trong mục lục thì bạn chỉ việc thay nó bằng con
số thứ tự tương ứng là xong.
- Bước 4:Bạn quay xuống các tiêu đề của nội dung có bên dưới trang web, xác định
vị trí các tiêu đề này rồi nhấn chuột lên nút HTML ở góc trên bên tay phải(ở đây bạn
phải phân biệt tiêu đề trong mục lục với tiêu đề của nội dung, tiêu đề trong mục lục
không có nội dung gì bên dưới [đơn thuần là một cái mục lục mà thôi], còn tiêu đề
của nội dung thì bên dưới nó luôn có một đoạn văn miêu tả cho tiêu đề đó).
- Bước 5: thêm mã cho các link trong tiêu đề của nội dung. Đây là bước quan trọng
nhất, trước tiên – bạn tìm đến tiêu đề của nội dung. Chẳng hạn, theo ví dụ ở trên, thì
bạn tìm đến dòngcó chữ là tiêu đề của nội dung 01- Giới thiệu, sau đó điền đoạnmã
<a name=”số thứ tự“>tên tiêu đề</a> kẹp lấy tiêu đề đó. Như vậy, với 01- Giới thiệu
bạn sẽ có lệnh mới là <a name=”1″>01- Giới thiệu</a>. Với 02- Người chủ quản,
bạn có lệnh là <a name=”2″>02- Người chủ quản </a>, hoặc với 10- Kết luận, bạn
có lệnh là <a name=”10″>10- Kết luận</a>. Cứ như vậy, bạn hãy thêm mã “nhảy”
cho các tiêu đề trong nội dung trang web.
- Bước 6: Sau khi mọi thứ đã xong, bạn nhấn Update để đưa kết quả lên web. Bây
giờ, khi ai đó nhấn chuộtlên mục lục thì họ sẽđược chuyển ngay đếnnội dung tương

28. ứng ở bên dưới. Bằng cách này, với một trang web dài, bạn sẽ giúp người sử dụng
dễ dàng tìm đến những phần mình quan tâm một cách nhanh nhất.
4.2.5. Tùy chọn " More"
Sau khi tạo xong trang, chúng ta click [More] > Manage site > Pages để quản
lý chúng. Danh sách tất cả các trang đã được hiển thị dạng cây hoặc list.
Chúng ta có thể thay đổi vị trí của chúng bằng cách kéo thả (drag and drop).
Để biên tập cho trang, trong danh sách chúng ta click chọn nó và click tiếp
biểu tượng cây bút chì.
Chọn nút [More] - (tác vụ khác) để thay đổi và quản lý các thiết lập trên trang
vừa được chọntrong phần Page actions (tác vụ trang) và Page templates (mẫu
trang) như trong hình.

29. + Revision history (lịch sử sửalại): Quản lý tất cả những sựthay đổitrên trang
hiện tại giúp chúng ta có thể rollback dễ dàng.
+ Subscribeto page changes (đăng kí nhận thông báo về các thay đổicủa trang
web) : 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 as viewer (xem trước trang với tư cách người xem) .. : Xem
trang dưới chế độ của khách viếng thăm.
+ Move page (sao chép trang): 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 trang): Xóa page hiện tại.
+ Page settings (cài đặt trang): Tùychỉnh việc hiển thị tên trang, liên kết đến
trang con, cho phép đính kèm và bình luận trên trang. Ngoài ra bạn cũng có
thể thay đổi URL của trang tại mục Page URL hoặc thay đổi template ngay
tại đây.
+ Save as page (lưu): Save trang làm template để sử dụng cho những trang sau.

30. + Change page (thay đổi): Thay đổi kiểu template đã chọn ban đầu (web page, list
...).
4.2.6. Quản lý sites ( Manage Sites )
4.2.6.1. General (chung)
Bạn click vào nút [More...] trên góc phải > Manager Site. Giao diện trang quản lý
chung sẽ xuất hiện.

33. 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ó.
4 .Landing page: tại đây bạn sẽ chọn trang hiển thị mặc định cho site.
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.

34. 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.
Dưới đây là những chức năng quản lý cũng khá quan trọng mà Google sites đã cũng
cấp.
4.2.6.2. Trang Page
Manage Site => Pages là trang quản lý các page hiện có, được hiện thị theo
dạng tree, chúng ta có thể click vào bất kỳ page nào và bắt đầu edit page trang
đó.

35. 4.2.6.3. Trang Attachments
Manage Site => Attachments, trang này là nơi quản lý các file đính kèm hiện có
trong site, ta có thể upload, delect…

36. 4.2.6.4. Trang Page Templates
Manage Site => Page Templates là nơi quản lý các template hoặc tạo mới.
4.2.6.5. Trang App Sripts
Trong những mục trên thì tôi sẽ nói thêm về mục Apps Scripts, mục này những ai
biết chút ít về Script thì có thể tự tạo cho site mình nhiều ứng dụng hay có sẵn (như
Google Drive, Spreadsheet, Document, Gmail, Calendar...)
Ta vẫn đang ở trong trang Manage Site, ta click Apps Scripts, nhưng Sript nào đã
tạo sẽ nằm bên dưới, để tạo mới ta click Add New Script.

37. Cửa sổ Google Apps Script mở ra gồm nhiều App có sẵn, ta muốn tạo scriptcho app
nào thì cick vào “Add new script (thêm tập lệnh mới)”.

38. Ví dụ ta muốn tạo một script Calendar thì ta click vào app Calendar, khi trang script
Calendar hiện ra, ta chỉnh lại theo ý mình rồi click Save đặt tên và lưu lại.
4.2.6.6. Trang Deleted Items
Manage Site => Deleted Item, là trang quản lý các Item đã xóa, ở đây ta có
thể xóa hẳn hoặc phục hồi lại nó.
4.2.6.7. Trang Sharing and Permissions
Tiếp theo, chúng ta đivà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.

39. Link to share (Liên kết để chia sẻ): 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 (Người có quyền truy cập): 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 – là chủ sở hữu) bằng cách gõ email của họ vào phần Add people.
4.2.6.8. Trang Color and Fonts (chủ đề, màu sắc và phông chữ)
Sau thi thiết lập xong, click [Save] ở phía trên. Tiếp theo chúng ta chọn Colors and
Fonts.

40. 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.
4.3. Các tiện ích hay cho Website
4.3.1. Sử dụng code chèn bảng yahoo báo mình đang onl hay off để khách ghé
thăm có thể liên lạc.
Bạn chỉ cần paste đoạn codenày vào bất cữ chỗ nào có thể gõ văn bản ở dưới dạng
html (ví dụ như ở ô văn bản ở thanh bên, hoặc văn bản ở phần trang chủ khi bạn
chọn chỉnh sửa trang).

41. <a href="ymsgr:sendIM?Yahoo!ID"><img border="0"
src="http://presence.msg.yahoo.com/online?u=Yahoo!ID&amp;amp;m=g&amp;a
mp;t=ImageNo&amp;amp;l=us">
Trong đó, thay chỗ nào có Yahoo! ID bằng tên nich của bạn,
Imageno thay bằng số, mỗi số thì tượng trưng cho 1 skin yahoo. Như skin yahoo của
tôi là số 14.
4.3.2. Sử dụng code để chèn bộ đếm số người truy cập vào web
Vào trang web sau: http://www.hit-counts.com/. Chọn 1 mẫu bộ đếm mà bạn thấy
đẹp nhất.

42. Number of digit (max 9: sô chữ số cần hiển thì( nên để măc định)Initial Count: bắt
đầu đếm từ số bao nhiêu
Site Url: ghi địa chỉ web của bạn
Emai : camtuyet63@gmail.com

43. Điền xong hết ấn geneta code, sẽchuyển tới trang có code, bạnchỉ cầncopyvà paste
vào chỗ gõ code html trên web của bạn.
Quay trở lại sites của bạn, click chỉnh sửa bố cục trang web, rồi ta click vào dấu “+”
để , sau đó click thêm trong mục văn bản để chèn code bộ đếm.

44. Sẽ xuất hiện hộp thoại sau:
Click vào hộp văn bản, xuất hiện hộp thoại:

45. Click “OK” để hoàn tất.

46. 5. Ứng dụng công cụ trong dạy học
 Nhúng đa phương tiện – chia sẻ hình ảnh của dự án lớp học, bài trình chiếu,
thuyết trình lớp học và video giáo dục.
 Chia sẻlịch – HS và phụ huynh xem bài tập về nhà và các sự kiện học săp tới.
 Tạo hình thức trực tuyến và thăm dò ý kiến – GV có thể tạo ra các câu hỏi,
câu đó,đọc các bảnghi, các cuộc điều tra, các hình thức thu thập dữ liệu khoa
học, các hình thức thông tin phản hồi với một cú nhấp chuột.
 Phối hợp – nhiều người sử dụng có thể cộng tác trên bảng tính, tình chiếu các
bài thuyết trình, và các tài liệu văn bản. GV có thể viết bình luận trực tiếp vào
tài liệu của học sinh. HS có thể làm việc trên các tài liệu ở trường và ở nhà.