Thiết kế Website Chuyên Nghiệp

Mã: WD - Thời lượng: 153h (3 giờ/buổi)

Khóa Thiết kế Website Chuyên nghiệp được xây dựng với mục tiêu cung cấp các kỹ năng, kiến thức và kinh nghiệm cần thiết cho những người yêu thích và muốn làm việc trong ngành Thiết kế Website, hoặc nhân viên các công ty Thiết kế, cần hệ thống hóa, nâng cao kiến thức cũng như quy trình chuyên nghiệp để hoàn thiện một Website.

 
Với kinh nghiệm hơn 10 năm vừa làm việc trong lĩnh vực Thiết kế và Phát triển Website, vừa trực tiếp tham gia Giảng dạy với các vị trí Giảng viên, Trưởng Nhóm, Lãnh đạo Dự án của nhiều đơn vị…nên chương trình được thiết kế với cái nhìn từ 2 phía người làm nghề và người giảng dạy, do đó nó vừa đáp ứng chính xác yêu cầu từ phía nhà Tuyển dụng, vừa đáp ứng tính dễ tiếp thu từ phía Học viên.
 

Để đáp ứng các đòi hỏi thực tế từ các công ty và nhà tuyển dụng trong lĩnh vực Thiết kế và Phát triển Website, chúng tôi thường xuyên cập nhật các chương trình và công cụ thiết kế, phát triển web mới nhất, luôn đổi mới nội dung giáo trình, phương pháp giảng dạy được chuẩn hóa giúp người tham gia học dễ tiếp thu.

Đối với Học viên chúng tôi luôn tận tình trao đổi từ kiến thức tới kinh nghiệm đúc rút được trong quá trình làm việc và giảng dạy để đem lại một nền nền tảng kiến thức và kinh nghiệm, bản lĩnh trong công việc.

Đó là lý do chúng tôi luôn tin tưởng sẽ đem lại một kết quả tốt nhất cho các học viên khi tham gia tại Enter Focus.

Mã khóa: WDP (Web Design Professional)
 
Thời lượng khóa học: 153 giờ
 
Tên chứng chỉ: Thiết kế Website chuyên nghiệp

Mục tiêu khóa học:
Khóa học được xây dựng với mục tiêu cung cấp cho học viên
 
  • Kiến thức về các phần mềm công cụ Thiết kế Website trong ngành thiết kế website và ứng dụng website.
  • Kiến thức về Kỹ năng Thiết kế và Phát triển Website.
  • Truyền đạt kinh nghiệm thực tế của các Giảng viên.
Đối tượng tham gia:
 
  • Sv các trường Đại học, Cao đẳng, Trung cấp liên quan tới ngành thiết kế và ứng dụng web.
  • Nhân viên làm việc trong các c.ty thiết kế website, phát triển lập trình website, xây dựng sản phẩm web…
  • Các cá nhân yêu thích nghề thiết kế và phát triển website.

Yêu cầu kiến thức:

Học viên đã có kiến thức cơ bản về sử dụng máy tính, soạn thảo văn bản, sử dụng mạng Internet.

Các môn học:
 
Mã môn Tên môn học Thời lượng
WID Thiết kế giao diện Website 39 giờ
WHC Xây dựng giao diện với HTML CSS 30 giờ
DWC Lập trình Web động với PHP và MySQL 42 giờ
PWD  Phát triển website chuyên nghiệp với CMS WordPress 27 giờ
PRJ Thực hiện đồ án cuối kỳ 15 giờ
  Tổng 153 giờ

 

Thu hoạch sau khóa học:

Học viên sau khi hoàn thành khóa học sẽ nắm vững các công cụ thiết kế, và các nguyên lý thiết kế và quy trình để tự mình thực hiện hoàn chỉnh các công việc liên quan tới lĩnh vực thiết kế và xây dựng một website, chỉnh sửa giao diện, xây dựng giao diện web responsive, thực hiện các hệ thống quản trị website thông dụng.

 
Cơ hội nghề nghiệp:

Sau khi kết thúc khóa học, học viên có thể làm làm nhân viên thiết kế giao diện web cho các studio thiết kế web, các đơn vị phát triển website và ứng dụng online, các công ty thiết kế hay các nhà gia công và phát triển sản phẩm website.

Học viên làm quen được giao diện Photoshop, các phần Setup thông số, giao diện cơ bản trong thiết kế Website.

