BÀI 5 Làm việc với FONT, TYPEFACE và tỷ lệ nhịp điệu trong TYPOGRAPHY - Giáo ...MasterCode.vn
Tổng quan về việc sử dụng font trên web:
Lựa chọn font
Phân loại font family trong CSS
Định rõ kiểu chữ với CSS
Web font an toàn ( web safe font)
Liên kết font web
Dịch vụ liên kết font web văn phòng
Nhúng font web với javascript
Những giải pháp để sử dụng font trên web
Tổng quan về việc sử dụng font trên web:
Lựa chọn font
Phân loại font family trong CSS
Định rõ kiểu chữ với CSS
Web font an toàn ( web safe font)
Liên kết font web
Dịch vụ liên kết font web văn phòng
Nhúng font web với javascript
Những giải pháp để sử dụng font trên web
BÀI 6 Những yếu tố: tỷ lệ, nhịp điệu, nhấn mạnh và tương phản trong TYPOGRAPH...MasterCode.vn
Khái niệm hướng mắt của người duyệt web
Weight (trọng lượng)
Italic & oblique
Các style trang trí
Văn bản in hoa in thường
Màu sắc
Kiểu chữ
Khái niệm hướng mắt của người duyệt web
Weight (trọng lượng)
Italic & oblique
Các style trang trí
Văn bản in hoa in thường
Màu sắc
Kiểu chữ
BÀI 3 Tổng quan về TYPOGRAPHY - Giáo trình FPTMasterCode.vn
Khái niệm về Typography:
Typography cho thiết kế graphic
Typography trên web
Sự khác biệt
Màu sắc & màu sắc trên web
Bố cục trong thiết kế web
Khái niệm chống răng cưa
Nguyên tắc chọn & sử dụng kiểu chữ
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)
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 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 5 Làm việc với FONT, TYPEFACE và tỷ lệ nhịp điệu trong TYPOGRAPHY - Giáo ...MasterCode.vn
Tổng quan về việc sử dụng font trên web:
Lựa chọn font
Phân loại font family trong CSS
Định rõ kiểu chữ với CSS
Web font an toàn ( web safe font)
Liên kết font web
Dịch vụ liên kết font web văn phòng
Nhúng font web với javascript
Những giải pháp để sử dụng font trên web
Tổng quan về việc sử dụng font trên web:
Lựa chọn font
Phân loại font family trong CSS
Định rõ kiểu chữ với CSS
Web font an toàn ( web safe font)
Liên kết font web
Dịch vụ liên kết font web văn phòng
Nhúng font web với javascript
Những giải pháp để sử dụng font trên web
BÀI 6 Những yếu tố: tỷ lệ, nhịp điệu, nhấn mạnh và tương phản trong TYPOGRAPH...MasterCode.vn
Khái niệm hướng mắt của người duyệt web
Weight (trọng lượng)
Italic & oblique
Các style trang trí
Văn bản in hoa in thường
Màu sắc
Kiểu chữ
Khái niệm hướng mắt của người duyệt web
Weight (trọng lượng)
Italic & oblique
Các style trang trí
Văn bản in hoa in thường
Màu sắc
Kiểu chữ
BÀI 3 Tổng quan về TYPOGRAPHY - Giáo trình FPTMasterCode.vn
Khái niệm về Typography:
Typography cho thiết kế graphic
Typography trên web
Sự khác biệt
Màu sắc & màu sắc trên web
Bố cục trong thiết kế web
Khái niệm chống răng cưa
Nguyên tắc chọn & sử dụng kiểu chữ
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)
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 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
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 6 Làm việc với thành phần FORM, SPRY trong DREAMWEAVER CS4 - Giáo trình FPTMasterCode.vn
Làm việc với web form:
Giao diện và chức năng của form
Phương pháp submit thông tin của form lên server
Xác nhận các thông tin đầu vào của form
Khởi tạo và sửa đổi form trên Dreamweaver CS4
Lưu ý khi làm việc với form
Hiểu về các khái niệm liên quan tới web:
Web động phía client
XML, AJAX, RIA
Spry và cách làm việc với spry trong Dreamweaver
CS4
Làm việc với web form:
Giao diện và chức năng của form
Phương pháp submit thông tin của form lên server
Xác nhận các thông tin đầu vào của form
Khởi tạo và sửa đổi form trên Dreamweaver CS4
Lưu ý khi làm việc với form
Hiểu về các khái niệm liên quan tới web:
Web động phía client
XML, AJAX, RIA
Spry và cách làm việc với spry trong Dreamweaver
CS4
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 2 Cơ chế làm việc của CSS - Giáo trình FPTMasterCode.vn
Cách áp dụng CSS cho trang web
Cấu trúc & Quy tắc khai báo CSS
Pseudo-Class (lớp giả)
Tính kế thừa trong CSS
Khai báo giá trị màu sắc và số trong CSS
Cách áp dụng CSS cho trang web
Cấu trúc & Quy tắc khai báo CSS
Pseudo-Class (lớp giả)
Tính kế thừa trong CSS
Khai báo giá trị màu sắc và số trong CSS
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
Tìm hiểu về box (hộp), cấu trúc box trên một trang
của website:
Tầm quan trọng
Kích thước
Vị trí
Thuộc tính của box:
Thuộc tính về nội dung
Thuộc tính về vị trí
Thuộc tính về hiển thị
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 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 6 Làm việc với thành phần FORM, SPRY trong DREAMWEAVER CS4 - Giáo trình FPTMasterCode.vn
Làm việc với web form:
Giao diện và chức năng của form
Phương pháp submit thông tin của form lên server
Xác nhận các thông tin đầu vào của form
Khởi tạo và sửa đổi form trên Dreamweaver CS4
Lưu ý khi làm việc với form
Hiểu về các khái niệm liên quan tới web:
Web động phía client
XML, AJAX, RIA
Spry và cách làm việc với spry trong Dreamweaver
CS4
Làm việc với web form:
Giao diện và chức năng của form
Phương pháp submit thông tin của form lên server
Xác nhận các thông tin đầu vào của form
Khởi tạo và sửa đổi form trên Dreamweaver CS4
Lưu ý khi làm việc với form
Hiểu về các khái niệm liên quan tới web:
Web động phía client
XML, AJAX, RIA
Spry và cách làm việc với spry trong Dreamweaver
CS4
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 2 Cơ chế làm việc của CSS - Giáo trình FPTMasterCode.vn
Cách áp dụng CSS cho trang web
Cấu trúc & Quy tắc khai báo CSS
Pseudo-Class (lớp giả)
Tính kế thừa trong CSS
Khai báo giá trị màu sắc và số trong CSS
Cách áp dụng CSS cho trang web
Cấu trúc & Quy tắc khai báo CSS
Pseudo-Class (lớp giả)
Tính kế thừa trong CSS
Khai báo giá trị màu sắc và số trong CSS
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
Tìm hiểu về box (hộp), cấu trúc box trên một trang
của website:
Tầm quan trọng
Kích thước
Vị trí
Thuộc tính của box:
Thuộc tính về nội dung
Thuộc tính về vị trí
Thuộc tính về hiển thị
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 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
BÀI 4 Ký tự và biểu tượng trong TYPOGRAPHY - Giáo trình FPTMasterCode.vn
Bản chất của ký tự (character)
Các kiểu chữ
Ký tự và font chữ mã hóa (encoding) trên web
Cách sử dụng symbol (biểu tượng)
Các ký tự đặc biệt trong HTML
Bản chất của ký tự (character)
Các kiểu chữ
Ký tự và font chữ mã hóa (encoding) trên web
Cách sử dụng symbol (biểu tượng)
Các ký tự đặc biệt trong HTML
Để hiểu được tầm quan trọng của kiểu dáng chữ đối với bản sắc nhận diện thương hiệu, bạn hãy xem các hàng chữ trên mang lại những cảm xúc khác nhau như thế nào. Chỉ là sự thay đổi về kiểu chữ song nó cũng có thể thay đổi cảm nhận trong tâm trí bạn.
Tài liệu hướng dẫn sử dụng thiết kế Bộ nhận diện thương hiệu nội thất VINMORESaoKim.com.vn
Cẩm nang hướng dẫn sử dụng hệ thống nhận diện thương hiệu Công ty Nội thất VINMORE do Sao Kim thực hiện
Xem ngay các dịch vụ thiết kế logo và bộ nhận diện thương hiệu được nhiều khách hàng lựa chọn nhất: https://www.saokim.com.vn/dich-vu/nhan-dien-cot-loi/thiet-ke-he-thong-nhan-dien-thuong-hieu/
Liên hệ để được tư vấn thiết kế logo và bộ nhận diện thương hiệu trực tiếp ngay hôm nay: 0964.699.499 (Chuyên gia Nguyễn Tuấn Hùng)
Tài liệu hướng dẫn sử dụng thiết kế Bộ nhận diện thương hiệu UnipoSaoKim.com.vn
Cẩm nang hướng dẫn sử dụng hệ thống nhận diện thương hiệu Công ty UNIPO do Sao Kim thực hiện.
Xem ngay các dịch vụ thiết kế logo và bộ nhận diện thương hiệu được nhiều khách hàng lựa chọn nhất: https://www.saokim.com.vn/dich-vu/nhan-dien-cot-loi/thiet-ke-he-thong-nhan-dien-thuong-hieu/
Liên hệ để được tư vấn thiết kế logo và bộ nhận diện thương hiệu trực tiếp ngay hôm nay: 0964.699.499 (Chuyên gia Nguyễn Tuấn Hùng)
BÀI 4 Làm việc với công cụ vẽ và văn bản - Giáo trình FPTMasterCode.vn
Làm việc với các công cụ vẽ: Pen, Line Segment,
Arc, Pencil, Smooth, Path Eraser
Kỹ thuật đồ (vẽ) lại hình ảnh (tracing image)
Làm việc với văn bản và các thanh chỉnh sửa văn
bản
Làm việc với các công cụ vẽ: Pen, Line Segment,
Arc, Pencil, Smooth, Path Eraser
Kỹ thuật đồ (vẽ) lại hình ảnh (tracing image)
Làm việc với văn bản và các thanh chỉnh sửa văn
bản
Tài liệu hướng dẫn sử dụng thiết kế Logo và Bộ nhận diện thương hiệu PLBSaoKim.com.vn
Cẩm nang hướng dẫn sử dụng hệ thống thiết kế logo và nhận diện thương hiệu Công ty Cổ phần PLB do Sao Kim thực hiện
Xem ngay các dịch vụ thiết kế logo và bộ nhận diện thương hiệu được nhiều khách hàng lựa chọn nhất: https://www.saokim.com.vn/dich-vu/nhan-dien-cot-loi/thiet-ke-he-thong-nhan-dien-thuong-hieu/
Liên hệ để được tư vấn thiết kế logo và bộ nhận diện thương hiệu trực tiếp ngay hôm nay: 0964.699.499 (Chuyên gia Nguyễn Tuấn Hùng)
Tài liệu hướng dẫn sử dụng thiết kế Logo và Bộ nhận diện thương hiệu TMDV S&7SaoKim.com.vn
Cẩm nang hướng dẫn sử dụng hệ thống thiết kế logo và nhận diện thương hiệu Công ty TMDV S&7 do Sao Kim thực hiện
Xem ngay các dịch vụ thiết kế logo và bộ nhận diện thương hiệu được nhiều khách hàng lựa chọn nhất: https://www.saokim.com.vn/dich-vu/nhan-dien-cot-loi/thiet-ke-he-thong-nhan-dien-thuong-hieu/
Liên hệ để được tư vấn thiết kế logo và bộ nhận diện thương hiệu trực tiếp ngay hôm nay: 0964.699.499 (Chuyên gia Nguyễn Tuấn Hùng)
Tài liệu hướng dẫn sử dụng thiết kế Logo thương hiệu PNP Việt NamSaoKim.com.vn
Cẩm nang hướng dẫn sử dụng hệ thống thiết kế logo và nhận diện thương hiệu Công ty PNP Việt Nam do Sao Kim thực hiện
Xem ngay các dịch vụ thiết kế logo và bộ nhận diện thương hiệu được nhiều khách hàng lựa chọn nhất: https://www.saokim.com.vn/dich-vu/nhan-dien-cot-loi/thiet-ke-he-thong-nhan-dien-thuong-hieu/
Liên hệ để được tư vấn thiết kế logo và bộ nhận diện thương hiệu trực tiếp ngay hôm nay: 0964.699.499 (Chuyên gia Nguyễn Tuấn Hùng)
Cẩm nang thiết kế logo thương hiệu AIC - Công ty cổ đầu tư giáo dục Quốc tế MỹSaoKim.com.vn
Cẩm nang hướng dẫn sử dụng hệ thống thiết kế logo thương hiệu AIC - Công ty cổ đầu tư giáo dục Quốc tế Mỹ do Sao Kim thực hiện
Xem ngay các dịch vụ thiết kế logo và bộ nhận diện thương hiệu được nhiều khách hàng lựa chọn nhất: https://www.saokim.com.vn/dich-vu/nhan-dien-cot-loi/thiet-ke-he-thong-nhan-dien-thuong-hieu/
Liên hệ để được tư vấn thiết kế logo và bộ nhận diện thương hiệu trực tiếp ngay hôm nay: 0964.699.499 (Chuyên gia Nguyễn Tuấn Hùng)
2. NHẮC LẠI BÀI TRƯỚC
Khái niệm về Typography:
Typography cho thiết kế graphic
Typography trên web
Sự khác biệt
Màu sắc & màu sắc trên web
Bố cục trong thiết kế web
Khái niệm chống răng cưa
Nguyên tắc chọn & sử dụng kiểu chữ
Slide 4 - Ký tự và biểu tượng trong Typography 2
3. MỤC TIÊU BÀI HỌC
Bản chất của ký tự (character)
Các kiểu chữ
Ký tự và font chữ mã hóa (encoding) trên web
Cách sử dụng symbol (biểu tượng)
Các ký tự đặc biệt trong HTML
Slide 4 - Ký tự và biểu tượng trong Typography 3
5. BẢN CHẤT CỦA KÝ TỰ
Là biểu diễn thị giác của một ký tự hoặc biểu tượng
trong một bộ font, phân biệt với tất cả các ký tự
khác trong cùng bộ đó.
Văn bản được tạo ra từ các ký tự riêng lẻ, mỗi ký tự
này có hình dạng và ý nghĩa riêng.
Mọi ký tự và biểu tượng trong danh mục ký tự của
một typeface (kiểu chữ) cụ thể luôn là duy nhất
Kiểu chữ (Typeface) luôn có những đặc tính giống
nhau, có thể dùng để mô tả và tìm hiểu về cách
thức hoạt động của chúng.
Slide 4 - Ký tự và biểu tượng trong Typography 5
6. BẢN CHẤT CỦA KÝ TỰ
Ký tự
(Character)
X-height
baseline
Cap
height
Slide 4 - Ký tự và biểu tượng trong Typography 6
Các thành phần trong ký tự
7. BẢN CHẤT CỦA KÝ TỰ
Slide 4 - Ký tự và biểu tượng trong Typography 7
Baseline (đường cơ sở):
Tất cả các kiểu chữ đều được căn trên 1 đường
thẳng.
Baseline thường là đường thẳng ngang cắt ngang bề
mặt hiển thị
Có thể là đường thẳng hoặc đường cong
Baseline dạng đường thẳng
8. BẢN CHẤT CỦA KÝ TỰ
Slide 4 - Ký tự và biểu tượng trong Typography 8
Cap height:
Chiều cao tính từ điểm cao nhất của chữ in hoa tới
đường baseline
Cap height
9. BẢN CHẤT CỦA KÝ TỰ
Slide 4 - Ký tự và biểu tượng trong Typography 9
X-height:
Chiều cao của ký tự chữ in thường
Thường được sử dụng để định nghĩa đường trung
tuyến (mean line)
X-height
10. BẢN CHẤT CỦA KÝ TỰ
Slide 4 - Ký tự và biểu tượng trong Typography 10
Tất cả các ký tự đều rất đa dạng về kiểu mẫu
Các thành phần mở rộng của kiểu ký tự:
Ascender: nằm trên đường trung tuyến (mean line)
của ký tự in thường
Descender: nằm dưới đường cơ sở (baseline) của ký
tự in thường
Spur, terminal, tail, bowl,…
11. BẢN CHẤT CỦA KÝ TỰ
Slide 4 - Ký tự và biểu tượng trong Typography 11
12. BẢN CHẤT CỦA KÝ TỰ
Sự thể hiện mặc định của kiểu chữ là kiểu chữ bình
thường (regular)
Các kiểu biến đổi của kiểu chữ:
Kiểu chữ bình thường (regular)
Kiểu in đậm (weight)
Kiểu in nghiêng (italic & obliques)
KIỂU IN HOA (SMALL CAPS)
Slide 4 - Ký tự và biểu tượng trong Typography 12
14. CÁC KIỂU CHỮ
Phương pháp tốt nhất để phân loại typeface là dựa
vào cách sử dụng của chúng trong thiết kế. Kiểu
chữ được phân chia thành ba nhóm chính―hiển thị
nội dung, trình bày và trang trí.:
Hiển thị nội dung: kiểu chữ thường được sử dụng để
hiển thị độ lớn cần thiết để đọc
Trình bày: sử dụng font hiển thị để gây chú ý cho
người duyệt nội dung
Trang trí: thường được sử dụng để trang trí thêm cho
kiểu chữ. Trong CSS, thường được sử dụng lệnh
fantasy hoặc cursive
Slide 4 - Ký tự và biểu tượng trong Typography 14
15. CÁC KIỂU CHỮ
Kiểu monospace/proportional:
Monospace hay còn gọi là cố định chiều dài (fixed-
width): các ký tự chiếm hầu hết không gian chiều
ngang, khoảng không gian giữa các ký tự không thay
đổi
Proportional: các ký tự chiếm gần hết không gian
hiển thị, khoảng không gian giữa các ký tự sẽ thay
đổi để tối ưu nhất cho việc dễ đọc
Slide 4 - Ký tự và biểu tượng trong Typography 15
16. CÁC KIỂU CHỮ
Kiểu serif/sans-serif:
Serif: đường gạch chân, là họa tiết nhỏ trang trí phía
dưới ký tự
Font Sans-serif: không sử dụng nét gạch để trang trí
Một số kiểu họa tiết chân serif
Slide 4 - Ký tự và biểu tượng trong Typography 16
17. CÁC KIỂU CHỮ
Kiểu họa tiết (dingbat): một số font có chứa kiểu
họa tiết
Slide 4 - Ký tự và biểu tượng trong Typography 17
19. KÝ TỰ VÀ FONT CHỮ MÃ HÓA (ENCODING)
Trong máy tính, ký tự là 1 dải bit hiển thị ra màn
hình/ máy in/các thiết bị output khác
Ký tự mã hóa (encoding)/font mã hóa (encoding) là
hệ thống ký tự mà máy tính cần để hiển thị
Khi thiết kế web cần chắc chắn rằng font mà bạn
chọn chứa các ký tự để hiển thị nội dung
Slide 4 - Ký tự và biểu tượng trong Typography 19
20. KÝ TỰ VÀ FONT CHỮ MÃ HÓA (ENCODING)
Unicode vs ISO Latin-1:
Ký tự mã hóa (encoding) được phát triển từ mã
ASCII, Mac OS Roman
Đối với web, hệ thống mã hóa (encoding) là định
dạng Unicode (phù hợp với cả Tiếng Việt). Định dạng
Unicode thường sử dụng hiện nay là UTF-8
Cài đặt font ISO Latin-1:
Cài đặt font mã hóa (encoding) cho web:
Slide 4 - Ký tự và biểu tượng trong Typography 20
<meta http-equiv=“Content-Type” content=“text/html; charset=utf-8”>
<meta http-equiv=“Content-Type” content=“text/html; charset=iso-8859-1”>
22. CÁCH SỬ DỤNG SYMBOL
Một số biểu tượng ẩn, phải sử dụng thông qua các
phím Shift, Ctrl, Option (máy Mac) trên bàn phím
Trên hệ điều hành có bao gồm chương trình duyệt
ký tự giúp bạn có thể xem trước ký tự/biểu tượng
để chèn, đó là chương trình Character Viewer
Slide 4 - Ký tự và biểu tượng trong Typography 22
23. CÁCH SỬ DỤNG SYMBOL
Có rất nhiều biểu tượng được chèn trong file HTML,
được viết giữa dấu & và dấu ; - ví dụ như: —
Slide 4 - Ký tự và biểu tượng trong Typography 23
25. KÝ TỰ ĐẶC BIỆT TRONG HTML
Trong HTML có thể sử dụng những ký tự đặc biệt để
thể hiện tên hoặc số,…
Cần chú ý lựa chọn biểu tượng đúng, phù hợp với
công việc
Slide 4 - Ký tự và biểu tượng trong Typography 25
26. KÝ TỰ ĐẶC BIỆT TRONG HTML
Slide 4 - Ký tự và biểu tượng trong Typography 26
Một số biểu tượng thường sử dụng trong mã HTML:
27. TỔNG KẾT
Các thành phần quan trọng trong bản chất của ký
tự: baseline, cap height, x-height
Các kiểu thể hiện của ký tự thường làm việc:
Kiểu chữ bình thường (regular)
Kiểu in đậm (weight)
Kiểu in nghiêng (italic & obliques)
KIỂU IN HOA (SMALL CAPS)
Sử dụng hệ thống font Unicode định dạng UTF-8 để
viết Tiếng Việt trên web
Nắm bắt cách sử dụng biểu tượng đặc biệt trong mã
HTML
Slide 4 - Ký tự và biểu tượng trong Typography 27