SlideShare uma empresa Scribd logo
1 de 17
Baixar para ler offline
Hướng dẫn tạo Website bằng dịch vụ Google Site của Google.
Google Sites (GS) là một dịch vụ cho phép tạo và quản lý nhanh một website khá
phổ biến. Với GS chúng ta có thể tạo nên nhiều website nhanh chóng, dễ dàng và
đặt biệt miễn phí, ổn định.
1. Tạo Site và cài đặt các tùy chỉnh cơ bản
Click sites.google.com để Login vào Google sites với một tài khoản Google. Sau khi
login thành công, bạn có thể tạo một site bằng cách click vào "CREATE".

Sau đó bạn được chuyển đến trang kế tiếp để cung cấp thông tin cho site bạn sắp tạo.
1. Browse the gallery for more: Chọn template cho site hoặc để mặc định.
2. Name your site: Đặt tên cho site, cái mà hiển thị trên site's title
3. Site location: Địa chỉ của site sau khi xuất bản.
4. Select a theme: Chọn giao diện chung cho site của bạn.
5. More options: Bạn có thể mô tả thêm cho site.
6. Type the code: Gõ vào ô phía dưới để xác nhận.
Sau đó nhấn CREATE ở phía trên. Vậy là chúng ta đã có một site cho riêng mình.

Hướng dẫn tạo Website với Google Site

Trang 1
Hướng dẫn tạo Website với Google Site

Trang 2
2. Quản lý Site
Bạn click vào nút [ More...] trên góc phải > Manager Site. Giao diện trang quản lý
chúng sẽ xuất hiện.

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
Hướng dẫn tạo Website với Google Site

Trang 3
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.
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è.

Hướng dẫn tạo Website với Google Site

Trang 4
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.
Tiếp theo, chúng ta sẽ làm quen với việc tinh chỉnh bố cục và cá nhân hóa giao diện
người dùng đối với Site của chúng ta. Để bắt đầu, chúng ta click vào [More] > Manage
site, chọn mục Site layout
Chúng ta sẽ thấy Site được chia 4 phần mặc định như bên dưới:

1. Header: tại đây ta có thể thay đổi logo, canh chỉnh kích thước của phần đầu
trang.
2. Sidebar: quản lý các thành phần của nó, nếu muốn thêm 1 thành phần mới click
Add a sidebar item và chọn.
3. Page content: vùng hiển thị nội dung trang.
Hướng dẫn tạo Website với Google Site

Trang 5
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 ...
Sau thi thiết lập xong, click [Save] ở phía trên. Tiếp theo chúng ta chọn Colors and
Fonts.

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.
Hướng dẫn tạo Website với Google Site

Trang 6
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.

3. Tạo một trang trong Google Site
Tiếp theo bài viết sẽ hướng dẫn cách tạo ra một trang và thao tác, biên tập
trên trang vừa tạo. Vì trang là thành phần cơ bản của một website, nội dung quyết
định nên sự thành công của một website.
Tạo trang mới
Bây giờ chúng ta sẽ tạo ra nhiều trang cho site. Để làm điều đó chúng ra chỉ cần
click vào biểu tượng "New Page" bên góc phải.

Và tiếp theo chúng ta cung cấp thông tin cho trang đang tạo.

Hướng dẫn tạo Website với Google Site

Trang 7
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 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ị ở ...)
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 đó.)
Hướng dẫn tạo Website với Google Site

Trang 8
Cuối cùng là chọn CREATE để hoàn tất.
Quản lý trang
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] để thay đổi và quản lý các thiết lập trên trang vừa được chọn
trong phần Page actions và Page templates như trong hình



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.

Hướng dẫn tạo Website với Google Site

Trang 9


Page settings: Tùy chỉ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 .. : 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 ...).
Biên tập nội dung trang
Phần này chúng ta sẽ cùng nhau biên tập nội dung một page thông qua các công cụ cơ
bản mà GS đã cung cấp. Bắt đầu công việc bằng cách chọn page cần biên tập và click
vào biểu tượng "cây bút chì".
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.

Hướng dẫn tạo Website với Google Site

Trang 10
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 ...
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ạn code)
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..
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,
GS 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: 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 ...

Hướng dẫn tạo Website với Google Site

Trang 11
4. Tùy chỉnh giao diện của Website
Tùy chọn ngôn ngữ hiển thị

Hướng dẫn tạo Website với Google Site

