Thứ Ba, 20 tháng 8, 2013

Tut này mình cũng đã viết khá là lâu rồi và được đăng tải trên website DichvuSEO.biz.vn. Các bạn có thể search key "thiết kế web miễn phí" và bài mình viết nằm trong top 10 (Khá là mừng).
Theo mình thấy thì bây giờ việc tạo ra một website cá nhân không còn là điều gì quá khó khăn nữa. Vấn đề là chỉ cần các bạn nắm vững một vài điểm cần thiết và một chút óc sáng tạo là các bạn có thể tự sáng tạo cho mình một website cá nhân lung linh rồi.
Hôm nay mình xin chia sẻ một tut đơn giản để tạo một website đơn giản hơn bao giờ hết chỉ với vài thao tác kéo thả thôi. Còn chờ gì nữa mà không xem thử nhỉ? Mình xin đăng tải lại toàn bộ nội dung bài viết của mình lên đây để tiện theo dõi.

Thông báo với cả nhà!
Hiện nay mình đang phát triển website motgoctamhon.com với tiêu chí là lắng nghe và chia sẻ. Mình hy vọng rằng:
  • Blog sẽ là một nơi để mọi người có thể chia sẻ những câu chuyện của bản thân.
  • Là nơi giao lưu - gặp gỡ của những bạn trẻ yêu thích viết lách (giống mình)
 
----------------------------------------------------------------
IM Creator cung cấp cho bạn dịch vụ thiết kế website trực tuyến rất đơn giản và nhanh gọn. Với rất nhiều lựa chọn, nhiều tính năng dễ sử dụng cho người dùng (Thậm chí là không cần biết gì về code) có thể tạo cho mình một website cá nhân nhanh chóng.


Hãy cùng dichvuseo.biz.vn thao tác từng bước một để tạo ra một trang web cho bạn nhé.
Đầu tiên, bạn hãy truy cập địa chỉ trang web Imcreator.com và bắt đầu thôi. Nhập chọn “Start Now”. Khi đó sẽ có 3 lựa chọn cho bạn: Chọn template (Chúng ta sẽ đi theo hướng này), chọn bắt đầu với một trang mới hoàn toàn, chọn trang của bạn đã có.
template dành cho thiết kế web

Hãy chọn “Choose a template” và làm tiếp nào.

Bạn có thể nhìn thấy rất nhiều mẫu template mà IM creator cung cấp cho bạn, thật tuyệt vời phải không? Bây giờ thì bạn có thể chọn một template bất kỳ ở một lĩnh vực bất kỳ (mà bạn thích) và thực hành thôi.
Tôi sẽ chọn template “Jhon_Single_White” (Template này bạn có thể nhìn thấy ở mục “Photographer”).
Sau khi đã vào template bạn chọn, hãy cũng xem qua một lượt xem có ưng không. Nếu bạn không ưng bạn có thể chọn “Back”, còn nếu đã hài lòng rồi thì hãy chọn “Customize Now” và bắt tay vào tạo một trang web cho riêng bạn thôi.
thiết kế cho template

Chỉnh sửa Template của bạn.

Bây giờ bạn muốn thay đổi bất kỳ điều gì thì bạn chỉ cần nhấp chuột vào và…chỉnh sửa thôi. Dễ phải không? Được rồi, hãy cùng xem qua những lựa chọn ở phần menu nhé.
  • Ở mục Page: Bạn có thể thực hiện các tác vụ như quản lý pages, thêm một page, thêm một page trắng hoàn toàn.
  • Ở mục Add an Element: Bạn có thể có nhiều lựa chọn như việc thêm picture, thêm title, thêm video,…Bạn chỉ cần chọn và chỉnh sửa theo ý bạn thôi.
  • Ở mục Settings: Bạn có thể chỉnh sửa hoặc theo dõi trang web qua những lựa chọn như: Page Size & Color, SEO, Website Analytics,…(Rất tuyệt vời phải không?)
