Giải thích các mẫu định dạng CSS sau:

Các mẫu định dạng văn bản trong Hình 14.1 đều liên quan đến định dạng kí tự gồm phông chữ, màu chữ và kiểu chữ. Các thuộc tính của CSS liên quan bao gồm định dạng phông chữ (text font), màu chữ (text color) và dòng văn bản (text line). Quan sát và thảo luận để hiểu rõ hơn các mẫu định dạng CSS này.

Quan sát đoạn văn bản được thể hiện trên một trang web trong hình 14.1. Em có nhận xét gì về các định dạng liên quan đến phông chữ của văn bản?

Từ bản CSS3 trở đi CSS được phát triển theo từng gói riêng biệt. Hiện nay các gói của CSS3 vẫn đang được phát triển và hoàn thiện. Đồng thời một số chuẩn CSS4 và CSS 5 vẫn đang được tiếp tục thiết lập mới.

Hiện tại hiệp hội chịu trách nhiệm phát triển các chuẩn của HTML, CSS và các công nghệ có liên quan là tổ chức World Wide Web Consotium (W3C), có địa chỉ tại http://www.w3.org/.

Các ý tưởng ban đầu được đưa ra năm 1994 nhưng phiên bản CSS1 chính thức ra đời năm 1996.

Phiên bản tiếp theo CSS2 được khởi động ngay sau đó nhưng mãi đến năm 1998 mới hoàn thiện. Phiên bản chính thức hoàn thiện nhất của CSS2 là CSS2.1 ra đời năm 2011, bản CSS2.1 nâng cấp được hoàn thiện năm 2016.

Thiết lập trang web với nội dung sau và định dạng trang bằng các mẫu CSS.

Trong các phần mềm soạn thảo văn bản thường có chức năng tạo các mẫu định dạng Style Sheet dùng để tạo khuôn cho các đoạn (paragraph) của văn bản. Em hãy trình bày sự giống nhau và tương thích của Style Sheet  trong các phần mềm soạn thảo văn bản với CSS của trang web.

Khẳng định sau là đúng hay sai: Có thể chỉ cần thay đổi thông tin của tệp CSS sẽ làm thay đổi định dạng của nhiều trang web thậm chí của cả một trang web.

Ngôn ngữ định dạng CSS chính là ngôn ngữ HTML đúng hay sai?

Giả sử có một định dạng CSS như sau:

h1, h2, h3 {border:2px solid red;}

Hãy giải thích ý nghĩa của mẫu định dạng CSS trên 

Nếu muốn tất cả các đoạn văn bản của trang web có màu xanh (blue) thì cần thiết lập định dạng CSS như thế nào

Tìm hiểu thảo luận và trả lời các câu hỏi sau:

1. Nếu không dùng CSS thì các định dạng của trang web phải thực hiện theo cách nào?

2. Sử dụng CSS có những ưu điểm gì trong việc định dạng trang web?

Nếu muốn thiết lập CSS để có thể áp dụng đồng thời cho nhiều trang web thì làm cách nào?

Nếu muốn thiết lập CSS để áp dụng cho toàn bộ tệp HTML thì làm cách nào?

Quan sát tìm hiểu và thảo luận về cấu trúc tổng quát của các mẫu định dạng CSS .

Các mẫu định dạng CSS thường được mô tả như thế nào?

A .Trong một bảng

B. Phải viết trên một hàng

C .Có thể viết trên nhiều hàng 

Ngôn ngữ CSS có phải là HTML không?

1.Hình 13.2 là mã nguồn của trang web trong Hình 13.1 em có nhận xét gì về cách thiết lập định dạng của trang này?

2. Em thấy gì từ đoạn mã nguồn trên?

Quan sát trang web trong hình 13.1 trả lời các câu hỏi sau:

·       Mã nguồn trang web có những phần tử HTML nào?

·       Định dạng các phần tử HTML này có đặc điểm chung nào?

·        Có thể định dạng mẫu một lần để áp dụng mẫu đó cho nhiều phần tử HTML được không?

Sửa lại mã nguồn của trang web đã viết trong Nhiệm vụ 2, Bài 11 để thêm một liên kết cho cụm từ Đăng kí. Khi nháy chuột vào liên kết, trang web đã viết ở câu 1 sẽ được hiển thị trong iframe.

Tạo một biểu mẫu đăng kí thành viên câu lạc bộ.

Lần lượt tạo các loại phần tử form và các phần tử input với những loại dữ liệu khác nhau và liệt kê ra ba ví dụ có thể sử dụng của từng loại.

Hãy viết câu lệnh để thêm một nút có tên “Quên mật khẩu” vào biểu mẫu.

Điểm khác biệt giữa radio, checkbox và select là gì?

Mô tả các bước mà em đã thực hiện khi đăng kí tài khoản trên một trang web nào đó.

Để tham gia hội chợ ẩm thực ở trường, lớp em đã tạp một website để quảng cáo sản phẩm. Em hãy thảo luận và chọn loại phần tử HTML cần sử dụng để tạo đơn hàng trên website.

Tạo một khung nội tuyến và liên kết đến bài hát em yêu thích (ví dụ trên YouTube) vào trang web giới thiệu bản thân.

Chèn thêm một số ảnh của mình vào trang web giới thiệu bản thân (em đã tạo ở phần luyện tập, Bài 10.

Cho ảnh có kích thước gốc là 720x 450 Pixel chèn ảnh vào trang web bằng câu lệnh: <img src= “images/1.png” alt = “ chiếc lá” width 600>

Hỏi ảnh trong trang web có kích thước bao nhiêu?

 Viết các câu lệnh để tạo hai khung nội tuyến có kích thước bằng nhau, hiển thị song song (theo phương ngang) trên trang web.

Trong các bài đăng có đính kèm video, một số trang web sẽ hiển thị nội dung video trong một khung và cho phép tương tác bên trong khung đó. Em có nhận xét gì về giao diện của cả trang khi thực hiện các thao tác bên trong khung này?

Thuộc tính scr có tác dụng gì đối với thẻ audio.

Quan sát đoạn mã sau và xác định tên đoạn mã này có chức năng gì?

<video src=”video/war_is_over.mp4 ”with=”300” height= “250” autoplay>

 Hãy Nêu một số trường hợp có thể xảy ra lỗi khi hiển thị ảnh.

Hãy kể tên các định dạng tệp ảnh mà em biết phân loại chúng vào nhóm đồ họa vectơ hoặc đồ họa điểm ảnh.

Có những điểm gì khiến em thấy hứng thú hơn khi xem các trang web so với đọc sách.

Viết thêm các đoạn giới thiệu (địa điểm số, thành viên, thành tích, phí hội viên, điện thoại liên hệ) cho từng câu lạc bộ ở dưới bảng Lịch hoạt động công tác CLB thể thao rồi đặt liên kết từ tên câu lạc bộ trong bảng đến đoạn giới thiệu tương ứng.

Viết một trang web giới thiệu bản thân, trong đó để ít nhất 3 liên kết tới trang web (có thể là Facebook) của ba bạn cùng lớp.

Viết đoạn mã để tạo liên kết quay về trang chủ CLB.html trong trang thong_tin.html.