Tự tạo một website chuyên nghiệp với Weebly (phần 2)

Tự tạo một website chuyên nghiệp với Weebly (phần 2)

            Tiếp theo bài trước hôm nay mình hướng dẫn các bạn đăng ký một tài khoản trên weebly và bắt đầu các bước cơ bản để tự xây dựng cho mình một trang web mang phong cách cá nhân của chính mình.

            Bước 1: Truy cập vào trang chủ của weebly: http://www.weebly.com/

            Bước 2: Nhập vào tên đầy đủ của bạn (Full name), mật khẩu (password)) và địa chỉ email (email) và nhấn vào nút Singn Up. It's Free! ngay bên dưới. ở cửa sổ tiếp theo hiện ra các bạn điền các ký tự hiện ra vào ô trống sau đó click vào Ok, let's go!

            Bước 3: đặt tiêu đề cho website của bạn

Nhập vào ô trống tiêu đề trang web của bạn còn trong Type of Site là kiểu trang web của bạn nếu các bạn thích các kiểu mặc định thì chọn còn không thì chọn Other và nhấn Continue.
            Bước 4: đặt địa chỉ đường dẫn cho trang web của bạn:
ở lựa chọn đầu tiên là tên miền cấp 2 do weebly cung cấp miễn phí cho người dùng có dạng là tentrang.weebly.com, lựa chọn tiếp theo là các bạn sẽ mua một tên miền trên chính weebly, lựa chọn thứ 3 là tên miềm của riêng bạn có thể là tên miền mua hoặc miễn phí đều được. Để tiện các bạn cứ chọn Use a Subdomain of weebly.com Sau này mình sẽ viết một bài hướng dẫn các bạn add tên miền của bạn vào bằng lựa chọn Use a Domain You Already Own cụ thể mình sẽ hướng dẫn add tên miền *.tk vào đó thui việc đó để sau vậy giờ bạn điền tên trang web mà bạn muốn vào ô trống trong Use Subdomain of weebly.com và nhấn vào Continue.
            Bước 5: thiết kế trang web
Sau khi hoàn thành bước 4 weebly sẽ chuyển đến giao diện để các bạn rễ dàng thiết kế chỉnh sửa trang web có giao điện như hình trên. Trong đó gồm có 5 phần chính là
  • Elements: các yếu tố
  • Design: thiết kế
  • Pages: các trang
  • Editors: biên tập
  • Settings: cài đặt

          Sau đây mình sẽ giới thiệu các tiện ích trong từng phần và tính năng, cách sử dụng một số tiện ích đơn giản. Để áp dụng các tiện ích này cho trang web của mình các bạn chỉ cần kéo thả chúng vào vị trí muốn hiển thị là xong.
          Chú ý mỗi khi sửa đổi các bạn phải nhấn vào nút Puplish để nó có hiệu lực hiển thị trên trang của các bạn.
1. Elements:
          Trong phần này mục nào có chữ pro thì chúng ta không thể sử dụng được vì mục này muốn sử dụng cần phải mất phí, hình như nâng cấp tài khoản lên (upgrade to pro) thì mới sử dụng được.
  • Basic: Cơ bản
            Mọi tính năng đều được minh họa bằng hình ảnh nên các bạn rất rễ dàng hình dung ra đặc tính của chúng để áp dụng mình xin nêu ra ở đây một số tính năng:
    - Paragraph with title: Văn bản có tiêu đề dạng text
    - Paragraph with pictrure: Văn bản có tiêu đề là hình ảnh
    - Contact Form: Cung cấp một form để khách thăm trang web của bạn gửi các ý kiến liên hệ tới bạn.
    - Two Column Layout: Chia trang làm 2 cột
    - Google Adsense: Tiện ích này dùng cho bạn nào tham gia kiếm tiền với google Adsense (mình sẽ có một bài hướng dẫn chi tiết tiện ích này sau).
  • Multimedia:Đa phương tiện
    - Photo Gallery: tạo một gallery ảnh
    - Slideshow: tạo một slide ảnh
    - File: Cho phép bạn tải lên file tài liệu dung lượng file tải lên tối đa là 5M
    - Flash: chèn flash vào trang web của bạn, bạn cần upload file flash của bạn (có phần mở rộng là swf) lên.
    - Google Maps: Chèn bản đồ của google vào trang của bạn
    - Youtube Video: Chèn video trên youtube vào trang của bạn
  • Revenue: Doanh thu
            Ơ đây bạn có thể quảng cáo, bán các sản phẩm của mình với giá tiền và các thông tin chi tiết của sản phẩm như một cửa hàng trực tuyến, weebly cung cấp cho bạn 4 kiểu trình bày sản phẩm khác nhau.
  • More: Nhiều thứ khác nữa
    - Forums by Tal.ki: bạn có thể nhúng vào trang web của mình một forum hoàn toàn miễn phí.
    - Online Bookings: tiện ích này giúp bạn đọc sách online rất hay.
    - Divider: Tạo đường kẻ ngăn cách giữa các tiện ích.
    - Online Poll: Tạo một bài trắc nghiệm.

2. Design:

Favorites: Trong phần này bạn chọn một dạng thiết kế mà bạn thấy thích, chúng có rất nhiều với nhiều ý tưởng thiết kế khác nhau.
Design Options: Trong phần này các bạn có thể chọn màu, kích thước, kiểu chữ cho các mục:
  • Site Tile: tiêu đề trang web
  • Paragraph title: đoạn tiêu đề
  • Paragraph text: đoạn văn bản
  • Links: Liên kết
    Reset Defaults: để quay lại chế độ mặc định.
All Themes: Ở mục này cung cấp tất cả các mẫu thiết kế theo các yếu tố khác nhau cho bạn lựa chọn. Ngoài ra còn có mục My Custom Themes để các bạn tùy chỉnh cho mình một theme riêng độc đáo hơn. Weebly còn cung cấp một mục dành cho dân chuyên nghiệp thiết kế website nữa là Edit HTML/CSS nếu các bạn biết chút ít thì cũng có thể chỉnh sửa không thì xem cho biết ^^

Nhận xét