Nắm được các công cụ trong Photoshop cho người mới bắt đầu, tập trung vào các công cụ dùng nhiều trong Photoshop thiết kế giao diện và website ( Typography, Color, Shape, Layer mask, Adjustment, Transform, Guide, Grid …)

Có thể hoàn thiện tự thiết kế 1 giao diện website cơ bản (Gồm phần dựng bố cục, tạo thành phần, sắp xếp,…)

 
Công cụ thực hành: Adobe Photoshop, Wireframe, MindMup
 

Nội dung chi tiết môn Thiết kế giao diện web với Photoshop:


Buổi 1:

•  Giới thiệu tổng quan
•  Quy trình thiết kế giao diện Website
•  Các thành phần giao diện Photoshop và Kỹ năng cơ bản (Layer, Move, Zoom, Pan, Guide, Align)
•  Công cụ cơ bản Photoshop cho thiết kế giao diện Website (Text, Shape, Image)


Buổi 2: 

•  Công cụ đồ hoạ hỗ trợ thiết kế Web (Grid System, Baseline, Transform)
•  Tìm hiểu về điều chỉnh Typography trong Photoshop


Buổi 3: 

•  Tìm hiểu về Mask, Shape và ứng dụng với Layer (Image, Shape, Text…) 
•  Kết hợp với Adjustment tạo hiệu ứng đặc biệt 


Buổi 4: 

•  Nghiên cứu nhóm người dùng và Phân tích mục đích sử dụng 
•  Xây dựng Chức năng và vẽ hệ thống Sitemap
•  Phân tích hành vi và vẽ sơ đồ tương tác FlowChart


Buổi 5:

•  Định hình các thành phần bố cục – UI Element
•  Phác thảo các Section chính và vẽ Wireframe


Buổi 6:

•  Tìm cảm hứng và Ý tưởng thiết kế
•  Nhận diện các thành phần Style Guide (Font, Color, Image, Shape, Concept)


Buổi 7:

•  Tìm hiểu hiệu ứng đặc biệt Photoshop (Layer Style) và ứng dụng
•  Áp dụng một số kỹ thuật đặc biệt (Filter) trong thiết kế web


Buổi 8:

•  Các thành phần giao diện thông dụng (Hero Text, Image, Button, Menu, Slide)
•  Kết hợp các thành phần với nhau tạo Section


Buổi 9:

•  Các thành phần thiết kế cơ bản cho Web

  • Space – khoảng trắng,
  • Space – hình dáng,
  • Space – Tỉ lệ,
  • Line – đường nét
  • Color – Màu sắc)

•  Kết hợp công cụ và Ứng dụng vào cải thiện giao diện Web 


Buổi 10:

•  Nguyên tắc thiết kế cơ bản cho Web

  • Visual Hierarchy – Phân cấp,
  • Contrast – Tương phản,
  • Balanced – Cân bằng,
  • Consistency – Nhất quán,
  • Proximity – Gần,
  • Aligment – Căn gióng

•  Kết hợp với công cụ và Ứng dụng vào việc thiết kế giao diện hiệu quả


Buổi 11:

•  Nguyên tắc xây dựng kịch bản thiết kế Design Story
•  Áp dụng kết hợp với các thành phần và nguyên tắc thiết kế tạo dựng giao diện


Buổi 12:

•  Áp dụng nguyên tắc AIDA (Attention, Interest, Desire, Action) trong thiết kế Web 
•  Xây dựng Landing Page


Buổi 13:

•  Kiểm tra cuối môn

HTML CSS là ngôn ngữ đánh dấu và định dạng chính để xây dựng và thiết kế web, giúp tạo các giao diện website hoàn chỉnh chạy trên trình duyệt có thể tương tác – ngoại trừ dữ liệu chưa thể động. Thế mạnh của HTML5 CSS3 là có thể sử dụng các thẻ và định dạng văn bản đơn giản để thể hiện lại giao diện đồ hoạ đã được thiết kế bằng PSD hoặc một phần mềm đồ hoạ nào khác. Ngoài ra để hoàn thiện tương tác phức tạp trên giao diện như click, touch hoặc chuyển động có định lượng thì jQuery sẽ hoàn tất việc này một cách chuyên nghiệp và dễ dàng hơn bao giờ …

Mục tiêu môn học: Cung cấp kiến thức về giao diện Front End trên Web, khái niệm và quy trình chuyển đổi giao diện PSD lên thành giao diện Responsive trên trình duyệt. Kết thúc môn học, học viên có thể dễ dàng phân tích và chuyển đổi bất cứ thiết kế PSD nào thành các trang web HTML CSS đồng thời bổ sung các plugin jQuery để làm web có thể sinh động và tương tác linh hoạt hơn …

