Thống kê
Số lần xem
Đang xem
Toàn hệ thống
Trong vòng 1 giờ qua
Trang liên kết

 

 Hội cựu sinh viên Khoa Kinh Tế

Thành viên

Email:
Password

Nội dung

  Các bước hướng dẫn để tạo một trang web bằng công cụ sites.google

 

Bạn muốn tạo một trang web các nhân để lưu trữ và chia sẻ những gì của bạn cho cộng đồng? Trước đây, việc này rất phức tạp và tốn kém. Nhưng giờ việc này vô cùng đơn giản nhờ vào công cụ sites.google, google.blogsopt... Bài viết này sẽ hướng dẫn các bạn cách tạo ra một trang web bằng công cụ sites.google . Hãy tạo một tài khoản gmail để thực hiện nếu bạn chưa có. Sau đó thực hiện các bước sau:

Bước 1: gõ và trình duyệt web https://sites.google.com/ . Nếu bạn chưa đăng nhập thì đăng nhập vào bằng tài khoản gmail đã tạo. Sau khi đăng nhập, bạn sẽ thấy hình dưới và click vào "Creat" (trong vòng tròn màu đỏ)

Bước 2: Sau khi màn hình xuất hiện như hình dưới, bạn chọn Blank Template (bạn có thể chọn các template có sẵn nhưng chỉnh sửa rất mất công và khó hiểu). Sau đó, bạn lần lượt khai báo các thông số:
Tên site:  Tên mà bạn muốn đặt (có thể viết tiếng Việt), trong vòng tròn màu xanh dương
Địa chỉ miền: đó là tên xuất hiện trên trình duyệt (nên viết tắt đơn giản), trong vòng màucam.
Trong ví dụ này, tôi chọn nasafo, nhưng thử không được vì đã có người chọn trướcBạn cần kiên nhẫn làm phần này vì tên của bạn chọn rất có thể đã bị người khác chọn trước nên phải chọn lại, những địa chỉ tương tự cũng vậy. Tôi đã làm thử 8 lần mới được tên này tpsachvaantoan. Để không "đụng hàng", tên của bạn phải đặc biệt, hoặc không quá phổ biến.
Chọn mẫu nền (select a theme - trong vòng xanh lá): chọn một các nền định sẵn sao cho phù hợp chủ đề của trang web (site) của bạn. Trong ví dụ này, tôi chọn theme "Desert Panel".
Mô tả về trang (site description - trong vòng màu vàng): Giới thiệu ngắn gọn về site của bạn, chẳng hạn, tôi viết "Nơi chia sẻ thông tin, thảo luận và cung cấp các thực phẩm tự nhiên và an toàn".
- Xác minh bạn không phải là robot (vòng màu Hồng): Lưu ý, nếu 1-2 lần bạn làm không được vì tên trùng, đôi khi bạn bị yêu cầu trả lời câu hỏi bằng cách chọn những hình phù hợp mà họ đưa ra.
 
Sau khi xong, click CREAT. Chờ hệ thống kiểm tra tên có trùng hay không. Nếu trùng thì đặt tên miền lại, và xác minh ROBOT lại. Nếu OK rồi, thì nhấp vào CREATE SITE sẽ ra site của bạn.
 
Bước 3: Sau khi xong, trang bên dưới sẽ xuất hiện. Bạn hãy tạo ra những trang chính cho Menu
- Bạn hãy nghĩ ra Menu của bạn  sẽ có những gì? Chẳng hạn, ở đây tôi nghĩ ra là sẽ tạo ra 3 trang Manu chính và 3 trang menu con của 1 menu chính theo cấu trúc sau:
    + Giới thiệu
    + Thông tin sức khỏe
    + Sản phẩm:
          * Thịt các loại
          * Rau/quả
          * Hải sản
 
  - Bấm vào nút tạo trang trong vòng tròn màu đỏ (hoặc gõ phím c cũng được), màn hình sau sẽ xuất hiện.
 
- Tạo trang, chẳng hạn "Giới thiệu", gõ tên trang "giới thiệu" vào vòng màu đỏ. 
- Để mặc định ở vòng Xanh Lá, hoặc có thể chọn 3 loại trang khác sau khi tìm hiểu và thử nghiệm thêm, gồm dạng thông báo, tải file và liệt kê.
- Nếu là trang Menu chính (trang mẹ) thì để mặc định nút chọn ở vòng màu Xanh Dương. 
 - Sau khi khai báo và chọn xong, click "CREAT", một trang mới xuất hiện.