Trang 12
5. Tùy chỉnh ngôn ngữ hiển thị

Tùy chọn lại ngôn ngữ hiển thị. Chọn tiếng việt.

Hướng dẫn tạo Website với Google Site

Trang 13
6. Tùy chỉnh trang diện Website

Trong phần này các bạn có thể thực hiện các thao tác:
Hướng dẫn tạo Website với Google Site

Trang 14
1. Tùy chỉnh bố cục của trang Web
2. Tùy chỉnh màu sắc trang.
3. Thiết lập các chủ đề có sẵn

7. Tạo menu cho Website
Click chọn vào Thêm mục thanh bên

Hướng dẫn tạo Website với Google Site

Trang 15
Chọn loại công cụ thanh bên là Thanh điều hướng

Hướng dẫn tạo Website với Google Site

Trang 16
Sau đó bạn Add các trang có sẵn trong trang hoặc các địa chỉ khác để tạo thanh
menu.

Hướng dẫn tạo Website với Google Site

Trang 17

Mais conteúdo relacionado

Mais procurados

Tthitktrangwebringminph
TthitktrangwebringminphTthitktrangwebringminph
Tthitktrangwebringminphguest66bfdc
 
Tuan5 dreamweaver 0001
Tuan5 dreamweaver 0001Tuan5 dreamweaver 0001
Tuan5 dreamweaver 0001Chu Kien
 
Slide 6 - Thiết kế Web cơ bản
Slide 6 - Thiết kế Web cơ bảnSlide 6 - Thiết kế Web cơ bản
Slide 6 - Thiết kế Web cơ bảnSống Khác
 
BÀI 3 Bố cục trang web & bảng (TABLE) trên trang web - Giáo trình FPT
BÀI 3 Bố cục trang web & bảng (TABLE) trên trang web - Giáo trình FPTBÀI 3 Bố cục trang web & bảng (TABLE) trên trang web - Giáo trình FPT
BÀI 3 Bố cục trang web & bảng (TABLE) trên trang web - Giáo trình FPTMasterCode.vn
 
Bài 4: Template & điều hướng trang Web - Giáo trình FPT - Có ví dụ kèm theo
Bài 4: Template & điều hướng trang Web - Giáo trình FPT - Có ví dụ kèm theoBài 4: Template & điều hướng trang Web - Giáo trình FPT - Có ví dụ kèm theo
Bài 4: Template & điều hướng trang Web - Giáo trình FPT - Có ví dụ kèm theoMasterCode.vn
 
Slide 1 - Thiết kế Web cơ bản
 Slide 1 - Thiết kế Web cơ bản Slide 1 - Thiết kế Web cơ bản
Slide 1 - Thiết kế Web cơ bảnSống Khác
 
BÀI 1 Bước đầu làm quen với ADOBE DREAMWEAVER CS4 và những thao tác cơ bản tr...
BÀI 1 Bước đầu làm quen với ADOBE DREAMWEAVER CS4 và những thao tác cơ bản tr...BÀI 1 Bước đầu làm quen với ADOBE DREAMWEAVER CS4 và những thao tác cơ bản tr...
BÀI 1 Bước đầu làm quen với ADOBE DREAMWEAVER CS4 và những thao tác cơ bản tr...MasterCode.vn
 
Bài 1 XHTML: Cấu trúc nội dung web - Giáo trình FPT
Bài 1 XHTML: Cấu trúc nội dung web - Giáo trình FPTBài 1 XHTML: Cấu trúc nội dung web - Giáo trình FPT
Bài 1 XHTML: Cấu trúc nội dung web - Giáo trình FPTMasterCode.vn
 
Bài 5 Bố cục trang cơ bản - Giáo trình FPT
Bài 5 Bố cục trang cơ bản - Giáo trình FPTBài 5 Bố cục trang cơ bản - Giáo trình FPT
Bài 5 Bố cục trang cơ bản - Giáo trình FPTMasterCode.vn
 
Tailieu.vncty.com huong dan nhap mon html
Tailieu.vncty.com   huong dan nhap mon htmlTailieu.vncty.com   huong dan nhap mon html
Tailieu.vncty.com huong dan nhap mon htmlTrần Đức Anh
 

Mais procurados (18)

Fronpage2002
Fronpage2002Fronpage2002
Fronpage2002
 
Tthitktrangwebringminph
TthitktrangwebringminphTthitktrangwebringminph
Tthitktrangwebringminph
 
