Cách tạo website miễn phí với Google

Trong cửa sổ Create new site, quý thầy cô cần điền đầy đủ các thông tin: tên trang web Site name, mô tả ngắn về trang web Site description; trang web chỉ dành cho người trưởng thành Matu

Tạo website miễn phí và dễ dàng với Google Sites

Việc thiết kế một trang web là một công việc mà mọi người dùng Internet hiện nay đều muốn thực hiện Tuy nhiên, không phải người nào cũng có điều kiện trải qua các khóa học lập trình web nên công việc ấy tưởng chừng "vô vọng" đối với những thầy (cô) không chuyên Nhưng hiện nay có thể nói việc thiết kế website là một việc làm khá dễ dàng đối với mọi người vì đã có Google cung cấp một dịch vụ miễn phí Google Sites sẽ giúp cho các bạn sinh viên, các tập thể và thậm chí là các trẻ em nhanh chóng tạo lập một trang web riêng cho mình với những hình ảnh, bài viết khá phong phú Bây giờ, quý thầy (cô) có thể bắt tay vào việc thiết kế web với Google Sites:

1) Đăng kí trang Web:

Đầu tiên, quý thầy (cô) hãy nhập thanh Address: http://sites.google.com Kế đến, thầy (cô) 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ì thầy cô 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 Trong cửa sổ Create new site, quý thầy (cô) cần điền đầy đủ các thông tin: tên trang web (Site name), mô tả ngắn về trang web (Site description); trang web chỉ dành cho người trưởng thành (Mature content); chọn giao diện cho web (Site theme), có thể nhấn More themes để tìm thấy các giao diện khác; nhập mã số hiển thị (Please type the code shown), cuối cùng nhấn nút Create site để bước vào việc thiết kế trang chủ.

2) Thiết kế Web:

Sau khi đăng kí tài khoản xong, quý thầy (cô) 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, thầy (cô) nhấn nút Edit page để 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 thầy (cô), 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 thầy (cô) có hiểu biết về ngôn ngữ này có thể dễ 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, quý thầy (cô) hãy nhấn nút Save để lưu lại.

*Bước 2: Kế tiếp, quý thầy (cô) cần bổ sung thêm hình nền, logo, chỉnh sửa thanh

Sidebar, bằng tính năng Change appearance (Site settings>Change appearance) Trong cửa sổ hiện ra, thầy (cô) sẽ thấy các thẻ chính của tính năng Appearance này:

Site Elements, Colors and Fonts, Themes

+Site Elements:

-Header: thầy (cô) nhấn nút Change logo để thay đổi logo cho trang web của mình Trong cửa sổ Configure site logo, quý thầy (cô) hãy chọn Custom logo 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 tại No logo -Sidebar: theo mặc định thì Google sites sẽ cung cấp hai thanh: Navigation (Các mục chính) và Recent site activity (những hoạt động gần đây nhất của web) Ngoài ra, thầy

(cô) có thể nhấn Add a sidebar item để có thể tăng thêm các thanh khác như: Text, My recent activity, Countdown Nếu muốn chỉnh sửa một sidebar nào thì chỉ việc nhấn Edit, chẳng hạn như đối với mục Navigation thầy (cô) có thể thêm vào các mục (liên kết đến các trang khác) bằng cách nhấn Add page to sidebar navigation, hoặc có thể xóa chúng (Delete).

+Colors and Fonts: Thẻ này sẽ giúp thầy (cô) 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 đối tượ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ủ

+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, quý thầy (cô) cầ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, thầy (cô) cần phải tạo ra các trang thứ 2,

3, Để thực hiện việc này, quý thầy (cô) 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ưới trang chủ (Put page under "tên trang chủ") Cuối cùng nhấn Create page để

tạo ra trang mới và mọi công việc thiết kế cũng sẽ sử dụng các tính năng nêu trên

*Bước 4: Sau khi thiết kế hoàn chỉnh trang web thì quý thầy (cô) có thể chia sẽ ngay

cho bạn bè và mọi người Thầy (cô) nhấn Site settings> rồi chọn Share this site, sẽ

