Google sites – website miễn phí cho trường học

để nhà trường đăng tải thông tin, phụ huynh học sinh có thể theo dõi kết quả học tập của con em và liên lạc với nhà trường một cách nhanh chóng.. Do đó, nếu có một website để làm cổng th

Trang 1

Giáo viên: Lại Đình Đạt 1 Đơn vị: Trường THCS Mỹ Thành

Trang 2

để nhà trường đăng tải thông tin, phụ huynh học sinh có thể theo dõi kết quả học tập của con em và liên lạc với nhà trường một cách nhanh chóng

Là nơi giáo viên theo dõi thời khóa biểu, tải các loại tài liệu, chia sẻ kiến thức và trao đổi kinh nghiệm, một cách dễ dàng Là lớp học mà học sinh

có thể học tập các môn học từ các bài giảng của giáo viên mọi lúc mọi nơi, Do vậy, website đã mang lại hiệu quả rất lớn trong lĩnh vực giáo dục.Thời gian qua, tại trường THCS Mỹ Thành, việc ứng dụng CNTT vào quản

lí, được Ban giám hiệu nhà trường và thầy cô giáo rất quan tâm Qua thực

tế, việc làm này còn có những thực trạng cần được giải quyết:

+ Thứ nhất, Email được dùng cho việc vận chuyển văn bản, tài liệu, một cách công cộng Nhà trường và các giáo viên cùng dùng chung một mật khẩu để đăng nhập Email Ở đây, bài toán chia sẻ thông tin qua mạng Internet phần nào được giải quyết Nhưng còn có nhiều điểm chưa phù hợp như sau:

* Một ai đó có thể xóa tất cả các tài liệu của nhà trường trong hộp thư một cách dễ dàng Vì tên đăng nhập và mật khẩu của hộp thư dùng chung cho nhiều người;

* Tài liệu chứa trong hộp thư không tổ chức theo đề mục nên rất khó khăn cho việc tìm kiếm;

* Dung lượng cho mỗi một tài liệu là không lớn;

* Dễ xảy ra lỗi khi nhiều người cùng truy cập vào hộp thư tại cùng một thời điểm;

* Học sinh và phụ huynh không truy cập được thông tin của nhà trường;

+ Thứ hai là nhà trường mong muốn có một website nhưng đã gặp trở ngại

ở những việc sau:

* Kỹ thuật thiết kế, cài đặt website;

* Việc bảo trì, bảo mật;

* Kinh phí cho việc thiết kế, kinh phí cho máy chủ và tên miền,

+ Thứ ba là có quá nhiều nguồn để tạo website theo dạng blog Những website sử dụng loại mã nguồn này có cơ sở dữ liệu bị lệ thuộc, tính bảo mật không cao, khó cài đặt, khó thiết kế, khó quản lí việc đăng tải thông

Trang 3

cài đặt, bảo dưỡng”.

+ Thứ tư là với điều kiện phát triển của công nghệ thông tin như hiện nay, mọi người đều có thể truy cập Internet một cách dễ dàng mọi lúc mọi nơi Do đó, nếu có một website để làm cổng thông tin điện tử cho nhà trường, làm phương tiện giao tiếp để phụ huynh học sinh có thể theo dõi kết quả học tập của con em ở trường, để các em học sinh truy cập được bài giảng của giáo viên, để giáo viên theo dõi lịch công tác, … thì chất lượng giáo dục có thể sẽ được nâng cao Việc học tập của học sinh sẽ được thuận tiện hơn

Qua nhiều năm giảng dạy môn Tin học, bản thân người viết đã đầu tư nhiều thời gian để nghiên cứu cách thiết kế website bằng Google Sites và nhiều loại mã nguồn khác (PHP, Nukeviet, Joomla, WordPress, Blog, ) Từ đó nhận thấy được rằng việc thiết kế website nhằm phục vụ cho việc dạy học trên nền Google sites là phù hợp và rất dễ dàng

Nay, xin được phép trình bày đề tài sáng kiến kinh nghiệm của mình có tên

