Khai giảng khóa học Chuyên viên website lành nghề Online

[hocwebgiare]

Phiên bản nâng cấp V 3.0

Với mục tiêu đào tạo LÀNH NGHỀ - ĐÁP ỨNG TỐT MỌI YÊU CẦU THỰC TẾ về lĩnh vực website, hocwebgiare.com đã xây dựng khóa học CHUYÊN VIÊN WEBSITE LÀNH NGHỀ ONLINE. Đây là khóa học về Phương pháp & Kỹ thuật xây dựng một website hoàn chỉnh - chuyên nghiệp, được biên soạn dựa trên sự kết hợp tối ưu của 2 phương thức xây dựng website là: Lập trình PHP & MySQL và Sử dụng các Bộ Phần Mềm chuyên dụng. Nhằm phù hợp với những người không biết hoặc không chuyên về lập trình nhưng vẫn học tốt và ứng dụng thành thạo vào thực tế.

Để đảm bảo cho mục tiêu như trên, hocwebgiare.com đã xây dựng thư viện các tình huống (LAB) thử thách kỹ thuật thiết kế website với nhiều yêu cầu chức năng của các thể loại website phổ biến hiện nay như: Website tin tức, website bán hàng & thương mại điện tử, website việc làm, website địa ốc - nội thất, website đa ngôn ngữ, website đa giao diện, v.v . . .Học viên được phát tài liệu hướng dẫn kỹ thuật thực hiện và phải hoàn thành thư viện tình huống này trong suốt khóa học, điều này giúp học viên nhanh chóng nắm vững các kỹ thuật để xây dựng được mọi thể loại website trong thực tế - Xem ở đây

Những công nghệ website mới được đưa vào giảng dạy trong khóa học CHUYÊN VIÊN WEBSITE LÀNH NGHỀ ONLINE này - Responsive Web Design (RWD) và HTML5 & CSS3 làm cho website có những ưu điểm sau:

1. Responsive Web Design (RWD):

Đây là công nghệ mới trong thiết kế giao diện website. Với công nghệ này, website sẽ tự động điều chỉnh co giãn độ rộng và bố cục nội dung của trang web theo kích cỡ và độ phân giải màn hình của mọi thiết bị như: Laptop, Desktop, iPad, iPhone, Smartphone, Tablet sao cho thông tin hoặc hình ảnh trên trang web không bị mất vùng hiển thị do màn hình không đủ rộng khi duyệt web trên các iPhone, smartphone, . . . Các website thiết kế giao diện theo kỹ thuật cũ là định thông số độ rộng và độ phân giải màn hình thiết bị theo số cố định nên các website này phải có thêm 1 phiên bản website tương tự được đặt thêm chữ m.* để chạy trên các thiết bị như: iPhone, smartphone, iPad, tablet, . . . Ví dụ như: vnexpress.net và m.vnexpress.net. Việc này sẽ mất công sức trong việc vận hành và quản lý website.

2. HTML5 & CSS3: Hỗ trợ việc thiết kế giao diện và SEO của Website tốt hơn.

Đối tượng:
Tất cả những ai muốn trở thành chuyên nghiệp trong lĩnh vực thiết kế & xây dựng website cho các công ty hiện nay.

Tài liệu học tập và thực hành:
- Tài liệu học & thực hành bằng Video tiếng Việt.
- Các file video clip hướng dẫn chi tiết cách cấu hình thông số và phương thức thiết kế & xây dựng website bằng tiếng Việt.
- Giao tiếp với giảng viên qua: Chat, skype, email, điện thoại, teamviewer.
- Bộ Công Cụ chuyên dụng để thiết kế & xây dựng website chuyên nghiệp
- Được phát tài liệu hướng dẫn thực hiện các LAB thử thách kỹ thuật thiết kế website được cập nhật thường xuyên từ yêu cầu thiết kế website thực tế - Xem ở đây

Hoàn thành:
- Có khả năng thiết kế & xây dựng mọi thể loại website động hoàn chỉnh đạt cấp độ cao về hình ảnh thẩm mỹ, nội dung sinh động, đáp ứng được yêu cầu cần thiết hiện nay tại các doanh nghiệp như: www.bidiphar.com ,  news.zing.vn