Đầu tiên, chúng ta hãy đi đến bước thay đổi những text có sẵn trong template. Để làm được điều này, bạn chỉ cần bấm vào đoạn text đó và bạn sẽ thấy một tooltip hiện lên để bạn chỉnh sửa. Rất đơn giản, và bây giờ bạn có thể áp dụng cho các đoạn text khác trên template của bạn.
bước 5
Tiếp theo, bạn sẽ thay thế những hình ảnh mà bạn thích vào. Bạn chỉ cần nhấp chuột vào bất cứ ảnh nào bạn muốn thay đổi. Ở đây mình sẽ hướng dẫn với bức ảnh lớn của template. Khi nhấp chọn sẽ có một nút “Replace Pic” và bạn sẽ chọn bức ảnh bạn thích để thay thế vào.
bước 6-1

bước 6
Ngoài ra bạn cũng có thể sử dụng “Set info” để điền thông tin cho bức ảnh của bạn như: Title, description, link.
bước 7

Chỉnh sửa một page khác.

Ở đây mình sẽ ví dụ với việc thêm một page dạng “About”, tức là giới thiệu một chút thông tin về bản thân. Ở một số template sẽ có sẵn page này và bạn chỉ cần chọn “Page” > “Add Page” (Hoặc manage Pages) và chỉnh sửa như trang chủ mà thôi.
Ok, bây giờ mình sẽ add một “Blank Page” (Một page mới hoàn toàn chưa có gì) để thức hiện.
bước 8
Đầu tiên là chọn “Add an element” > “Picture”. Thường thì sẽ có một ảnh mặc định cho bạn. Nếu bạn không thì và muốn một bức ảnh riêng cho mình thì nhấn chọn ảnh và “Replace Pic” để chọn ảnh bạn thích làm Background.
bước 9
Tiếp theo, chọn “Add an Element” > “Area”. Mình sẽ căn chỉnh nó như hình minh họa bên dưới. Nhấp vào Area và chọn Color & Line. Ở mục đầu tiên “Background color”, bạn có thể giảm Opaque xuống 40%.
Sau đó thêm Text, căn chỉnh và sửa lại là About. Tiếp đó là Add Paragraph như hình minh họa bên dưới.
bước 10
Cuối cùng mình sẽ hướng dẫn cho bạn tạo liên kết giữa hai trang chúng ta vừa thực hiện: Trang chủ và trang About.
Quay lại trang chủ nhé. Nếu bạn không biết cách quay lại thì hãy chọn “Pages” > “Manage Pages” và chọn trang chủ mà chúng ta đã làm ở trên (Trang của mình tên là Gallery), và ok.
Tiếp theo nhấp chọn “Add element” > “Menu”.
bước 11
Bây giờ hãy làm tương tự với trang About nhé. Vậy là cũng đã xong khâu thiết kế rồi, để xem lại thành quả thì hãy chọn Preview nhé.
Cuối cùng chúng ta “Save” lại, đặt tên cho website của bạn. Và “Publish”.
bước 13
Bạn có thể có URL free nếu bạn không muốn bỏ tiền, bạn chỉ cần click like Facebook là ok. Còn nếu bạn muốn nhiều hơn “free” thì có những mức phí riêng để bạn lựa chọn.

Kết lại:

Chỉ với vài bước đơn giản và nhanh chóng bạn đã có được cho mình một website đẹp mắt. Không cần phải quả “cao siêu” phải không nào? Một điểm thú vị của trang web này, đó là ngoài việc cung cấp đa dạng template, cách thức thiết kế dễ dàng mà nó còn cung cấp cho người sử dụng công cụ SEO để bạn dễ dàng áp dụng việc SEO cho chính trang web mới tạo của bạn.
Hãy thực hành xây dựng và hãy nhớ thiết kế web chuẩn seo nhé!

Tagged:

3 nhận xét :

Lên Trên Nào

Ready To Be Make Elegant Blog

Subscribe to My Blogger Tricks to enjoy Free Tricks