là “Google sites – website miễn phí cho trường học” Với đề tài nhỏ này, không có gì hơn ngoài sự mong muốn được đóng góp giải pháp để xây dựng website cho trường THCS Mỹ Thành

Mặt dù đã cố gắng hết sức nhưng vì năng lực chuyên môn có hạn, nên nội dung trình bày không thể tránh hết thiếu sót Bằng tất cả niềm đam mê, tôi rất mong nhận được mọi ý kiến đóng góp từ quí thầy cô giáo và đồng nghiệp để tiếp tục phát huy đề tài này tốt hơn nữa nhằm phục vụ cho sự nghiệp giáo dục Xin chân thành cảm ơn!

2 Ý nghĩa và tác dụng của giải pháp mới

Ứng dụng Google sites để xây dựng website cho trường học, có nhiều ý nghĩa

và tác dụng nhất định:

a Đối với nhà trường

Website là cổng thông tin điện tử phục vụ cho công tác quản lí, dạy và học; góp phần xây dựng môi trường dạy học thân thiện và tích cực

Qua website, nhà trường có thể chia sẻ các loại thông tin như: thông báo, tài liệu, học liệu, đến giáo viên và học sinh một cách nhanh chóng; Đăng tải tin tức hoạt động, thời khóa biểu, kết quả học tập để giáo viên, học sinh

và phụ huynh tiện theo dõi

Thông tin được lưu trữ an toàn, có hệ thống trong thời gian dài Thuận tiện cho việc quản lí, truy cập từ nhiều nơi theo công nghệ mới "điện toán đám

Trang 4

b Đối với giáo viên

Giáo viên có thể theo dõi tin tức, thời khóa biểu, lịch công tác, của nhà trường mọi lúc mọi nơi

Tải các văn bản, tài liệu, học liệu, từ website dễ dàng

Đăng bài giảng, bài tập, bài học để học sinh có thể truy cập và học tập tại nhà

Chia sẻ kinh nghiệm giảng dạy, bài viết mang tính giáo dục,… đến học sinh và đồng nghiệp Giáo viên có phương tiện tốt để phục vụ cho việc tự học và sáng tạo

c Đối với học sinh và phụ huynh

Website là nơi để các em học sinh có thể trao đổi kiến thức với bạn bè và giáo viên, xem lại các hoạt động văn nghệ Các em có thể đóng góp bài viết, Những điều đó góp phần làm tăng tính tích cực học tập hơn nữa đối với học sinh trung học

Nhất là trong thời điểm hiện nay, việc có được một môi trường giáo dục mới thu hút niềm đam mê nghiên cứu học tập của học sinh là rất cần thiết Môi trường này có thể giúp các em tránh xa tệ nạn nghiện game, nghiện nét đang là nỗi lo lớn dần trong xã hội

Website giúp phụ huynh theo dõi thời khóa biểu, lịch học, kết quả học tập của con em mình, liên lạc với nhà trường kịp thời

Học sinh xem các bài giảng, tải các bài tập, bài học của giáo viên; trao đổi, liên lạc với nhà trường

3 Phạm vi nghiên cứu của đề tài

Ứng dụng Google sites để xây dựng website cho trường học

Xây dựng website trường THCS Mỹ Thành

II Phương pháp tiến hành

1 Cơ sở lý luận và thực tiễn

Giải pháp sử dụng Google site để thiết kế và vận hành một website cho trường học có cơ sở lý luận như sau:

+ Các ứng dụng của Google ví dụ như website (Google sites); thư điện tử

Trang 5

quản trị website.

+ Sử dụng Google Apps là đúng theo chỉ thị của Bộ Giáo dục và Đào tạo

về việc đẩy mạnh ứng dụng CNTT trong quản lí giáo dục, dạy và học

Ví dụ như hiện nay, bộ giáo dục đang sử dụng Gmail để gửi và nhận thư điện tử trong hệ thống giáo dục

+ Phù hợp với năng lực công nghệ thông tin của hầu hết các giáo viên trong các trường trung học

Cụ thể là trong lĩnh vực thiết kế và quản trị một website Với Google sites: cách thiết kế và vận hành đơn giản như việc soạn văn bản Phần lớn công việc quản trị đã được hỗ trợ bởi Google