Huong dan tao blog bang Blogger
Huong dan tao blog bang BloggerHuong dan tao blog bang Blogger
Huong dan tao blog bang Blogger
 
Tuan5 dreamweaver 0001
Tuan5 dreamweaver 0001Tuan5 dreamweaver 0001
Tuan5 dreamweaver 0001
 
Slide 6 - Thiết kế Web cơ bản
Slide 6 - Thiết kế Web cơ bảnSlide 6 - Thiết kế Web cơ bản
Slide 6 - Thiết kế Web cơ bản
 
BÀI 3 Bố cục trang web & bảng (TABLE) trên trang web - Giáo trình FPT
BÀI 3 Bố cục trang web & bảng (TABLE) trên trang web - Giáo trình FPTBÀI 3 Bố cục trang web & bảng (TABLE) trên trang web - Giáo trình FPT
BÀI 3 Bố cục trang web & bảng (TABLE) trên trang web - Giáo trình FPT
 
Bài 4: Template & điều hướng trang Web - Giáo trình FPT - Có ví dụ kèm theo
Bài 4: Template & điều hướng trang Web - Giáo trình FPT - Có ví dụ kèm theoBài 4: Template & điều hướng trang Web - Giáo trình FPT - Có ví dụ kèm theo
Bài 4: Template & điều hướng trang Web - Giáo trình FPT - Có ví dụ kèm theo
 
Slide 1 - Thiết kế Web cơ bản
 Slide 1 - Thiết kế Web cơ bản Slide 1 - Thiết kế Web cơ bản
Slide 1 - Thiết kế Web cơ bản
 
BÀI 1 Bước đầu làm quen với ADOBE DREAMWEAVER CS4 và những thao tác cơ bản tr...
BÀI 1 Bước đầu làm quen với ADOBE DREAMWEAVER CS4 và những thao tác cơ bản tr...BÀI 1 Bước đầu làm quen với ADOBE DREAMWEAVER CS4 và những thao tác cơ bản tr...
BÀI 1 Bước đầu làm quen với ADOBE DREAMWEAVER CS4 và những thao tác cơ bản tr...
 
Slide3
Slide3Slide3
Slide3
 
Bài 1 XHTML: Cấu trúc nội dung web - Giáo trình FPT
Bài 1 XHTML: Cấu trúc nội dung web - Giáo trình FPTBài 1 XHTML: Cấu trúc nội dung web - Giáo trình FPT
Bài 1 XHTML: Cấu trúc nội dung web - Giáo trình FPT
 
Web1012 slide 1
Web1012   slide 1Web1012   slide 1
Web1012 slide 1
 
Html full
Html fullHtml full
Html full
 
Bài 5 Bố cục trang cơ bản - Giáo trình FPT
Bài 5 Bố cục trang cơ bản - Giáo trình FPTBài 5 Bố cục trang cơ bản - Giáo trình FPT
Bài 5 Bố cục trang cơ bản - Giáo trình FPT
 
Tai Lieu Html
Tai Lieu HtmlTai Lieu Html
Tai Lieu Html
 
Tai lieu html
Tai lieu htmlTai lieu html
Tai lieu html
 
Tối ưu hóa Blogspot
Tối ưu hóa BlogspotTối ưu hóa Blogspot
Tối ưu hóa Blogspot
 
Tailieu.vncty.com huong dan nhap mon html
Tailieu.vncty.com   huong dan nhap mon htmlTailieu.vncty.com   huong dan nhap mon html
Tailieu.vncty.com huong dan nhap mon html
 

Destaque

Huong dan tao website bang wordpress
Huong dan tao website bang wordpressHuong dan tao website bang wordpress
Huong dan tao website bang wordpressiNET
 
Nguoi dan ba di nhat mat troi
Nguoi dan ba di nhat mat troiNguoi dan ba di nhat mat troi
Nguoi dan ba di nhat mat troilevanlieu2004
 
10 Insightful Quotes On Designing A Better Customer Experience
10 Insightful Quotes On Designing A Better Customer Experience10 Insightful Quotes On Designing A Better Customer Experience
10 Insightful Quotes On Designing A Better Customer ExperienceYuan Wang
 

Destaque (6)

49 bailuyenthanh
49 bailuyenthanh49 bailuyenthanh
49 bailuyenthanh
 
Wordress dung
Wordress dungWordress dung
Wordress dung
 
