Bài 4. TÌM HIỂU THƯ ĐIỆN TỬ
4. Các thẻ cơ bản trang HTML
Heading là thẻ tiêu đề của trang Web. Có 6 loại từ h1 đến h6. Các thẻ heading có kích thước giảm dần từ h1 tới h6
<h1> Đây là thẻ h1 </h1>
<h2> Đây là thẻ h2 </h2>
<h3> Đây là thẻ h3 </h3>
<h4> Đây là thẻ h4 </h4>
44
<h5> Đây là thẻ h5 </h5>
<h6> Đây là thẻ h6 </h6>
HS: quan sát và ghi chép lại GV:
b. Thẻ đoạn văn
Một trang HTML (như trang tin tức) được chia thành nhiều đoạn văn khác nhau, mỗi đoạn được xác định bởi thẻ <p> và thẻ <p>
tự động xuống dòng khi hết một đoạn văn.
<p> Nội dung đoạn văn cần hiện trên trang web </p>
HS: Ghi chép lại
<h5> Đây là thẻ h5 </h5>
<h6> Đây là thẻ h6 </h6>
b. Thẻ đoạn văn
Một trang HTML (như trang tin tức) được chia thành nhiều đoạn văn khác nhau, mỗi đoạn được xác định bởi thẻ <p> và thẻ <p>
tự động xuống dòng khi hết một đoạn văn.
<p> Nội dung đoạn văn cần hiện trên trang web </p>
* Củng cố
Các em cần ghi nhớ một số kiến thức sau:\
- Cấu trúc tệp tin HTML - Thẻ tiêu đề từ h1 đến h6 - Thẻ đoạn văn p
- Tham khảo các trang Web trên Internet
45
Ngày soạn:26/9/2015 Ngày dạy: 29/9/2015 Tiết 14
LÀM QUEN VỚI NGÔN NGỮ LẬP TRÌNH HTML (Tiếp theo)
I. Mục tiêu
1. Về kiến thức
- Làm quen với ngôn ngữ lập trình HTML để thiết kế trang Web
- Biết sử dụng mã nguồn HTML để định dạng và trang trí nội dung trang WEB 2. Kĩ năng
Biết cách thiết kế trang web bằng phần ngôn ngữ lập trình HTML Biết soạn thảo trang web đơn giản
3. Thái độ
Rèn luyện khả năng lập trình và sử dụng mạng Internet II. Chuẩn bị của GV và HS
1. Chuẩn bị của GV
- SGK, ĐDHT máy tính, máy chiếu.
2. Chuẩn bị của HS - Đọc trước nội dung bài
- Đồ dùng học tập, sgk, vở ghi,….
III. Tiến trình dạy học 2. Kiểm tra bài cũ Kết hợp trong bài học Đặt vấn đề
Trong bài học hôm nay chúng ta sẽ đi tìm hiểu cách thiết kế trang web bằng ngôn ngữ lập trình HTML. Hiện nay có nhiều ngôn ngữ để thiết kế trang web (PHP, Java, ASP, HTML). HTML là ngôn ngữ cơ bản để thiết kế trang web với đầy đủ các tính năng và nhiều thẻ định dạng để trang trí trang Web.
Nội dung bài giảng
Hoạt động của thầy và trò Nội dung
GV:
Thẻ form trong html là thẻ giữ vai trò tương tác giữa người dùng và website.
Trong bài học này, chúng ta sẽ cùng tìm hiểu cách sử dụng thẻ form để tạo 7 dạng giao diện form cơ bản.
- Nội dung form có thể do người lập trình web tự thiết kế. Sử dụng các thẻ sau:
HS: Chú ý lắng nghe giáo viên thuyết trình GV: Thẻ tạo hộp văn bản dùng để nhập
5. Thẻ tạo form trong HTML
<form>
Nội dung form
</form>
a. Thẻ tạo hộp văn bản
<input type ="text" name="tên ô text"
46
giá trị là các dòng văn bản cho trang web
<input type ="text" name="tên ô text"
value="Giá trị" size ="kích thước"/>
VD1:
<input type ="text" name="ten"
value="" size ="25" />
HS: Ghi chép lại GV: Thẻ tạo nút lệnh
<input type ="submit" name="tên nút lệnh
" size ="kích thước"/>
VD2:
<input type ="submit" name="Dongy" size
="10" value ="Đồng ý"/>
HS: Theo dõi và Ghi chép lại GV: Thẻ Tạo nút Radio
<input type ="radio" name="tên nút radio"
value="Giá trị" />
VD3: Tạo 2 nút chọn giới tính là Nam hoặc nữ
<input type ="radio" name ="gioitinh"
/>Nam
<input type ="radio" name ="gioitinh"
/>Nữ
HS: Chú ý và ghi chép lại
value="Giá trị" size ="kích thước"/>
b. Thẻ tạo nút lệnh
<input type ="submit" name="tên nút lệnh
" size ="kích thước"/>
c. Thẻ tạo nút radio
<input type ="radio" name="tên nút radio"/>
* Củng cố
Các em cần ghi nhớ một số kiến thức sau:\
Các thẻ tạo Form để tương tác giữa người sử dụng và trang web với các thẻ:
+ Thẻ tạo hộp văn bản + Thẻ tạo nút lệnh
+ Thẻ tạo nút chọn Radio
47
Ngày soạn:02/10/2015 Ngày dạy:06/10/2015 Tiết 15
Bài thực hành 04
TẠO TRANG WEB ĐƠN GIẢN I. Mục tiêu
1. Về kiến thức:
• Làm quen với tạo trang Web bằng phần mềm Kompozer b. Về kỹ năng:
• Tạo vài trang Web đơn giản có liên kết 3. Thái độ:
• Giáo dục thái độ học tập nghiêm túc II. Chuẩn bị của GV và HS
1. Chuẩn bị của GV
- SGK, ĐDHT máy tính, máy chiếu.
2. Chuẩn bị của HS - Đọc trước nội dung bài
- Đồ dùng học tập, sgk, vở ghi,….
III. Tiến trình dạy học 2. Kiểm tra bài cũ Kết hợp trong bài học Đặt vấn đề
Trong bài học hôm nay chúng ta sẽ đi thực hành thiết kế trang web bằng phần mềm Kompozer. Hiện nay có nhiều phần mềm thiết kế trang web. Là phần mềm miễn phí nhưng Kompozer là phần mềm thiết kế trang web với đầy đủ các tính năng như phần mềm thiết kế trang web chuyên nghiệp
3. Giảng nôi dung bài mới
Hoạt động của GV Hoạt động của HS Nội dung ghi bảng Gv: giới thiệu một số trang