+ Có thể đặt cho website một tên miền (Domain) riêng phù hợp với đơn vị.+ Việc đăng tải tài liệu, quản lí tài liệu cũng rất đơn giản

+ Google sites có thể đáp ứng hầu như tất cả yêu cầu trong công việc quản

lí, dạy và học của nhà trường

Thực tiễn:

+ Theo chỉ thị hướng dẫn việc triển khai nhiệm vụ công nghệ thông tin (CNTT) của Bộ Giáo dục và Đào tạo thì việc đẩy mạnh ứng dụng CNTT trong điều hành và quản lý giáo dục, xây dựng website của trường học là một nhiệm vụ quan trọng

+ Lãnh đạo các cấp và lãnh đạo nhà trường cũng rất quan tâm đến việc ứng dụng CNTT vào công tác quản lí giáo dục, xây dựng website cho trường học

+ Nhà trường chưa có một website chính thức

+ Việc trao đổi thông tin trong nhà trường còn rời rạc, chưa bảo mật

+ Phụ huynh và học sinh mong muốn có thể theo dõi kết quả học tập của học sinh qua mạng Internet

+ Giáo viên cần có phương tiện để chia sẻ kiến thức, nghiên cứu trau dồi kiến thức chuyên môn

+ Học sinh đang thiếu "sân chơi" lành mạnh để chia sẻ kiến thức, học tập, đóng góp bài viết,

2 Các biện pháp tiến hành, thời gian tạo ra giải pháp

Nghiên cứu nhu cầu của trường học về việc quản lí thông tin, chia sẻ thông

Trang 6

tin, liên lạc giữa phụ huynh học sinh và nhà trường, nhu cầu học tập của học sinh trong điều kiện công nghệ phát triển như hiện nay.

Dựa vào thực tiễn ứng dụng công nghệ thông tin hiện nay tại trường THCS

Mỹ Thành để phân tích, tìm ra những thuận lợi và khó khăn khi thực hiện

đề tài

Dựa vào kinh nghiệm của cá nhân là việc vận dụng nhiều mã nguồn để thiết kế website Nhất là website cho trường học Từ đó đánh giá khả năng ứng dụng của từng loại mã nguồn vào thực tiễn

Nghiên cứu và thực nghiệm trên website cá nhân phục vụ cho việc dạy học

từ năm học 2012-2013 Thực hiện thiết kế website trường THCS Mỹ Thành năm học 2013-2014

Thời gian thực hiện đề tài: Từ năm học 2012-2013 đến HK1 năm học 2013-2014

B NỘI DUNG

I Mục tiêu

1 Xây dựng qui trình thiết kế website

Thu thập thông tin

Trang 7

+ Tìm hiểu thông tin thực tế của nhà trường.

+ Tìm hiểu nhu cầu cụ thể của nhà trường về việc dùng webiste cho việc quản lí giáo dục

+ Tổng hợp các thông tin và nhu cầu của nhà trường, trao đổi khẳng định lại các vấn đề với Ban giám hiệu

Bước 3: Xử lý thông tin và chọn tên miền

+ Xem xét chi tiết yêu cầu và tiến hành thiết kế website

+ Tiến hành xử lý hiệu ứng ảnh, thu thập tài liệu liên quan

+ Kiểm tra sản phẩm để đảm bảo tính thẩm mỹ và thống nhất

+ Chọn tên miền cho website, kiểm tra tính khả thi của tên miền Có thể không cần tên miền nếu muốn áp dụng tên mền của Google sites dạng: www.sites.google.com/site/tendonvi, như vậy thì không phải trả chi phí mua tên miền

+ Phân quyền quản lí, bảo mật

+ Tiến hành kiểm tra, chỉnh sửa và thực hiện nghiệm thu

+ Đưa website lên các công cụ tìm kiếm Google, Yahoo, MSN,

Bước 5: Vận hành thử nghiệm

Trang 8

+ Tổng hợp nội dung, chạy thử hệ thống theo thiết kế.