được lựa chọn một trong ba dạng Owners (có quyền như thầy (cô), tức là có thể xem, chia sẽ và chỉnh sửa thông tin, thậm chí xóa cả trang Web), Collaborators (có quyền

cộng tác, tức là có thể chỉnh sửa nội dung Web nhưng không thể thay đổi các thông tin

quản trị khác), Viewers (chỉ được xem) Sau đó, quý thầy (cô) hãy nhập vào địa chỉ

email vào ô bên dưới, rồi nhấn Invite these people và nhấn send ở cửa sổ kế tiếp Lưu

ý, thầy (cô) đừng quên đánh dấu kiểm vào mục Anyone in the world may view this site (make it public) để mọi người trên thế giới có thể vào Website của quý thầy (cô).

3) Một số lưu ý:

-Quý thầy (cô) dễ dàng xem dung lượng sử dụng mà Google Sites cung cấp cho web

của thầy (cô) (tối đa là 100MB) tại thẻ Site settings> chọn Other stuff và xem tại bảng Site stogare.

-Có thể kết hợp Google Sites với các dịch vụ khác của Google: Document, Calendar, Picasa Web, Presentation, Video vào trang web

-Khi thầy (cô) không hài lòng với trang web do mình thiết kế thì có thể xóa vĩnh viễn

nó (không thể phục hồi được) Quý thầy (cô) vào mục Other Stuff rồi nhấn Delete this

Site (cạnh dòng chữ cảnh báo màu đỏ ở cuối trang) Lưu ý, mục này có thể bị các kẻ

xấu lợi dụng để xóa trang web của thầy (cô) nên lúc chia sẻ website cần quan tâm dạng

Owners, chỉ gửi cho những người bạn thân hay tốt nhất là không chọn dạng này.

-Quý thầy (cô) có thể tham khảo một trang web do người viết bài này tạo, tại địa chỉ: http://sites.google.com/site/thanhliem24/ hoặc http://thanhliem24.tk

Tự tay thiết kế trang web riêng miễn phí (Phần I)

16/04/2009 06:08

In trang này

Đã được đọc 93389 lần

 Tự tay thiết kế trang web riêng miễn phí (Phần II) (17/04)

Việc tạo ra một trang web riêng hiện nay chắc chắn không có gì khó khăn với đa số người rành về công nghệ, tuy nhiên – để có được một trang web riêng miễn phí, ấn tượng phục vụ cho nhu cầu cá nhân thì đôi khi cũng phải đắn đo chọn lựa Có rất nhiều địc chỉ cung cấp các website miễn phí nhưng chỉ có thời hạn một năm Sang năm sau, nếu bạn không có tiền đóng thì website của bạn sẽ…sập

Tuy nhiên, Google mang đến cho bạn tiện ích Sites giúp bạn tạo ra các trang web cá nhân miễn phí tồn tại mãi với tài khoản Gmail của bạn Bài viết dưới đây hướng dẫn bạn cách tạo một trang web miễn phí với dịch vụ Sites của Google

Đăng ký:

Để sử dụng dịch vụ Sites, trước tiên – bạn cần đăng ký một tài khoản Gmail tại địa chỉ http://tinyurl.com/2s73p5 Sau khi có được tài khoản Gmail, bạn vào tiếp địa chỉ http://sites.google.com để đăng ký mở dịch vụ Sites của Google Trong trang web, bạn nhấn chuột lên nút Create Site, trong khung Site name – bạn điền địa chỉ website mình muốn tạo

