1. GIỚI THIỆU

Trong thời đại Internet hiện nay và tương lai, Website là một phần rất quan trọng đối với các doanh nghiệp trong việc quảng bá và giao dịch trong các hoạt động sản xuất, kinh doanh, . . .



Những tính năng ưu việt tiếp theo của việc dùng bộ công cụ chuyên dụng để làm website là:

- Khi dùng công cụ chuyên dụng để thiết kế & xây dựng một website thì thời gian hoàn thành một website sẽ giảm đi 60% so với khi dùng phương pháp lập trình(coding) để làm.

- Do code được phát sinh tự động theo qui trình chặt chẽ của hãng sản xuất ra bộ công cụ nên hạn chế các lỗi bảo mật do lỗi lập trình của người lập trình thiếu kinh nghiệm gây ra.


VIDEO HƯỚNG DẪN THIẾT KẾ & XÂY DỰNG WEBSITE BẰNG TIẾNG VIỆT

HỆ THỐNG BÀI TẬP THỬ THÁCH KỸ THUẬT THIẾT KẾ WEB DOANH NGHIỆP THỰC TẾ

2. ĐỐI TƯỢNG:

Tất cả những ai muốn có một nghề 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.

3. 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 tiếng Việt.
- Thực hành Upload, Cấu hình & Quản lý Website trên Hosting thật tại ISP.
- Đĩa CDROM hướng dẫn 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.
- Được tặng và hướng dẫn sử dụng bộ công cụ chuyên dụng để xây dựng và phát triển website.
- Được hỗ trợ các LAB thử thách thiết kế web được cập nhật thường xuyên từ yêu cầu thiết kế web thực tế

4. HOÀN THÀNH

- 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 một website tương tự như www.vietchuyenweb.com (tương tự website www.24h.com.vn).


5. CHỨNG NHẬN HOÀN TẤT KHÓA HỌC



6. THỜI LƯỢNG:

Khoá học: 4.5 tháng (112 giờ), 3 buổi/tuần, 2 giờ/buổi.

- Tài liệu được biên soạn theo giáo trình Adobe Dreamweaver Developer Toolbox Help & The Essential Guide to Dreamweaver CS4 with CSS, Ajax and PHP.

HỌC PHẦN A: THIẾT KẾ WEBSITE CƠ BẢN

Chương 1

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

Chương 2

Thiết kế website bằng Adobe Dreamweaver CS4

Chương 3
 
Sử dụng Adobe Dreamweaver Extension & của các hãng khác

HỌC PHẦN B: THIẾT KẾ GIAO DIỆN & HIỆU ỨNG MULTIMEDIA CHO WEBSITE

Chương 4

Thiết kế giao diện website sử dụng HTML5 & CSS3
 
Chương 5

Thiết kế hiệu layout web bằng Adobe Frieworks CS5

Chương 6

Thiết kế hiệu ứng với Flash - SwishMax 2
 

Chương 7

Thiết kế Database cho Website động bằng PHP/MySQL & PHPMyAdmin

Chương 8

Cấu hình Website theo mô hình Web động PHP/MySQL & PHPMyAdmin ;

Chương 9

Kỹ thuật xuất dữ liệu từ Database ra trang web
 
Chương 10
 
Cách thêm dữ liệu vào Database (Insert Record)
 
Chương 11

Cập nhật dữ liệu (Update Record)
 
Chương 12
 
Xóa dữ liệu (Delete Record)
 
Chương 13

Bảo mật website và cơ sở dữ liệu

Chương 14

Quản lý tập tin – File Manipulation
 
Chương 15
 
Gởi thư điện tử - Send mail
 
Chương 16
 
Tìm kiếm dữ liệu – Search Database
 
Chương 17
 
Các kỹ thuật nâng cao.
 
Chương 18: Cài đặt & Quản trị Forum

HỌC PHẦN A: THIẾT KẾ WEBSITE CƠ BẢN

Chương 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

Chương 2: Thiết kế website bằng Adobe Dreamweaver CS4

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, Bookmark Link
2.7 Chèn bảng vào trang web – Insert Table to your web pages
2.8 Giới thiệu về kỹ thuật dàn trang cho web – Web Page Layout bằng Table và DIV Container
2.9 Kỹ thuật tạo menu - Go menu, Jump menu, Swap menu, Popup menu, CSS menu, Tree menu, Flash Menu vv…
2.10 Sử dụng Dreamweaver Behaviors
2.11 Nhúng JavaScript vào trang web
2.12 Kỹ thuật Spry, AJax
2.13 Tạo biểu mẫu và hợp lệ biểu mẫu – Form & Validate Form
2.14 Chèn Multimedia vào trang web – Flash and Other Multimedia
2.15 Kỹ thuật tạo ảnh động & Banner dạng GIF và Hiệu ứng Flash
2.16 Sử dụng Snippets and Libraries
2.17 Tạo Templates