+ Kiểm tra và sửa lỗi

+ Chạy thử hệ thống, kiểm tra nhiều lần bởi nhiều người sử dụng khác nhau

+ Kiểm tra và sửa chữa lần cuối

+ Viết tài liệu hướng dẫn

Bước 6: Nghiệm thu

+ Nhà trường duyệt dự án đã hoàn thành

+ Công bố website, vận hành thực tế

Bước 7: Chuyển giao

+ Bàn giao cho nhà trường

+ Đào tạo và huấn luyện quản trị website một cách hiệu quả

+ Hoàn thành đề tài

Bước 8: Bảo trì website

+ Hỗ trợ nhà trường trong quá trình sử dụng và quản trị website

1.2 Kỹ thuật thiết kế website bằng Google sites

Giới thiệu đôi nét về Google Apps: Là gói ứng dụng dựa trên kỹ thuật điện toán đám mây Công nghệ này giúp người dùng kết nối và hoàn thành công việc từ mọi nơi trên nhiều thiết bị khác nhau Dễ dàng thiết lập, sử dụng và quản lý, cho phép bạn làm việc thông minh hơn và tập trung vào những gì thực sự quan trọng Google Apps có những ứng dụng sau:

+ Gmail - Email với tìm kiếm do Google cung cấp, tối đa 30 GB bộ nhớ,

hỗ trợ ngoại tuyến, địa chỉ email tùy chỉnh

+ Lịch - Dễ dàng lên lịch cuộc họp vào thời điểm phù hợp cho tất cả mọi người, nhận nhắc nhở cuộc họp đến mobiphone và chia sẻ lịch

+ Drive - Google Drive cho phép bạn lưu trữ các tệp trên mạng Internet với kỹ thuật điện toán đám mây, chia sẻ và có thể truy cập chúng từ mọi nơi

+ Documents - Tạo, chia sẻ và thao tác với tài liệu trực tuyến Chia sẻ với nhiều người trong nhóm

+ Bảng tính - Quản lý dữ liệu bảng tính trực tuyến nhanh hơn với nhiều kỹ thuật thiết kế và trình bày

+ Trang trình bày – Thiết kế và trình diễn trang chiếu trực tuyến

+ Google sites – Thiết kế và quản trị website trực tuyến

Trang 9

+ Trong cửa sổ đăng nhập, chọn lệnh "Tạo

một tài khoản":

+ Điền đầy đủ thông tin, rồi chọn "Bước tiếp theo" Nếu có một thông tin nào đó chưa phù hợp thì Google sẽ báo lỗi, lúc này ta đọc kỹ thông báo

và khai báo lại phù hợp cho đến khi hoàn thành:

Đăng nhập Google sites – truy cập website www.sites.google.com, nhập

Hình 1 L nh ệ đăng nh pậ

Hình 2 C a s ử ổ đăng nh p, t o tài kho nậ ạ ả

Hình 3 Nh p thông tin ậ để ạ t o tài kho nả

Hình 4 Nh p thông tin và ch n “Tôi ậ ọ đồng .”ý

Hình 5 C a s ử ổ đăng nh pậ

Trang 10

tên đăng nhập và mật khẩu, sau đó chọn "Đăng nhập":

Chọn lệnh Tạo website "Create" để tạo website:

Chọn mẫu trang, đặt tên trang, nhập ký tự đặc biệt rồi chọn lệnh "Create":

Hình 6 L nh Createệ

Trang 11

Kết quả sau khi đăng ký:

Click chuột vào tên trang web (ví dụ "Trường THCS Mỹ Thành") để vào chế độ thiết kế

ii Tạo một trang web mới

Click chuột vào lệnh để tạo trang web mới:

Hình 7 Đặt tên và ch n m u cho wesitesọ ẫ

Hình 8 Danh sách các Websites sau khi t oạ

Trang 12

Đặt tên trang, chọn mẫu trang, chọn vị trí đặt trang, chọn lệnh "Tạo"

(Create):

Hình 9 L nh T o m t trang web m iệ ạ ộ ớ