- Sau khi hoàn tất khóa học, thấp nhất học viên cũng phải làm được các website tương tự như:


       1 - Website http://hocwebgiare.com/demo_responsive_webdesign (Bài tập cuối khóa Lớp Chuyên Viên Web Lành Nghề Online)
       2 - Website http://hocwebgiare.com/demo_responsive_shopping/ (Đề tài cuối khóa Lớp Chuyên Viên Web Lành Nghề Online)
       3 - Website http://hocwebgiare.com/demo_php_responsive_programing (Bài tập cuối khóa Lớp Lập Trình PHP Cơ Bản Online)


- Nắm vững các kỹ thuật thiết kế web với:

1 - Thiết kế web Adobe Dreamweaver CS3/CS4/CC.

2 - Thiết kế giao diện web với Adobe Fireworks CS6.

3 - Thiết kế hiệu ứng Flash cho website với Adobe Flash CS6 & Swishmax 4.

4 - Thiết kế giao diện website bằng CSS3.

5 - Thiết kế giao diện website bằng HTML5.

6 - Thiết kế web theo công nghệ RWD để có thể chạy trên tất cả các thiết bị Desktop, Mobile & Tablet.

7 - Lập trình web với PHP.

8 - Thiết kế cơ sở dữ liệu cho website với MySQL.

9 - Thiết kế web động bằng các công cụ chuyên dụng.

10 - Cài đặt, quản trị, bảo mật Webserver & SEO cho website.

[size]


