Trang trí website bằng CSS
Giảng viên: Phó Hải Đăng
CSS là viết tắt của Cascading Style Sheet, tạm dịch là “Định dạng kiểu xếp chồng”. Việc thiết kế Web bằng CSSgiúp chúng ta dễ dàng quản lý được nội dung trong HTML, tiết kiệm được nhiều thời gian trong chỉnh sửa đặc biệt là các dự án lớn được kết cấu từ nhiều trang HTML. CSS là phương tiện dùng để tạo ra giao diện, dáng vẻ đẹp xấu cho trang web.
Khóa học này thích hợp với các bạn muốn học CSS nói chung và các bạn muốn học trang trí Website bằng CSS nói riêng.
Tại khóa học Trang trí website bằng CSS, bạn sẽ học các kiến thức để:
- Nắm được ý nghĩa của CSS và từ đó áp dụng để tạo vẻ đẹp theo ý mình mong muốn cho website
- Phân tích và sử dụng tối ưu cho các cách áp dụng CSS vào dự án
- Dễ dàng nắm bắt các lỗi giao diện và tự tay fix chúng
Khóa học do đồng sáng lập của CiOne (Hệ thống học CNTT trực tuyến, cung cấp các bài giảng video và tài liệu số cho ngành tin học) Phó Hải Đăng giảng dạy. Giảng viên với kinh nghiệm “chiến đấu” trong các dự án phát triển phần mềm lớn nhỏ gần 10 năm sẽ cung cấp cho bạn những kiến thức chuyên môn vững chắc nhất để bắt đầu con đường thiết kế Website của mình.
Ngoài ra, nếu bạn muốn trở thành một Designer “lợi hại” hơn, hãy tham khảo thêm khóa học thiết kế layout cho website và thiết kế website bằng HTML để bổ trợ kiến thức và kỹ năng cho mình.
Lưu ý: Khóa học sẽ được hỗ trợ miễn phí bới CiOne team 24/7 trong vòng 1 tháng kể từ ngày đăng ký khóa học. Nếu bạn muốn gia hạn thêm sự hỗ trợ từ team CiOne, vui lòng Gửi email có tiêu đề “Đăng ký dịch vụ tư vấn 24/7” với nội dung Email là số điện thoại, người đăng ký tới cionecare@cione.vn.
Mức chi phí là 100K/ tháng.
Chi tiết khóa học
-
CHƯƠNG 1: GIỚI THIỆU CSS
- Bài 1: CSS là gì?
- Bài 2: Các khái niệm, thuật ngữ nền tảng
- Bài 3.1: Các cách nhúng mã nguồn CSS vào tài liệu HTML – p1
- Bài 3.2: Các cách nhúng mã nguồn CSS vào tài liệu HTML – p2
- Thử thách 1: Nhúng mã nguồn css vào html
- Thử thách 2: Sử dụng kỹ thuật import CSS
- Bài 4: Giới thiệu các Text Editor để làm việc với CSS
- Thử thách 3: Sử dụng text editor Brackets
-
CHƯƠNG 2: SELECTORS
- Bài 5: Type Selector
- Thử thách 4: Universal, Type/Element và Grouping Selector
- Bài 6: Class & Id Selector
- Thử thách 5: Class & Id selector
- Bài 7: Attribute Selector
- Thứ thách 6: Attribute Selector
- Bài 8: Pseudo Class & Element Selector
- Thử thách 7: Pseudo Element và Pseudo Class Selector
- Bài 9.1: Combinator Selector – p1
- Bài 9.2: Combinator Selector – p2
- Thử thách 8: Combinator Selector – Phần 1
- Thử thách 9: Combinator Selector – P2
-
CHƯƠNG 3: UNITS VÀ VALUES
- Bài 10: Đơn vị tuyệt đối (Absolute Length Units)
- Thử thách 10: Các đơn vị tuyệt đối
- Bài 11.1: Đơn vị tương đối (Relative Length Units)
- Bài 11.2: Textual and numeric data type
- Thử thách 11: Các đơn vị tương đối
- Bài 12: Cơ chế thiết lập giá trị cho các Property
- Thử thách 12: Giá trị Initial, Auto, Inherit và kiểu chuỗi, số
- Bài 13: Các giá trị về màu sắc (color values)
- Thử thách 13: Màu sắc
-
CHƯƠNG 4: FONT, TEXT VÀ LIST PROPERTIES
- Bài 14: Font Property
- Thử thách 14: Các thuộc tính về font
- Bài 15.1: Text Property – p1
- Bài 15.2: Text Property – p2
- Thử thách 15: Các thuộc tính về text (P1)
- Bài 16: List Property
- Thử thách 16: Các thuộc tính về text (P2)
- Thử thách 17: Các thuộc tính về list (danh sách)
-
CHƯƠNG 5: BOX MODEL
- Bài 17.1: Khái niệm về Box Model Phần 1
- Bài 17.2: Khái niệm về Box Model Phần 2
- Thử thách 18: Box model
- Bài 18: Block và inline
- Thử thách 19: Block và Inline Element
- Bài 19: Box sizing Property
- Thử thách 20: box-sizing property
- Bài 20: Overflow Property
- Thử thách 21: Overflow Property
- Bài 21: Float Property
- Thử thách 22: Float property
- Bài 22: Clear Property
- Thử thách 23: Clear property
- Bài 23: Kỹ thuật Hidden và Clear-fix
- Thử thách 24: Kỹ thuật hidden và clear-fix
- Bài 24: Position Property – Static & Relative
- Thử thách 25: Position – static và relative
- Bài 25: Position Property – Absolute
- Thử thách 26: Position – Absolute
- Bài 26: Position Property – Fixed
- Thử thách 27: Position – Fixed
- Bài 27: Z-index Property
- Thử thách 28: z-index property
-
CHƯƠNG 6: BACKGROUND
- Bài 28: Màu nền & hình nền
- Thử thách 29: Background Property
- Bài 29: Border Radius
- Thử thách 30: Border Radius
