Nếu máy in và điện thoại kết nối chung mạng Wi-Fi, Bình có thể dùng ứng dụng in không dây.

Bình chỉ có thể in nếu cắm cáp USB từ điện thoại vào máy in.

Bình cần kết nối điện thoại với máy in qua Bluetooth nếu máy in có hỗ trợ.

Máy in chỉ in được khi có kết nối mạng LAN có dây.

Một số micro cần bộ thu tín hiệu cắm vào cổng USB.

Micro không dây có thể kết nối với máy tính qua cổng Bluetooth.

Máy tính cần có cổng HDMI để kết nối micro.

Micro không dây có thể hoạt động nếu được kết nối với mạng LAN.

Camera có thể kết nối với máy tính qua cổng USB hoặc HDMI.

Nếu camera có Wi-Fi, có thể truyền video trực tiếp vào máy tính mà không cần cáp.

Camera chỉ có thể lưu video vào thẻ nhớ, không thể kết nối máy tính.

Cáp HDMI dùng để truyền dữ liệu từ camera sang máy in.

Ethernet

Bluetooth

USB

HDMI

Chuột có dây

Ổ cứng gắn ngoài

Bàn phím có dây

Tai nghe Bluetooth

Cáp mạng LAN

Kết nối Wi-Fi giữa laptop và máy chiếu

Ổ cứng di động

Bàn phím không dây

Máy in

Switch (bộ chuyển mạch)

Máy chiếu

HDMI

DisplayPort

RJ45

VGA

ex.

pt.

in.

px.

important!.

!important.

*.

important.

bold.

1000.

800.

normal.

CSS mặc định coi chiều cao dòng văn bản = 2px.

Các mẫu định dạng văn bản cơ bản bao gồm các thuộc tính liên quan đến phông chữ, màu chữ và định dạng dòng văn bản.

Thuộc tính text-decoration thay thế và mở rộng cho thẻ u của HTML.

Đường cơ sở là đường ngang mà các chữ cái đứng thẳng trên nó.

Nếu một mẫu CSS áp dụng cho một phần tử HTML bất kì thì nó sẽ được tự động áp dụng cho tất cả các phần tử là con, cháu của phần tử đó trong mô hình cây HTML (trừ các trường hợp ngoại lệ, ví dụ các phần tử với mẫu định dạng riêng).

Mức độ ưu tiên của * là cao nhất.

Thuộc tính text-decoration không có tính kế thừa.

Nếu có nhiều mẫu định dạng được viết cho cùng một bộ chọn thì mẫu viết sau cùng sẽ được áp dụng.

p {line-height: 1.5;}

p {line-height: 1.5rem;}

p {line-height: 1.5in;}

p {line-height: 1.5em;}

p {text-indent: 3em;}

p {text-align: 3em;}

p {text-align: 3ex;}

p {text-indent: 3pt;}

* {font-family: Courier;}

body {font-family: Courier;}

* {font-weight: Courier;}

all {font-style: Courier;}

rgb(100%, 100%, 100%);

rgb(0%, 0%, 0%);

\(⋕\)808080;

rgb(255, 255, 255);

E F.

E + F.

E \(\sim\) F.

E > F.

Quan hệ cha con trực tiếp. Áp dụng cho các phần tử F với điều kiện F là phần tử con/cháu của E, tức là E phải ở phía trên F trong cây HTML.

Quan hệ anh em. Áp dụng cho các phần tử F là phần tử đứng sau, không cần liên tục với E, E và F phải có cùng phần tử cha.

Quan hệ con cháu. Áp dụng cho các phần tử F với điều kiện F là phần tử con của

Quan hệ anh em liền kề. Áp dụng cho các phần tử F là phần tử liền kề ngay sau E, E và F phải có cùng phần tử cha.

E > F.

E + F.

E \(\sim\) F.

E F.

strong \(\sim\) em {color: gray;}.

p > strong {color: green;}.

div p {background-color: lightblue;}

p + em {color: red;}

Khối và ngoại tuyến.

Khối và nội tuyến.

Trong và ngoài.

Nội tuyến và ngoại tuyến.

padding.

border-style.

margin.

width.

type.

section.

display.

show.

.idname {thuộc tính: giá trị;}.

.id[name] {thuộc tính: giá trị;}.

#idname {thuộc tính: giá trị;}.

idname {thuộc tính: giá trị;}

border-space: 20px;

white-space: 20px;

margin: 20px;

padding-top = 20px.

padding-left = 3px.

padding-right = 10px.

padding-bottom = 5px.

Dấu ".".