Chương 3: Sử dụng Adobe Dreamweaver Extension

3.1. Giới thiệu cách sử dụng các Extensions của hãng Adobe & Các hãng khác để phát triển website

HỌC PHẦN B: THIẾT KẾ GIAO DIỆN & HIỆU ỨNG MULTIMEDIA CHO WEBSITE

Chương 4 : Thiết kế giao diện website sử dụng HTML5 & CSS3

4.1 Giới thiệu về HTML5
4.2 Cấu trúc một file sử dụng HTML5.
4.3 Thiết kế giao diện website sử dụng HTML5 & CSS3
4.4 Kỹ thuật trang trí web bằng CSS3
     - Tạo góc bo cho các khối đối tượng
      - Tạo bóng đổ cho khối đối tượng
      - Tạo chuyển sắc cho khối đối tượng
      - Tạo bóng đổ và góc bo cho hình ảnh
      - Tạo nút nhấn bằng CSS3
      - Tạo Banner Slideshow bằng CSS3
      - Thiết kế giao diện trang web sử dụng DIV & CSS3

Chương 5 : Thiết kế layout web bằng Adobe Fireworks CS5

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
5.8 Một số thủ thuật Fireworks
 
Chương 6 : Thiết kế hiệu ứng với Flash - 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ố lệnh 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 bằng Flash
6.11 Tạo banner bằng SwishMax
6.12 Đưa Flash vào web.

HỌC PHẦN C: SỬ DỤNG BỘ CÔNG CỤ CHUYÊN DỤNG ADOBE DEVELOPER TOOLBOX VÀ CÁC BỘ CÔNG CỤ CỦA CÁC HÃNG KHÁC NHƯ: PROJECTSEVEN.COM, DMXZONE.COM, V.V … ĐỂ PHÁT TRIỂN WEBSITE ĐỘNG MÀ KHÔNG CẦN LẬP TRÌNH

Chương 7: Thiết kế Database cho Website động bằng PHP & MySQL/ PHPMyAdmin

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

Chương 8: Cấu hình Website theo mô hình Web động PHP/MySQL & PHPMyAdmin ;

8.1 Cài đặt & cấu hình Web Server Apache / IIS
8.2 Cài đặt & cấu hình PHP
8.3 Cài đặt MySQL Server 5.x & MySQL Server ToolKit
8.4 Cài đặt & Cấu hình gói phần mềm web AppServ / XAMPP
8.5 Cài đặt & cấu hình Adobe Dreamweaver CS4 & Developer Toolbox
8.6 Khai báo kết nối cơ sở dữ liệu MySQL Server trong Adobe Dreamweaver CS4

Chương 9: Kỹ thuật xuất dữ liệu từ Database ra trang web


9.1 Giới thiệu ngôn ngữ truy vấn dữ liệu SQL
9.2 Cách tạo Recordset cơ bản (Simple), nâng cao (Advance) và Visual Query Builder.
9.3 Cách đưa dữ liệu từ Recordset vào trang web (dùng DIV chứ không dùng TABLE)
9.4 Cách đưa dữ liệu từ Recordset vào trang web (toàn bộ dùng DIV chứ không dùng TABLE)
9.5 Cách tạo vùng lặp lại theo chiều dọc (Vertical Looper - toàn bộ dùng DIV chứ không dùng TABLE)
9.6 Cách tạo vùng lặp theo chiều ngang (Horizontal Looper - toàn bộ dùng DIV chứ không dùng TABLE)
9.7 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 chứ không dùng TABLE)
9.8 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 chứ không dùng TABLE)
9.9 Kỹ thuật di chuyển nhóm dữ liệu bằng JQUERY
9.10 Cách hiện một vùng dữ liệu theo điều kiện (Show Region & Show Region If Conditional)
9.11 Cách hiện vùng dữ liệu khi user login vào website (Show Region If user login)
9.12 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)
9.13 Cách tạo trang chi tiết (Detail page)
9.14 Các kỹ thuật lọc dữ liệu theo điều kiện (Filter Condition)
9.15 Cách tạo thanh trạng thái Recordset (Recordset Status)
9.16 Cách tạo thanh định hướng Recordset (Recordset Navigation Bar)
9.17 Các kỹ thuật phân trang Recordset nâng cao (Recordset Paging Advance).
9.18 Áp dụng kỹ thuật phân trang AJAX để website tải nhanh hơn (AJAX Paging)

Chương 10: Cách thêm dữ liệu vào Database (Insert Record)

10.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.
10.2 Sử dụng bộ định dạng dữ liệu Innova Editor 5 / FCK Editor  khi chèn dữ liệu
10.3 Chèn bộ gõ tiếng việt vào website
10.4 Kỹ thuật Advanved Validate Form , Form Control

Chương 11: Cập nhật dữ liệu (Update Record)

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

