Follow us on...
Follow us on Twitter Follow us on Facebook Watch us on YouTube

Tuyển chuyên viên tin tức VN-Zoom 2014

Tìm HD - Phần mềm tìm và xem phim HD miễn phí

Hoãn tổ chức offline VN-Zoom 8 năm tại TP HCM

Chiêm ngưỡng BaoMoi đẹp "tuyệt diệu" trên Windows Phone

Tài trợ VNZ Siêu phẩm Tân Kiếm Thế chibi 3D mới

Tuyển BQT VN-Zoom
kết quả từ 1 tới 2 trên 2
  1. #1
    stepvn's Avatar
    stepvn vẫn chưa có mặt trong diễn đàn Gà Con
    Tham gia
    Aug 2011
    Bài
    1
    Cảm ơn
    0
    Điểm: 1/1 bài viết
    VR power
    0

    Default Hướng dẫn tạo & quản lý web miễn phí chuyên nghiệp từ A-Z

    Cách tạo website miễn phí:

    Demo: ,

    Để tạo web miễn phí, trước tiên bạn cần đăng ký tài khoản miễn phí tại ( Vào , bấm đăng ký )

    Sau khi đã có tài khoản, bạn truy cập vào hoặc , nhập các thông tin cần thiết vào và bấm Khởi tạo, chờ 10 giây

    Website được tạo thành công sẽ có:
    + Trang chủ: hoặc
    + Trang quản lý: hoặc

    Lưu ý:
    * là tên website bạn nhập lúc đăng ký
    vnn.mx hoặc cantho.in là những tên miền cấp 3 được StepVN cung cấp, ngoài ra, bạn cũng có thể chọn thêm nhiều tên miền khác do các website liên kết dịch vụ với StepVN ( hatgiongtamhon.info, sieudoc.com, thongay.info,.. )


    Cách quản lý - sử dụng website:

    Sau khi đã tạo thành công website ( ), ta đến khâu quản lý.

    Do không đơn thuần là một blog cá nhân, nên khâu quản lý có vẻ phức tạp hơn và đòi hỏi nhiều "I ốt" hơn ;P

    Ví dụ:

    Bạn đăng nhập vào trang quản lý ( Admin CP ) tại ( nhớ dùng link web của bạn nhé :L )

    CẤU HÌNH

    1. Cấu hình hệ thống:
    Trong mục Cấu hình, chọn Cấu hình hệ thống
    (Từ dòng này trở đi mình xin được nói ngắn gọn, dạng như Cấu hinh - >Cấu hình hệ thống )

    Ở mục này, bạn sẽ được yêu cầu nhập các thông tin doanh nghiệp: Tiêu đề, Miêu tả, Từ khoá (VD thiet ke web, tao web mien phi,.. ),..

    Quá đơn giản, cho qua nhé

    2. Cấu hình doanh nghiệp
    Ở mục này, bạn nhập tên doanh nghiệp, thông tin bài giới thiệu ở trang chủ, thông tin cho các trang Giới thiệu (gioithieu.html), Liên hệ (lienhe.html)

    THANH ĐIỀU HƯỚNG
    Thanh điều hướng (Hay còn gọi Navigator Bar, Nav Bar): Là thanh ngang phía dưới "Phân trên" (Header) của web


    1. Thêm liên kết:
    Bạn có thể thêm không giới hạn liên kết trên thanh Nav Bar, và không giới hạn liên kết con trong các liên kết chính (VD: Giới thiệu -> Thông tin giám đốc -> Tiểu sử, Vợ giám đốc, con giám đốc, ... )

    Tuy nhiên, bạn cũng cần chú ý đến yếu tố thẩm mỹ nữa nhé :funk:

    2. Quản lý liên kết
    Bạn có thể sửa đổi các liên kết đã tạo, xoá liên kết, sắp xếp thứ tự các liên kết tại đây

    CHỦ ĐỀ
    Là nơi chứa các bài viết (tin tức), sản phẩm, ngầm định nằm bên trái trang chủ, ngay dưới Nav Bar


    Một chủ đề có thể chứa cả bài viết lẫn sản phẩm, do đó, bạn cần khai báo số lượng Sản phẩm và Bài viết sẽ được hiển thị trong chủ đề.

    Nếu bạn làm web dạng tin tức ( Không có mua bán sản phẩm ), có thể nhập Số sản phẩm là 0 và ngược lại, bạn có thể nhập Số bài viết là 0

    1. Thêm chủ đề
    Để thêm chủ đề, bạn chọn Chủ đề -> Thêm chủ đề, điền đầy đủ các thông tin và bấm Thêm mới
    Cũng như Thanh điều hướng, bạn có thể tạo không giới hạn số chủ đề con trong một chủ đề.

    2. Quản lý chủ đề
    Để quản lý chủ đề, bạn chọn Chủ đề -> Quản lý chủ đề
    Bạn có thể thay đổi thông tin của những chủ đề cũ, sắp xếp thứ tự các chủ đề bằng chức năng này

    SẢN PHẨM
    Chức năng này cho phép bạn thêm và quản lý sản phẩm, mặt hàng.

    1. Thêm sản phẩm
    Để thêm sản phẩm bạn chọn Sản phẩm -> Thêm sản phẩm

    Tại đây, bạn cần nhập các thông tin sản phẩm như Tên sản phẩm, Link ảnh chính (Link Ảnh thu nhỏ), Thư viện ảnh ( Gồm nhiều link ảnh, mỗi link ảnh vào 1 ô ), chọn chủ để chứa sản phẩm,..

    Ở mục này, bạn nên lưu ý phần Nhãn, tuy là chức năng phụ nhưng không kém phần quan trọng, nó giúp phân loại sản phẩm chi tiết hơn. Ví dụ bạn thêm sản phẩm Áo đẹp, thì bạn có thể phân loại sản phẩm này vào nhiều Nhãn khác nhau

    VD: Đỏ, cổ tròn, cotton ( Bạn có thể thêm nhiều nhãn, mỗi nhãn cách nhau bởi dấu phẩy " , " )

    Làm như vầy, sau này khách truy cập website của bạn chỉ việc chọn "Cổ tròn", thì toàn bộ các sản phẩm có nhãn "Cổ tròn" sẽ được hiển thị, rất tiện lợi.

    2. Quản lý sản phẩm
    Bạn sẽ có thể chỉnh sửa hoặc xoá các sản phẩm đã thêm tại đây
    Để sử dụng, chọn Sản phẩm -> Quản lý sản phẩm

    BÀI VIẾT
    Tương tự sản phẩm, chức năng này dùng để thêm, sửa, xoá bài viết
    Cách sử dụng đơn giản giống Sản phẩm nên mình xin phép không nêu ở đây để tiết kiệm thời gian

    GIAO DIỆN
    Như tên gọi, chức năng này để chỉnh sửa, thiết kế, tuỳ biến giao diện theo ý bạn

    1. Slideshow ảnh

    Là Slideshow ảnh xuất hiện ở giữa trang chủ, ngay phía dưới thanh điều hướng.

    Bạn sẽ có thể quản lý các ảnh trong Slideshow tại đây, tối đa 10 ảnh, mỗi ảnh cần có thông tin chính sau đây:
    + Link ảnh: Link ảnh bạn muốn hiển thị ( )
    + Chú thích cho ảnh (Không bắt buộc): Dòng chữ nổi hiện trên ảnh
    + Liên kết (Không bắt buộc): Khi click vào ảnh sẽ trỏ đến liên kết này

    2. CSS
    Chức năng này dùng để quản lý CSS của web.

    Nếu câu hỏi được đặt ra là chỉnh sửa CSS để làm gì ? Thì tôi xin trả lời ngắn gọn như sau: Chỉnh sửa CSS khi bạn muốn thay đổi màu sắc, hình ảnh (Ảnh nền chẳng hạn), định dạng chữ, .. của web

    Một ví dụ đơn giản, thay đổi màu nền hoặc ảnh nền cho web ! Bạn tìm dòng:
    Code:
    body {background:#C1B9AC url(http://step.vn/template/freeweb/1/bg.png) repeat-x; margin:0px;color:#333333; font-family:Arial; font-size:10pt;}
    + #C1B9AC: Đây là mã màu nâu xám trong giao diện ngầm định của StepVN
    + là ảnh nền, bạn có thể đổi link này theo ý thích
    + repeat-x : Lặp lại ảnh nền theo hàng ngang, nếu bạn muốn lặp lại theo hàng dọc, sửa "x" thành "y", xoá bỏ repeat-x ( hoặc repeat-y) nếu muốn lặp cả hàng ngang lẫn dọc
    + #333333: Mã màu chữ ngầm định
    + font-family: Tên font chữ ngầm định
    + font-size: Cỡ chữ ngầm định

    Bạn có thể tham khảo bảng mã màu tại:

    Để có thể chỉnh sửa hoàn toàn CSS theo ý muốn, bạn phải có một chút kiến thức về ngôn ngữ này.

    3. HTML Toàn cục

    Giống như CSS, cũng để thiết kế giao diện, nhưng đây là cấu trúc giao diện.
    Bạn cũng cần phải biết về ngôn ngữ lập trình HTML khi sử dụng chức năng này

    Ví dụ: Bạn muốn đổi nick Yahoo hỗ trợ ngầm định bên phải trang web
    Bạn tìm đoạn code sau:
    <div>
    <div class="Title">Hỗ trợ trực tuyến</div>
    <div class="Content">
    Hãy chat trực tiếp với chúng tôi nếu bạn cần hỗ trợ<br />
    <a href="ymsgr:sendim?stepvn" title="Chat với chúng tôi"><img src="http://opi.yahoo.com/online?u=stepvn&t=5" alt=""/> Hỗ trợ chung</a><br />
    <a href="ymsgr:sendim?stepvn_khachhang" title="Chat với bộ phận hỗ trợ khách hàng"><img src="http://opi.yahoo.com/online?u=stepvn_khachhang&t=5" alt=""/> Hỗ trợ khách hàng</a><br />
    </div>
    </div>


    Những chỗ được tô đậm là những chỗ có thể dễ dàng tác động nhất, và nếu bạn chưa có nhiều kinh nghiệm xử lý HTML, bạn chỉ nên thay đổi những chỗ này.

    Cơ bản việc quản lý và quản trị website tạo bởi Dịch vụ tạo web miễn phí của StepVN chỉ có vậy.

    Chúc bạn thành công !

    Xem chi tiết tại:

  2. Có 1 thành viên cảm ơn stepvn cho bài viết này:
    trukitn (09-05-2013)

  3. #2
    max9000's Avatar
    max9000 vẫn chưa có mặt trong diễn đàn Gà Con
    Tham gia
    Apr 2010
    Bài
    5
    Cảm ơn
    1
    Điểm
    0/0 bài viết
    VR power
    0

    Default

    cám ơn bạn nhiều nhé, bài viết rất ý nghĩa và chi tiết

 

 

Quyền sử dụng

  • Bạn không thể gửi chủ đề mới
  • Bạn không thể gửi trả lời
  • Bạn không thể gửi file đính kèm
  • Bạn không thể tự sửa bài viết của mình
  •