Dấu ":".

Dấu "#".

Dấu "::".

pseudo-element.

pseudo-class.

id.

class.

Nếu không tìm thấy mẫu định dạng tương ứng thì sẽ lấy thông số định dạng CSS kế thừa từ phần tử cha.

Nếu có nhiều mẫu định dạng với cùng trọng số thì định dạng ở vị trí đầu tiên sẽ được áp dụng.

Bộ chọn ::selection mô tả phần được chọn (bằng cách kéo thả chuột trên màn hình) của đối tượng.

Các lớp giả không cần định nghĩa và mặc định được coi như các lớp có sẵn của CSS.

3, 2, 1, 4.

3, 2, 1, 4.

3, 2, 1, 4.

3, 1, 4, 2.

a:link {color: blue;}.

a:hover {color: blue;}.

a:visited {color: blue;}.

a:clicked {color: blue;}.

title:hover {font-style: bold}.

title:hover {font-style: italics}.

.title:hover {font-weight: bold}.

title:hover {font-weight: bold}.

p.description::first-line {font-size: 3em;}.

p#description::first-line {font-size: 3rem;}.

p.description::first-line {font-size: 3pt;}.

#p.description::first-line {font-size: 3em;}

2.

4.

3.

5.

Thông tin về bản quyền của website.

Thông tin mới cập nhật của website.

Thanh điều hướng.

Nội dung website.

Webicon.

Favlogo.

Weblogo.

Favicon.

Google Sites.

Google Travel.

Google Drive.

Google Jamboard.

Mỗi trang web phải bắt nguồn từ một nhu cầu cụ thể.

Phần đầu trang có thể bao gồm những liên kết tới các trang mạng xã hội liên quan.

Việc xây dựng trang web cần bắt đầu với việc phân tích, xác lập định hướng về mục đích của trang web và đối tượng người dùng.

Thân trang là phần chứa nội dung của trang web, thường được bố cục thành các khối hình chữ nhật, mỗi khối trình bày một nội dung với tiêu đề riêng

Xây dựng kiến trúc nội dung, thiết kế mĩ thuật, chọn bảng màu, phông chữ,…

Xác định mục đích và đối tượng phục vụ của trang web.

Lựa chọn phần mềm để xây dựng trang web.

Làm logo, favicon, ảnh nền và đặt tên trang web.

Serif.

Sans Serif.

Monospace.

Fantasy.

Verdana.

Times New Roman.

Menlo.

Courier.

Tiêu đề trang web.

Những thông tin cần nhấn mạnh thêm.

Thông tin liên hệ.

Nội dung trang web.

Biểu ngữ lớn.

Bìa.

Biểu ngữ nhỏ.

Chỉ tiêu đề.

Có thể chọn ảnh nền trang web từ ảnh trong Google Drive, Google Photos hay ảnh trên Internet.

Các kích thước tuỳ chọn của phần đầu trang chỉ khác nhau về chiều rộng.

Logo có thể có dạng hình chữ nhật, favicon dạng hình vuông với kích thước 16 × 16, 32 × 32, 48 × 48 px.

Khi thiết lập ảnh nền cho trang web, độ sáng của ảnh được tự động điều chỉnh để vẫn đọc được phần chữ trên nền.

Thêm bộ lọc cho ảnh nền.

Điều chỉnh phần ấn tượng nhất của ảnh hiển thị trọn vẹn trong đầu trang.

Điều chỉnh độ sáng của ảnh nền.

Huỷ bỏ chế độ tự động điều chỉnh độ sáng của ảnh được chọn làm ảnh nền.

Máy tính.

Google Drive.

Gmail.

Files.

Điều chỉnh chất lượng của ảnh nền.

Huỷ bỏ chế độ tự động điều chỉnh độ sáng của ảnh được chọn làm ảnh nền.

Chỉnh màu cho ảnh nền.

Điều chỉnh phần ấn tượng nhất của ảnh hiển thị trọn vẹn trong đầu trang.

Dòng Trang web không có tiêu đề.

Dòng Tiêu đề trang.

Dòng Nhập tên trang web.

Dòng Loại tiêu đề.

Dòng Nhập tên trang web.

Dòng Trang web không có tiêu đề.

Dòng Tiêu đề trang.

Dòng Loại tiêu đề.

Bảng chọn các chức năng.

Thông tin tóm tắt của trang.

Nội dung website.

Những liên kết tới các trang mạng xã hội liên quan.

4.

3.

5.

2.

8.

7.

6.

9.