Hình 10 T o m t trang web m iạ ộ ớ

Trang 13

iv Thêm liên kết (Hyperlink)

Liên kết giúp người sử dụng di chuyển đến các trang web một cách nhanh chóng Sau đây là cách thêm một liên kết vào trang web:

+ Chọn phần văn bản cần tạo liên kết;

+ Click chuột vào lệnh "Liên kết" ( ) trên thanh công cụ;

+ Thiết lập liên kết: Liên kết đến trang trong sites, liên kết đến địa chỉ ngoài sites, liên kết đến các ứng dụng khác của Google (Google Apps),

… cuối cùng chọn OK để hoàn thành:

Hình 11 Xóa b m t trang webỏ ộ

Trang 14

Hình 12 T o liên k t ạ ế đến m t trang webộ

Trang 15

+ Bắt đầu trang ở chế độ thiết kế, vào lệnh "Thêm" (More) ở góc trên cùng bên phải của trình duyệt;

+ Chọn lệnh "Chỉnh sửa bố cục trang web" (Edit site layout);

+ Click chuột vào nút lệnh "Bật/tắt điều hướng ngang" (Horizontal Navigation) trên thanh công cụ để kích hoạt hoặc ngưng kích hoạt

+ Click chuột lên thanh điều hướng ngang để tiến hành thiết lập:

+ Thiết lập thanh điều hướng ngang, xong chọn OK để hoàn thành:

Hình 14 a Thi t l p thanh i u hế ậ đ ề ướng Hình 13 Kích ho t thanh i u hạ đ ề ướng

Hình 14 b Thi t l p thanh i u hế ậ đ ề ướng

Trang 16

+ Xong, click lệnh "Đóng" (Close) để hoàn thành công việc.

b Chỉnh sửa thanh bên (Slidebar)

Thanh bên (Slidebar) chứa danh mục các trang của một website, giúp cho người sử dụng di chuyển đến các trang một cách dễ dàng hơn

Để chỉnh sửa thanh bên này, trước hết hiển thị website ở chế độ soạn thảo Vào lệnh "Thêm", chọn "Chỉnh sửa bố cục trang web", tiếp theo thực hiện theo các bước sau:

+ Thiết lập vị trí của thanh bên trong website:

+ Thêm nội dung cho thanh bên: Click chuột vào lệnh "+" và chọn kiểu

thanh ngang:

Hình 15 Thanh bên

Trang 17

+ Sau cùng, click chuột lên từng thanh cụ thể để chỉnh sửa nội dung:

Hình 16 Thêm n i dung vào thanh bênộ

Hình 17 Cách vào ch nh s a n i dung thanh bênỉ ử ộ

Trang 18

+ Click chuột vào OK.

+ Xong, click lệnh "Đóng" (Close) để hoàn thành công việc

c Chỉnh sửa bố cục trang

Thông thường, bố cục của trang là một cột bao

gồm phần tiêu đề và phần nội dung Tuy nhiên,

bố cục này cũng có thể thiết lập lại theo mong

muốn của người sử dụng Lúc này, thao tác như

sau:

+ Chọn trang web, hiển thị ở chế độ soạn thảo,

click chuột vào lệnh "Bố cục" (Layout)

trên thanh bảng chọn, và chọn một kiểu trong

danh sách hiện ra:

+ Xong, chọn lệnh "Lưu" (Save) để kết thúc

d Chèn hình ảnh

Cách thao tác như sau: Trước tiên, mở trang

ở chế độ thiết kế, đặt trỏ tại vị trí cần chèn, click vào lệnh "Chèn" (Insert), chọn lệnh Image:

e Chèn bảng (Table)

Để chèn một bảng vào trang, trước tiên hiển thị trang ở chế độ thiết kế, vào lệnh "Bảng" (Table) trên thanh bảng chọn, chọn lệnh "Chèn bảng" (Insert table), kéo chuột để chọn số cột và số dòng cần chèn:

Hình 18 Ch nh s a n i dung thanh bênỉ ử ộ

Hình 19 Ch n b c c trangọ ố ụ

Hình 20 L nh chèn hình nhệ ả

