các phần mềm để giúp soạn thảo HTML mà không cần phải viết mã HTML như FrontPage, Dreamweaver ..... Trang Web cơ bản:.[r]
Trang 2Tiết 19 §4
1 Khái niệm mở đầu
Một trang web thực chất là một file văn
bản có phần mở rộng là HTML hoặc
HTM, còn được gọi là tập tin siêu văn bản.
Để mở trang web cần dùng một chương trình duyệt web (Web Browser) như
Internet Explorer trong hệ điều hành
Windows
Trang 3Tiết 19 §4
1 Khái niệm mở đầu
Nhiều công ty phần mềm đã sản xuất
các phần mềm để giúp soạn thảo HTML
mà không cần phải viết mã HTML như FrontPage, Dreamweaver
Trang 4Tiết 19 §4
1 Khái niệm
a Khởi động chương trình Notepad
Start/Programs/Acessories/ Notepad
Cú pháp một trang web đơn giản như sau:
Trang 5Tiết 19 §4
1 Khái niệm
<HTML>
<HEAD >
<TITLE> nội dung tiêu đề
</TITLE>
<BODY> nội dung trang web </BODY>
</HEAD >
</HTML>
Trang 6Tiết 19 §4
1 Khái niệm
Trong đó:
<HTML>, </HTML>: thẻ bắt đầu và kết thúc file.
<TITLE>, </TITLE>: thẻ bắt đầu và kết thúc tiêu đề.
<BODY>, </BODY>: thẻ bắt đầu và kết thúc nội dung của trang web
Trang 7Tiết 19 §4
1 Khái niệm
Chú ý:
Không dùng kí tự trắng trong tên thẻ
Tên thẻ không không phân biệt hoa, thường
Trang 8Tiết 19 §4
1 Khái niệm
Ví dụ: Hãy tạo trang web có
tiêu đề: Ban muon viet mot
trang Web?
Và nội dung: Chao cac ban!
Học sinh hoạt động nhóm:
Trang 9Tiết 19 §4
1 Khái niệm
<html>
<head>
<title>
Ban muon viet mot trang web?
</title>
</head>
<body>
Chao cac ban!
</body>
</html>
Trang 10Tiết 19 §4
1 Khái niệm
c Lưu trang web đã viết.
Vào menu File, chọn Save (hoặc Save As…) chọn vị trí để lưu file, gõ tên file (gõ
cả phần mở rộng là HTM hoặc HTML) Save
Trang 11Tiết 19 §4
1 Khái niệm
mở đầu
2 Trang Web
cơ bản:
Tổng kết bài học:
- Thiết kế trang web trên phần mềm Notepad
- Cấu trúc của một trang web đơn giản
- Làm thế nào khi chúng ta muốn thay đổi nền bằng một màu khác theo ý muốn