Google Sites cho phép thực hiện tạo phần thân trang theo kiến trúc khối với các mẫu được hỗ trợ sẵn.

Sử dụng biểu tượng để thêm bản đồ vào trang web.

Sau khi thiết lập cấu trúc nội dung cho phần thân trang web, nháy chuột vào biểu tượng để thêm ảnh vào trang web.

Có thể thay đổi kích thước của bản đồ bằng cách chọn bản đồ rồi kéo thả chuột tại các nút trên khung để được kích thước mong muốn.

Chọn Tài liệu ở nhóm thứ ba của bảng chọn Chèn.

Chọn Bản đồ ở nhóm thứ ba của bảng chọn Chèn.

Chọn Biểu đồ ở nhóm thứ ba của bảng chọn Chèn.

Chọn Bản đồ ở nhóm thứ nhất của bảng chọn Chèn.

Nút Chọn.

Nút Thêm bản đồ.

Nút Đặt dấu vị trí.

Nút Xác nhận.

Có thể huỷ bỏ một lệnh chỉnh sửa trang web vừa thực hiện bằng nút lệnh(undo) hay thực hiện lại một lệnh trước đó bằng nút lệnh(redo).

Để thiết lập chân trang cho trang web, di chuyển xuống cuối trang và nháy chuột vào nút.

Nháy chuột vào nút lệnhhoặcnếu muốn sao chép hoặc xoá đối tượng đã chọn.

Các thao tác thay đổi kích thước, di chuyển các đối tượng đã có (khối văn bản, hình ảnh, bản đồ,…) tương tự đối với bản đồ: chọn khối và kéo thả chuột.

Dùng tài khoản Gmail để tạo mới một trang web Google Sites.

Mượn tài khoản giáo viên để tạo trang web sẽ không gặp lỗi gì.

Tải phần mềm Google Sites và cài đặt vào máy tính cá nhân.

Truy cập vào https://sites.google.com và đăng nhập bằng tài khoản Gmail.

Dán ảnh trực tiếp từ clipboard mà không cần tải lên.

Chèn hình ảnh được lưu trên Google Drive của mình.

 Chèn ảnh từ một trang web bằng cách dán URL.

 Chỉ sử dụng hình ảnh tải lên từ máy tính cá nhân.

Giao quyền "chỉ xem" để đảm bảo không bị sửa nội dung.

Giao quyền "chỉnh sửa" cho các thành viên nhóm trong phần chia sẻ.

Chia sẻ đường link xem trang web cho cả lớp.

Gửi file trang web qua Zalo để mọi người cùng sửa.

Trang web sẽ được hiển thị cho người khác sau khi nhấn "Xuất bản".

Trang web sẽ bị khóa sau khi xuất bản, không thể chỉnh sửa.

Mỗi khi chỉnh sửa, trang web sẽ tự động cập nhật mà không cần xuất bản lại.

Có thể thay đổi địa chỉ URL trước khi xuất bản.

Có nhiều bố cục mẫu giúp chia cột nội dung linh hoạt.

Có thể chèn hình, văn bản, video vào từng khu vực bố cục.

Chỉ có một kiểu bố cục một cột duy nhất.

Bố cục ban đầu không thể thay đổi sau khi đã tạo.

Đổi tiêu đề trang web dễ dàng.

Tuỳ chỉnh CSS để thiết kế theo ý thích.

 Không thể thay đổi bố cục sau khi chọn theme.

Lựa chọn các chủ đề (theme) có sẵn để thay đổi màu và phông chữ.

color: blue sẽ ghi đè color: red.

Dấu * là selector chọn tất cả phần tử HTML.

Selector cụ thể hơn sẽ được ưu tiên hơn.

Màu chữ của tiêu đề là màu đỏ.

Màu chữ hiển thị của "Chào bạn" là màu đỏ.

Nếu xoá style="color: blue;", thì dòng chữ sẽ có màu đỏ.

Cả 2 cách khai báo trên đều có độ ưu tiên như nhau.

Thuộc tính style trong thẻ HTML có độ ưu tiên cao hơn khai báo trong file CSS.

text-transform: uppercase; chỉ viết hoa chữ cái đầu tiên.

text-align có thể dùng để căn giữa theo chiều dọc.

text-align: center; giúp căn giữa chữ theo chiều ngang.

text-transform: uppercase; viết hoa toàn bộ chữ trong thẻ

.

background-color áp dụng cho màu chữ.

333333 là mã màu xám đậm.

Mã màu hex luôn có 8 ký tự.

Nền của toàn bộ trang web sẽ có màu vàng nhạt.