Trang 19

Tương tự, có thể chèn thêm vào bảng các cột hoặc các hàng.

vi Thêm tệp, xóa tệp và quản lí tệp trong trang web

Việc quản lí và thao tác các tệp trên trang web trong website của Google site khá đơn giản và hiệu quả Do đó nó rất phù hợp với các website giáo dục

Cách thêm tệp vào một trang: Chọn lệnh "Thêm tệp" (Add file) , chọn tệp cần thêm, OK

Xóa tệp: Click chuột vào lệnh "X" ở phía sau cùng của mỗi tệp trong danh sách để xoá:

Tải tệp về: Click chuột vào lệnh và chọn nơi lưu trữ trên máy tính để lưu

Ngoài ra, Google sites cũng cho phép nhúng tệp từ ứng dụng lưu trữ tệp và thư mục Google drive:

Với chức năng này, Google sẽ cung cấp 30 GB bộ nhớ cho một tài khoản Như vậy, không gian lưu trữ sẽ lớn hơn rất nhiều so với các host thông thường

+ Thao tác chèn thư mục từ Google drive vào trang: Chọn trang, hiển thị ở chế độ thiết kế, vào lệnh "Chèn" (Insert), Drive, Folder:

Hình 21 Chèn b ngả

Hình 22 L nh xóa t pệ ệ

Hình 23 T ch c t p trong Google Driveổ ứ ệ

Hình 24 Cách chèn t p vào trang t Google Driveệ ừ

Trang 20

+ Chọn thư mục chứa các tệp cần chèn trong Google drive và chọn lệnh

"Select" để hoàn tất:

ưu ý: Trước khi chèn, phải chuyển các tệp lên Google drive trước

vii Quản lí website

Google sites cung cấp bộ công cụ để quản lí website với đầy đủ chức năng: Quản lí trang, quản lí tệp, thay đổi mẫu trang, chia sẻ website với mọi người, …

Để vào chức năng này, ta thực hiện như sau: Vào lệnh "Thêm" (More), chọn "Quản lí trang web" (Manage site):

Hình 25 Ch n t p ch a trong Google Driveọ ệ ứ

Trang 21

Trong cửa sổ quản lí website, chọn chức năng trong phần đề mục ở bên trái

và chọn lệnh thiết lập của chức năng đó ở cửa sổ bên phải:

Sau khi thiết lập xong, chọn lệnh Save để lưu lại kết quả

1.2.2 Các kiểu trang web

i Trang web (Web page)

Một "trang web" là một trang không có cấu trúc, là nơi có thể nhập văn bản, hình ảnh, bảng biểu, bài thuyết trình, video, và nhiều hơn nữa Trang Web có các tiêu chuẩn định dạng phông chữ như in đậm, nghiêng, gạch dưới, cỡ chữ, màu chữ, và định dạng làm nổi bật văn bản Có thể tạo các danh sách gạch đầu dòng, đánh số danh sách, và dễ dàng liên kết đến các trang khác Có thể đính kèm tài liệu từ ổ đĩa cứng ở phần dưới cùng của

Hình 26 L nh Manage site trong menuệ

Hình 27 C a s qu n tr websiteử ổ ả ị

Trang 22

trang, và cho phép cộng tác viên trang web khác nhận xét về trang web của bạn.

Ví dụ một số trang web như:

+ Trang chủ của một website trường học;

+ Trang web chứa thông tin của một người;

+ Trang web đăng các sản phẩm của một cửa hàng, một công ty;

+ Trang web giới thiệu các đề tài khoa học; …

Khi tạo một trang mới, để có được trang sẽ tạo là trang web thì ta chọn loại trang là "Trang web" (Web page):

ii Trang thông báo (Announcements)

Một trang mới như là một cách thông báo sẽ cung cấp một trang dạng blog Mọi người có thể thảo luận ở đây Trong trang này, thảo luận mới nhất sẽ nằm ở đầu trang

Ví dụ các trang thông báo:

+ Trang thông báo của nhà trường;

+ Trang lưu danh sách các bài tập của học sinh, với các bài tập được nhúng vào ứng dụng Google Docs;