- Tạm thời viết chữ (cập nhật sau...) vào nội dung trang và tạo tiếp 5 trang còn lại
Lưu ý: Khi tạo trang con (Menu con), chẳng hạn Hải sản là trang con của Sản Phẩm, thì khi đến vòng Xanh Dương, chọn "Choose a different location" bên dưới, sau đó chọn trang mẹ trong danh sách chẳng hạn "Sản phẩm", để trang con "Hải Sản" nằm trong trang mẹ "Sản phẩm".
 
   Sau khi tạo xong 6 trang, hãy tạo thêm 3 trang tên là "Khảo sát", "lịch" và "Liên hệ" để dành cho phần sau (khỏi mất công làm lại khi đó). Bạn có thể tạo thêm nhiều trang tùy ý.
 
Bước 4: Sắp xếp và cho hiển thị trang như mong muốn
Sau khi làm xong bước 3 và lưu lại các trang, site của bạn thể hiện như hình bên dưới. Hình dưới có hạn chế là các menu sắp xếp theo mặc định không như ý bạn muốn (khung Xanh dương) và thiếu Thanh điều hướng Ngang (khung đỏ). Điều chỉnh như thế nào, hãy các thao tác xem dưới hình.
 
a) Sắp xếp Sidebar
- Vào biểu tượng NÚT SỔ cạnh BÁNH RĂNG ở góc trên bên phải, tìm và click vào Edit Site Layout
Đưa chuột vào khu vực chứa Menu (có chữ Sidebar như hình dưới), sẽ có cửa sổ như bên phải hình (sau khi bỏ chọn nút trong vòng Đỏ hình dưới)..
 
- Sửa chữ "Navigation" trong vòng xanh thành "Menu" hay gì khác mà bạn muốn. Bạn cũng có thể bỏ bằng cách bỏ chọn "Display title".
- Click "Add Page" trong vòng Tím và lần lượt chọn những trang đã tạo theo trật tự mong muốn, như cấu trúc của 6 trang ở trên (3 trang mẹ và 3 trang con). Nếu trật tự chưa đúng, có thể thay đổi bằng các nút di chuyển trong vòng Xanh Dương. Lưu ý, mũi tên qua phải dùng để đưa 1 trang thành trang con của trang trên nó, chẳng hạn "Thịt các loại", "Rau/quả" và "Hải Sản" cần thụt vào dưới trang "Sản Phẩm".
- Nếu không muốn thể hiện sơ đồ trang, thì bỏ chọn Sitemap trong vòng tròn Vàng.
Sau khi Xong, click OK thì có kết quả sắp xếp như ý.
b) Thể hiện và chọn trang cho thanh điều hướng Ngang
 Vẫn ở chế độ "Edit Site Layout", bấm chọn vào chữ trong vòng màu Đỏ, và nhìn thấy chữ Home.
 
- Click vào chữ Home, sẽ có cửa sổ chọn hiển thị trang như khi nảy. Bạn hãy thử chọn thêm "Add Page" hai trang "Giới thiệu" và Liên hệ, bạn sẽ thấy các menu trên thanh ngang này. Bạn có thể tạo trang và chọn thêm tùy thích.
Sau khi xong, bạn click "Close".
 
Bước 5: Tạo nội dung trang
- Thử click vào trang Home và click vào biểu tượng cây bút (Edit Page) ở góc trên bên phải, sẽ xuất hiện hình như bên dưới.
 
- Trong khung Xanh là, bạn sửa "Home" thành "Trang chủ", chữ Home trên thanh ngang sẽ đổi
- Trong khung Vàng, bạn có thể tạo bất kỳ nội dung gì với sự hỗ trợ của thanh công cụ định dạn cơ bản như trong Word. Ngoài ra, các công cụ và tiện ích trong vòng Đỏ cũng sẽ giúp bạn rất nhiều để nội dung trình bày đẹp và phong phú. 
- Nếu bạn biết ngôn ngữ lập trình web, click vào HTML vòng tròn màu Xanh Dương sẽ cho bạn cơ hội tự lập trình hoặc nhúng các code mà bạn tìm được vào web của bạn. Với các bạn không biết thì cũng chẳng sao.
 
Tùy vào yêu cầu thể hiện thông tin mà bạn thiết kế nội dung sao cho phù hợp và đẹp. Xin giới thiệu bạn một vài tiện ích thông dụng dưới đây để các bạn có thể áp dụng ngay
 