Công cụ thực hành: Adobe Dreamweaver CC, Adobe Bracket, SASS, Emmet, Bootstrap, jQuery

Nội dung chi tiết khóa Xây dựng giao diện HTML CSS


Buổi 1:

•  Giới thiệu tổng quan
•  Các công cụ cơ bản xây dựng giao diện Web trên trình duyệt (HTML, CSS, JS, Browser, Tools)
•  Phân tích giao diện đồ hoạ và Hệ thống thẻ HTML tương ứng
•  Cấu trúc thể cơ bản và Nguyên tắc dựng cấu trúc nội dung HTML, đặt tên thẻ


Buổi 2: 

•  Tư duy về việc chuyển đổi giao diện đồ hoạ PSD sang HTML CSS
•  Tìm hiểu căn bản về Style CSS và Áp dụng đơn giản vào thẻ HTML


Buổi 3:

•  Mô hình Box và mức độ quan trọng trong CSS
•  Định dạng thuộc tính đồ hoạ với mô hình Box CSS3


Buổi 4:

•  Làm việc với các cách thức hiển thị HTML bằng CSS Display 
•  Kết hợp Display với các tính chất căn gióng bằng CSS (Alignment, Float, Overflow) 


Buổi 5:

•  Định vị các thành phần linh hoạt với CSS Position 
•  Áp dụng nguyên tắc nhận dạng đồ hoạ để ứng dụng Position hiệu quả


Buổi 6:

•  Xây dựng bố cục website đa thiết bị với Responsive 
•  Nguyên tắc và tư duy thiết kế website Responsive bằng CSS (nguyên tắc mobile first, box-sizing, %, em)


Buổi 7:

•  Tăng tốc HTML với Emmet
•  Làm việc chuyên nghiệp với CSS bằng SASS
•  Ứng dụng trong việc chuyển đổi giao diện web PSD sang HTML CSS hiệu quả


Buổi 8:

•  Tìm hiểu về nền tảng Bootstrap
•  Ứng dụng chuyển đổi giao diện PSD sang HTML CSS với Bootstrap
•  Tuỳ biến thành phần Bootstrap sao cho đúng


Buổi 9:

•  Thiết kế tương tác animation bằng CSS3
•  Nguyên tắc và Ứng dụng vào các thành phần giao diện động


Buổi 10:

•  Tìm hiểu về jQuery và ứng dụng trong làm giao diện web
•  Các thao tác cơ bản jQuery và Ứng dụng đơn giản với HTML và CSS


Buổi 11:

•  Làm việc với jQuery Plugins
•  Ứng dụng jQuery Plugins và nhúng vào giao diện web (menu, slideshow, …)


Buổi 12:

•  Tuỳ biến jQuery Plugin bằng Options
•  Tuỳ biến giao diện jQuery Plugin bằng CSS


Buổi 13:

•  Tổng hợp trang Landing Page


Buổi 14:

•  Kiểm tra cuối môn

Bài 1 : Giới thiệu

  • Giới thiệu ngôn ngữ lập trình PHP và máy chủ Web
  • Giới thiệu Đặc điểm của lập trình môi trường ứng dụng Web (phải có máy chủ, làm việc trung gian giữa giao diện và csdl, biến nhớ không lưu qua các trang web)
  • Cách Cài đặt môi trường làm việc.
  • Cách hiển thị dữ liệu bằng PHP – Tạo Ứng dụng Hello World.
  • Thành phần cơ bản của ngôn ngữ PHP (biến, điều khiển, hàm cơ bản)

Bài 2 : Tạo giao diện

  • Quy trình hoạt động của ứng dụng PHP
  • Sử dụng lại code với include và function
  • Ứng dụng bóc tách dựng bố cục giao diện một Web từ HTML template
  • Tìm hiểu về biến Session và ứng dụng
  • Tìm hiểu về Mảng Array và thao tác với mảng

Bài 3: Tạo giao diện (tiếp)

  • Giới thiệu công nghệ giao diện với XTemplate
  • Ứng dụng XTemplate đưa dữ liệu động ra giao diện
  • Tạo Menu động

Bài 4: Nhận dữ liệu từ bên ngoài

  • Gửi dữ liệu qua kênh URL (biến GET) của trình duyệt
  • Nhận dữ liệu từ kênh URL (biến GET) của trình duyệt
  • Hiển thị dữ liệu – Tạo danh sách tin tức giới hạn hiển thị

