thiet ke-website-danh-cho-nhung-nguoi-khong-biet-ve-it

27
THIẾT KẾ WEBSITE DÀNH CHO NHỮNG NGƯỜI KHÔNG BIẾT VỀ IT

Upload: bill-quy

Post on 27-May-2015

2.816 views

Category:

Documents


1 download

DESCRIPTION

Thiết kế website dành cho những người không biết về it là khóa học giúp các bạn biết thiết kế một website chuyên nghiệp với thông điệp của Bill Quy gởi đến các bạn như sau: "Hãy Kinh Doanh Bằng Website Do Chính Tay Bạn Thiết Kế" Toàn tập Hướng Dẫn Thiết Kế Website Bằng Blogger Link: http://goo.gl/x3ZBS2 Cụ thể: Bài 01: Hướng dẫn đăng nhập Blogger & Tổng quan Blogger Link - http://goo.gl/qIRUpd Bài 02: Hướng dẫn đăng bài lên website cơ bản Link - http://goo.gl/GVopAX Bài 03: Hướng dẫn đăng bài nâng cao bằng cách copywriting Link - http://goo.gl/gqqs3O Bài 04: Hướng dẫn thay đổi giao diện website Link - http://goo.gl/ruVvqV Bài 05: Tạo thanh Menu theo ý của bạn Link - http://goo.gl/wmu3B4 Bài 06: Hướng dẫn thay hình ảnh Slideshow Link - http://goo.gl/9TGC8p Bài 07: Hướng dẫn sử dụng tiện ích Link - http://goo.gl/zByWzc Bài 08: Hướng dẫn chèn comment facebook vào blogspot Tiện ích nâng cao Link - http://goo.gl/9GCpBV Bài 09: Hướng dẫn chèn Floating mxh Tiện ích nâng cao Link - http://goo.gl/ganivC Bài 10: Hướng dẫn chèn Zopim chat vào blogspot Link - http://goo.gl/J2qb3v

TRANSCRIPT

Page 1: Thiet ke-website-danh-cho-nhung-nguoi-khong-biet-ve-it

THIẾT KẾ WEBSITE DÀNH CHO NHỮNG NGƯỜI KHÔNG BIẾT VỀ IT

Page 2: Thiet ke-website-danh-cho-nhung-nguoi-khong-biet-ve-it

PHẦN 5: CHỈNH SỬA BỐ CỤC

PHẦN 4: CHỈNH SỬA MẪU – JAVA BÊN TRONG

PHẦN 3: ĐĂNG BÀI VIẾT

PHẦN 1: TẠO TÀI KHOẢN

PHẦN 2: THAY ĐỔI GIAO DIỆN MỚI CHO WEBSITE

Page 3: Thiet ke-website-danh-cho-nhung-nguoi-khong-biet-ve-it

Bước 1: Truy cập địa chỉ sau: http://blogger.com

Bước 2: Điền mật khẩu và Gmail của bạn

Bước 3: Click Vào Nút “Tiếp Tục Với Blogger”

Click vào đây

PHẦN 1: TẠO TÀI KHOẢN

Page 4: Thiet ke-website-danh-cho-nhung-nguoi-khong-biet-ve-it

Bước 4: Click vào đây

Page 5: Thiet ke-website-danh-cho-nhung-nguoi-khong-biet-ve-it

Bước 5:Điền TIÊU ĐỀ và Địa Chỉ vào.

Vd: Tiêu Đề: BillQuy Địa Chỉ: BillQuy.Com

Và Click vào “Tạo Blog”

Click vào đây

Page 6: Thiet ke-website-danh-cho-nhung-nguoi-khong-biet-ve-it

Nó sẽ hiện thị phần sau

Click vào đây để xem website vừa mới tạo

Page 7: Thiet ke-website-danh-cho-nhung-nguoi-khong-biet-ve-it

Đây là giao diên website bạn mới tạo. Trông nó không đẹp!

Liệu bạn có muốn thay đổi GIAO DIỆN đẹp hơn cho nó không?

Nếu bạn muốn hãy tiếp tục với BillQuy nhé

Page 8: Thiet ke-website-danh-cho-nhung-nguoi-khong-biet-ve-it