Thời lượng: 6 tháng + 2 tháng hướng dẫn đề tài[/size]
Học phí: 2.000.000 đ (xem thêm thông tin khuyến mãi tại website http://hocwebgiare.com)

NỘI DUNG CHƯƠNG TRÌNH

GỒM 3 PHẦN: A , B , C

A. Kỹ thuật thiết kế giao diện Website doanh nghiệp

I. THIẾT KẾ WEBSITE CƠ BẢN

Phần 1: Giới thiệu ngôn ngữ HTML (Hypertext Markup Language)

1.1 Cấu trúc cơ bản của trang Web
1.2  Các thẻ HTML cơ bản

Phần 2: Thiết kế website bằng Adobe Dreamweaver CS3/CS4/CS6/CC

2.1 Quản lý Site và kiểm tra site – Inctroducing Site Management & Testing Your Site
2.2 Chèn văn bản vào trang web - Adding Text to Your Web Pages
2.3 Định dạng văn bản - Text Formatting
2.4 Chèn hình ảnh vào trang web – Images
2.5 Giới thiệu CSS - Introducing Cascading Style Sheets, HTML CSS
2.6 Kỹ thuật tạo Link - File Link, Email Link, Hotpot Link, External Link, Anchor Link
2.7 Chèn bảng vào trang web – Insert Table to your web pages
2.8 Kỹ thuật tạo menu - Go menu, Jump menu, Swap menu, Popup menu, CSS menu, Tree menu, Flash Menu vv… 2.9 Sử dụng Dreamweaver Behaviors
2.10 Nhúng JavaScript vào trang web
2.11 Kỹ thuật Spry, AJax
2.12 Tạo biểu mẫu và hợp lệ biểu mẫu – Form & Validate Form
2.13 Chèn Multimedia vào trang web – Flash and Other Multimedia

Phần 3: Sử dụng các công cụ chuyên dụng

3.1 Giới thiệu cách sử dụng các Extensions của hãng Adobe để phát triển website
3.2 Tạo nút nhấn bằng công cụ chuyên dụng

II. THIẾT KẾ GIAO DIỆN & HIỆU ỨNG CHO WEBSITE

Phần 4: Thiết kế giao diện website bằng HTML5 & CSS3

4.1 Kỹ thuật thiết kế web bằng HTML5

- Giới thiệu ngôn ngữ HTML5.
- Cấu trúc trang web HTML5.
- Sử dụng thẻ header và footer trong HTML5.
- Sử dụng thẻ nav để tạo menu cho website bằng HTML5.
- Sử dụng thẻ section, article, aside trong thiết kế giao diện website bằng HTML5.
- Sử dụng thẻ figure và figurecaption để chèn hình ảnh cho website bằng HTML5.
- Cách kết hợp thẻ Figure và CSS3 Transform để tạo hiệu ứng cho hình ảnh.
- Sử dụng thẻ audio và video để tạo âm thanh và video cho website.

4.2 Kỹ thuật trang trí web bằng CSS3

- Trang trí giao diện web bằng CSS3 Borders và CSS3 Border Image.
- Trang trí giao diện web bằng CSS3 Box Shadow.
- Trang trí giao diện web bằng CSS3 Text Shadow.
- Trang trí giao diện web bằng CSS3 Gradient.
- Trang trí giao diện web bằng CSS3 Fonts.
- Trang trí giao diện web bằng CSS3 Backgrounds.
- Tạo hiệu ứng hoạt hình cho web bằng CSS3 Transitions.
- Tạo hiệu ứng hoạt hình cho web bằng CSS3 Animations.
- Thiết kế giao diện web bằng CSS3 Multiple Columns.
- Tạo giao diện web bằng CSS3 User Intreface.
- Thiết kế web đáp ứng công nghệ RWD bằng CSS3 Media Queries.
- Giới thiệu kỹ thuật LESS (Leaner CSS) để tối ưu hóa CSS và SEO
- Bài tập tổng hợp:Thiết kế giao diện website tin tức & bán hàng trực tuyến hoàn chỉnh bằng HTML5/CSS3/RWD

Phần 5: Thiết kế layout web bằng Adobe Fireworks CS5/CS6

5.1 Giới thiệu tổng quát về Fireworks
5.2 Cách sử dụng các công cụ
5.3 Sử dụng bộ lọc Filter để tạo hiệu ứng cho Text
5.4 Sử dụng Fill Option để vẽ các nút nhấn button
5.5 Tạo ảnh động bằng Fireworks
5.6 Thiết kế layout bằng Fireworks
5.7 Cắt layout và trích xuất thành file HTML - Web Page Layout
5.8 Một số thủ thuật Fireworks

Phần 6: Thiết kế hiệu ứng với Flash CS6 - SwishMax

6.1 Tổng quan về Flash
6.2 Kỹ xảo với chữ
6.3 Hiệu ứng thay đổi hình ảnh
6.4 Tạo hoạt hình với biến hình chuyển động
6.5 Tạo hoạt hình với biến hình theo từng khung hình
6.6 Cho đối tượng chuyển động theo đường path
6.7 Một số hiệu ứng ActionScript cơ bản
6.8 Đưa âm thanh vào Flash
6.9 Tạo nút nhấn và liên kết khi nhấn
6.10 Tạo banner Flash bằng công cụ chuyên dụng
6.11 Tạo banner bằng SwishMax
6.12 Đưa Flash vào web.

B. Lập trình PHP & MySQL Server

Bài 1: HTML Cơ bản
+ Cấu trúc website với HTML
+ Các lệnh cơ bản
+ Tổng quan về table
+ Tổng quan về form
+ Tìm hiểu CSS
Bài 2: Javascript cơ bản
+ Khai báo trong javascript
+ Các hàm thời gian
+ Biểu thức điều kiện và mảng
+ Làm việc trên form với javascript
Bài 3: Tổng quan về PHP
+ Cài đặt và viết kịch bản PHP đầu tiên
+ Khái niệm biến và hằng
+ Toán tử trong PHP
Bài 4: Biểu thức trong PHP
+ Biểu thức điều kiện
+ Vòng lặp trong PHP
+ Biểu thức switch trong PHP
+ Bài tập
Bài 5: Thao tác làm việc trên form (HTML5 Form + CSS3)
+ Thao tác xử lý form trong PHP
+ Bài tập tổng hợp
+ Upload file trong PHP
Bài 6: Tập tin và mảng
+ Thao tác trên các tập tin
+ Bài tập tổng hợp
+ Khái niệm về mảng 1 chiều và mảng 2 chiều trong PHP
+ Các hàm bổ trợ trong mảng
+ Bài tập tổng hợp
Bài 7: Hàm và gọi lại hàm
+ Cơ bản về hàm do người dùng tự định nghĩa
+ Bài tập tổng hợp
+ Gọi lại hàm trong PHP
Bài 8: Phiên làm việc trong PHP

+ Cơ bản về cookie
+ Cơ bản về session
+ Bài tập tổng hợp
 Bài 9: Lập trình hướng đối tượng trong PHP
+ Giới thiệu kỹ thuật lập trình hướng đối tượng
+ Cách khai báo class
+ Cách khai báo thuộc tính của class
+ Cách khai báo các phương thức xử lý
+ Cách khai báo phương thức khởi tạo
+ Kế thừa, hàm chồng, lớp trừu tượng
+ Bài tập tổng hợp
Bài 10: Xử lý tập tin XML
+ Giới thiệu cấu trúc tập tin XML
+ Các đọc file XML để hiển thị thông tin
+ Cách ghi file XML để thêm thông tin
Bài 11: PHP mail
+ Cách gửi mail trong PHP
Bài 12: Cơ sở dữ liệu trong PHP
+ Khái niệm cơ bản
+ Câu truy vấn cơ bản
+ Mối quan hệ trong cơ sở dữ liệu
+ PHP và MySQL
Bài 13: Kỹ thuật tạo link thân thiện & các kỹ thuật để SEO cho website
+ Giới thiệu kỹ thuật URL Rewrite
+ Cách viết htaccess
+ Cách khai báo website với các bộ máy tìm kiếm, sử dụng Google WebMaster Tool vv...
+ Cách tạo Facebook Fanpage, sử dụng Google+ để SEO website
+ Tạo Facebook Comment cho bài viết & sản phẩm
Phần C: Project Training (Đồ án cuối khóa)
+ Hướng dẫn viết chương trình bán hàng Online bằng PHP đáp ứng chuẩn HTML5/CSS3/RWD.
+Xem demo website lập trình chạy trên nhiều kích thước màn hình (Phone, Tablet vv...)
+Xem demo website
+ Hướng dẫn cách Upload website lên Hosting và cấu hình
 

C. Dùng các phần mềm chuyên dụng để xây dựng website

Phần 1: Thiết kế Database cho Website động bằng PHP & MySQL / PHPMyAdmin

1.1 Phân tích & Thiết kế cơ sở dữ liệu cho Website
1.2 Tạo cấu trúc các bảng dữ liệu
1.3 Giới thiệu các kiểu dữ liệu của bảng
1.4 Mối quan hệ giữa các bảng
1.5 Backup và phục hồi dữ liệu MySQL Server

Phần 2: Cấu hình Website theo mô hình Web động PHP/MySQL & PHPMyAdmin

2.1 Cài đặt & cấu hình Web Server Apache Multi host
2.2 Cài đặt & cấu hình PHP
2.3 Cài đặt MySQL Server 5.x & MySQL Server ToolKit
2.4 Cài đặt & Cấu hình gói phần mềm web AppServ, Wamp
2.5 Cài đặt & cấu hình Adobe Dreamweaver CS3/CS4 & Developer Toolbox
2.6 Khai báo kết nối cơ sở dữ liệu MySQL Server trong Adobe Dreamweaver CS3/CS4/CC

Phần 3: Kỹ thuật xuất dữ liệu từ Database ra trang web

Để đáp ứng chuẩn thiết kế web mới giúp website tải nhanh hơn và SEO tốt hơn với Google, trong phần này Học viên sẽ học toàn bộ kỹ thuật xuất dữ liệu từ database ra trang web và dàn dựng Layout bằng DIV, HTML5, CSS3 mà không dùng thẻ TABLE. Việc dùng DIV, HTML5, CSS3 sẽ giúp việc bảo trì và nâng cấp website sau này dễ hơn so với dùng TABLE , website chạy nhanh hơn và SEO tốt hơn.

3.1 Giới thiệu ngôn ngữ truy vấn dữ liệu SQL
3.1 Cách tạo Recordset cơ bản (Simple), nâng cao (Advance) và Visual Query Builder.
3.2 Cách đưa dữ liệu từ Recordset vào trang web (toàn bộ dùng DIV, HTML5, CSS3 chứ không dùng TABLE)
3.3 Cách đưa dữ liệu từ Recordset vào trang web (toàn bộ dùng DIV, HTML5, CSS3 chứ không dùng TABLE)
3.4 Cách tạo vùng lặp lại theo chiều dọc (Vertical Looper - toàn bộ dùng DIV, HTML5, CSS3 chứ không dùng TABLE)
3.5 Cách tạo vùng lặp theo chiều ngang (Horizontal Looper - toàn bộ dùng DIV, HTML5, CSS3 chứ không dùng TABLE)
3.6 Cách nhóm vùng lặp lại theo chiều dọc và chiều ngang (Nested Repeat Region Vertical & Nested Repeat Region Horizontal - toàn bộ dùng DIV, HTML5, CSS3 chứ không dùng TABLE)
3.7 Cách nhóm dữ liệu nhiều cấp theo chiều dọc và chiều ngang (Nested Repeat Region Horizontal & Vertical Multip Level - toàn bộ dùng DIV, HTML5, CSS3 chứ không dùng TABLE)
3.8 Kỹ thuật di chuyển nhóm dữ liệu bằng JQUERY
3.9 Cách hiện một vùng dữ liệu theo điều kiện (Show Region & Show Region If Conditional)
3.10 Cách hiện vùng dữ liệu khi user login vào website (Show Region If user login)
3.11 Cách hiện vùng dữ liệu khi không có tập tin tồn tại (Show Region If File Exist)
3.12 Cách tạo trang chi tiết (Detail page)
3.13 Các kỹ thuật lọc dữ liệu theo điều kiện (Filter Condition)
3.14 Cách tạo thanh trạng thái Recordset (Recordset Status)
3.15 Cách tạo thanh định hướng Recordset (Recordset Navigation Bar)
3.16 Các kỹ thuật phân trang Recordset nâng cao (Recordset Paging Advance).
3.17 Áp dụng kỹ thuật phân trang AJAX để website tải nhanh hơn (AJAX Paging)

Phần 4: Cách thêm dữ liệu vào Database (Insert Record)

4.1 Cách chèn dữ liệu bằng Insert Record Form Wizard ; Dynamic List Wizard & Dynamic Form Wizard ; Master – Detail List and Forms.
4.2 Sử dụng bộ định dạng dữ liệu Innova Editor 5
4.3 Chèn bộ gõ tiếng việt vào website
4.4 Kỹ thuật tạo hợp lệ cho Form (Validate Form, Advanved Validate Form , Form Control, AJAX Validate Form)

Phần 5: Cập nhật dữ liệu (Update Record)

5.1 Cập nhật dữ liệu bằng Update Record Wizard ; Dynamic List Wizard & Dynamic Form Wizard ; Master – Detail lists and Forms.
5.2 Kỹ thuật truyền tham số qua URL Parameter
5.3 Sử dụng bộ định dạng dữ liệu khi cập nhật dữ liệu (Server side format suite)

Phần 6: Xóa dữ liệu (Delete Record)

6.1 Kỹ thuật xóa dữ liệu bằng Query String
6.2 Kỹ thuật xóa dữ liệu bằng Checkbox

Phần 7: Bảo mật website và cơ sở dữ liệu

7.1 Tạo trang đăng ký thành viên và kích hoạt tài khoản thông qua Email – Registration page & Activate registration
7.2 Tạo trang Login & Logout , Advance user login , Remember me, Forgot Password
7.3 Cách Phân quyền cho người sử dụng truy cập website (Grant User Access Level)
7.4 Bảo mật file và thư mục– Restrict Access & bảo mật thư mục - Folder Protect
7.5 Bảo mật Form bằng Captcha (Secure Forms with Captcha) để chống Spam(Các truy cập – xâm nhập không hợp lệ)
7.6 Bảo mật login - chống xâm nhập bằng Brute – force attacks
7.7 Bảo mật hình ảnh - Bản quyền - (Protect Image)
7.8 Bảo mật nội dung trong Form (The User Form from offensie Content).
7.9 Ghi nhận nhật ký thành viên (Log user) khi user login vào Website

Phần 8: Quản lý tập tin – File Manipulation

8.1 Upload tập tin(Upload File)
8.2 Xóa tập tin (Delete File)
8.3 Xóa thư mục (Delete Folder)
8.4 Tải tập tin (Download File)
8.5 Upload nhiều tập tin (Multiple File & Image Upload)
8.6 Upload & thay đổi kích thước hình ảnh (Upload & Resize Images)
8.7 Các kỹ thuật hiện hình ảnh (Display Dynamic Thumbnails, Show image, Show Popup image).
8.7 List File in Folder.
8.8 Limit Download
8.9 Display Dynamic media

Phần 9: Gởi thư điện tử - Send mail

9.1 Gởi thư - Send mail
9.2 Gởi thư tới nhiều người nhận trong Recoredset – Send E-mail to Reciptions From recordset
9.3 Gởi mail một phần trang - Send Page Section By E-mail
9.4 Send Email to Friend, Feedback

Phần 10: Tìm kiếm dữ liệu – Search Database

10.1 Tìm kiếm dữ liệu trên Form - Search Form
10.2 Tìm kiếm dữ liệu theo Alphabe – Alphabe Search
10.3 Tìm kiếm nâng cao – Advance Search , Dynamic Search
10.4 Kỹ thuật Highlight Search trong PHP

Phần 11: Các Kỹ thuật nâng cao

11.1 Xây dựng hệ thống đánh giá 5 sao - 5 Star Rating System
11.2 Xây dựng hệ thống bình chọn - Poll System
11.3 Xây dựng hệ thống đánh giá (Comment System)
11.4 Tạo Hit Counter, Link Counter, Download Counter, Image Counter
11.5 Tạo trình diễn hình ảnh sản phẩm động - Dynamic Slide Show
11.6 Kỹ thuật sử dụng lại code - Include, Server Side Include , Server Side Include From Lists,
11.7 Áp dụng kỹ thuật Server Side Include From Lists vào trang quản lý
11.8 RSS Reader & RSS Writer
11.9 AJAX Page loading, AJAX Paging, AJAX Comment

11.10 Kỹ thuật thiết kế website đa giao diện

11.11Kỹ thuật URL Rewrite và SEO để tạo Link thân thiện giúp Website dành thứ hạng cao trên Google

11.12 Kỹ thuật thiết kế Layout cho web Site bằng thẻ mới của HTML5 (SECTION, ARTICLE, ASIDE, FIGURE vvv..), CSS3, RWD theo công nghệ web 2.0 giúp website của bạn tải nhanh, SEO tốt  hơn.(Demo)

11.13 Kỹ thuật thiết kế website đa ngôn ngữ để website giao tiếp với người dùng với nhiều ngôn ngữ khác nhau

11.14 - Ứng dụng các kỹ thuật mới JQUERY, HTML5, CSS3, RWD vào việc thiết kế website

11.15 Responsive Web Design (RWD) - Kỹ thuật mới trong thiết kế Website để đáp ứng được độ rộng và độ phân giải màn hình trên tất cả các thiết bị như: Laptop, Desktop, iPhone, smartphone, iPad, Tablet, . . .

11.16 Cài đặt & Quản trị Forum

Phần 12: Hướng dẫn hoàn tất đồ án khóa học (2 tháng)

BÀI TẬP CUỐI KHOÁ (Hướng dẫn hoàn thành bài tập cuối khoá) - Click xem Demo 
ĐỒ ÁN CUỐI KHÓA (Hướng dẫn đồ án 2 tháng) - Click xem demo

Một số chuyên đề mẫu dùng hướng dẫn cho học viên làm bài tập cuối khóa và đồ án cuối khóa (học viên có thể làm một hoặc nhiều project cùng lúc để có kinh nghiệm)

1 - Thương mại điện tử - Shopping
2 - Âm nhạc - Music
3 - Tin tức - News
4 - Blog
5 - Nội Thất Kiến Trúc 

Các chủ đề khác học viên có thể chọn để làm bài tập cuối khóa hay đồ án

6- Website cá nhân
7- Website công ty
8 - Du lịch
9- Thiệp điện tử (E-card) 
10- Download
11- Video Clip
12- Gallery
13- Việc Làm
14- Rao vặt
15- Thiết kế quảng cáo
16- Công ty dược - Y tế thiết bị