- 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 t[r]
(1)Tạo website miễn phí dễ dàng với Google Sites
Việc thiết kế trang web công việc mà người dùng Internet muốn thực Tuy nhiên, người có điều kiện trải qua khóa học lập trình web nên cơng việc tưởng chừng "vơ vọng" thầy (cô) không chuyên Nhưng nói việc thiết kế website việc làm dễ dàng người có Google cung cấp dịch vụ miễn phí Google Sites giúp cho bạn sinh viên, tập thể chí trẻ em nhanh chóng tạo lập trang web riêng cho với hình ảnh, viết phong phú Bây giờ, q thầy (cơ) 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ô) nhập Address: http://sites.google.com Kế đến, thầy (cô) cần nhập vào địa email mật khẩu, chưa có địa email google thầy đăng kí http://mail.google.com (q trình đăng kí đơn giản miễn phí), nhấn nút Create site cửa sổ Trong cửa sổ Create new site, quý thầy (cô) cần điền đầy đủ thông tin: tên trang web (Site name), mô tả ngắn trang web (Site description); trang web dành cho người trưởng thành (Mature content); chọn giao diện cho web (Site theme), nhấn More themes để tìm thấy giao diện khác; nhập mã số hiển thị (Please type the code shown), cuối nhấn nút Create site để bước vào việc thiết kế trang chủ.
2) Thiết kế Web:
Sau đăng kí tài khoản xong, q thầy (cơ) bước vào giao diện thiết kế thấy 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ụ có cửa sổ giống Word nên thuận lợi cho thầy (cô), gồm có tính Insert (chèn hình ảnh, link, liên kết với dịch vụ khác Google: Google Document; Google Video; YouTube), Format (gõ số trên, dưới, canh lề, ), Table (chèn bảng), Layout (bố trí trang web thành 01 02 cột) Đặc biệt, tính HTML giúp cho thầy (cơ) có hiểu biết ngơn ngữ dễ dàng kiểm tra, chỉnh sửa, thêm bớt hiệu ứng cho web mà Google Sites không cung cấp sẵn Sau hồn thành xong nội dung, q thầy (cơ) nhấn nút Save để lưu lại *Bước 2: Kế tiếp, q thầy (cơ) cần bổ sung thêm hình nền, logo, chỉnh sửa thanh Sidebar, tính Change appearance (Site settings>Change appearance). Trong cửa sổ ra, thầy (cô) thấy thẻ tính Appearance này: Site Elements, Colors and Fonts, Themes
+Site Elements:
(2)(cơ) nhấn Add a sidebar item để tăng thêm khác như: Text, My recent activity, Countdown Nếu muốn chỉnh sửa sidebar việc nhấn Edit, chẳng hạn mục Navigation thầy (cơ) thêm vào mục (liên kết đến trang khác) cách nhấn Add page to sidebar navigation, xóa chúng (Delete)
+Colors and Fonts: Thẻ giúp thầy (cơ) thay đổi màu, hình cho web, tiêu đề (Header), trang (Page), Sidebar Đối với việc chèn hình cho đối tượng cần nhấn Browse để duyệt đến ảnh cần chờ 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 chọn lại (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 quay trở trang web (Return to site)
*Bước 3: Sau thiết kế trang đầu tiên, thầy (cô) cần phải tạo trang thứ 2, 3, Để thực việc này, quý thầy (cô) nhấn nút Create new page chọn dạng: Web page, Dashboard, Announcements, File Cabinet, List, đặt tên cho trang (Name) chọn nơi đặt trang: đặt đầu trang (Put page at the top level), đặt bên trang chủ (Put page under "tên trang chủ") Cuối nhấn Create page để tạo trang công việc thiết kế sử dụng tính nêu
*Bước 4: Sau thiết kế hoàn chỉnh trang web q thầy (cơ) chia ngay cho bạn bè người Thầy (cô) nhấn Site settings> chọn Share this site, lựa chọn ba dạng Owners (có quyền thầy (cơ), tức xem, chia chỉnh sửa thơng tin, chí xóa trang Web), Collaborators (có quyền cộng tác, tức chỉnh sửa nội dung Web thay đổi thông tin quản trị khác), Viewers (chỉ xem) Sau đó, quý thầy (cô) nhập vào địa email vào ô bên dưới, nhấn Invite these people nhấn send cửa sổ 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) để người giới vào Website q 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 thầy (cô) (tối đa 100MB) thẻ Site settings> chọn Other stuff xem bảng Site stogare.
-Có thể kết hợp Google Sites với dịch vụ khác Google: Document, Calendar, Picasa Web, Presentation, Video vào trang web
(3)Site (cạnh dòng chữ cảnh báo màu đỏ cuối trang) Lưu ý, mục bị kẻ xấu lợi dụng để xóa trang web thầy (cơ) nên lúc chia sẻ website cần quan tâm dạng Owners, gửi cho người bạn thân hay tốt khơng chọn dạng này. -Q thầy (cơ) tham khảo trang web người viết tạo, địa chỉ: http://sites.google.com/site/thanhliem24/ 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
Đã đọ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 trang web riêng chắn khơng có khó khăn với đa số người rành cơng nghệ, nhiên – để có trang web riêng miễn phí, ấn tượng phục vụ cho nhu cầu cá nhân đơi phải đắn đo chọn lựa Có nhiều địc cung cấp website miễn phí có thời hạn năm Sang năm sau, bạn khơng có tiền đóng website bạn sẽ…sập
Tuy nhiên, Google mang đến cho bạn tiện ích Sites giúp bạn tạo trang web cá nhân miễn phí tồn với tài khoản Gmail bạn Bài viết hướng dẫn bạn cách tạo trang web miễn phí với dịch vụ Sites Google
Đăng ký:
Để sử dụng dịch vụ Sites, trước tiên – bạn cần đăng ký tài khoản Gmail địa http://tinyurl.com/2s73p5 Sau có tài khoản Gmail, bạn vào tiếp địa http://sites.google.com để đăng ký mở dịch vụ Sites Google Trong trang web, bạn nhấn chuột lên nút Create Site, khung Site name – bạn điền địa website muốn tạo
Chẳng hạn, bạn muốn tạo website cho gia đình nhỏ bé với tên “Tổ ấm hồng” khung cho sẵn, bạn điền địa Tổ Âm Hồng Lúc đó, dịng Your site will be located at this URL, Google tự động tạo cho bạn địa URL riêng theo tên website bạn vừa đặt (trong ví dụ
(4)Trong Site description, bạn mơ tả sơ lược website để người có ghé thăm qua họ biết xem website có nội dung Nếu muốn giữ website bí mật cho riêng bạn người gia đình xem mục Share with, bạn đánh chọn Only people I specify can view this site, muốn cho tất người giới xem nội dung trang web bạn đánh chọn Everyone in the world can view this site
Tiếp theo, bạn nên chọn giao diện để làm cho website trông lộng lẫy đẹp cách 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à thích (chẳng hạn giao diện Glitter) Cuối cùng, mục Please type the code shown, bạn điền nhóm từ mã hóa vào khung để xác nhận nhấn nút Create site (bạn phải điền lần từ mã hóa vậy) để Google tạo website cho bạn Bây giờ, bạn có website dạng
http://sites.google.com/site/
Thiết kế nội dung trang chủ:
(5)Để im đậm, in nghiên, gạch chân – bạn quét chọn chữ nhấn chuột lên nút chữ B, chữ I chữ U tương ứng
Để thay đổi màu sắc cho chữ, bạn quét chọn chữ nhấn chuột lên nút chữ A sau tìm đến màu sắc muốn Tính tương tự nút giúp bạn tô màu cho chữ Các nút , giúp bạn canh lề cho chữ khung trang web Khung bên dưới, bạn viết đôi lời giới thiệu trang web, cảm nhận, suy nghĩ cho thật ấn tượng để khiến ghé thăm dừng lại để “ngó nghiêng” đơi chút Sau 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 trang web có nhiều trang bên với trang nội dung khác Muốn tạo trang web mớ, bạn nhấn chuột lên nút Create new page dòng Select a template to use, bạn đánh chọn mục Web Page điền tiếp địa cho trang web
Bạn nên đặt theo tên tiêu đề trang web tiếng Việt để Google tạo lấy tiêu đề làm tiêu đề cho trang web Riêng phần địa bạn an tâm, Google chuyển địa tiêu đề (bằng tiếng Việt ấy) tiếng Việt không dấu tạo địa cho trang web tiêu đề Chẳng hạn, bạn muốn tạo trang web có tiêu đề “Ngày sinh nhật đầu tiên” khung Name – bạn viết “Ngày sinh nhật đầu tiên”
Lúc ấy, Google tạo cho bạn địa cho trang web theo dạng site/tên trang chủ/tên trang phụ , chẳng hạn trường hợp site/toamhong/ngay-sinh-nhat-dau-tien Nếu muốn nằm vị trí với trang chủ bạn đánh chọn mục Put page at the top level đánh chọn Put page under … Google đặt trang phụ nằm phía sau đường link trang chủ Bây giờ, bạn nhấn nút Create Page để tạo trang web phụ
(6)Đưa thêm file media:
Khi bạn thiết kế trang web, bạn nên đưa thêm file media vào bên để trang web bạn trông đẹp, hấp dẫn ấn tượng Để đưa hình ảnh vào trang web, bạn nhấn chọn lên mục Insert > Image Trong pop-up ra, hình bạn nằm trang web bạn đánh chọn mục Uploaded Image, nhấn nút Browse tìm đến file kia, nhấn Open > Add Image để đưa lên web
Để tinh chỉnh cho file ảnh, bạn nhấn chọn lên nó, lúc cơng cụ ra, dịng Align giúp để canh trái – phải – cho file ảnh cách nhấn chuột lên chữ L – C – R Trong dịng Size, bạn chọn phóng to thu nhỏ hình cách nhấn chọn lên 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 xong
(7)Khi file media đưa vào trang web trước bạn muốn chỉnh sửa lại bạn việc nhấn chuột lên chọn Properties xong
Di chuyển nhanh trang web:
Nếu trang web bạn dài, hay có nhiều đề mục, đơn giản bạn muốn lập mục lục trong web bạn để trơng ngăn nắp hệ thống- chứng tỏ người làm trang web làm việc có khoa học 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 trang web Chẳng hạn, mục lục trang web 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 người đọc nhấn chuột vào 10- Kết luận họ di chuyển đến nội dung tương ứng trang thay phải mậ́t cơng rê chuột Thủ thuật hay thực không đơn giản bạn phải ý đến câu chữ trang web đó, có trang web nhân khơng chun có hiệu ứng - bạn tạo trang web khơng tuyệt Tuy nhiên, nói, để có hiệu ứng “pro” bạn phải bỏ chút công sức
(8)- Bước 2: bạn tô khối đề mục 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 vào Insert > Link Trong pop-up ra, bạn chuyển qua thẻ Web address
Bây giờ, bạn điền địa trang web (lấy khung Adress phía trên) vào mục Link to this URL sau thêm mã #1 vào phía sau Chẳng hạn, ví dụ trên, địa trang web Adress
http://sites.google.com/site/toamhong/ngay-sinh-nhat-dau-tien, khung Link to this URL bạn điền http://sites.google.com/site/toamhong/ngay-sinh-nhat-dau-tien thêm mã #1 link
http://sites.google.com/site/toamhong/ngay-sinh-nhat-dau-tien#1 Cuối bạn nhấn OK để hoàn tất việc đặt link cho mục lục
- Bước 3: bạn làm tương tự cho mục lục lại thay mã #1 thành mã với số thứ tự #2, #3, #4, #5,… Chẳng hạn, theo ví dụ trên, mục lục 02- Người chủ quản, bạn đặt link
(9)- Bước 4: Bạn quay xuống tiêu đề nội dung có bên trang web, xác định vị trí tiêu đề nhấn chuột lên nút HTML góc bên tay phải(ở bạn phải phân biệt tiêu đề mục lục với tiêu đề nội dung, tiêu đề mục lục khơng có nội dung bên [đơn mục lục mà thơi], cịn tiêu đề nội dung bên ln có đoạn văn miêu tả cho tiêu đề đó)
- Bước 5: thêm mã cho link tiêu đề nội dung Đây bước quan trọng nhất, trước tiên – bạn tìm đến tiêu đề nội dung Chẳng hạn, theo ví dụ trên, bạn tìm đến dịng có chữ tiêu đề 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 có lệnh <a name="1">01- Giới thiệu</a> Với 02- Người chủ quản, bạn có lệnh <a name="2">02- Người chủ quản </a>, với 10- Kết luận, bạn có lệnh <a name="10">10- Kết luận</a> Cứ vậy, bạn thêm mã “nhảy” cho tiêu đề nội dung trang web
(10) Tạo website miễn phí dễ dàng với Google Sites http://sites.google.com http://mail.google.com http://sites.google.com/site/thanhliem24/ hoặ http://thanhliem24.tk In trang Tự tay thiết kế trang web riêng miễn phí (Phần II) (17/04) http://tinyurl.com/2s73p5 S http://sites.google.com/site/toamhong). http://sites.google.com/site/ http://sites.google.com/site/toamhong/ngay-sinh-nhat-dau-tien, t http://sites.google.com/site/toamhong/ngay-sinh-nhat-dau-tien rồi http://sites.google.com/site/toamhong/ngay-sinh-nhat-dau-tien#1 Cuối