Huong dan tao website bang wordpress
Huong dan tao website bang wordpressHuong dan tao website bang wordpress
Huong dan tao website bang wordpress
 
Nguoi dan ba di nhat mat troi
Nguoi dan ba di nhat mat troiNguoi dan ba di nhat mat troi
Nguoi dan ba di nhat mat troi
 
Wordpress for Beginners: 10 Must Knows
Wordpress for Beginners: 10 Must KnowsWordpress for Beginners: 10 Must Knows
Wordpress for Beginners: 10 Must Knows
 
10 Insightful Quotes On Designing A Better Customer Experience
10 Insightful Quotes On Designing A Better Customer Experience10 Insightful Quotes On Designing A Better Customer Experience
10 Insightful Quotes On Designing A Better Customer Experience
 

Semelhante a Huong dan tao site google

Buoi 7 blog backlink
Buoi 7   blog backlinkBuoi 7   blog backlink
Buoi 7 blog backlinkDT Nguyen
 
(SEO) buổi 7 :blog backlink
(SEO) buổi 7 :blog backlink(SEO) buổi 7 :blog backlink
(SEO) buổi 7 :blog backlinkHoàng Nguyễn
 
Báo cáo thực tập Athena tháng tháng 9/2015
Báo cáo thực tập Athena tháng tháng 9/2015Báo cáo thực tập Athena tháng tháng 9/2015
Báo cáo thực tập Athena tháng tháng 9/2015Nguyễn Khoa
 
20 Tính năng hay khi sử dụng google docs
20 Tính năng hay khi sử dụng google docs20 Tính năng hay khi sử dụng google docs
20 Tính năng hay khi sử dụng google docsAnh Truong
 
Huong dan su dung joomla 1.5
Huong dan su dung joomla 1.5Huong dan su dung joomla 1.5
Huong dan su dung joomla 1.5KID_2603
 
Thiết kế web google miễn phí
Thiết kế web google miễn phíThiết kế web google miễn phí
Thiết kế web google miễn phíChuyen Thiet Ke Web
 
Cloud2s huong.dan.su.dung.joomla.v1.5
Cloud2s huong.dan.su.dung.joomla.v1.5Cloud2s huong.dan.su.dung.joomla.v1.5
Cloud2s huong.dan.su.dung.joomla.v1.5peterh18
 
Huong dan thiet ke website bang photoshop
Huong dan thiet ke website bang photoshopHuong dan thiet ke website bang photoshop
Huong dan thiet ke website bang photoshopNguyễn Hữu Dức
 
Hướng dẫn sử dụng Google Search Console chi tiết nhất 2020
Hướng dẫn sử dụng Google Search Console chi tiết nhất 2020Hướng dẫn sử dụng Google Search Console chi tiết nhất 2020
Hướng dẫn sử dụng Google Search Console chi tiết nhất 2020Tự Học MMO
 
Hướng dẫn sử dụng hỗ trợ Seo
Hướng dẫn sử dụng hỗ trợ SeoHướng dẫn sử dụng hỗ trợ Seo
Hướng dẫn sử dụng hỗ trợ SeoVinamax
 
Thiết kế website bằng blogspot | Những bạn không biết về IT vẫn làm được
Thiết kế website bằng blogspot | Những bạn không biết về IT vẫn làm đượcThiết kế website bằng blogspot | Những bạn không biết về IT vẫn làm được
Thiết kế website bằng blogspot | Những bạn không biết về IT vẫn làm đượcBill Quy
 
Báo cáo cuối kỳ Athena - Lê Nguyễn Vĩnh
Báo cáo cuối kỳ Athena - Lê Nguyễn VĩnhBáo cáo cuối kỳ Athena - Lê Nguyễn Vĩnh
Báo cáo cuối kỳ Athena - Lê Nguyễn VĩnhVĩnh Lê Nguyễn
 
Hướng dẫn tạo Landing Page bằng Blogger
Hướng dẫn tạo Landing Page bằng BloggerHướng dẫn tạo Landing Page bằng Blogger
Hướng dẫn tạo Landing Page bằng BloggerNguyễn Trọng Thơ
 

Semelhante a Huong dan tao site google (20)

Googlesite dung
Googlesite dungGooglesite dung
Googlesite dung
 
Buoi 7 blog backlink
Buoi 7   blog backlinkBuoi 7   blog backlink
Buoi 7 blog backlink
 