Chẳng hạn, bạn muốn tạo website cho gia đình nhỏ bé của mình với tên “Tổ ấm hồng” thì trong khung cho sẵn, bạn điền địa chỉ là Tổ Âm Hồng Lúc đó, trong dòng Your site will be located at this URL, Google sẽ tự động tạo cho bạn một địa chỉ URL riêng theo tên website bạn vừa đặt (trong ví dụ này là

http://sites.google.com/site/toamhong)

Trong Site description, bạn hãy mô tả sơ lược về website của mình để mọi người khi

ai có ghé thăm qua thì họ sẽ biết đang xem một website có nội dung như thế nào Nếu muốn giữ website bí mật cho riêng bạn và người trong gia đình xem thì trong mục Share with, bạn đánh chọn Only people I specify can view this site, còn nếu muốn cho tất cả mọi người trên thế giới đều có thể xem được nội dung của trang web thì bạn đánh chọn Everyone in the world can view this site

Tiếp theo, bạn nên chọn một giao diện để làm cho website của mình trông lộng lẫy và đẹp hơn bằng cách trong mục Site theme, bạn nhấn chọn lên liên kết More themes sau đó bấm chọn lên giao diện mà mình thích (chẳng hạn giao diện Glitter) Cuối cùng, trong mục Please type the code shown, bạn điền nhóm từ mã hóa vào trong khung để xác nhận rồi nhấn nút Create site (bạn phải điền 2 lần từ mã hóa như vậy) để Google tạo website cho bạn Bây giờ, bạn đã có một website dạng

http://sites.google.com/site/

Thiết kế nội dung trang chủ:

Bạn hãy nhấn chuột lên nút Edit page, khi đó – bạn hãy thay đổi chữ Home sang tên trang web của mình (trong ví dụ này là Tổ Ấm Hồng) Để thay đổi font chữ, bạn quét chọn các chữ rồi nhấn chuột lên nút Normal và chọn dạng font mình thích Để thay đổi kích thước chữ, bạn nhấn chuột lên nút 10 pt và chọn kích thước chữ mình thích

Để im đậm, in nghiên, gạch chân – bạn quét chọn chữ rồi nhấn chuột lên các nút chữ

B, chữ I hoặc chữ U tương ứng

Để thay đổi màu sắc cho chữ, bạn cũng quét chọn chữ rồi nhấn chuột lên nút chữ A sau đó tìm đến màu sắc mình muốn Tính năng tương tự trong nút giúp bạn tô màu nền cho chữ Các nút , và giúp bạn canh lề cho chữ trong khung của trang web Khung bên dưới, bạn hãy viết đôi lời giới thiệu về trang web, hoặc các cảm nhận, suy nghĩ của mình sao cho thật ấn tượng để khiến bất kì ai ghé thăm cũng dừng lại để “ngó nghiêng” đôi chút Sau khi đã thiết kế xong trang chủ, bạn nhấn nút Save

để lưu lại chọn lựa

Tạo thêm trang phụ:

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ớ, 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 đề “Ngày sinh nhật đầu tiên” thì trong khung Name – bạn hãy viết là

“Ngày sinh nhật đầu tiên”

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à site/toamhong/ngay-sinh-nhat-dau-tien 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 activity rồ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

Đưa thêm các file media:

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 Insert > Image 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

Để tinh chỉnh cho 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òng Align giúp để canh trái – phải – giữa cho file ảnh bằng cách nhấn chuột lê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

Để đưa thêm các video, bạn hãy vào Insert > Video rồi chọn Google Video hoặc YouTube 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, sau đó trong khung Include title – 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 Save để 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

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ó 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- Giới thiệu

02- Người chủ quản

03-

10- Kết luận.

Và bạn muốn khi người đọc nhấn chuột và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ọn phần 01- Giới thiệu 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/toamhong/ngay-sinh-nhat-dau-tien, thì trong khung Link

to this URL bạn cũng điền là http://sites.google.com/site/toamhong/ngay-sinh-nhat-dau-tien rồi thêm mã #1 thì sẽ được link mới là http://sites.google.com/site/toamhong/ ngay-sinh-nhat-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 con số 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/toamhong/ ngay-sinh-nhat-dau-tien #2 , hay 10- Kết luận sẽ có đường dẫn là

http://sites.google.com/site/toamhong/ngay-sinh-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òng có chữ là tiêu đề của nội dung 01- Giới thiệu, sau đó điền đoạn mã

<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ột lên mục lục thì họ sẽ được chuyển ngay đến nội dung tương ứ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