Lập trình sáng tạo creative computing textbook mastercode.vnMasterCode.vn
Lập trình sáng tạo bao gồm việc sáng tạo. Khoa học máy tính và các ngành liên quan tới tính toán đã từ lâu đƣợc giới thiệu tới những ngƣời trẻ tuổi một cách rời rạc – quá nhấn mạnh kĩ thuật so với khả năng sáng tạo. Lập trình sáng tạo giúp cho sự phát triển của cá nhân đối với tính toán trở nên tốt hơn, bằng cách hỗ trợ vẽ vời dựa trên sáng tạo, tƣởng tƣợng, và sở thích.
Bài 4: Lập trình với CSDL ADO.NET & Kiến trúc không kết nối & Lập trình giao ...MasterCode.vn
Giới thiệu về ADO.NET
Các thành phần của ADO.NET
DataProvider
DataSet
Các loại DataProvider
Sql Data Provider
SqlConnection
SqlDataAdapter
Ứng dụng nhiều form
Ứng dụng SDI
Ứng dụng MDI
Thêm Toolbar, Tooltip vào form
Bài 7: Thư viện jQuery và thư viện jQuery UI - Giáo trình FPTMasterCode.vn
Thự viện và cách tạo thư viện
Thư viện JavaScript
Sử dụng thư viện jQuery
Sử dụng jQuery để tạo hiệu ứng
Hiệu ứng ẩn hiện
Hiệu ứng mờ
Hiệu ứng chuyển động
Sử dụng thư viện jQuery UI
Tạo tính năng kéo thả (drag and drop)
Tạo menu chồng nhau
Thự viện và cách tạo thư viện
Thư viện JavaScript
Sử dụng thư viện jQuery
Sử dụng jQuery để tạo hiệu ứng
Hiệu ứng ẩn hiện
Hiệu ứng mờ
Hiệu ứng chuyển động
Sử dụng thư viện jQuery UI
Tạo tính năng kéo thả (drag and drop)
Tạo menu chồng nhau
Lập trình sáng tạo creative computing textbook mastercode.vnMasterCode.vn
Lập trình sáng tạo bao gồm việc sáng tạo. Khoa học máy tính và các ngành liên quan tới tính toán đã từ lâu đƣợc giới thiệu tới những ngƣời trẻ tuổi một cách rời rạc – quá nhấn mạnh kĩ thuật so với khả năng sáng tạo. Lập trình sáng tạo giúp cho sự phát triển của cá nhân đối với tính toán trở nên tốt hơn, bằng cách hỗ trợ vẽ vời dựa trên sáng tạo, tƣởng tƣợng, và sở thích.
Bài 4: Lập trình với CSDL ADO.NET & Kiến trúc không kết nối & Lập trình giao ...MasterCode.vn
Giới thiệu về ADO.NET
Các thành phần của ADO.NET
DataProvider
DataSet
Các loại DataProvider
Sql Data Provider
SqlConnection
SqlDataAdapter
Ứng dụng nhiều form
Ứng dụng SDI
Ứng dụng MDI
Thêm Toolbar, Tooltip vào form
Bài 7: Thư viện jQuery và thư viện jQuery UI - Giáo trình FPTMasterCode.vn
Thự viện và cách tạo thư viện
Thư viện JavaScript
Sử dụng thư viện jQuery
Sử dụng jQuery để tạo hiệu ứng
Hiệu ứng ẩn hiện
Hiệu ứng mờ
Hiệu ứng chuyển động
Sử dụng thư viện jQuery UI
Tạo tính năng kéo thả (drag and drop)
Tạo menu chồng nhau
Thự viện và cách tạo thư viện
Thư viện JavaScript
Sử dụng thư viện jQuery
Sử dụng jQuery để tạo hiệu ứng
Hiệu ứng ẩn hiện
Hiệu ứng mờ
Hiệu ứng chuyển động
Sử dụng thư viện jQuery UI
Tạo tính năng kéo thả (drag and drop)
Tạo menu chồng nhau
BÀI 7: Thao tác với file - các vấn đề khác - Giáo trình FPTMasterCode.vn
Hiểu về hệ thống phân cấp dữ liệu mà máy tính xử lý
Hiểu về file, biết cách đọc và ghi dữ liệu từ file truy cập
tuần tự
Biết cách sử dụng điều khiển OpenFileDialog
Biết cách sử dụng điều khiển MonthCalendar
Biết cách sử dụng điều khiển MenuStrip
Biết cách sử dụng mảng và mảng động
The document describes an evaluation service that allows users to manage evaluations and provides various interfaces and endpoints for working with evaluation data. It defines interfaces for getting, adding, and removing evaluations and locations. It also shows examples of hosting the service using WebServiceHost, adding endpoints, and returning different response formats like JSON, Atom, and RSS feeds.
Pdf tim hieu_c_sharp__va_ung_dung-mastercode.vnMasterCode.vn
Sau này để giúp cho việc lập trình ASP nhanh hơn thì công cụ Visual InterDev, một IDE
(Integrated Development Environment) ra đời. Visual InterDev tạo ra các Design Time
Controls cho việc thiết kế các điều khiển trên web,… Tiếc thay Visual InterDev không bền
vững lắm nên sau một thời gian thì các nhà phát triển đã rời bỏ n
Bài viết này dành cho những bạn đã thông thạo về C++ và muốn tiếp cận C# một cách nhanh chóng. Tuy nhiên, những
bạn mới bắt đầu học C# cũng có thể xem nó như là một bản tóm tắt về C# nhằm định hướng tốt hơn trong việc học ngôn
ngữ này
Dù bạn là ai, dù mục đích học tiếng Anh của bạn đơn thuần chỉ là có tấm bằng trong tay để xin việc hay cao siêu hơn là có thể nói thông viết thạo thì việc nằm lòng các ngữ pháp tiếng Anh ẩn chứa sức mạnh ghê gớm dưới đây cũng là bước cơ bản giúp bạn master tiếng Anh
This document summarizes the key findings from a survey of 594 IT professionals on performance and monitoring practices:
- Application code and databases most commonly have frequent performance issues that need to be addressed within weeks. Database performance problems are the hardest to fix.
- Finding the root cause of performance issues is still the most time-consuming part of the problem-solving process and it often takes teams less than a week on average to resolve issues.
- Monitoring tools are most effective at discovering performance problems, followed by application logs and performance tests. However, manual firefighting and lack of actionable insights from tools remain key challenges.
- Parallel programming and optimizing for multi-core processors is still not a primary
Google công bố thông tin lịch xu hướng ngành 2017 mastercode.vnMasterCode.vn
Các doanh nghiệp cần luôn có mặt trên online để khách hàng dễ dàng thấy họ mỗi khi tìm kiếm. "Mùa vụ" hay giai đoạn mà lượng
tìm kiếm về sản phẩm dịch vụ của doanh nghiệp trên Google bỗng gia tăng chính là thời điểm tuyệt vời để tận dụng.Các doanh nghiệp
có thể tối đa hoá doanh thu trong thời kì cao điểm này bằng cách lên chiến lược quảng cáo "luôn online" gắn liền với mục tiêu mùa.
BÀI 7: Thao tác với file - các vấn đề khác - Giáo trình FPTMasterCode.vn
Hiểu về hệ thống phân cấp dữ liệu mà máy tính xử lý
Hiểu về file, biết cách đọc và ghi dữ liệu từ file truy cập
tuần tự
Biết cách sử dụng điều khiển OpenFileDialog
Biết cách sử dụng điều khiển MonthCalendar
Biết cách sử dụng điều khiển MenuStrip
Biết cách sử dụng mảng và mảng động
The document describes an evaluation service that allows users to manage evaluations and provides various interfaces and endpoints for working with evaluation data. It defines interfaces for getting, adding, and removing evaluations and locations. It also shows examples of hosting the service using WebServiceHost, adding endpoints, and returning different response formats like JSON, Atom, and RSS feeds.
Pdf tim hieu_c_sharp__va_ung_dung-mastercode.vnMasterCode.vn
Sau này để giúp cho việc lập trình ASP nhanh hơn thì công cụ Visual InterDev, một IDE
(Integrated Development Environment) ra đời. Visual InterDev tạo ra các Design Time
Controls cho việc thiết kế các điều khiển trên web,… Tiếc thay Visual InterDev không bền
vững lắm nên sau một thời gian thì các nhà phát triển đã rời bỏ n
Bài viết này dành cho những bạn đã thông thạo về C++ và muốn tiếp cận C# một cách nhanh chóng. Tuy nhiên, những
bạn mới bắt đầu học C# cũng có thể xem nó như là một bản tóm tắt về C# nhằm định hướng tốt hơn trong việc học ngôn
ngữ này
Dù bạn là ai, dù mục đích học tiếng Anh của bạn đơn thuần chỉ là có tấm bằng trong tay để xin việc hay cao siêu hơn là có thể nói thông viết thạo thì việc nằm lòng các ngữ pháp tiếng Anh ẩn chứa sức mạnh ghê gớm dưới đây cũng là bước cơ bản giúp bạn master tiếng Anh
This document summarizes the key findings from a survey of 594 IT professionals on performance and monitoring practices:
- Application code and databases most commonly have frequent performance issues that need to be addressed within weeks. Database performance problems are the hardest to fix.
- Finding the root cause of performance issues is still the most time-consuming part of the problem-solving process and it often takes teams less than a week on average to resolve issues.
- Monitoring tools are most effective at discovering performance problems, followed by application logs and performance tests. However, manual firefighting and lack of actionable insights from tools remain key challenges.
- Parallel programming and optimizing for multi-core processors is still not a primary
Google công bố thông tin lịch xu hướng ngành 2017 mastercode.vnMasterCode.vn
Các doanh nghiệp cần luôn có mặt trên online để khách hàng dễ dàng thấy họ mỗi khi tìm kiếm. "Mùa vụ" hay giai đoạn mà lượng
tìm kiếm về sản phẩm dịch vụ của doanh nghiệp trên Google bỗng gia tăng chính là thời điểm tuyệt vời để tận dụng.Các doanh nghiệp
có thể tối đa hoá doanh thu trong thời kì cao điểm này bằng cách lên chiến lược quảng cáo "luôn online" gắn liền với mục tiêu mùa.
Pd fbuoi2 onpage – tối ưu hóa trang web-mastercode.vnMasterCode.vn
Meta Tag là thẻ dùng để cung cấp các thông tin về website một cách tóm gọn đối với các trình duyệt lẫn người dùng hay bot từ các search engine. Mọi người hay nghe Meta Keyword, Meta Description, Meta Page title,..
Pd fbuoi1 giới thiệu seo tools cơ bản-seo manager + seo guy-mastercode.vnMasterCode.vn
Google Webmaster Tools • Google Analytics phân tích traffic • SEO Power Suite , web auditor đ onpage • Ahrefs, phân tích t khóa và Link • OpenSiteExplorer phân tích link profile • Firexfox Extensions: SEO Doctor cho onpage, NoDofollow • SEOMoz Toolbar đ check PA và DA •Free Monitor for Google đ check RANK •SEOMOZ pro check onpage
Pdf buoi1 2-on-page-tran-ngoc-chinh-mastercode.vnMasterCode.vn
Cơ chế hoạt động Google Tên miền Cấu trúc website Meta Tag (Title, Description, H1-H6, ALT...) URL thân thiện, Sitemap, robots.txt Keyword Density Tốc độ tải trang
Pdfbài 7 máy tính xác tay và máy in bảo trì sự cố máy tính-mastercode.vnMasterCode.vn
Những chú ý đặc biệt khi hỗ trợ người dùng máy tính xách tay Cài đặt, cấu hình, tối ưu, sửa chữa các thiết bị ngoại vi hay dùng với máy tính xách tay Nâng cấp, thay thế các thiết bị máy tính xách tay Nguyên lý hoạt động của máy in Cài đặt máy in
Pdfbài 6 bảo trì máy tính bảo trì sự cố máy tính-mastercode.vnMasterCode.vn
Tìm hiểu các quy trình xử lý đảm bảo an toàn Tìm hiểu phương pháp bảo trì phòng ngừa cho máy tính cá nhân Tìm hiểu cách phát hiện và xử lý sự cố máy tính
Pdfbài 5 bảo trì và tối ưu windows bảo trì sự cố máy tính-mastercode.vnMasterCode.vn
Đưa ra kế hoạch bảo trì phòng ngừa Rà soát các thiết lập Windows trọng yếu Làm sạch ổ cứng Chống phân mảnh ổ đĩa Kiểm tra lỗi ổ cứng Rà soát các chương trình khởi động và dịch vụ Tiến hành các thủ tục sao lưu Lập kế hoạch khắc phục thảm họa Sao lưu dữ liệu người dùng / toàn bộ ổ cứng Tối ưu Windows Các công cụ tối ưu: Task Manager, MSConfig, Services Console, Computer Management Cải thiện hiệu năng Windows Đưa ra kế hoạch bảo trì phòng ngừa Rà soát các thiết lập Windows trọng yếu Làm sạch ổ cứng Chống phân mảnh ổ đĩa Kiểm tra lỗi ổ cứng Rà soát các chương trình khởi động và dịch vụ Tiến hành các thủ tục sao lưu Lập kế hoạch khắc phục thảm họa Sao lưu dữ liệu người dùng / toàn bộ ổ cứng Tối ưu Windows Các công cụ tối ưu: Task Manager, MSConfig, Services Console, Computer Management Cải thiện hiệu năng Windows
Pdfbài 4 ổ cứng hard drive bảo trì sự cố máy tính-mastercode.vnMasterCode.vn
Biết được các công nghệ chế tạo ổ cứng Hiểu được cấu tạo ổ cứng Phân biệt rõ các chuẩn giao tiếp giữa hệ thống với ổ cứng Thông hiểu cách tổ chức lưu trữ dữ liệu trong ổ cứng Giải quyết các vấn đề liên quan đến ổ cứng Biết được các công nghệ chế tạo ổ cứng Hiểu được cấu tạo ổ cứng Phân biệt rõ các chuẩn giao tiếp giữa hệ thống với ổ cứng Thông hiểu cách tổ chức lưu trữ dữ liệu trong ổ cứng Giải quyết các vấn đề liên quan đến ổ cứng
Pdfbài 3 cpu và ram bảo trì sự cố máy tính-mastercode.vnMasterCode.vn
Nhận biết được đặc điểm và thông số kỹ thuật của các CPU dùng cho máy tính cá nhân Thông hiểu cách lựa chọn CPU cho hệ thống Thông hiểu cách lắp mới và thay thế CPU Thông hiểu các phương pháp tản nhiệt cho CPU Thông hiểu các loại RAM khác nhau và nguyên lý hoạt động của chúng. Thông hiểu các vấn đề cần thiết khi nâng cấp RAM
Pdfbài 1 giới thiệu chung về phần cứng bảo trì sự cố máy tính-mastercode.vnMasterCode.vn
Nhắc lại các khái niệm cơ bản về phần cứng và phần mềm. Giới thiệu về các thành phần của máy tính. Nắm được vị trí sắp xếp của các thành phần bên trong case, các loại case khác nhau. Nắm được các thông số về nguồn điện được sử dụng để vận hành hệ thống máy tính. Ước lượng công suất của hệ thống và chọn bộ cấp nguồn và thiết bị lưu điện cho phù hợp. Nhận biết và xử lý một số vấn đề thường gặp liên quan đến nguồn điện
Pdf bai 7 làm việc với truy vấn nâng cao-slide 07-quan tri csdl voi access-ma...
Bài 5 - CSS và DHTML - Học lập trình web cơ bản với Html, Css, Javascript
1. 11
HỌC LẬP TRÌNH WEB TỪ CƠ BẢN ĐẾN NÂNG CAO
HocLapTrinhWeb.COM
α - Tek http://www.facebook.com/groups/hoclaptrinhweb/
2. 22
HỌC LẬP TRÌNH WEB TỪ CƠ BẢN ĐẾN NÂNG CAO
HocLapTrinhWeb.COM
α - Tek http://www.facebook.com/groups/hoclaptrinhweb/
Mục tiêuMục tiêu
• Định dạng trang web bằng CSS
• Sử dụng CSS để tạo các trang DHTML
3. 33
HỌC LẬP TRÌNH WEB TỪ CƠ BẢN ĐẾN NÂNG CAO
HocLapTrinhWeb.COM
α - Tek http://www.facebook.com/groups/hoclaptrinhweb/
Nội dungNội dung
1. Giới thiệu CSS1. Giới thiệu CSS1. Giới thiệu CSS1. Giới thiệu CSS 2. Các loại CSS2. Các loại CSS2. Các loại CSS2. Các loại CSS 3. Tạo và sử dụng3. Tạo và sử dụng
CSS phức tạpCSS phức tạp
3. Tạo và sử dụng3. Tạo và sử dụng
CSS phức tạpCSS phức tạp
4. Giới thiệu DHTML4. Giới thiệu DHTML4. Giới thiệu DHTML4. Giới thiệu DHTML 5. Style động5. Style động5. Style động5. Style động 6. Nội dung động6. Nội dung động6. Nội dung động6. Nội dung động
7. Vị trí động7. Vị trí động7. Vị trí động7. Vị trí động
4. 44
HỌC LẬP TRÌNH WEB TỪ CƠ BẢN ĐẾN NÂNG CAO
HocLapTrinhWeb.COM
α - Tek http://www.facebook.com/groups/hoclaptrinhweb/
• Style Sheet
− Là một tập hợp các khai báo style
Bài 5: CSS và DHTML
Giới thiệu CSS
<head>
<style type = "text/css">
<tên tag 1> { <tên thuộc tính >: <giá trị> ; … }
<tên tag 1> { <tên thuộc tính >: <giá trị> ; … }
…
</style>
</head>
Các styleStyle
Sheet
5. 55
HỌC LẬP TRÌNH WEB TỪ CƠ BẢN ĐẾN NÂNG CAO
HocLapTrinhWeb.COM
α - Tek http://www.facebook.com/groups/hoclaptrinhweb/
• Style Sheet
− Là một tập hợp các khai báo style
Bài 5: CSS và DHTML
Giới thiệu CSS
Ví dụ:
<style type="text/css">
h1 {color:#FF0000}
div {background-color:#66CCFF; color:#0000FF; border-
color:#0000FF; border-style:double; width:300}
ul {list-style:square; color:#660000}
</style>
6. 66
HỌC LẬP TRÌNH WEB TỪ CƠ BẢN ĐẾN NÂNG CAO
HocLapTrinhWeb.COM
α - Tek http://www.facebook.com/groups/hoclaptrinhweb/
• CSS – Cascading Style Sheets
− Là một chuẩn của Internet do W3C định nghĩa
− Hiệu ứng của style có thể được kế thừa từ các tag khác
Bài 5: CSS và DHTML
Giới thiệu CSS
Ví dụ:
<div>
<ul>
<li> Canh chua</li>
<li> Cá kho tộ</li>
<li> Trứng chiên</li>
</ul>
</div>
7. 77
HỌC LẬP TRÌNH WEB TỪ CƠ BẢN ĐẾN NÂNG CAO
HocLapTrinhWeb.COM
α - Tek http://www.facebook.com/groups/hoclaptrinhweb/
Nội dungNội dung
1. Giới thiệu CSS1. Giới thiệu CSS1. Giới thiệu CSS1. Giới thiệu CSS 2. Các loại CSS2. Các loại CSS2. Các loại CSS2. Các loại CSS 3. Tạo và sử dụng3. Tạo và sử dụng
CSS phức tạpCSS phức tạp
3. Tạo và sử dụng3. Tạo và sử dụng
CSS phức tạpCSS phức tạp
4. Giới thiệu DHTML4. Giới thiệu DHTML4. Giới thiệu DHTML4. Giới thiệu DHTML 5. Style động5. Style động5. Style động5. Style động 6. Nội dung động6. Nội dung động6. Nội dung động6. Nội dung động
7. Vị trí động7. Vị trí động7. Vị trí động7. Vị trí động
8. 88
HỌC LẬP TRÌNH WEB TỪ CƠ BẢN ĐẾN NÂNG CAO
HocLapTrinhWeb.COM
α - Tek http://www.facebook.com/groups/hoclaptrinhweb/
Các loại CSSCác loại CSS
• Inline Style
• Internal Style
• External Style
9. 99
HỌC LẬP TRÌNH WEB TỪ CƠ BẢN ĐẾN NÂNG CAO
HocLapTrinhWeb.COM
α - Tek http://www.facebook.com/groups/hoclaptrinhweb/
• Inline Style
− Loại style này chính là phần khai báo thuộc tính style
trong các tag HTML
Bài 5: CSS và DHTML
Các loại CSS
Ví dụ:
<div style="color:#FF0000; background-color:#CCCCCC; border-style:inset;
width:450; text-align:center; padding:10,10, 10,10">
Chào mừng các bạn đến với bài học về "CSS và DHTML"
</div>
10. 1010
HỌC LẬP TRÌNH WEB TỪ CƠ BẢN ĐẾN NÂNG CAO
HocLapTrinhWeb.COM
α - Tek http://www.facebook.com/groups/hoclaptrinhweb/
Các loại CSSCác loại CSS
• Inline Style
• Internal Style
• External Style
11. 1111
HỌC LẬP TRÌNH WEB TỪ CƠ BẢN ĐẾN NÂNG CAO
HocLapTrinhWeb.COM
α - Tek http://www.facebook.com/groups/hoclaptrinhweb/
• Internal Style
− Dùng để định nghĩa các style dùng chung trong một
trang web
Bài 5: CSS và DHTML
Các loại CSS
<head>
<style type = “text/css” id =“tên style sheet 1”>
<tên tag 1> { <tên thuộc tính >: <giá trị> ; … }
…
</style>
<style type = “text/css” id =“tên style sheet 2”>
…
</style>
</head>
12. 1212
HỌC LẬP TRÌNH WEB TỪ CƠ BẢN ĐẾN NÂNG CAO
HocLapTrinhWeb.COM
α - Tek http://www.facebook.com/groups/hoclaptrinhweb/
Các loại CSSCác loại CSS
• Inline Style
• Internal Style
• External Style
13. 1313
HỌC LẬP TRÌNH WEB TỪ CƠ BẢN ĐẾN NÂNG CAO
HocLapTrinhWeb.COM
α - Tek http://www.facebook.com/groups/hoclaptrinhweb/
• External Style
− Dùng chung trong một website
− Phần khai báo nằm trong một tập tin có kiểu là .css và
tập tin này được xem như là một Style Sheet
Bài 5: CSS và DHTML
Các loại CSS
14. 1414
HỌC LẬP TRÌNH WEB TỪ CƠ BẢN ĐẾN NÂNG CAO
HocLapTrinhWeb.COM
α - Tek http://www.facebook.com/groups/hoclaptrinhweb/
• External Style
− Khai báo và sử dụng:
• Khai báo trong tập tin .css
• Liên kết với trang web
Bài 5: CSS và DHTML
Các loại CSS
<tên tag> { <tên thuộc tính >: <giá trị> ; … }
<head>
…
<link rel=stylesheet href="<tên tập tin>.css" type="text/css">
</head>
Minh họaMinh họa
15. 1515
HỌC LẬP TRÌNH WEB TỪ CƠ BẢN ĐẾN NÂNG CAO
HocLapTrinhWeb.COM
α - Tek http://www.facebook.com/groups/hoclaptrinhweb/
Nội dungNội dung
1. Giới thiệu CSS1. Giới thiệu CSS1. Giới thiệu CSS1. Giới thiệu CSS 2. Các loại CSS2. Các loại CSS2. Các loại CSS2. Các loại CSS 3. Tạo và sử dụng3. Tạo và sử dụng
CSS phức tạpCSS phức tạp
3. Tạo và sử dụng3. Tạo và sử dụng
CSS phức tạpCSS phức tạp
4. Giới thiệu DHTML4. Giới thiệu DHTML4. Giới thiệu DHTML4. Giới thiệu DHTML 5. Style động5. Style động5. Style động5. Style động 6. Nội dung động6. Nội dung động6. Nội dung động6. Nội dung động
7. Vị trí động7. Vị trí động7. Vị trí động7. Vị trí động
16. 1616
HỌC LẬP TRÌNH WEB TỪ CƠ BẢN ĐẾN NÂNG CAO
HocLapTrinhWeb.COM
α - Tek http://www.facebook.com/groups/hoclaptrinhweb/
Tạo và sử dụng CSS phức tạpTạo và sử dụng CSS phức tạp
• Grouping - nhóm
• Class – lớp
17. 1717
HỌC LẬP TRÌNH WEB TỪ CƠ BẢN ĐẾN NÂNG CAO
HocLapTrinhWeb.COM
α - Tek http://www.facebook.com/groups/hoclaptrinhweb/
• Grouping – nhóm
− Khai báo một style áp dụng cho nhiều tag khác nhau
Bài 5: CSS và DHTML
Tạo và sử dụng CSS phức tạp
<head>
<style type = “text/css” >
<tên tag 1>, <tên tag 2>, … { <tên thuộc tính >: <giá trị> ; … }
…
</style>
</head>
Ví dụ:
<style type="text/css">
h1, h2, h3 {color: red; font-family:sans-serif }
</style>
18. 1818
HỌC LẬP TRÌNH WEB TỪ CƠ BẢN ĐẾN NÂNG CAO
HocLapTrinhWeb.COM
α - Tek http://www.facebook.com/groups/hoclaptrinhweb/
Tạo và sử dụng CSS phức tạpTạo và sử dụng CSS phức tạp
• Grouping - nhóm
• Class – lớp
19. 1919
HỌC LẬP TRÌNH WEB TỪ CƠ BẢN ĐẾN NÂNG CAO
HocLapTrinhWeb.COM
α - Tek http://www.facebook.com/groups/hoclaptrinhweb/
• Class – lớp
− Khai báo nhiều style khác nhau cho cùng một tag hoặc
cho nhiều tag
− Khai báo
• Cùng một tag
• Nhiều tag khác nhau
Bài 5: CSS và DHTML
Tạo và sử dụng CSS phức tạp
<tên tag>.<tên lớp> {<danh sách thuộc tính> }
.<tên lớp> {<danh sách thuộc tính> }
20. 2020
HỌC LẬP TRÌNH WEB TỪ CƠ BẢN ĐẾN NÂNG CAO
HocLapTrinhWeb.COM
α - Tek http://www.facebook.com/groups/hoclaptrinhweb/
• Class – lớp
− Sử dụng
Bài 5: CSS và DHTML
Tạo và sử dụng CSS phức tạp
<têntag class = ”tên lớp” ... >
21. 2121
HỌC LẬP TRÌNH WEB TỪ CƠ BẢN ĐẾN NÂNG CAO
HocLapTrinhWeb.COM
α - Tek http://www.facebook.com/groups/hoclaptrinhweb/
• Class – lớp
Bài 5: CSS và DHTML
Tạo và sử dụng CSS phức tạp
Ví dụ: sử dụng style cho tag <p>
<head>
<style type="text/css">
p{ color: red; font-size: 20px; font-weight:bold}
p.dong1{ color: blue; font-size: 18px; }
p.dong2{ font-size: 16px; }
</style>
</head>
<body >
<p> HocLapTrinhWeb.com </p>
<p class="dong1"> Học lập trình web cơ bản </p>
<p class="dong2"> Học lập trình web nâng cao </p>
</body>
22. 2222
HỌC LẬP TRÌNH WEB TỪ CƠ BẢN ĐẾN NÂNG CAO
HocLapTrinhWeb.COM
α - Tek http://www.facebook.com/groups/hoclaptrinhweb/
• Class – lớp
Bài 5: CSS và DHTML
Tạo và sử dụng CSS phức tạp
Ví dụ: sử dụng style cho nhiều tag
<head>
<style type="text/css">
.dong1{ color: red; font-size: 20px; font-weight:bold}
.dong2{ color: blue; font-size: 18px;}
.dong3{ color: #000099; font-size: 16px; }
</style>
</head>
<body >
<p class="dong1"> HocLapTrinhWeb.com<br>
<label class="dong2"> Học lập trình web cơ bản</label><br>
<label class="dong3"> Học lập trình web nâng cao</label>
</body>
23. 2323
HỌC LẬP TRÌNH WEB TỪ CƠ BẢN ĐẾN NÂNG CAO
HocLapTrinhWeb.COM
α - Tek http://www.facebook.com/groups/hoclaptrinhweb/
• Các mục thường định dạng
− Font chữ
− Màu chữ và nền (màu, hình ảnh) – Colors và Background
− Canh lề văn bản - Text Alignment
− Lề văn bản và đường viền – Margins và Borders
Bài 5: CSS và DHTML
Tạo và sử dụng CSS phức tạp
24. 2424
HỌC LẬP TRÌNH WEB TỪ CƠ BẢN ĐẾN NÂNG CAO
HocLapTrinhWeb.COM
α - Tek http://www.facebook.com/groups/hoclaptrinhweb/
Nội dungNội dung
1. Giới thiệu CSS1. Giới thiệu CSS1. Giới thiệu CSS1. Giới thiệu CSS 2. Các loại CSS2. Các loại CSS2. Các loại CSS2. Các loại CSS 3. Tạo và sử dụng3. Tạo và sử dụng
CSS phức tạpCSS phức tạp
3. Tạo và sử dụng3. Tạo và sử dụng
CSS phức tạpCSS phức tạp
4. Giới thiệu DHTML4. Giới thiệu DHTML4. Giới thiệu DHTML4. Giới thiệu DHTML 5. Style động5. Style động5. Style động5. Style động 6. Nội dung động6. Nội dung động6. Nội dung động6. Nội dung động
7. Vị trí động7. Vị trí động7. Vị trí động7. Vị trí động
25. 2525
HỌC LẬP TRÌNH WEB TỪ CƠ BẢN ĐẾN NÂNG CAO
HocLapTrinhWeb.COM
α - Tek http://www.facebook.com/groups/hoclaptrinhweb/
• Giới thiệu DHTML – Dynamic HTML
− Tạo tính “linh động” cho trang web
− Xử lý các yêu cầu khi người dùng tương tác với trang
web
− Là sự kết hợp HTML, CSS, DOM và một ngôn ngữ
client-side script
− Không phải là chuẩn của W3C
Bài 5: CSS và DHTML
Giới thiệu DHTML
26. 2626
HỌC LẬP TRÌNH WEB TỪ CƠ BẢN ĐẾN NÂNG CAO
HocLapTrinhWeb.COM
α - Tek http://www.facebook.com/groups/hoclaptrinhweb/
Nội dungNội dung
1. Giới thiệu CSS1. Giới thiệu CSS1. Giới thiệu CSS1. Giới thiệu CSS 2. Các loại CSS2. Các loại CSS2. Các loại CSS2. Các loại CSS 3. Tạo và sử dụng3. Tạo và sử dụng
CSS phức tạpCSS phức tạp
3. Tạo và sử dụng3. Tạo và sử dụng
CSS phức tạpCSS phức tạp
4. Giới thiệu DHTML4. Giới thiệu DHTML4. Giới thiệu DHTML4. Giới thiệu DHTML 5. Style động5. Style động5. Style động5. Style động 6. Nội dung động6. Nội dung động6. Nội dung động6. Nội dung động
7. Vị trí động7. Vị trí động7. Vị trí động7. Vị trí động
27. 2727
HỌC LẬP TRÌNH WEB TỪ CƠ BẢN ĐẾN NÂNG CAO
HocLapTrinhWeb.COM
α - Tek http://www.facebook.com/groups/hoclaptrinhweb/
Style động – Dynamic StylesStyle động – Dynamic Styles
• Thay đổi thuộc tính
• Thay đổi style
28. 2828
HỌC LẬP TRÌNH WEB TỪ CƠ BẢN ĐẾN NÂNG CAO
HocLapTrinhWeb.COM
α - Tek http://www.facebook.com/groups/hoclaptrinhweb/
• Thay đổi thuộc tính
− Sử dụng cú pháp tham chiếu đến một đối tượng trong
DOM
Bài 5: CSS và DHTML
Style động – Dynamic Styles
Ví dụ: thay đổi thuộc tính src của tag <img>
Minh họaMinh họa
29. 2929
HỌC LẬP TRÌNH WEB TỪ CƠ BẢN ĐẾN NÂNG CAO
HocLapTrinhWeb.COM
α - Tek http://www.facebook.com/groups/hoclaptrinhweb/
Style động – Dynamic StylesStyle động – Dynamic Styles
• Thay đổi thuộc tính
• Thay đổi style
30. 3030
HỌC LẬP TRÌNH WEB TỪ CƠ BẢN ĐẾN NÂNG CAO
HocLapTrinhWeb.COM
α - Tek http://www.facebook.com/groups/hoclaptrinhweb/
• Thay đổi style
Có 2 cách làm thay đổi Inline Style
− Thay đổi thuộc tính style: thường dùng từ khóa this và
viết code trực tiếp vào sự kiện
Bài 5: CSS và DHTML
Style động – Dynamic Styles
Ví dụ:
<div id="nd" onMouseOver="this.style.fontSize=36"
onMouseOut="this.style.fontSize=16" >Một bông hồng cho em</div>
this.style.<tên thuộc tính> = <giá trị>
Minh họaMinh họa
31. 3131
HỌC LẬP TRÌNH WEB TỪ CƠ BẢN ĐẾN NÂNG CAO
HocLapTrinhWeb.COM
α - Tek http://www.facebook.com/groups/hoclaptrinhweb/
• Thay đổi style
− Thay đổi tên lớp: dùng để thay đổi nhiều thông tin trong
thuộc tính style
Bài 5: CSS và DHTML
Style động – Dynamic Styles
Ví dụ:
<head>
<style type="text/css">
.vao { font-size:36px; color:#FF0000; font-weight:bold; font-style:italic}
.ra { font-size:16px; color:black; text-decoration: none}
</style>
</head>
<body><div id="nd" onMouseOver="this.className='vao' "
onMouseOut="this.className='ra' ">Một bông hồng cho em</div>
</body>
this.className = ‘Tên lớp’
Minh họaMinh họa
32. 3232
HỌC LẬP TRÌNH WEB TỪ CƠ BẢN ĐẾN NÂNG CAO
HocLapTrinhWeb.COM
α - Tek http://www.facebook.com/groups/hoclaptrinhweb/
Nội dungNội dung
1. Giới thiệu CSS1. Giới thiệu CSS1. Giới thiệu CSS1. Giới thiệu CSS 2. Các loại CSS2. Các loại CSS2. Các loại CSS2. Các loại CSS 3. Tạo và sử dụng3. Tạo và sử dụng
CSS phức tạpCSS phức tạp
3. Tạo và sử dụng3. Tạo và sử dụng
CSS phức tạpCSS phức tạp
4. Giới thiệu DHTML4. Giới thiệu DHTML4. Giới thiệu DHTML4. Giới thiệu DHTML 5. Style động5. Style động5. Style động5. Style động 6. Nội dung động6. Nội dung động6. Nội dung động6. Nội dung động
7. Vị trí động7. Vị trí động7. Vị trí động7. Vị trí động
33. 3333
HỌC LẬP TRÌNH WEB TỪ CƠ BẢN ĐẾN NÂNG CAO
HocLapTrinhWeb.COM
α - Tek http://www.facebook.com/groups/hoclaptrinhweb/
• Nội dung động
− Chèn vào, hủy bỏ hoặc thay đổi nội dung của một
element.
− Thay đổi nội dung: thường sử dụng thuộc tính
innerText, innerHTML hoặc value
Bài 5: CSS và DHTML
Nội dung động – Dynamic content
34. 3434
HỌC LẬP TRÌNH WEB TỪ CƠ BẢN ĐẾN NÂNG CAO
HocLapTrinhWeb.COM
α - Tek http://www.facebook.com/groups/hoclaptrinhweb/
Nội dungNội dung
1. Giới thiệu CSS1. Giới thiệu CSS1. Giới thiệu CSS1. Giới thiệu CSS 2. Các loại CSS2. Các loại CSS2. Các loại CSS2. Các loại CSS 3. Tạo và sử dụng3. Tạo và sử dụng
CSS phức tạpCSS phức tạp
3. Tạo và sử dụng3. Tạo và sử dụng
CSS phức tạpCSS phức tạp
4. Giới thiệu DHTML4. Giới thiệu DHTML4. Giới thiệu DHTML4. Giới thiệu DHTML 3. Style động3. Style động3. Style động3. Style động 4. Nội dung động4. Nội dung động4. Nội dung động4. Nội dung động
5. Vị trí động5. Vị trí động5. Vị trí động5. Vị trí động
35. 3535
HỌC LẬP TRÌNH WEB TỪ CƠ BẢN ĐẾN NÂNG CAO
HocLapTrinhWeb.COM
α - Tek http://www.facebook.com/groups/hoclaptrinhweb/
Vi trí động – Dynamic positionVi trí động – Dynamic position
• Thuộc tính position
• Thuộc tính visibility
• Thuộc tính z-index
36. 3636
HỌC LẬP TRÌNH WEB TỪ CƠ BẢN ĐẾN NÂNG CAO
HocLapTrinhWeb.COM
α - Tek http://www.facebook.com/groups/hoclaptrinhweb/
− Định vị trí của một element (theo tọa độ (x,y) hay left, top)
− Gối chồng các element với nhau theo thứ tự trên, dưới.
− Thường sử dụng các thuộc tính left, top, position,
visibility và z-index.
Bài 5: CSS và DHTML
Vị trí động – Dynamic position
37. 3737
HỌC LẬP TRÌNH WEB TỪ CƠ BẢN ĐẾN NÂNG CAO
HocLapTrinhWeb.COM
α - Tek http://www.facebook.com/groups/hoclaptrinhweb/
• Thuộc tính position
− Khai báo loại vị trí của một element
− Có 3 giá trị:
• static: mặc định. Thuộc tính left và top sẽ không có tác dụng
nếu element có position là static
• absolute: vị trí dịch chuyển của đối tượng tùy theo vị trí của
elemnet cha hoặc element body
• relative: vị trí dịch chuyển của đối tượng tùy theo vị trí ban
đầu khi viết code HTML
Bài 5: CSS và DHTML
Vị trí động – Dynamic position
Minh họaMinh họa
Minh họaMinh họa
38. 3838
HỌC LẬP TRÌNH WEB TỪ CƠ BẢN ĐẾN NÂNG CAO
HocLapTrinhWeb.COM
α - Tek http://www.facebook.com/groups/hoclaptrinhweb/
Vi trí động – Dynamic positionVi trí động – Dynamic position
• Thuộc tính position
• Thuộc tính visibility
• Thuộc tính z-index
39. 3939
HỌC LẬP TRÌNH WEB TỪ CƠ BẢN ĐẾN NÂNG CAO
HocLapTrinhWeb.COM
α - Tek http://www.facebook.com/groups/hoclaptrinhweb/
• Thuộc tính visibility
− Dùng để thể hiện hoặc làm ẩn đi một đối tượng
− Có 2 giá trị:
• visible: thể hiện đối tượng lên trang web
• hidden: làm ẩn đi đối tượng
Bài 5: CSS và DHTML
Vị trí động – Dynamic position
Ví dụ: thể hiện khẩu hiệu “Học, học nữa, học mãi” khi rê chuột vào
hình và ngược lại làm ẩn đi
Minh họaMinh họa
40. 4040
HỌC LẬP TRÌNH WEB TỪ CƠ BẢN ĐẾN NÂNG CAO
HocLapTrinhWeb.COM
α - Tek http://www.facebook.com/groups/hoclaptrinhweb/
Vi trí động – Dynamic positionVi trí động – Dynamic position
• Thuộc tính position
• Thuộc tính visibility
• Thuộc tính z-index
41. 4141
HỌC LẬP TRÌNH WEB TỪ CƠ BẢN ĐẾN NÂNG CAO
HocLapTrinhWeb.COM
α - Tek http://www.facebook.com/groups/hoclaptrinhweb/
• Thuộc tính z-index
− Dùng để gối chồng các element lên nhau theo thứ tự
trên, dưới
− Giá trị của thuộc tính là các con số
− Thường kết hợp với thuộc tính visibility và position
Bài 5: CSS và DHTML
Vị trí động – Dynamic position
Minh họaMinh họa
Minh họaMinh họa
42. 4242
HỌC LẬP TRÌNH WEB TỪ CƠ BẢN ĐẾN NÂNG CAO
HocLapTrinhWeb.COM
α - Tek http://www.facebook.com/groups/hoclaptrinhweb/
Bài 5: CSS và DHTML
HẾTHẾT
Editor's Notes
Thời lượng : 5 tiết
Minhoa_Bai05_slide14.html
Minhoa_Bai05_slide28.html
Minhoa_Bai05_slide30.html
Minhoa_Bai05_slide31.html
Ghi chú : Giáo viên d ẫn nhập vị trí của một element trên trang web, nhấn mạnh vị trí mặc định Minhoa_Bai05_slide37.html Minhoa_Bai05_slide37B.html
Minhoa_Bai05_slide39.html
Ghi chú : Giáo viên d ẫn nhập thứ tự trên dưới của một element, nhấn mạnh vị trí mặc định Minhoa_Bai05_slide41.html Minhoa_Bai05_slide41B.html