(SEO) buổi 7 :blog backlink
(SEO) buổi 7 :blog backlink(SEO) buổi 7 :blog backlink
(SEO) buổi 7 :blog backlink
 
Fronpage2002
Fronpage2002Fronpage2002
Fronpage2002
 
Fronpage2002
Fronpage2002Fronpage2002
Fronpage2002
 
Báo cáo thực tập Athena tháng tháng 9/2015
Báo cáo thực tập Athena tháng tháng 9/2015Báo cáo thực tập Athena tháng tháng 9/2015
Báo cáo thực tập Athena tháng tháng 9/2015
 
Blog
BlogBlog
Blog
 
20 Tính năng hay khi sử dụng google docs
20 Tính năng hay khi sử dụng google docs20 Tính năng hay khi sử dụng google docs
20 Tính năng hay khi sử dụng google docs
 
Huong dan su dung joomla 1.5
Huong dan su dung joomla 1.5Huong dan su dung joomla 1.5
Huong dan su dung joomla 1.5
 
Gioi thieu joomla
Gioi thieu joomlaGioi thieu joomla
Gioi thieu joomla
 
Thiet ke-web-site-google
Thiet ke-web-site-googleThiet ke-web-site-google
Thiet ke-web-site-google
 
Thiết kế web google miễn phí
Thiết kế web google miễn phíThiết kế web google miễn phí
Thiết kế web google miễn phí
 
Cloud2s huong.dan.su.dung.joomla.v1.5
Cloud2s huong.dan.su.dung.joomla.v1.5Cloud2s huong.dan.su.dung.joomla.v1.5
Cloud2s huong.dan.su.dung.joomla.v1.5
 
Huong dan thiet ke website bang photoshop
Huong dan thiet ke website bang photoshopHuong dan thiet ke website bang photoshop
Huong dan thiet ke website bang photoshop
 
ad web
ad webad web
ad web
 
Hướng dẫn sử dụng Google Search Console chi tiết nhất 2020
Hướng dẫn sử dụng Google Search Console chi tiết nhất 2020Hướng dẫn sử dụng Google Search Console chi tiết nhất 2020
Hướng dẫn sử dụng Google Search Console chi tiết nhất 2020
 
Hướng dẫn sử dụng hỗ trợ Seo
Hướng dẫn sử dụng hỗ trợ SeoHướng dẫn sử dụng hỗ trợ Seo
Hướng dẫn sử dụng hỗ trợ Seo
 
Thiết kế website bằng blogspot | Những bạn không biết về IT vẫn làm được
Thiết kế website bằng blogspot | Những bạn không biết về IT vẫn làm đượcThiết kế website bằng blogspot | Những bạn không biết về IT vẫn làm được
Thiết kế website bằng blogspot | Những bạn không biết về IT vẫn làm được
 
Báo cáo cuối kỳ Athena - Lê Nguyễn Vĩnh
Báo cáo cuối kỳ Athena - Lê Nguyễn VĩnhBáo cáo cuối kỳ Athena - Lê Nguyễn Vĩnh
Báo cáo cuối kỳ Athena - Lê Nguyễn Vĩnh
 
Hướng dẫn tạo Landing Page bằng Blogger
Hướng dẫn tạo Landing Page bằng BloggerHướng dẫn tạo Landing Page bằng Blogger
Hướng dẫn tạo Landing Page bằng Blogger
 

