Tài liệu Tự thiết kế trang web riêng miễn phí (phần I) ppt

Tự thiết kế trang web riêng miễn phí (phần I) 16.04.2009 09:53 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. Với 02- Người chủ quản, bạn có lệnh là <a name="2">02- Người chủ quản , hoặc với 10- Kết luận, bạn có lệnh là <a name="10">10- Kết luận. 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 Tự tay thiết kế trang web riêng miễn phí (phần II) 19.04.2009 10:16 Sau khi đã có một trang web tương đối hoàn chỉnh về nội dung, bạn cũng cần thêm các ứng dụng khác để trang web của bạn trông đẹp, hấp dẫn và đa năng hơn. Đưa các công cụ Office: Bạn có thể dễ dàng trích lấy các file office từ bộ office liên kết với Gmail của mình để đưa vào trong trang web. Muốn thế, bạn hãy mở trang web muốn thêm các tài liệu office, sau đó nhấn nút Edit Page rồi vào Insert > Document, lúc đó trong danh sách hiện ra sẽ có một loạt các tài liệu Word bạn đã từng lưu trước đó trong Offlice của Gmail. Bạn chỉ việc bấm chọn lên tài liệu mình muốn đưa vào trong web rồi nhấn Select là được. Trong Include title, bạn hãy điền tiêu đề cho văn bản Word vừa đưa vào. Sau đó canh chỉnh độ dài, rộng của văn bản bằng cách thay đổi các con số kích thước trong hai khung là Height và Width. Cuối cùng, bạn nhấn chuột lên nút Save để Google tiến hành đưa file Word vào trong trang web. Điểm đặc biệt của cách đưa tài liệu theo kiểu này, là bạn có thể soạn trước tài liệu đó ở nhà, sau đó chuyển vào trong trang web thông qua trung gian công cụ office, do đó tiết kiệm được rất nhiều thời gian làm việc cho bạn. Hơn thế nữa, khi bạn thu nhỏ kích thước hiển thị của văn bản lại thì người khác chỉ cần kéo thanh trượt bên phải của văn bản là xem hết đư9c nội dung bên trong đó. Việc này giúp trang web của bạn chứa được nhiều nội dung nhất nhưng lại tốn ít không gian để hiển thị nhất. Ngoài ra, trong mục Align các liên kết L – C – R giúp bạn đưa khung văn bản đến những vị trí mà bạn muốn trong trang web. Để đưa một file Word vào trong Office của Google, bạn làm theo cách sau: trước tiên, bạn mở Gmail của mình lên, nhấn nút Compose để soạn một lá thư. Sau đó, bạn nhấn chuột lên liên kết Attach a file sau đó tìm đến file Word của mình, nhấn Open để đưa nó vào trong Gmail. Trong dòng To, bạn hãy điền địa chỉ email của mình, sau đó nhấn nút Send để gửi đi. Bây giờ, bạn mở lá thư vừa nhận được (gửi cho chính mình) lên, kéo chuột xuống dưới và nhấn lên liên kết Open as a Google document bên cạnh tên file Word đó. Khi ấy, cửa sổ Google Office sẽ mở ra trong trang mới, bạn nhấn tiếp lên nút Save & Close là xong. File Word đó đã được đưa vào Google document cho bạn và bạn chỉ việc thao tác như phần trên để chuyển tiếp nó vào trong trang web của mình. Để đưa các file Power Point, Excel vào trong trang web, bạn cũng làm tương tự như trên là xong. Để chọn đưa file Power Point, bạn vào Insert > Presentation, còn đưa Excel thì bạn chọn Spreadsheet. Trong trường hợp tài liệu của bạn không nằm trong Google document thì bạn điền link của tài liệu ấy vào trong khung Or paste a web address here: là được. Đưa bộ sưu tập ảnh, lịch làm việc: Google cho phép liên kết một loạt các ứng dụng khác nhau của Google vào trong trang web của bạn, vì thế - bạn dễ dàng đưa bộ sưu tập hình ảnh của mình từ trong Picasa vào trong trang web chỉ với vài thao tác đơn giản. Trước tiên, bạn hãy đưa thật nhiều hình vào trong Picasa của bạn, sau đó vào Insert > Picasa Web Slideshow và điền địa chỉ của album ảnh trong Picasa vào trong đó. Bạn có thể đưa bộ sưu tập ảnh của mình hoặc của người khác cũng không hề bị ảnh hưởng gì cả. Trong mục Slideshow options, bạn hãy chọn kích thước khung hình cho bộ ảnh bằng cách chọn giá trị mình thích trong mục Select slideshow size, tiếp đó – bạn có thể chọn thiết lập để ảnh tự động được mở khi trang web vừa mở ra bằng cách đánh chọn Autoplay hoặc không chọn để chờ lệnh kích hoạt mở ảnh của người ghé thăm web. Trong khung Include title, bạn hãy điền tên cho album ảnh vào trong đó rồi nhấn Save để lưu lại các chọn lựa.Tương tự, bạn vào Insert > Calendar để đưa lịch làm việc của mình (tích hợp trong Gmail) vào trong trang web để có thể cùng với người thân ngồi lên lịch với nhau cho những thời gian làm việc, vui chơi hàng tuần khi mọi người lúc đó không thể trực tiếp ở bên cạnh nhau. Viết những kiểu chữ đặc biệt: Để viết những kiểu chữ đặc biệt trong trang web của mình, bạn hãy mở phần Edit Page của trang web ra, sau đó vào Format rồi chọn các mục Heading (H2), Sub-heading (H3), Minor heading (H4) để tạo ra các chữ to đầu dòng, hoặc Normal paragraph text để quay các chữ về một chuẩn chung nhất. Nếu muốn gạch ngang chữ, bạn chọn Strikethrough, chọn Superscript tạo tạo chữ,số nhỏ dạng trên mũ, hoặc chọn Subscript để tạo chữ,số nhỏ dạng cơ số. Nếu văn bản đưa vào có nhiều font lẫn lộn, bạn quét chọn toàn bộ văn bản rồi chọn tiếp Format > Clear Formatting là xong. Thêm các thành phần liệt kê khác: Để thêm các khung bảng đơn giản (phi Excel) thì bạn chỉ việc vào Table > Insert table rồi quét chọn số lượng khung bảng muốn tạo. Theo mặc định thì trang web hỗ trợ bạn tạo ra 25 ô gồm 5 ô ngang và 5 ô dọc. Muốn đưa thêm nhiều ô hơn, chẳng hạn đưa thêm các ô ngang ở bên trên thì bạn chọn Insert row up, còn chọn Insert row down là để đưa thêm các ô ở phần bên dưới. Để thêm các cột bên trái – bạn chọn Insert column on the left, hoặc thêm cột bên phải thì bạn chọn Insert column on the right. Để xóa các cột, hàng vừa đưa vào – bạn chọn tương ứng Delete row, Delete column hoặc để xóa toàn bộ khung bảng thì bạn chọn Delete table. [...]... cần xóa comment nào, bạn nhấn chuột lên liên kết Remove bên cạnh nó là xong Xóa trang web: Khi bạn không cần một trang web nào nữa, bạn chỉ việc mở nó lên, sau đó vào More actions > Delete > Delete để xóa trang web ấy đi Tương tự, bạn có thể thực hiện nhiều tác vụ khác với một trang web, chẳng hạn ra lệnh in nội dung trang web (lệnh Print), di chuyển trang web sang một đường dẫn mới (lệnh Move hoặc... Bổ sung thêm các thành phần phụ cho người xem web: Khi bạn muốn người quen ghé thăm web rồi tải những file gì đó liên quan về, bạn có thể đưa nó lên web theo hai cách Cách thứ nhất là upload nó lên một nơi nào đó rồi đưa link vào trang web, cách thứ hai – đơn giản hơn, ấy là bạn đưa trực tiếp nó vào trong trang web bằng cách kéo chuột xuống phía dưới trang web (đã mở tính năng Edit Page), bạn sẽ thấy... lên web – nhấn Open là xong Lúc đó, Google sẽ tự động đưa file ấy lên web cho bạn Khi ai đó cần tải về, họ chỉ cần nhấn chuột lên link của file ấy là được Nếu bạn có một nhu cầu tạo ra một trang download hoặc muốn đưa nhiều file lên web hơn, bạn có thể tạo ra một trang riêng chuyên chứa các file bằng cách nhấn chuột lên nút Create new page rồi bạn đánh chọn mục File Cabinet, sau đó đặt tên cho trang web. ..Tinh chỉnh bố cục trang web: Để thêm một đường vằn ngang trang web để thể hiện sự chấm dứt nội dung cho một đề tài nào đó – bạn chọn Insert > Horizontal Line Để tạo ra trang web có hai khung nội dung song song nhau, bạn vào Layout > Two-column Để tạo đề mục theo logic, bạn hãy nhấn chuột lên nút... web có bộ cục hợp lý hơn Tác vụ can thiệp vào giao diện web: Để thay đổi màu sắc cho các thành phần trong trang web, bạn hãy vào thẻ Colors and Fonts sau đó chọn từng mục trong khung ở bên trái (mục nào có chữ Color ở trong tên g i) sau đó chọn màu cho các phần đó bằng cách bấm chọn lên khung màu ở bên tay phải Để thay đổi hình nền cho trang web, bạn cũng nhấn chọn lên các mục có chữ Image trong tên... hơn vào bố cục trang web, bạn hãy vào Site settings > Change appearance > Change site layout Tiếp đó mục Site width, Header, Sidebar – bạn hãy chỉnh lại kích thước cho khung bề rộng trang web, khung tiêu đề, khung thông tin bằng cách thay đổi các giá trị số tương ứng Các tùy chọn On the left hoặc On the right sẽ giúp bạn dịch chuyển khung thông tin qua phải hoặc qua trái để tạo một trang web có bộ cục... trong khung Name và nhấn Create Page để tạo trang chuyên download Bây giờ, để đưa đồng loạt file lên trang web, bạn chỉ việc nhấn chuột lên nút Add file, nếu file nằm trong máy tính – bạn đánh chọn mục Your computer rồi nhấn chuột lên nút Browse và tìm đến các file đó để đưa nó lên web Còn nếu file nằm trên các địa chỉ online khác thì bạn đánh chọn mục The web (paste in URL) rồi điền link của file vào... file vào trong trang web Để tạo khung comment của bạn với nội dung bài viết trong web, bạn di chuyển đến mục Comments (0) rồi cũng nhấn chuột lên biểu tượng dấu cộng , sau đó viết comment của bạn trong khung hiện ra và nhấn nút Add comment để đưa nó lên web Đây là một cách hay để bạn cập nhật những thông tin ngắn ghi nhận tức thời trước khi chuyển nó thành một bài viết thật sự trên web Khi cần xóa... nhấn Open để đưa làm hình trong trang web Tiếp đó, mục Repeat, Horizontal Position, Vertical Position – bạn chọn vị trí đặt hình, việc lặp hình (khi hình nhỏ),…Sau khi đã chọn xong, bạn nhấn nút Save Changes để lưu lại các chọn lựa là xong Để thay đổi dạng giao diện cho trang web, bạn hãy mở thẻ Themes sau đó bấm chọn lên mục mình thích rồi nhấn nút Preview để xem thử kết quả, nếu đã ưng ý – bạn nhấn... hạn ra lệnh in nội dung trang web (lệnh Print), di chuyển trang web sang một đường dẫn mới (lệnh Move hoặc Page settings), ra lệnh thông báo vào email cho bạn mỗi khi có thay đổi – bổ sung mới trên trang web (lệnh Subscribe to page changes, Subscribe to site changes) hoặc là lệnh hủy bỏ việc thông báo ấy (lệnh Unsubscribe to page changes, Unsubscribe to site changes) Cao Viết Cường . Tự thiết kế trang web riêng miễn phí (phần I) 16.04.2009 09:53 Việc tạo ra một trang web riêng hiện nay chắc chắn không. 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í