Tổng quan về CSS3
Làm việc với các thuộc tính mới trong CSS3:
Border-radius
Border-image
Gradient
Transform, transition, animation
Làm việc với font web
Chèn nhiều hình nền với CSS3
Tổng quan về CSS3
Làm việc với các thuộc tính mới trong CSS3:
Border-radius
Border-image
Gradient
Transform, transition, animation
Làm việc với font web
Chèn nhiều hình nền với CSS3
BÀI 1 Những khái niệm đầu tiên về HTML5 - Giáo trình FPTMasterCode.vn
Định nghĩa về HTML5
Tổng quát về cú pháp của HTML5
Một số thành phần mới của HTML5
Tổng quan về HTML5 API (giao diện lập trình ứng
dụng) và công nghệ hỗ trợ
Giới thiệu CSS3
Định nghĩa về HTML5
Tổng quát về cú pháp của HTML5
Một số thành phần mới của HTML5
Tổng quan về HTML5 API (giao diện lập trình ứng
dụng) và công nghệ hỗ trợ
Giới thiệu CSS3
Tổng quan về CSS3
Làm việc với các thuộc tính mới trong CSS3:
Border-radius
Border-image
Gradient
Transform, transition, animation
Làm việc với font web
Chèn nhiều hình nền với CSS3
Tổng quan về CSS3
Làm việc với các thuộc tính mới trong CSS3:
Border-radius
Border-image
Gradient
Transform, transition, animation
Làm việc với font web
Chèn nhiều hình nền với CSS3
BÀI 1 Những khái niệm đầu tiên về HTML5 - Giáo trình FPTMasterCode.vn
Định nghĩa về HTML5
Tổng quát về cú pháp của HTML5
Một số thành phần mới của HTML5
Tổng quan về HTML5 API (giao diện lập trình ứng
dụng) và công nghệ hỗ trợ
Giới thiệu CSS3
Định nghĩa về HTML5
Tổng quát về cú pháp của HTML5
Một số thành phần mới của HTML5
Tổng quan về HTML5 API (giao diện lập trình ứng
dụng) và công nghệ hỗ trợ
Giới thiệu CSS3
Giáo trình thiết kế web - Thiết kế web với DreamweaverKhanhPham
Giáo trình thiết kế web - Thiết kế web với Dreamweaver
Để tìm hiểu kỹ hơn các bạn hãy truy cập:
Website: www.zend.vn
Facebook: https://www.facebook.com/zendvngroup
Youtube: www.youtube.com/user/luutruonghaila
BÀI 1 Giới thiệu những khía cạnh tổng quan về thiết kế web - Giáo trình FPTMasterCode.vn
Các khía cạnh thiết kế web
Những kỹ năng thiết yếu trong thiết kế website
Quy trình thiết kế website
Một số vấn đề trong thiết kế website
Một số website có thiết kế tiêu biểu
BÀI 3 Bố cục trang web & bảng (TABLE) trên trang web - Giáo trình FPTMasterCode.vn
Bố cục website với CSS:
Mô hình CSS Box
Làm việc với div và AP div
Xếp chồng và xếp gối các thành phần
Tạo style cho nội dung hộp
Điều chỉnh vị trí
Tổ chức và phác thảo website
Cách làm việc với bảng (table) trên trang web:
Khởi tạo bảng với HTML
Định dạng style cho bảng với CSS/ HTML
BÀI 4 Làm việc với các thành phần VIDEO, AUDIO, CANVAS của HTML5MasterCode.vn
Chèn các thành phần video, audio vào trang
Điều khiển video với Javascript
Làm quen với thành phần canvas
Sử dụng thành phần cavas để thực hiện:
Vẽ hình và đường
Áp dụng màu và cọ fradient
Thực hiện tạo hình động
Chèn các thành phần video, audio vào trang
Điều khiển video với Javascript
Làm quen với thành phần canvas
Sử dụng thành phần cavas để thực hiện:
Vẽ hình và đường
Áp dụng màu và cọ fradient
Thực hiện tạo hình động
Bài 1 XHTML: Cấu trúc nội dung web - Giáo trình FPTMasterCode.vn
Nhắc lại về HTML
Định nghĩa XHTML, CSS
Cách thiết kế layout trang web
Làm quen với cấu trúc một trang web
Làm quen với những plugin kiểm tra mã XHTML và
CSS trên những trình duyệt khác nhau
BÀI 4 Tinh chỉnh môi trường làm việc và làm việc với cách thành phần trên web...MasterCode.vn
Điều chỉnh môi trường làm việc trên Dreamweaver
CS4
Làm việc với những thành phần đa phương tiện
(multimedia) trên webpage:
Chèn file flash, video, âm thanh
Sử dụng panel Assets
Làm việc với plug-in
BÀI 5 Tối ưu hóa thiết kế web và cách làm việc cơ bản trong chế độ hiển thị C...MasterCode.vn
Sử dụng thư viện và các mẫu có sẵn:
Thiết kế dựa trên module
Các thành phần module trong Dreamweaver:
• Snippets
• Thành phần thư viện
• Mẫu (template)
Soạn thảo HTML trong môi trường Code
Sử dụng thư viện và các mẫu có sẵn:
Thiết kế dựa trên module
Các thành phần module trong Dreamweaver:
• Snippets
• Thành phần thư viện
• Mẫu (template)
Soạn thảo HTML trong môi trường Code
BÀI 1 Bước đầu làm quen với ADOBE DREAMWEAVER CS4 và những thao tác cơ bản tr...MasterCode.vn
Những khái niệm về website:
Thành phần của trang web
Tên miền, địa chỉ IP
Client – server
Công việc thiết kế website
Những kiến thức cơ bản về HTML & XHTML
Làm quen với Adobe Dreamweaver CS4
Khởi tạo một trang web và làm việc với những thành
phần trên trang web: văn bản, hình ảnh
Những khái niệm về website:
Thành phần của trang web
Tên miền, địa chỉ IP
Client – server
Công việc thiết kế website
Những kiến thức cơ bản về HTML & XHTML
Làm quen với Adobe Dreamweaver CS4
Khởi tạo một trang web và làm việc với những thành
phần trên trang web: văn bản, hình ảnh
Giáo trình thiết kế web - Thiết kế web với DreamweaverKhanhPham
Giáo trình thiết kế web - Thiết kế web với Dreamweaver
Để tìm hiểu kỹ hơn các bạn hãy truy cập:
Website: www.zend.vn
Facebook: https://www.facebook.com/zendvngroup
Youtube: www.youtube.com/user/luutruonghaila
BÀI 1 Giới thiệu những khía cạnh tổng quan về thiết kế web - Giáo trình FPTMasterCode.vn
Các khía cạnh thiết kế web
Những kỹ năng thiết yếu trong thiết kế website
Quy trình thiết kế website
Một số vấn đề trong thiết kế website
Một số website có thiết kế tiêu biểu
BÀI 3 Bố cục trang web & bảng (TABLE) trên trang web - Giáo trình FPTMasterCode.vn
Bố cục website với CSS:
Mô hình CSS Box
Làm việc với div và AP div
Xếp chồng và xếp gối các thành phần
Tạo style cho nội dung hộp
Điều chỉnh vị trí
Tổ chức và phác thảo website
Cách làm việc với bảng (table) trên trang web:
Khởi tạo bảng với HTML
Định dạng style cho bảng với CSS/ HTML
BÀI 4 Làm việc với các thành phần VIDEO, AUDIO, CANVAS của HTML5MasterCode.vn
Chèn các thành phần video, audio vào trang
Điều khiển video với Javascript
Làm quen với thành phần canvas
Sử dụng thành phần cavas để thực hiện:
Vẽ hình và đường
Áp dụng màu và cọ fradient
Thực hiện tạo hình động
Chèn các thành phần video, audio vào trang
Điều khiển video với Javascript
Làm quen với thành phần canvas
Sử dụng thành phần cavas để thực hiện:
Vẽ hình và đường
Áp dụng màu và cọ fradient
Thực hiện tạo hình động
Bài 1 XHTML: Cấu trúc nội dung web - Giáo trình FPTMasterCode.vn
Nhắc lại về HTML
Định nghĩa XHTML, CSS
Cách thiết kế layout trang web
Làm quen với cấu trúc một trang web
Làm quen với những plugin kiểm tra mã XHTML và
CSS trên những trình duyệt khác nhau
BÀI 4 Tinh chỉnh môi trường làm việc và làm việc với cách thành phần trên web...MasterCode.vn
Điều chỉnh môi trường làm việc trên Dreamweaver
CS4
Làm việc với những thành phần đa phương tiện
(multimedia) trên webpage:
Chèn file flash, video, âm thanh
Sử dụng panel Assets
Làm việc với plug-in
BÀI 5 Tối ưu hóa thiết kế web và cách làm việc cơ bản trong chế độ hiển thị C...MasterCode.vn
Sử dụng thư viện và các mẫu có sẵn:
Thiết kế dựa trên module
Các thành phần module trong Dreamweaver:
• Snippets
• Thành phần thư viện
• Mẫu (template)
Soạn thảo HTML trong môi trường Code
Sử dụng thư viện và các mẫu có sẵn:
Thiết kế dựa trên module
Các thành phần module trong Dreamweaver:
• Snippets
• Thành phần thư viện
• Mẫu (template)
Soạn thảo HTML trong môi trường Code
BÀI 1 Bước đầu làm quen với ADOBE DREAMWEAVER CS4 và những thao tác cơ bản tr...MasterCode.vn
Những khái niệm về website:
Thành phần của trang web
Tên miền, địa chỉ IP
Client – server
Công việc thiết kế website
Những kiến thức cơ bản về HTML & XHTML
Làm quen với Adobe Dreamweaver CS4
Khởi tạo một trang web và làm việc với những thành
phần trên trang web: văn bản, hình ảnh
Những khái niệm về website:
Thành phần của trang web
Tên miền, địa chỉ IP
Client – server
Công việc thiết kế website
Những kiến thức cơ bản về HTML & XHTML
Làm quen với Adobe Dreamweaver CS4
Khởi tạo một trang web và làm việc với những thành
phần trên trang web: văn bản, hình ảnh
Biết cách sử dụng các lệnh lặp khác nhau
Biết cách sử dụng các điều khiển ListBox,
NumericUpDown, TextBox nhiều dòng
Biết cách chuyển điều khiển
Biết cách vô hiệu hóa và kích hoạt điều khiển
Biết cách sử dụng đối tượng String
Biết cách sử dụng các lệnh lặp khác nhau
Biết cách sử dụng các điều khiển ListBox,
NumericUpDown, TextBox nhiều dòng
Biết cách chuyển điều khiển
Biết cách vô hiệu hóa và kích hoạt điều khiển
Biết cách sử dụng đối tượng String
BÀI 6: Thủ tục (SUB) và hàm (FUNCTION) - Giáo trình FPTMasterCode.vn
Biết về tổ chức ứng dụng, khái niệm “chia để trị”
Biết cách sử dụng Function và Sub
Biết cách sử dụng tham số Optional
Hiểu về phạm vị biến
Hiểu về ép kiểu ngầm định thu hẹp và sử dụng lớp
Convert để ép kiểu tường minh
Hiểu về cách sử dụng các tùy chọn của trình gỡ lỗi
Bài 3: Cấu trúc điều khiển, hàm và xử lý sự kiện - Giáo trình FPTMasterCode.vn
Cấu trúc điều khiển (tiếp)
Cấu trúc lựa chọn
Lệnh lựa chọn kép
Lệnh đa lựa chọn
Cấu trúc lặp
Lặp không biết trước số lần lặp
Lặp biết trước số lần lặp
Hàm
Phạm vi biến
Mảng
Xử lý sự kiện
Cấu trúc điều khiển (tiếp)
Cấu trúc lựa chọn
Lệnh lựa chọn kép
Lệnh đa lựa chọn
Cấu trúc lặp
Lặp không biết trước số lần lặp
Lặp biết trước số lần lặp
Hàm
Phạm vi biến
Mảng
Xử lý sự kiện
BÀI 2 Tìm hiểu ngôn ngữ đánh dấu trong việc phát triển web mobile - Giáo trìn...MasterCode.vn
Làm quen với ngôn ngữ đánh dấu cho web di động:
XHTML, XHTML -MP
WML
CSS cho web di động
Nhận diện thiết bị và tính tương thích với các thiết bị
di động
Nâng cao khả năng tương tác của web di động với
Javascript và AJAX
Bài 3 Tạo style cho font và văn bản - Giáo trình FPTMasterCode.vn
Giới thiệu về font
Một số thuộc tính quan trọng của Font
Một số thuộc tính quan trọng của Text
Kích thước của font, text trong HTML
Cách viết CSS rút gọn (shorthand)
Giới thiệu về font
Một số thuộc tính quan trọng của Font
Một số thuộc tính quan trọng của Text
Kích thước của font, text trong HTML
Cách viết CSS rút gọn (shorthand)
Xu hướng phát triển của kinh doanh ngày càng năng động hơn, ngoài kênh tiếp xúc thị trường truyền thống, kinh doanh thông qua mạng Internet đang nổi lên là một kênh tiếp xúc khách hàng trực tuyến hiệu quả hiện nay.
http://www.vinadesign.vn/thiet-ke-web-tai-da-nang-1536.html
1. Website là gì?
Website còn gọi là trang web ( một tên khác nữa là trang mạng ) là một tập hợp các trang web bao gồm văn bản, hình ảnh, video, flash vv, thường chỉ nằm trong một tên miền hoặc tên miền phụ . Trang web được lưu trữ ( web hosting ) trên máy chủ web ( server web ) có thể truy cập thông qua Internet.
Trang mạng có thể được xây dựng từ các tệp tin HTML (trang mạng tĩnh) hoặc vận hành bằng các CMS chạy trên máy chủ (trang mạng động). Trang mạng có thể được xây dựng bằng nhiều ngôn ngữ lập trình khác nhau (PHP,.NET, Java, Ruby on Rails…)
Tầm quan trọng của website đối với doanh nghiệp hiện nay là một điều hiển nhiên, được xem là kênh thông tin chính của doanh nghiệp trên thế giới ảo, website giúp cho doanh nghiệp tiếp cận được nguồn khách hàng tiềm năng vô tận.
Xây dựng website và cập nhật thông tin thường xuyên cho website chính là cách bạn cho khách hàng của mình thấy bạn hòa nhập tốt với môi trường kinh doanh năng động hiện nay.
Đặc biệt các dự án đã được bạn thực hiện nên được giới thiệu trên website, đặc biệt là ngay tại trang chủ, các dự án sẽ cho khách hàng tiềm năng của bạn biết được khả năng của bạn như thế nào, từ đó nâng cao tỷ lệ khách hàng mới đến với doanh nghiệp mình.
Cùng tham khảo một vài tính năng mà bạn có thể sử dụng cho thiết kế web xây dựng tại http://vinadesign.vn/thiet-ke-web-xay-dung-1531.html
Mỗi thể loại website đều thể hiện đặc trưng riêng của từng lĩnh vực hoạt động riêng, kết hợp giữa sự sáng tạo và nhu cầu sở hữu một kênh thời trang trực tuyến đã cho ra đời những website thời trang độc đáo.
http://vinadesign.vn/thiet-ke-web-thoi-trang-1523.html
[Bachkhoa-Aptech] Lập trình Web doanh nghiệpPhạm Văn Hưng
http://www.bachkhoa-aptech.com/Home.htm Hệ thống đào tạo Lập trình viên Quốc tế Bachkhoa - Aptech, CNTT, Lập trình, Lập trình viên, Aptech, Aptech Bach khoa, Lập trình viên quốc tế, Lập trình ACCP, Lập trình ITT, Khóa học ACCP, Khóa học ITT, Tuyển sinh Lập trình, Hướng nghiệp, Đào tạo Lập trình viên quốc tế, Đào tạo ACCP, Đào tạo lập trình...
Công việc ngày càng bận rộn khiến nhiều người không có thời gian để đến tận nơi xem xét qua các dịch vụ của từng nhà hàng, họ ưu tiên tìm hiểu về điều này qua các trang web trực tuyến.
Vậy nhà hàng của bạn đã xây dựng cho mình một kênh thông tin trực tuyến hay chưa? Nếu đang có ý định thiết kế một web nhà hàng hoặc bạn muốn nâng cấp web hiện tại của mình, cùng tham khảo một vài tính năng mà bạn có thể sử dụng cho thiết kế web nhà hàng tại http://bit.ly/1g6PFHu.
2. MỤC TIÊU BÀI HỌC
Các khía cạnh thiết kế web
Những kỹ năng thiết yếu trong thiết kế website
Quy trình thiết kế website
Một số vấn đề trong thiết kế website
Một số website có thiết kế tiêu biểu
Slide 1 - Giới thiệu những khía cạnh tổng quan về thiết kế trang web 2
3. Các khía cạnh thiết kế web
Slide 1 - Giới thiệu những khía cạnh tổng quan về thiết kế trang web 3
Trình bày
giao diện
Nội dung
Yếu tố
khác
4. Nội dung
Nội dung là phần thiết yếu tạo nên trang web, bao
gồm:
Văn bản
Hình ảnh đồ họa & multimedia
Các thành tố khác
Nội dung cần được cân nhắc kỹ theo mục đích sao
cho phù hợp với độc giả
Website chỉ là phương tiện để đưa nội dung tới độc
giả/khách hàng
5. Trình bày giao diện
Trình bày nội dung (HTML, màu sắc, typography)
Bố cục giao diện (layout, CSS)
Thiết kế các thành phần đồ họa
Graphic
Flash
6. Các yếu tố khác
Cách tổ chức và truyền tải nội dung
Thiết kế sáng tạo
Tính tiện dụng (Usability)
8. KỸ NĂNG THIẾT YẾU TRONG
THIẾT KẾ WEBSITE
Kết quả điều tra trong cộng đồng chuyên gia thiết
kế web về các kỹ năng thiết yếu trong nghề TKW
Slide 1 - Giới thiệu những khía cạnh tổng quan về thiết kế trang web 8
http://teachtheweb.com/monograph.php
0%
10%
20%
30%
40%
50%
60%
70%
80%
90%
CSS HTML Layout Typography Flash Color XHTML
% đồng tình
% đồng tình
10. QUY TRÌNH THỰC HIỆN 1 WEBSITE
Quy trình thiết kế web
Slide 1 - Giới thiệu những khía cạnh tổng quan về thiết kế trang web 10
Quy trình thiết kế
Tìm hiểu
Khảo sátThực hiện
Đây là quá trình gặp khách hàng
và xem họ muốn làm gì
Đưa những thông tin đã thu
thập từ phía khách hàng để
phân tích, thử nghiệm
Bắt tay thực hiện layout
11. QUY TRÌNH XÂY DỰNG WEBSITE
Slide 1 - Giới thiệu những khía cạnh tổng quan về thiết kế trang web 11
Phân tích yêu
cầu, nội dung
Website
Thiết kế
Prototype
(Mockup)
Thiết kế
Graphic
(Photoshop,..)
Dàn trang
HTML/ CSS/ Js
Viết Code cho
website
Upload website
lên mạng
Update nội
dung cho
website
12. MỘT SỐ VẤN ĐỀ CẦN QUAN TÂM
TRONG THIẾT KẾ WEBSITE
(BEST PRACTICES)
13. KINH NGHIỆM THIẾT KẾ WEB TỐT
Một website chất lượng phải thỏa mãn một số yêu
cầu:
Nội dung hấp dẫn, đầy đủ, hợp với chủ ý của việc xây
dựng website
Được sắp xếp, bố cục một cách hợp lý, tạo điều kiện
cho người đọc/khai thác dễ định hướng trong
website.
Hình thức đẹp, phù hợp với chủ đề nội dung
Có khả năng truy cập trên nhiều loại thiết bị
Hãy làm sao để người xem chỉ cần nhấn chuột
không quá 3 lần để thấy thông tin cần tìm
…
Slide 1 - Giới thiệu những khía cạnh tổng quan về thiết kế trang web 13
14. VẤN ĐỀ QUAN TÂM TRONG
THIẾT KẾ WEBSITE
Thiết kế web:
Resolution (độ phân giải)
Thiết kế phù hợp với trình duyệt
Màu sắc trên web
Chế độ nén hình ảnh khi sử dụng trên web
Text (một trong số nguyên liệu tạo nên typography
trên web)
Khả năng truy cập (Accessibility)
Tính tiện dụng (Usability)
Slide 1 - Giới thiệu những khía cạnh tổng quan về thiết kế trang web 14
15. VẤN ĐỀ QUAN TÂM TRONG
THIẾT KẾ WEBSITE
Slide 1 - Giới thiệu những khía cạnh tổng quan về thiết kế trang web 15
Resolution
(độ phân giải)
Độ phân giải
hình ảnh
Độ phân giải
màn hình
16. Độ phân giải màn hình:
Hầu hết màn hình máy tính đều hiển thị với độ phân
giải 72-96 ppi (pixels per inch)
Khi nói tới độ phân giải màn hình, thường được tham
chiếu tới kích thước màn hình, số lượng pixel được
hiển thị trên màn hình
Kích cỡ màn hình chi phối trên web ngày nay: 800
600 và 1024 768
Slide 1 - Giới thiệu những khía cạnh tổng quan về thiết kế trang web 16
Độ phân giải màn hình 2005 2004
Lớn hơn 11% 10%
1024x768 56% 50%
800x600 28% 35%
Nhỏ hơn 5% 5%
VẤN ĐỀ QUAN TÂM TRONG
THIẾT KẾ WEBSITE
17. Độ phân giải hình ảnh:
Là kích thước toàn vẹn và tổng thể của hình ảnh
Thường được sử dụng để định nghĩa kích thước pixel
và độ phân giải không gian:
• Kích thước pixel (Pixel dimensions): là số lượng pixel
tạo nên hình ảnh. Megapixel là một triệu điểm ảnh, có
thể được hiểu (width height / 1,000,000)
• Độ phân giải không gian: số lượng điểm ảnh trên inch.
Độ phân giải không gian phổ biến là 72ppi (độ phân
giải cho màn hình) và 300ppi (độ phân giải cho in ấn)
Slide 1 - Giới thiệu những khía cạnh tổng quan về thiết kế trang web 17
VẤN ĐỀ QUAN TÂM TRONG
THIẾT KẾ WEBSITE
18. Thiết kế phù hợp với trình duyệt:
Trình duyệt là giao diện người sử dụng tương tác với
thông tin trên web
Cung cấp framework để hiển thị thông tin và các
công cụ điều hướng cho sự tương tác
Điều chỉnh mã hoặc sử dụng Cascading Style Sheets
(CSS) để đưa ra các thiết kế phù hợp với trình duyệt
Slide 1 - Giới thiệu những khía cạnh tổng quan về thiết kế trang web 18
VẤN ĐỀ QUAN TÂM TRONG
THIẾT KẾ WEBSITE
19. Thiết kế phù hợp với trình duyệt:
Kích thước trình duyệt thực sự: kích thước màn hình
của người dùng xác định số lượng thông tin được
hiển thị trong một thời điểm. Nên khi thiết kế cần
xem xét không gian trình duyệt, và trừ đi kích thước
màn hình tổng thể để đưa ra kích thước web chính
xác
Slide 1 - Giới thiệu những khía cạnh tổng quan về thiết kế trang web 19
Kích thước
màn hình
IE 6 Firefox Opera Netscape
800x600 779x400 781x434 777x427 781x389
1024x768 1003x568 1005x602 1001x595 1005x557
VẤN ĐỀ QUAN TÂM TRONG
THIẾT KẾ WEBSITE
20. Màu sắc trên web:
Là tập hợp màu sắc sẽ làm web nhất quán trên các
trình duyệt trên cả hai hệ điều hành (Windows và
OSX)
Chế độ nén hình ảnh khi sử dụng trên web:
GIF (Graphics Interchange Format):
• Độ sâu màu từ 1-bit (2 colors) to 8-bit (256 colors)
• Hỗ trợ trong suốt
• Hỗ trợ ảnh động
• Kích thước tập tin: 20%-90% kích thước ban đầu
Slide 1 - Giới thiệu những khía cạnh tổng quan về thiết kế trang web 20
VẤN ĐỀ QUAN TÂM TRONG
THIẾT KẾ WEBSITE
21. JPEG (Joint Photographic Experts Group):
• Độ sâu màu từ 8-bit (256 colors) or 24-bit (16,777,216
colors)
• Cho phép thiết lập và kiểm soát chất lượng theo tỷ lệ
phần trăm
• Kích thước tập tin là 5%- 20% kích thước ban đầu
PNG (Portable Network Graphics):
• Độ sâu màu từ 8-bit (256 colors) or 24-bit (16,777,216
colors)
• Hỗ trợ các kênh màu alpha và độ trong suốt
• Thông thường nén hình ảnh 5% - 25% tốt hơn GIF
Slide 1 - Giới thiệu những khía cạnh tổng quan về thiết kế trang web 21
VẤN ĐỀ QUAN TÂM TRONG
THIẾT KẾ WEBSITE
22. Text:
Một trong số nguyên liệu tạo nên typography trên
web
Để font chữ hiển thị chính xác trên trình duyệt thì
font đó phải được cài đặt trên máy người dùng. Để
hỗ trợ việc này nên sử dụng họ font
Một số họ font thường sử dụng:
• Arial, Helvetica, sans-serif
• Times New Roman, Times, serif
• Courier New, Courier, mono
• Georgia, Times New Roman, Times, serif
• Verdana, Arial, Helvetica, sans-serif
• Geneva, Arial, Helvetica, sans-serif
Slide 1 - Giới thiệu những khía cạnh tổng quan về thiết kế trang web 22
VẤN ĐỀ QUAN TÂM TRONG
THIẾT KẾ WEBSITE
23. Khả năng truy cập (Accessibility):
Hỗ trợ việc tiếp cận thông tin trên web dành cho mọi
đối tượng, đặc biệt là người khuyết tật
Đây là vấn đề quan trọng cần được xem xét trong
mọi dự án thiết kế
Tính tiện dụng (Usability):
Website đáp ứng được mục tiêu của người sử dụng
mà lại sử dụng thuận tiện nhất
Đang dần trở thành khái niệm chuẩn, liên quan tới sự
thành công của web ngày nay
Slide 1 - Giới thiệu những khía cạnh tổng quan về thiết kế trang web 23
VẤN ĐỀ QUAN TÂM TRONG
THIẾT KẾ WEBSITE
25. WEBSITE CÓ THIẾT KẾ ĐIỂN HÌNH
Slide 1 - Giới thiệu những khía cạnh tổng quan về thiết kế trang web 25
http://www.bbc.co.uk/
26. WEBSITE CÓ THIẾT KẾ ĐIỂN HÌNH
Slide 1 - Giới thiệu những khía cạnh tổng quan về thiết kế trang web 26
http://www.csszengarden.com/
27. WEBSITE CÓ THIẾT KẾ ĐIỂN HÌNH
Slide 1 - Giới thiệu những khía cạnh tổng quan về thiết kế trang web 27
http://www.microsoft.com/en-us/default.aspx
28. TỔNG KẾT
3 khía cạnh trong thiết kế web:
Nội dung
Trình bày
Yếu tố khác (tổ chức và truyền tải nội dung,
usability,…)
Các kỹ năng thiết yếu trong thiết kế web: CSS,
HTML/XHTML, layout, typography, flash, color
Nên chú ý cách sử dụng những thành phần trên
web để đạt hiểu quả tốt nhất: text, hình ảnh, tính
tiện dụng,….
Cập nhật thường xuyên các best practices về thiết
kế web từ sách và Internet
Slide 1 - Giới thiệu những khía cạnh tổng quan về thiết kế trang web 28