PHẦN 2: THAY ĐỔI GIAO DIỆN MỚI CHO WEBSITE

Bước 1: Tải GIAO DIỆN mới về Máy Tính. Có hai cách để làm việc này.

C1: Vào Google gõ từ khóa “21 website cung cấp template cho blogger”

C2: Vào http://billquy.blogspot.comVào theo đường dẫn hình bên để Download môt template cực đẹp.

Trong phần này Bill sẽ hướng dẫn các bạn Template billquy.com này

Page 9: Thiet ke-website-danh-cho-nhung-nguoi-khong-biet-ve-it

Bước 2: Tải GIAO DIỆN MỚI CHO WEBSITE

Click vào và chọn MẪU

Chọn Sao Lưu/Khôi Phục

Page 10: Thiet ke-website-danh-cho-nhung-nguoi-khong-biet-ve-it

Click Choose File

Giải nén

Click Tải Lên

Page 11: Thiet ke-website-danh-cho-nhung-nguoi-khong-biet-ve-it

Chiêm Ngưỡng Website Của Bạn

Page 12: Thiet ke-website-danh-cho-nhung-nguoi-khong-biet-ve-it

PHẦN 3: ĐĂNG BÀI VIẾT

Tổng Quan: Cho phép bạn Theo Dõi lượng người Truy Cập vào Website của bạn

Bài Đăng: Giúp các bạn Quản Lý số lượng bài đăng trên website của bạn

Trang: Quản Lý TRANG (Số lượng trang như là TRANG CHỦ, GIỚI THIỆU, LIÊN HỆ…)

Nhận Xét: Cho biết có bao nhiêu nhận xét trong Website của bạn

Google +: Chia sẻ thông tin từ Website sang Google Plus

Thống Kê +: Thống kê toàn bộ những hoạt động của Website

Bố Cục: Vô cùng quan trọng giúp bạn thiết kế Giao Diện Bên Ngoài của Website

Mẫu: Vô cùng quan trọng giúp bạn thiết kế Giao Diện Bên Trong của Website

Cài Đặt: Cài đặt thông tin và chuyển đổi tên miền

Bài đăng mới: Bạn đăng bài ở đây

Page 13: Thiet ke-website-danh-cho-nhung-nguoi-khong-biet-ve-it

Lưu Ý: Bạn Đăng Bài Viết Khoảng 5 – 7 bài để tiện chỉnh sửa GIAO DIỆN khi Thiết kế

Tiêu đề bài đăng

Khung chỉnh Sửa

Cài đặt bài đăng

Giao diên bài viết

Page 14: Thiet ke-website-danh-cho-nhung-nguoi-khong-biet-ve-it

PHẦN 4: CHỈNH SỬA MẪU – JAVA BÊN TRONG

Sau Chỉnh Sửa

Trước Chỉnh Sủa

Bước 1: Chỉnh Sửa Thanh MENU

Page 15: Thiet ke-website-danh-cho-nhung-nguoi-khong-biet-ve-it

Vào Mẫu Chỉnh Sưa HTML

Ctrl + F (Find = tìm kiếm)

Gõ chữ: BusinesSửa Business = Giới thiệu

Internet = Tuổi thơ…..

Page 16: Thiet ke-website-danh-cho-nhung-nguoi-khong-biet-ve-it

Bước 2: Chỉnh Sửa HÌNH ẢNH trong SLIDE

Click chuột phải vào ảnh chọn Inspect Element (Kiểm tra phần tử)

Resources

Images và tìm đúng ảnh

Kích Thước ảnh

URL ảnh

Page 17: Thiet ke-website-danh-cho-nhung-nguoi-khong-biet-ve-it

Vào google tìm kiếm hình ảnh cùng kích thước 930x300

Page 18: Thiet ke-website-danh-cho-nhung-nguoi-khong-biet-ve-it

Vào “Mẫu”

“Chỉnh Sửa HTM”

“Ctrl + F”

Dán “URL ảnh Trên Web”

Copy “URL ảnh Trên Web”

Copy “URL ảnh vừa tìm được”

Thay URL Trên Web bằng URL ảnh vừa tìm được

“Lưu Mẫu”

Page 19: Thiet ke-website-danh-cho-nhung-nguoi-khong-biet-ve-it