Bài 5: Nhận dữ liệu từ bên ngoài (tiếp)

  • Gửi dữ liệu qua biểu mẫu (biến Form) – Tạo Form HTML
  • Nhận dữ liệu từ biểu mẫu (biến Form)
  • Hiển thị dữ liệu biểu mẫu – Tạo Form đăng ký đơn giản

Bài 6: Lập trình hướng đối tượng OOP

  • Giới thiệu và phương pháp tư duy hướng đối tượng
  • Xây dựng Class cho đối tượng
  • Tạo đối tượng từ Class đã định nghĩa
  • Định nghĩa thuộc tính và phương thức đối tượng
  • Gọi phương thức của đối tượng, nhận kết quả từ đối tượng

Bài 7: Lập trình hướng đối tượng OOP (tiếp)

  • Tạo đối tượng danh bạ liên lạc 
  • Tạo danh sách hiển thị danh bạ
  • Tạo form thêm liên lạc vào danh bạ
  • Tạo form sửa thông tin liên lạc
  • Tạo phương thức xoá liên lạc khỏi danh bạ

Bài 8: Hệ quản trị CSDL

  • Giới thiệu hệ quản trị MySQL – khởi tạo và định nghĩa (Table, Field)
  • Kết nối và hiển thị dữ liệu
  • Tạo Class User với phương thức (kết nối, ngắt kết nối, hiển thị danh sách user)

Bài 9: Hệ quản trị CSDL (tiếp)

  • Tạo phương thức thêm user cho Class User
  • Tạo phương thức xoá người dùng cho Class User

Bài 10: Hệ quản trị CSDL (tiếp)

  • Tạo phương thức sửa thông tin user cho Class User
  • Phân quyền hiển thị các vùng thông qua User

Bài 11: Hệ quản trị CSDL (tiếp)

  • Tạo phương thức đăng nhập cho Class User
  • Tạo phương thức đăng xuất cho Class User

Bài 12: Ứng dụng đa phương tiện trong quản trị dữ liệu

  • Tạo form sử dụng Rich Editor
  • Cấu hình và tạo Editor cho User Profile
  • Thêm phương thức Upload File cho Form
  • Lưu trữ và hiển thị Media File

Bài 13: Ứng dụng phân nhóm

  • Tạo bảng phân nhóm dữ liệu
  • Lọc và tìm kiếm dữ liệu theo chuyên mục
  • Hiển thị dữ liệu chi tiết

Bài 14: Phân trang

  • Kỹ thuật phân trang với dữ liệu lớn
  • Kỹ thuật làm giỏ hàng

Bài 15: Kiểm tra cuối môn

  • Làm bài kiểm tra cuối môn

Tiến trình các buổi học WordPress:


Buổi 1:

•  Giới thiệu tổng quan về nền tảng WordPress
•  Công dụng và vai trò của WordPress
•  Thiết lập cài đặt, cấu hình và sử dụng cơ bản WordPress (Theme, Plugin, Post, Page, Menu,…)


Buổi 2:

•  Làm việc với cấu trúc Template của WordPress
•  Khởi tạo xây dựng Template cơ bản
•  Tìm hiểu style.css và hệ thống template hierachy


Buổi 3:

•  Làm việc với hệ thống Page và Post
•  Tạo trang hiển thị dữ liệu Page và Post ra ngoài bằng Loop


Buổi 4:

•  Tìm hiểu về function.php và tác dụng
•  Làm việc với Widget và Sidebar
•  Ứng dụng tạo Sidebar và Widget ra Theme


Buổi 5:

•  Tìm hiểu về hệ thống Menu
•  Tạo và đưa nội dung Menu ra Theme


Buổi 6:

•  Phân loại dữ liệu với Category
•  Tạo trang hiển thị nội dung Category


Buổi 7:

•  Tìm hiểu về hệ thống Shortcode của WordPress
•  Ứng dụng tạo Shortcode và chèn vào nội dung


Buổi 8:

•  Mở rộng wordpress với Custom Type, Custom Taxonomy
•  Định nghĩa và sử dụng Custom Type, Custom Taxonomy trong Theme


Buổi 9:

•  Kiểm tra cuối môn

Đồ án cuối kỳ là một bài tập lớn, là dịp để Học viên tự tinh lọc, hiệu chỉnh và hệ thống hóa các kiến thức của mình. Thông qua Đồ án, Học viên sẽ thể hiện toàn bộ năng lực cũng như các kiến thức, kỹ năng và kinh nghiệm đã tiếp thu và trao đổi với Giảng viên.