Chương 12: Xóa dữ liệu (Delete Record)

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

Chương 13: Bảo mật website và cơ sở dữ liệu

13.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
13.2 Tạo trang Login & Logout , Advance user login , Remember me, Forgot Password
13.3 Cách Phân quyền cho người sử dụng truy cập website (Grant User Access Level)
13.4 Bảo mật file và thư mục – Restrict Access & bảo mật thư mục -Folder Protect
13.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ệ)
13.6 Bảo mật login - chống xâm nhập bằng Brute – force attacks
13.7 Bảo mật hình ảnh - Protect Image
13.8 Bảo mật nội dung trong Form (The User Form from offensie Content).
13.9 Ghi nhận nhật ký thành viên (Log user) khi user login vào Website

Chương 14: Quản lý tập tin – File Manipulation

14.1 Upload tập tin(Upload File)
14.2 Xóa tập tin (Delete File)
14.3 Xóa thư mục (Delete Folder)
14.4 Tải tập tin (Download File)
14.5 Upload nhiều tập tin (Multip File & Image Upload)
14.6 Upload & thay đổi kích thước hình ảnh (Upload & Resize Images)
14.7 Các kỹ thuật Hiển thị hình ảnh(Show Image, Display Dynamic Thumbnails, Show popup image).
14.7 List File in Folder.
14.8 Limit Download
14.9 Display Dynamic media

Chương 15: Gởi thư điện tử - Send mail

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

Chương 16: Tìm kiếm dữ liệu – Search Database

16.1 Tìm kiếm dữ liệu trên Form - Search Form
16.2 Tìm kiếm dữ liệu theo Alphabe – Alphabe Search
16.3 Tìm kiếm nâng cao – Advance Search
16.4 Kỹ thuật Highlight search trong PHP

Chương 17: Các Kỹ thuật nâng cao

17.1 Xây dựng hệ thống đánh giá 5 sao - 5 star Rating System
17.2 Xây dựng hệ thống bình chọn - Poll System
17.3 Tạo Hit Counter, Link Counter, Download Counter, Image Counter
17.4 RSS Reader / Writer
17.5 AJAX Paging, AJAX Page loading, AJAX Feedback
17.6 Kỹ thuật sử dụng lại code - Server Side Include, Server Side Include From Lists
17.7 Kỹ thuật thiết kế website đa giao diện (Demo)
17.8 Kỹ thuật URL Rewrite và SEO trong Toolbox để tạo Link thân thiện giúp Website dành thứ hạng cao trên Google (Demo) (Demo)
17.9 Kỹ thuật thiết kế Layout cho web Site bằng thẻ Div theo công nghệ web 2.0 giúp website của bạn tải nhanh hơn. (Demo)
17.10 Kỹ thuật thiết kế website đa ngôn ngữ giúp website của bạn hỗ trợ nhiều đối tượng người dùng hơn (Demo)
17.11 - Ứng dụng các công cụ JQUERY, HTML5, CSS3 vào việc thiết kế web
17.12 -Tạo trình diễn hình ảnh sản phẩm động - Dynamic Slide Show
 
Chương 18: Cài đặt & Quản trị Forum


BÀI TẬP CUỐI KHOÁ (Hướng dẫn hoàn thành bài tập cuối khoá) - Click xem nội dung phần hướng dẫn

ĐỒ ÁN CUỐI KHÓA (Hướng dẫn đồ án 1,5 tháng - 6 buổi) - Click xem nội dung phần hướng dẫn

Xây dựng website động theo yêu cầu của các doanh nghiệp như các site: http://www.nhacso.net, http://www.vnexpress.net, http://news.zing.vn , . . .


1 - Thương mại điện tử - Shopping - http://shopping.vietchuyen.org
2 - Âm nhạc - Music - http://music.vietchuyen.org
3 - Tin tức - News - http://project65.vietchuyen.org
4 - Blog - http://blog.vietchuyen.org
5 - Nội Thất Kiến Trúc - http://kientrucnoithat.vietchuyen.org
5 - Nội Thất Kiến trúc 1 - http://kientrucnoithat1.vietchuyen.org
6 - Nhà Đất - Bất Động Sản - Giao dịch Địa ốc - http://nhadat.vietchuyen.org

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

7- Website cá nhân
8- Website công ty
9- Du lịch
10- Thiệp điện tử (E-card) - http://project39.vietchuyen.org
11- Download
12- Video Clip - http://project54.vietchuyen.org
13- Gallery
14- Việc Làm
15- Rao vặt
16- Thiết kế quảng cáo
17- Công ty dược - Y tế thiết bị - http://bidiphar.com
18 - Công đoàn giáo dục đào tạo - http://cdgdbinhdinh.edu.vn
19 - Tự xây dựng diễn đàn bằng Toolbox
+ vv...

<< Quay lại