D:tao_trang_wed.doc

Xã hội thông tin Ði?n t? khoá c Tìm kiếm hỏi đáp I Tìm kiếm rao vặt I Tìm kiếm tuyển dụng • • • • • Trang chủ • Công nghệ thông tin • Viễn thông • Hỏi đáp • Sản phẩm • Web hay • Rao vặt • Bạn đọc viết • Công nghệ - Đời sống • Tuyển dụng • Liên hệ Công nghệ thông tin Tự tay thiết kế trang web riêng miễn phí (Phần I) 16/04/2009 06:08 In trang này • 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. Cao Viết Cường 7 Đã có 543 bình chọn cho bài viết này! Ý kiến bạn đọc • Phú (06/30/2010 23:27:14) "Tại sao đã làm theo các bước mà vẫn không lập được trang web? Khi nhập xong hai lần mã số ở bước cuối cùng thì chỉ thấy hiện ra dòng chữ "Vị trí bạn đã chọn không có ".Vậy là thế nào nhỉ? " • tiensu (06/27/2010 03:19:19) "Mình làm mãi mà chẳng được, ai giúp mình với! Cảm ơn ! " • ngoc giau. (06/26/2010 18:29:23) "bạn oi sao minh tạo web rùi mà bạn bè không nhận xét được.chỉ admin mới được vào.mới nhận xét có cách nào giúp mình không.minh muốn bạn bè post tài liệu lên coi chung luôn hoặc lấy về được.mà sao trang web của mình không cho minh đăng nhập nữa.minh lick vao dang nhập không xuất hiện trang đăng nhập mà chỉ xuất hien giao diện khách.chỉ mình gấp đi.đang mùa thi can post bài gấp.cám ơn bạn trước nha " • Kim Tam (06/14/2010 11:58:11) "làm thế nào để chèn màu nền vào cho web theo ý muốn nhỉ ? giúp em với!!!! " • ĐứcNguyễn (06/04/2010 19:54:50) "đây là nhà của tôi : http://vn.360plus.yahoo.com/nhduc_mattroiphuongdong.emt23109@rocketmail.co m/ mời bạn đến thăm. chỗ ở thứ hai của tôi là ở đầy : http://emt.vn/mattroiphuongdong1 mời vào và cho ý kiến nhé. cám ơn " • khanh (05/31/2010 12:35:52) "làm thế nào để đưa 1 trang web vừa mới tạo song hả các bạn gửi qua mail cho mình nha wowtolove_phunhon@yahoo.com " • Dân Tiên (05/31/2010 09:53:32) "e-mail của mình là :rongviet5684@gmail.com " • Dân Tiên (05/31/2010 09:20:42) "Các bạn vào trang web sau để tham khảo nha: https://sites.google.com/site/ttgdtxlethuy/ Có gì thì liên hệ qua mail với mình.hoặc liên lạc qua số điện thoại : 01219388778 " • Vien (05/29/2010 22:10:28) "mình đã tạo được nhưng phần bình luận cuối site không hiện lên " • @tdt (05/27/2010 15:42:41) "Mấy đại ca chỉ rồi sao tui lam giống như vậy ma ko được. sau khi điền đầy đủ thông tin và mã code bấm chọn create site rồi. sau đó tui vào địa chỉ trang web thì máy báo không tìm thấy. ai chỉ lại kĩ kĩ giùm tui với nha. " • Quynhmobi (05/19/2010 16:27:57) "Mình vừa lập xong! thank! Nhưng có cách nào đưa ảnh động lên web như địa chỉ của mình kìa! đưa lên nhung không auto play được vậy! " • Hồng Quân (05/12/2010 23:16:46) "Em có làm như mí anh chị chỉ dẫn, nhưng sao em gõ code mã hóa hoài k được, có những code rất rõ, em đánh chính xác vậy mà làm hoài vẫn k được. là sao? Anh chị giúp em với :( " • Đức (05/08/2010 17:15:24) "à mấy anh chị giúp em với em làm hoài hok được . em tìm không thấy dòng Create site làm ơn giúp em với . còn như chẳng hạn mà mình muốn tao 1 web rieng mà khi vô nó y hệt trong blog của mình thì làm sao vậy em không biết mong mấy anh chị giúp . Nếu có gì thì liên hệ qua yahoo em hoạc mail cho em nha bikyeuemlakho_nhunganhvanyeu757@yahoo.com em xin cảm ơn ạ. " • son (05/08/2010 11:33:43) "khi nhập nội dung xong mà ko có mã bảo vệ? khi người khác mở vào web thì có sửa được ko? " • My Nguyen (05/07/2010 03:53:56) "vao Godaddy de dang ky mo trang web va vao tobits.com de xem mo mot trang web nhu the nao. Chuc cac ban thanh cong. " • Cao Văn Danh (04/26/2010 10:18:30) "Thiết kế web chuyên nghiệp miễn phí đích thực dành cho doanh nghiệp xem tại đây nè http://www.lamwebsite.com/home/dich-vu/thiet-ke-web-mien-phi-230409.html " • công trường (04/21/2010 14:11:46) "mình đã làm được một số phần rồi nhưng mà cho mình hỏi là muốn chỉnh sửa lại trang wed của mình cho đẹp thì vào phần nào vạy.trang wed của mình đang rát lọn . 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. thiết kế trang web riêng miễn phí (Phần I) 16/04/2009 06:08 In trang này • 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