Thiết kế web – Mỹ thuật web

PHẦN I: PHOTOSHOP CĂN BẢN

PHẦN III: THIẾT KẾ WEB VỚI HTML & CSS, CSS 3

BÀI 1: VÙNG CHỌN & CÁC CÔNG CỤ
BÀI 2: LAYER
BÀI 3: PATH
BÀI 4: MÀU SẮC & BRUSH
BÀI 5: & LAYER MASK
BÀI 6: TEXT & LAYER STYLE

BÀI 1: HTML VÀ DREAMWEAVER CS4

• Giới thiệu HTML & XHTML
• Cấu trúc cơ bản của trang Web.
• Các thẻ HTML cơ bản.
• Quản lý site và kiểm tra site.

BÀI 2: CASCADING STYLE SHEET

• Tổng quan về CSS
• CSS và các kỹ thuật với CSS: định dạng, dàn trang
• Các thuộc tính CSS
• Kỹ thuật tạo Menu với CSS.
• Kỹ thuật CSS 3.

BÀI 3: QUẢN TRỊ LINK

• Định nghĩa liên kết và phân loại:
• Đường dẫn tuyệt đối
• Đường dẫn tương đối
• Đường dẫn gốc
• Kỹ thuật tạo liên kết
• Anchor name
• Chỉnh sửa liên kết
• CSS cho liên kết

BÀI 4: QUẢN TRỊ MULTIMEDIA

• Thao tác với hình ảnh,
• Thao tác với Flash.
• Image map
• CSS cho

BÀI 5: QUẢN TRỊ TABLE

• Cấu trúc table
• Quản trị table
• CSS cho table

BÀI 6: DIV VÀ LAYOUT VỚI DIV và CSS

• Các kiểu layout
• Tạo layout với table
• Tạo layout với DIV
• Định dạng layout với CSS, CSS3

THỰC HÀNH: CHUYỂN GIAO DIỆN WEBSITE SANG HTML

• Phân vùng template.
• Cắt template.
• Tối ưu hóa hình ảnh cho website.
• Ráp trang HTML với DIV và CSS, CSS3.

BÀI 7: FORM VÀ CÁC THUỘC TÍNH

• Tổng quan về biểu mẫu
• Các thuộc tính của form
• Các thành phần của form
• Hợp lệ biểu mẫu (Form)
• Giới thiệu kỹ thuật Spry

BÀI 8: JAVASCRIPT

• Tổng quan về Javascript.
• Lập trình Javascript.
• Ứng dụng Javascript vào HTML.

THỰC HÀNH: XÂY DỰNG WEBSITE TĨNH
Từ 1 template (file PSD mẫu), học viên tạo website hoàn thiện (home, introduction, contact, product, product_detail - [news, newsdetail], ...)

Hosting và tên miền
- Quản trị tên miền.
- Kỹ thuật hosting (đưa website lên mạng Internet).

PHẦN 2: MỸ THUẬT WEB

BÀI 1: GIỚI THIỆU VỀ MỸ THUẬT

• Mỹ thuật là gì?
• Mỹ thuật trong thiết kế website
• Giới thiệu về webpage - website
• Các hình thức web

BÀI 2: QUY TRÌNH THIẾT KẾ GIAO DIỆN WEBSTIE

• Tạo sitemap (các dạng sitemap)
• Kích thước trang web
• Một số kích thước của Banner – Footer – Menu

BÀI 3: CÁC LOẠI BỐ CỤC TRONG THIẾT KẾ

• Bố cục cân đối
• Bố cục đối xứng
• Bố cục tự do

BÀI 4: TƯƠNG PHẢN CHÍNH PHỤ

• Tương phản
• Chính phụ

BÀI 5: CÂN GIÁC

• Giới thiệu cân giác
• Cân bằng thị giác

BÀI 6: ĐƯỜNG NÉT - HÌNH NỀN - QUAN HỆ

• Đường nét và ngôn ngữ của đường nét
• Sự biểu diễn của đường nét & ngôn ngữ thị giác
• Đường viền & mối quan hệ hình - nền
• Sự sắp xếp chính phụ của hình trên nền
• Hiện tượng tạo không gian trên mặt phẳng khi hình biến đổi trên nền
• Quan hệ hình – nền – đường khung

BÀI 7: SƠ ĐỒ LƯỚI

• Giới thiệu
• Mô tả chi tiết
• Khái niệm về hình đại diện
• Các mẫu sơ đồ lưới khác nhau

BÀI 8: NHỊP ĐIỆU – CHẤT LIỆU

• Nhịp điệu trong thiết kế
• Chất liệu trong thiết kế

BÀI 9: MÀU SẮC

• Khái niệm về màu sắc
• Các yếu tố của màu sắc
• Vòng màu cơ bản
• Các định đề về màu
• Những liên tưởng tâm lí về màu sắc
• Màu sắc đối với nhà thiết kế web

BÀI 10: TEXT

• Khái niệm
• Sự ra đời của chữ
• Các kiểu chữ phổ biến trong thiết kế Web
• Loại và ý nghĩa của các kiểu chữ
• Ứng dụng chữ trong thiết kế Web

THỰC HÀNH:THIẾT KẾ GIAO DIỆN WEBSITE

• Thiết kế banner
• Thiết kế menu
• Thiết kế giao diện

BÀI 11: TỐI ƯU HÓA HÌNH ẢNH CHO WEBSITE

• Sử dụng Slice cắt giao diện
• Tối ưu hoá hình ảnh

PHẦN 4: BỔ SUNG THIẾT KẾ BANNER FLASH VỚI CÔNG CỤ

Thực hành xây dựng banner Flash và hiệu chỉnh banner flash.
Một số công cụ hỗ trợ flash (Sothink SWF Decompiler, Flash Slideshow Maker,…)