+ Tạo blog chứa các bài viết của học sinh và giáo viên, blog chứa thông tin của nhóm; …

Hình bên dưới là một ví dụ về loại trang thông báo:

Hình 28 Ch n ki u trang webọ ể

Trang 23

Cách tạo một trang thông báo: Khi tạo một trang mới, để có được trang sẽ tạo là trang thông báo thì ta chọn loại trang là "Trang thông báo" (Announcements):

iii Trang lưu trữ tệp (File cabinet)

Tạo ra một trang mới lưu và tổ chức các tệp như : tài liệu, bài thuyết trình, hình ảnh, tệp pdf, Loại trang này giúp việc đăng tải và quản lí các tài nguyên trên mạng một cách khoa học và rõ ràng thông qua danh sách các tệp

Ví dụ:

+ Kho lưu trữ của tất cả các bài học cho một lớp học trên mạng;

+ Kho lưu trữ các mẫu tài liệu, văn bản, qui chế, của một trường học; + Dưới đây là một trang lưu trữ tệp minh hoạ:

Hình 29 Ví d trang thông báoụ

Hình 30 Cách t o trang thông báoạ

Trang 24

Cách tạo một trang lưu trữ tệp: Khi tạo một trang mới, để có được trang sẽ tạo là trang lưu trữ tệp thì ta chọn loại trang là "File cabinet":

iv Trang kiểu danh sách (List)

Tạo ra một trang kiểu danh sách mới sẽ cho phép nhập dữ liệu theo các cột

và hàng Người sử dụng có thể đăng thêm hoặc xoá các cột hoặc hàng, có thể chỉnh sửa nội dung một cách dễ dàng

Xin lưu ý: Chỉ có cộng tác viên trang web hoặc chủ sở hữu trang web mới

có thể chỉnh sửa hoặc thêm danh sách Người sử dụng không có được các quyền này

Ví dụ một trang được tạo ra theo kiểu danh sách:

Hình 31 Ví d m t trang l u tr t pụ ộ ư ữ ệ

Hình 32 Ví d m t trang l u tr t pụ ộ ư ữ ệ

Trang 25

Cách tạo một trang danh sách: Khi tạo một trang mới, để có được trang sẽ tạo là trang sách thì ta chọn loại trang là "List":

Sau khi chèn, có thể chỉnh sửa kích thước của các ảnh theo mong muốn

ii Chèn một hộp văn bản (Textbox)

Một hộp văn bản là một công cụ tiện dụng sẽ cho phép thêm văn bản, hình ảnh, và nhiều hơn nữa Hộp văn bản có thể thêm trực tiếp vào trang hoặc thêm vào thanh bên (Side bar) Điều này sẽ làm hấp dẫn người xem hơn.Thao tác chèn hộp văn bản: Mở trang ở chế đột soạn thảo (Edit), đặt trỏ tại

Hình 34 Cách t o m t trang ki u danh sáchạ ộ ể

Hình 35 Cách chèn m t h p v n b nộ ộ ă ả

Trang 26

vị trí cần chèn trong trang, vào Insert, chọn Textbox:

Chèn hộp văn bản vào thanh bên: Click vào lệnh "Thêm" (More), chọn

"Chỉnh sửa bố cục trang" (Edit site layout), Click chuột vào thanh bên, chọn "+", trong danh sách hiển thị ra, chọn Text, chọn Add

Chỉnh sửa nội dung hộp văn bản, click chuột lên hộp văn bản, thiết lập nội dung trong hộp thoại hiện ra, xong rồi chọn OK

Hình 36 Chèn h p v n b n vào thanh bênộ ă ả

Trang 27

Lưu ý: Nếu không nhìn thấy nút More (Thêm), có nghĩa là bạn chưa đăng nhập vào tài khoản Google của bạn Trường hợp này, phải đăng nhập tài khoản Google mới có thể thiết kế được.

iii Chèn bộ đếm (Countdown) vào thanh bên