a) Nhúng/chèn Phiếu khảo sát online (Google Form) vào site 
- Nếu bạn chưa biết tạo Google Form, hãy hỏi giáo sư Google và Youtube nhé. Khi có thời gian, tôi sẽ đăng tiếp bài hướng dẫn. Giả định rằng bạn đã có như thôi đã có.
- Click vào tab "Khảo Sát", click vào cây viết "Edit Page"
- Đặt trỏ vào ô nội dung của trang, click Insert ở góc trên bên trái, chọn 
Drive/Form. Sau đó, chọn Form khảo sát đã tạo, rồi click Select. Bạn có thể định dạng lại chiều dọc và chiều ngang của phiếu khảo sát, chẳng hạn 1000x600. Cuối cùng, click "Save".
- Sau khi xong, click vào 1 chữ Save nữa ở góc trên bên phải thì sẽ thấy form thể hiện như thế này.
 
 
b) Chèn lịch vào trang tên "Lịch" (đã tạo)
- Phần trên, bạn được yêu cầu tạo một trang "Lịch". Giờ là lúc bạn cần đến nó.
- Bấm vào trang lịch, chọn cây bút để edit. 
- Đặt trỏ trong phần nội dung, chọn Insert/Calendar
- Chọn địa chỉ mail (thể hiện trong cửa sổ hiện ra) và chọn select
- Điều chỉnh kích thước sau cho đẹp, rồi click Save
- Cuối cùng, click Save ở trên bên phải thì lịch sẽ xuất hiện như bên dưới
Cái hay của lịch này là tất cả những sự kiện nào mà bạn đặt trên điện thoại, Ipad mà có tài khoản là địa chỉ gmail này của bạn đều hiển thị ở đây. Trong vòng màu xanh là những sự kiện mà tôi đã tạo/đặt trên điện thoại.


Bước 6: Tạo và hiển thị Logo cho Site
Nếu bạn thấy ở hai hình ngay bên trên đơn điệu và bạn muốn thể hiện một nền Logo có hình ảnh về thực phẩm, thì bạn cần làm những việc sau
- Tạo một ảnh Logo sao cho có chiều cao và chiều rộng tương đương với phần bạn muốn thể hiện (như trong khu vực khung màu đỏ 2 hình trên), chẳng hạn ở dưới


- Click vào biểu tượng bánh răng (phần trên bên phải), chọn Manage Site.
- Bên thanh Menu bên trái, kéo xuống cuối chọn "Theme, colours and fonts". 
- Xuất hiện cửa sổ
 
- Chọn "site header (vòng Đỏ nhỏ)
- Click và vòng Xanh Dương, chọn hình. Khám phá Options trong Vòng Xanh Lá để lựa chọn Logo có lập lại hay không khi Zoom+/-.
- CHọn màu nền trong vòng tím và kiểm tra sự khác biệt.
Cuối cùng, click "Save" để lưu. Và như vậy Site đã có Logo. Nhưng khoan đã! Hãy thử khám phá những điều chỉnh khác trong vòng  ĐỎ lớn xem có gì thay đổi. Cẩn thận, coi chừng xấu hơn!
 
Xong hết mọi điểu chỉnh, thoát ra bằng cách Click vào tên Site ở trên đầu thanh Menu bên trái (chế độ Manage Site). Ở ví dụ này, Click vào chữ "Thực phẩm sạch và an toàn".
 
Đến đây, về cơ bản bạn đã có một trang web, được thiết kế trên nền tảng Google Site. Trang web đẹp bao nhiêu phụ thuộc vào thời gian bạn dành cho nó bao nhiêu. Nhưng lưu ý! Cái đẹp của giao diện không quan trọng, mà quan trọng là nội dung. Giống như một vật nuôi vậy, bạn không cho ăn thì nó sẽ chết!
 
Chúc bạn tạo thành công và nuôi lớn một trang web mang lại nhiều lợi ích cho chính bạn và công đồng.
 
TRẦN MINH TRÍ (18/8/2016)
 

 

Số lần xem trang : 275
Nhập ngày : 08-09-2016
Điều chỉnh lần cuối :

Ý kiến của bạn về bài viết này


In trang này

Lên đầu trang

Gởi ý kiến

  Ứng dụng tin học

  Hướng dẫn làm Videos trên Movie Maker(16-08-2016)

Liên hệ: Trần Minh Trí Đc: Email:tmtri@hcmuaf.edu.vn; ĐT: 0908.357.636

Thiết kế: Quản trị mạng- ĐHNL 2007