Hướng dẫn làm google site Informational

  • 1. 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. 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. 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. 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. ở 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. 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. 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. 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. 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. 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. 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. 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. 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. 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. Để 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. 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. 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ọ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. 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. 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. 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. 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. 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. các video, bạn hãy vào Insert > Video rồi chọn Google Video hoặc YouTube.
  • 25. 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. 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ì 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ã tên tiêu đề 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à 01- Giới thiệu. Với 02- Người chủ quản, bạn có lệnh là 02- Người chủ quản , hoặc với 10- Kết luận, bạn có lệnh là 10- Kết luận. 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. 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. (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. (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. 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. 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. 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. 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. 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. 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. (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. 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. đó, 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. (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 : [email protected]
  • 43. ấ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. hộp thoại sau: Click vào hộp văn bản, xuất hiện hộp thoại:
  • 45. hoàn tất.
  • 46. 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à.