Video giảng Tin học ứng dụng 12 cánh diều Bài 1: Làm quen với ngôn ngữ đánh dấu siêu văn bản

Video giảng Tin học ứng dụng 12 cánh diều Bài 1: Làm quen với ngôn ngữ đánh dấu siêu văn bản. Các kiến thức được truyền tải nhẹ nhàng, dễ hiểu. Các phần trọng tâm sẽ được nhấn mạnh, giảng chậm. Xem video, học sinh sẽ dễ dàng hiểu bài và tiếp thu kiến thức nhanh hơn. 

Bạn chưa đủ điều kiện để xem được video này. => Xem video demo

Tóm lược nội dung

BÀI 1: LÀM QUEN VỚI NGÔN NGỮ ĐÁNH DẤU SIÊU VĂN BẢN

Xin chào các em, cô rất vui được cùng các em tìm hiểu bài học ngày hôm nay!

Thông qua video này, các em sẽ nắm được các kiến thức và kĩ năng như sau:

- Nhận biết được một số khái niệm chính của ngôn ngữ đánh dấu siêu văn bản: phần tử, thẻ mở, thẻ đóng. 

- Trình bày được cấu trúc của văn bản HTML. 

- Tạo được một trang web đơn giản bằng ngôn ngữ đánh dấu siêu văn bản.

A. KHỞI ĐỘNG

Trước khi bắt đầu tìm hiểu bài mới, các em hãy đọc câu hỏi sau và cùng cô tìm câu trả lời nhé:

Theo em, có ngôn ngữ chuyên dụng dùng để tạo trang web không?

HTML đóng vai trò là bước đệm không thể thiếu trong hành trình khám phá thế giới lập trình dành cho người mới. Đơn giản nhưng mạnh mẽ, HTML là ngôn ngữ đánh dấu siêu văn bản, mở cánh cửa đầu tiên để bắt đầu sáng tạo trên không gian web. Vậy để hiểu rõ hơn về cấu trúc và sức mạnh của HTML, chúng ta sẽ cùng nhau đến với Bài 1: Làm quen với ngôn ngữ đánh dấu siêu văn bản. 

B. HOẠT ĐỘNG HÌNH THÀNH KIẾN THỨC

Nội dung 1: Ngôn ngữ đánh dấu siêu văn bản

+ Thế nào là trang web tĩnh, trang web động?

+ Em có thể tạo trang web bằng những cách nào?

Video trình bày nội dung:

- Thông thường, một website (như Hình 1) gồm một số trang web tĩnh và một số trang web động.

BÀI 1: LÀM QUEN VỚI NGÔN NGỮ ĐÁNH DẤU SIÊU VĂN BẢN

Hình 1. Trang chủ của website https://moet.gov.vn ngày 21/9/2023

Trang web tĩnh: nội dung không thay đổi mỗi khi người dùng truy cập. 

Trang web động: nội dung có thể thay đổi tuỳ theo yêu cầu của người dùng.

* Tìm hiểu xong chủ đề này, em sẽ tạo được các trang web tĩnh.

- Có nhiều cách để tạo trang web:

+ Sử dụng phần mềm có sẵn.

BÀI 1: LÀM QUEN VỚI NGÔN NGỮ ĐÁNH DẤU SIÊU VĂN BẢN

DreamWeaver

BÀI 1: LÀM QUEN VỚI NGÔN NGỮ ĐÁNH DẤU SIÊU VĂN BẢN

Mobirise

+ Sử dụng ngôn ngữ chuyên dụng - ngôn ngữ đánh dấu siêu văn bản (HyperText Markup Language - HTML)…

Nội dung 2: Cấu trúc của một văn bản HTML

Một văn bản HTML thường có cấu trúc như thế nào?

Video trình bày nội dung:

- Thông thường, dòng đầu tiên của văn bản HTML là một chỉ dẫn cung cấp thông tin phiên bản HTML được sử dụng.

- Toàn bộ cấu trúc và nội dung trang web được viết trong cặp thẻ mở <html> và thẻ đóng </html>. 

- Nội dung trang web thường được chia thành hai phần: 

Phần đầu (head):

  • Được viết trong cặp thẻ mở <head> và thẻ đóng </head>.
  • Tiêu đề trang web được viết trong cặp thẻ mở <title> và thẻ đóng </title> và sẽ được hiển thị trên tiêu đề của cửa sổ trình duyệt web…

Nội dung 3: Thực hành tạo trang web đơn giản

GV hướng dẫn HS thực hiện theo 2 yêu cầu trong SGK tr.38 để thực hành tạo trang web đơn giản bằng phần mềm Sublime Text.

Video trình bày nội dung:

- Bước 1:

BÀI 1: LÀM QUEN VỚI NGÔN NGỮ ĐÁNH DẤU SIÊU VĂN BẢN Trang web https://sublimetext.com

- Bước 2:

BÀI 1: LÀM QUEN VỚI NGÔN NGỮ ĐÁNH DẤU SIÊU VĂN BẢN Chọn phiên bản phù hợp với hệ điều hành

- Bước 3: 

BÀI 1: LÀM QUEN VỚI NGÔN NGỮ ĐÁNH DẤU SIÊU VĂN BẢN Cài đặt Sublime Text thành công

...........

Nội dung video Bài 1: Làm quen với ngôn ngữ đánh dấu siêu văn bản còn nhiều phần rất hấp dẫn và thú vị. Hãy cùng đăng kí để tham gia học bài và củng cố kiến thức thông qua hoạt động luyện tập và vận dụng trong video.

Xem video các bài khác