Thao tác: Click vào lệnh "Thêm" (More), chọn "Chỉnh sửa bố cục trang" (Edit site layout), Click chuột vào thanh bên, chọn "+", trong danh sách hiển thị ra, chọn Countdown, chọn Add

Trang 28

Tiếp theo chọn bộ đếm vừa chèn để thiết lập thời gian và tên sự kiện:

Sau khi thiết lập xong thì sẽ có kết quả Ví dụ như sau:

iv Chèn tệp âm thanh, nhạc

Google sites cho phép chèn hai loại tệp âm thanh vào trang web là *.mp3

và *.wav Để giúp người sử dụng có thể nghe được những tệp âm thanh đó thì có thể thực hiện theo hai cách:

+ Cách thứ nhất là tải tệp âm thanh lên trang web, sau đó người sử dụng tải

về máy tính và mở ra để nghe Cách này hiện nay ít được ưa thích

+ Cách thứ hai là nhúng tệp âm thanh lên trang, gắn tệp vào ứng dụng audio của google Lúc này, người sử dụng có thể nghe trực tiếp trên web hoặc có thể tải về máy

Thao tác nhúng một tệp âm thanh (wav hoặc mp3) vào trang web Google:+ Trước tiên, tải tệp âm thanh cần nhúng lên trang web, copy địa chỉ liên kết;

+ Vào trang thiết kế, đặt trỏ tại vị trí cần chèn, vào lệnh Insert, chọn More gadget, Public, nhập từ khóa “Google audio player”, Insert, paste địa chỉ của bản nhạc vào mục "Song link" và cuối cùng chọn OK để kết thúc

Hình 38 Chèn b ộ đếm vào thanh bên

Hình 39 Thi t l p th i gian, s ki n cho b ế ậ ờ ự ệ ộ đếm

Hình 40 B ộ đếm ví dụ

Trang 29

Hình 41 Chèn âm thanh vào trang

Hình 42 Chèn âm thanh vào trang

Hình 43 Thi t l p âm thanh chèn vào trangế ậ

Trang 30

Chọn lệnh "Save" (Lưu) để kết thúc việc thiết kế trang và xem kết quả:

v Chèn phim, bài trình chiếu

Phim, bài trình chiếu với hình ảnh hoạt họa là một trong những yêu tố quan trọng tạo nên sự thú vị cho người xem trang web sau này

Cách chèn một bài trình chiếu vào trang được thực hiện theo các bước sau:+ Bước 1: Tạo bài trình chiếu trong Google drive:

+ Vào trang ở chế độ thiết kế, chọn Insert, Google drive, Presentation:

Hình 44 Thi t l p âm thanh chèn vào trangế ậ

Hình 45 Hoàn t t vi c chèn âm thanhấ ệ

Hình 46 K t qu sau khi hoàn t tế ả ấ

Hình 47 Bài trình chi u ế được thi t k t Google Appsế ế ừ

Trang 31

+ Chọn bài trình chiếu:

+ Thiết lập chế độ hiển thị cho bài trình chiếu trong trang web:

+ Thực hiện "Lưu" kết quả thiết kế trang để hoàn thành:

Hình 48 L nh chèn bài trình chi uệ ế

Hình 49 Ch n bài trình chi uọ ế

Hình 50 Thi t l p ch ế ậ ế độ hi n th cho bài trình chi uể ị ế

Trang 32

+ Kết quả thực hiện được như sau trên trang web:

Cách chèn một đoạn phim vào trang web:

+ Bước 1 Thiết kế phim và tải lên youtube, copy địa chỉ của đoạn phim, vào trang web ở chế độ thiết kế, đặt trỏ tại vị trí cần chèn, chọn lệnh Insert, YouTube

Hình 51 L nh l u ệ ư để hoàn t tấ

Hình 52 L nh l u ệ ư để hoàn t tấ

Trang 33

Thực hiện "Lưu" kết quả thiết kế và hoàn thành:

Hình 53 Phim ã đ được upload lên youtube

Hình 54 L nh chèn phimệ

Hình 55 Th c hi n chèn phim t Youtubeự ệ ừ

Định dạng
Số trang	67
Dung lượng	13,95 MB