Chuyên viên website lành nghề Online (Free)
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 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.
- 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 - 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 HTML5 & CSS3. |
5 - Thiết kế giao diện website bằng BOOTSTRAP 3.3.x. |
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. |
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 Dreamweaver để 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
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 thiết kế 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.
Phần 5: Thiết kế giao diện website bằng Adobe Fireworks 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 website với Flash CS6 - SwishMax4
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.
- Giới thiệu Bootstrap CSS Frameworks V3.3.4
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...)
+ Hướng dẫn cách Upload website lên Hosting và cấu hình
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, BOOTSTRAP 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