Huong dan tao site google

  • 1. Hướng dẫn tạo Website bằng dịch vụ Google Site của Google. Google Sites (GS) là một dịch vụ cho phép tạo và quản lý nhanh một website khá phổ biến. Với GS chúng ta có thể tạo nên nhiều website nhanh chóng, dễ dàng và đặt biệt miễn phí, ổn định. 1. Tạo Site và cài đặt các tùy chỉnh cơ bản Click sites.google.com để Login vào Google sites với một tài khoản Google. Sau khi login thành công, bạn có thể tạo một site bằng cách click vào "CREATE". Sau đó bạn được chuyển đến trang kế tiếp để cung cấp thông tin cho site bạn sắp tạo. 1. Browse the gallery for more: Chọn template cho site hoặc để mặc định. 2. Name your site: Đặt tên cho site, cái mà hiển thị trên site's title 3. Site location: Địa chỉ của site sau khi xuất bản. 4. Select a theme: Chọn giao diện chung cho site của bạn. 5. More options: Bạn có thể mô tả thêm cho site. 6. Type the code: Gõ vào ô phía dưới để xác nhận. Sau đó nhấn CREATE ở phía trên. Vậy là chúng ta đã có một site cho riêng mình. Hướng dẫn tạo Website với Google Site Trang 1
  • 2. Hướng dẫn tạo Website với Google Site Trang 2
  • 3. 2. Quản lý Site Bạn click vào nút [ More...] trên góc phải > Manager Site. Giao diện trang quản lý chúng sẽ xuất hiện. 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 Hướng dẫn tạo Website với Google Site Trang 3
  • 4. 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. 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è. Hướng dẫn tạo Website với Google Site Trang 4
  • 5. 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. Tiếp theo, chúng ta sẽ làm quen với việc tinh chỉnh bố cục và cá nhân hóa giao diện người dùng đối với Site của chúng ta. Để bắt đầu, chúng ta click vào [More] > Manage site, chọn mục Site layout Chúng ta sẽ thấy Site được chia 4 phần mặc định như bên dưới: 1. Header: tại đây ta có thể thay đổi logo, canh chỉnh kích thước của phần đầu trang. 2. Sidebar: quản lý các thành phần của nó, nếu muốn thêm 1 thành phần mới click Add a sidebar item và chọn. 3. Page content: vùng hiển thị nội dung trang. Hướng dẫn tạo Website với Google Site Trang 5
  • 6. 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 ... Sau thi thiết lập xong, click [Save] ở phía trên. Tiếp theo chúng ta chọn Colors and Fonts. 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. Hướng dẫn tạo Website với Google Site Trang 6
  • 7. 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. 3. Tạo một trang trong Google Site Tiếp theo bài viết sẽ hướng dẫn cách tạo ra một trang và thao tác, biên tập trên trang vừa tạo. Vì trang là thành phần cơ bản của một website, nội dung quyết định nên sự thành công của một website. Tạo trang mới Bây giờ chúng ta sẽ tạo ra nhiều trang cho site. Để làm điều đó chúng ra chỉ cần click vào biểu tượng "New Page" bên góc phải. Và tiếp theo chúng ta cung cấp thông tin cho trang đang tạo. Hướng dẫn tạo Website với Google Site Trang 7
  • 8. 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 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ị ở ...) 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 đó.) Hướng dẫn tạo Website với Google Site Trang 8
  • 9. Cuối cùng là chọn CREATE để hoàn tất. Quản lý trang 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] để thay đổi và quản lý các thiết lập trên trang vừa được chọn trong phần Page actions và Page templates như trong hình  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. Hướng dẫn tạo Website với Google Site Trang 9
  • 10.  Page settings: Tùy chỉ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 .. : 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 ...). Biên tập nội dung trang Phần này chúng ta sẽ cùng nhau biên tập nội dung một page thông qua các công cụ cơ bản mà GS đã cung cấp. Bắt đầu công việc bằng cách chọn page cần biên tập và click vào biểu tượng "cây bút chì". 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. Hướng dẫn tạo Website với Google Site Trang 10
  • 11. 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 ... 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ạn code) 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.. 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, GS 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: 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 ... Hướng dẫn tạo Website với Google Site Trang 11
  • 12. 4. Tùy chỉnh giao diện của Website Tùy chọn ngôn ngữ hiển thị Hướng dẫn tạo Website với Google Site Trang 12
  • 13. 5. Tùy chỉnh ngôn ngữ hiển thị Tùy chọn lại ngôn ngữ hiển thị. Chọn tiếng việt. Hướng dẫn tạo Website với Google Site Trang 13
  • 14. 6. Tùy chỉnh trang diện Website Trong phần này các bạn có thể thực hiện các thao tác: Hướng dẫn tạo Website với Google Site Trang 14
  • 15. 1. Tùy chỉnh bố cục của trang Web 2. Tùy chỉnh màu sắc trang. 3. Thiết lập các chủ đề có sẵn 7. Tạo menu cho Website Click chọn vào Thêm mục thanh bên Hướng dẫn tạo Website với Google Site Trang 15
  • 16. Chọn loại công cụ thanh bên là Thanh điều hướng Hướng dẫn tạo Website với Google Site Trang 16
  • 17. Sau đó bạn Add các trang có sẵn trong trang hoặc các địa chỉ khác để tạo thanh menu. Hướng dẫn tạo Website với Google Site Trang 17