tao web mien phi voi google

<span class='text_page_counter'>(1)</span><div class='page_container' data-page=1>

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 chun. 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ờ, q thầy (cơ) có thể bắt tay vào việc thiết kế web với Google Sites:
<b>1) Đăng kí trang Web:</b>

Đầu tiên, quý thầy (cô) hãy nhập thanh Address: . 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 (q 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
<i>(Site description); trang web chỉ dành cho người trưởng thành (Mature content); chọn</i>
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
<i>site để bước vào việc thiết kế trang chủ.</i>

<b>2) Thiết kế Web:</b>

Sau khi đăng kí tài khoản xong, q 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>*Bước 1: Ở trang đầu tiên, thầy (cô) nhấn nút Edit page để thiết kế trang chủ. Cơng cụ</b>
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 đã hồn thành xong nội dung, quý thầy (cô) hãy nhấn nút Save để lưu lại.
<b>*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</b>
<i>Sidebar,... bằng tính năng Change appearance (Site settings>Change appearance).</i>
Trong cửa sổ hiện ra, thầy (cô) sẽ thấy các thẻ chính của tính năng <i>Appearance này:</i>
Site Elements, Colors and Fonts, Themes

+Site Elements:

</div>
<span class='text_page_counter'>(2)</span><div class='page_container' data-page=2>

(cơ) có thể nhấn Add a sidebar item để có thể tăng thêm các thanh khác như: Text, My
<i>recent activity, Countdown. Nếu muốn chỉnh sửa một sidebar nào thì chỉ việc nhấn</i>
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>*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,</b>
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>*Bước 4: Sau khi thiết kế hồn chỉnh trang web thì q thầy (cơ) có thể chia sẽ ngay</b>
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 đó, q 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
<i>(make it public) để mọi người trên thế giới có thể vào Website của quý thầy (cô).</i>
<b>3) Một số lưu ý:</b>

-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
<i>Site stogare.</i>

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

</div>
<span class='text_page_counter'>(3)</span><div class='page_container' data-page=3>

<i>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ẻ</i>
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
<i>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.</i>
-Q 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ỉ:
hoặc

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

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.

<b>Đăng ký: </b>

Để 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ỉ
Sau khi có được tài khoản Gmail, bạn vào tiếp địa chỉ
để đă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à

</div>
<span class='text_page_counter'>(4)</span><div class='page_container' data-page=4>

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

<b>Thiết kế nội dung trang chủ:</b>

</div>
<span class='text_page_counter'>(5)</span><div class='page_container' data-page=5>

Để 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>B, chữ I hoặc chữ U tương ứng. </b>

Để 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.

<b>Tạo thêm trang phụ:</b>

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.

</div>
<span class='text_page_counter'>(6)</span><div class='page_container' data-page=6>

<b>Đưa thêm các file media:</b>

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.

</div>
<span class='text_page_counter'>(7)</span><div class='page_container' data-page=7>

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.

<b>Di chuyển nhanh trong trang web:</b>

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ê

<i><b>01- Giới thiệu</b></i>
<i><b>02- Người chủ quản</b></i>
<i><b>03- ...</b></i>

<i><b>10- Kết luận.</b></i>

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 chun 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.

</div>
<span class='text_page_counter'>(8)</span><div class='page_container' data-page=8>

- 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à

thì trong khung Link
to this URL bạn cũng điền là
rồi thêm mã #1 thì sẽ được link mới là

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à

</div>
<span class='text_page_counter'>(9)</span><div class='page_container' data-page=9>

- 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ó ln 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 <b>01- Giới thiệu</b>, 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 <b>01- Giới </b>

<b>thiệu</b> bạn sẽ có lệnh mới là <a name="1">01- Giới thiệu</a>. Với <b>02- Người chủ </b>
<b>quản</b>, bạn có lệnh là <a name="2">02- Người chủ quản </a>, hoặc với <b>10- Kết </b>
<b>luận</b>, 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.

</div>
<span class='text_page_counter'>(10)</span><div class='page_container' data-page=10></div>

<!--links-->
<a href=' />