Kết Quả Đạt ĐượcẢnh Cần Thay

Ảnh Tìm Trên Google

Page 20: Thiet ke-website-danh-cho-nhung-nguoi-khong-biet-ve-it

PHẦN 5: CHỈNH SỬA BỐ CỤC

Trong Blog có rất nhiều tiện ích – phần này BillQuy sẽ giới thiệu cho các bạn những tiện ích cần thiết nhất, thường xuyên sử dụng nhất nhât

B1: Đầu tiên các bạn vào “Bố Cục” Và xóa hết tất cả những tiện ích mà hiện có. Nó sẽ hiện ra khung như sau.

B2: Click vào them tiện ích

Page 21: Thiet ke-website-danh-cho-nhung-nguoi-khong-biet-ve-it

Gồm 27 tiện ích các bạn từ từ tìm hiểu từng tiện ích một nhé. Phần này sẽ giúp Website của bạn chuyên nghiệp hơn khi Bán Hàng

Page 22: Thiet ke-website-danh-cho-nhung-nguoi-khong-biet-ve-it

Tiện Ích HTML/JavaScript vô cùng quan trọng giúp bạn them đoạn Nhạc, Video hay Hình Flash vào Web để làm sinh động Web của bạn

B1: Click vào Thêm Tiện ích =>

HTML/JavaScript

BillQuy sẽ hướng dẫn các bạn thêm Video Gangnam Style vào Website

B2: Vào Youtube tìm kiếm Ganganam Style=> Nhấn nút “Share”

=> Nhấn nút “Embed” => Copy đoạn “HTML” về dán vào Khung “Nội Dung”

B3: Dán vào Khung Nội Dung xong bạn chỉnh sửa kich thước cho vừa với Website của bạn

Kích Thước Video này là 560x315

Page 23: Thiet ke-website-danh-cho-nhung-nguoi-khong-biet-ve-it

Bài Đăng Phổ Biến – Hiển thị tất cả các bài đăng của bạn được xem nhiều nhất trên Website của bạn để người dung dễ dàng tìm kiếm thông tin bổ ích nhất trên Site của bạn

Ô tìm kiếm sẽ giúp khách hang tìm kiếm bài đăng nhanh hơn

Page 24: Thiet ke-website-danh-cho-nhung-nguoi-khong-biet-ve-it

Thêm đoạn văn bản mà bạn thích vào Website

Sẽ biết được bao nhiêu lượng truy cập vào Website của bạn. Lượng truy cập càng nhiều

nghĩa là website bạn rất UY TÍN

Page 25: Thiet ke-website-danh-cho-nhung-nguoi-khong-biet-ve-it

Thêm Ảnh Quảng Cáo vào Webiste

Ở đây Bill thêm ảnh của Bill vào website và Điều

hướng về Web của mình

Tiêu Đề

Khi Bill Click vào hình này thì nhảy

qua Link này

Page 26: Thiet ke-website-danh-cho-nhung-nguoi-khong-biet-ve-it

Đây chỉ là những phần cơ bản.

Sắp tới sẽ ra mắt khóa học “Thiết Kế Webiste Dành Cho Những Người Không Biết Về IT’’ bạn sẽ Hoàn Thiện Website

của mình một cách bất ngờ.

Tìm hiểu thêm thông tin tại website của Bill Quy nhé.

Chúc các bạn thành công hơn nữa!

Page 27: Thiet ke-website-danh-cho-nhung-nguoi-khong-biet-ve-it

Thông điệp của BillQuy:

 "Đừng Bao Giờ Đi Thực Hiện Ước Mơ Của Người Khác - Mà Hãy Đi Thực Hiện Ước Mơ Cho Chính Bản Thân Mình" BillQuy

"Hãy Kinh Doanh Bằng Chính Website Do Chính Tay Bạn Thiết Kế’’ BillQuy

Name: BillQuy

Email: [email protected]

Web: www.billquy.com www.billquy.blogspot.com Facebook: Bill Quy – Người Do Thái

Youtube: www.youtube.com/billquy

Twitter: www.twitter.com/billquy

Slideshare: www.slideshare.net/billquy

Skpyer: BillQuy

Yahoo: BillQuy

Google+: BillQuy