Mục tiêu Đồ án: Học viên sẽ tự mình thực hiện một website hoàn chỉnh, từ  tìm đề tài, thiết kế giao diện, lập trình và hoàn thiện website.

Quy trình triển khai:

  • Giới thiệu quy trình thực hiện đồ án
  • Nhận đăng ký đề tài
  • Phản hồi và xác nhận đề tài
  • Góp ý trong quá trình triển khai
  • Nhận đề tài hoàn thiện
  • Tổ chức bảo vệ thử
  • Hoàn thiện lần cuối
  • Bảo vệ đề tài

Công cụ sử dụng:

  • Adobe Photoshop CC
  • Adobe Dreamweaver CC
  • Adobe Bracket, SASS, Emmet, Bootstrap, jQuery

Tiêu chí đánh giá:

  • Hội đồng gồm 1 giáo viên hướng dẫn, 2 giáo viên phản biện.
  • Thang điểm tính theo thang 100 (Hệ số 2 cho bài Project)
  • Học viên phải tham gia ít nhất 80% thời lượng môn mới được làm đồ án

Thu hoạch:

  • Học viên đạt và đủ điều kiện cấp chứng chỉ nếu >= 65 điểm
  • Học viên có điểm < 65 thì sẽ phải bảo vệ lại vào lần sau.

Cách tính điểm và xếp loại Chứng chỉ:

  • Thang điểm được sử dụng trong toàn bộ thời gian đào tạo là 100.
  • Mỗi môn sẽ có điểm kiểm tra hết môn, điểm được tính hệ số 1
  • Cuối mỗi Khóa sẽ có điểm Project cuối Khóa, điểm được tính hệ số 2

Điểm cuối Khóa được tính như sau:

(WID + WHC + DWC + PWD + PRJ x 2) / 6 = Điểm của Khóa WDP

Dựa vào bảng dưới để xếp loại cho Chứng chỉ của Khóa.

Xếp LoạiĐiểmChú giải
A91 - 100Xuất sắc
B81 - 90Giỏi
C71 - 80Khá
D65 - 70Đạt
E64 trở xuốngKhông đạt

     Tên Khóa họcHọc phí
  •  Thiết kế Đồ họa chuyên nghiệp5.300.000
  •  Xử lý ảnh với Adobe Photoshop1.500.000
  •  Thiết kế in ấn với Adobe Illustrator1.500.000
  •  Thiết kế quảng cáo với CorelDRAW1.790.000
  •  Dàn trang - xuất bản với Adobe InDesign1.390.000
  •  Thiết kế cho người làm Marketing1.750.000
  •  Digital Concept Art7.000.000
  •  Thiết kế Nội thất 3D9.600.000
  •  Làm phim Hoạt hình 3D10.200.000
  •  Thiết kế website chuyên nghiệp4.900.000
  •  Thiết kế, lập trình và phát triển Web với ASP.NET7.000.000
  •  Lập trình ứng dụng di động Android5.400.000
  •  Lập trình Java2.000.000
  •  Lập trình Android3.500.000

transparentThiết kế Đồ họa Chuyên nghiệp
Khai giảngThời lượngThời gianLịch họcHọc phíĐăng ký
14/10153 giờ18h - 21h2 - 65.300.000Đăng ký
transparentXử lý ảnh với Adobe Photoshop
Khai giảngThời lượngThời gianLịch họcHọc phíĐăng ký
14/1030 giờ18h - 21h2 - 61.590.000Đăng ký
transparentThiết kế in ấn với Adobe Illustrator
Khai giảngThời lượngThời gianLịch họcHọc phíĐăng ký
18/1130 giờ18h - 21h2 - 61.590.000Đăng ký
transparentThiết kế Quảng cáo với CorelDRAW
Khai giảngThời lượngThời gianLịch họcHọc phíĐăng ký
19/1030 giờ18h - 21h4 - 71.790.000Đăng ký
transparentDàn trang với Adobe InDesign
Khai giảngThời lượngThời gianLịch họcHọc phíĐăng ký
18/1021 giờ18h - 21h3 - 5 1.390.000Đăng ký

Khóa/Môn học:
Lịch học:
Ca học:
Yêu cầu khác (nếu có):

Thông tin

Họ và tên (bắt buộc)
Số điện thoại (bắt buộc):
Địa chỉ Email:
Ngày sinh:

Facebookgoogle_plusmail

Các khoá học khác

Tin cùng chuyên mục