Nội dung

THIẾT KẾ WEBSITE THƯƠNG MẠI ĐIỆN TỬ Chương 3: Giới thiệu các ngôn ngữ và kỹ thuật trong phát triển website GV. Huỳnh Đỗ Bảo Châu 1 Mục tiêu bài học • • • • Hiểu về cấu trúc một trang HTML Biết cách sử dụng các phần tử HTML Biết cách sử dụng công cụ Dreamwear Hiểu cách sử dụng CSS, JavaScript 2 Nội dung chính 1. HTML 2. XHTML 3. Web động và các ngôn ngữ lập trình web 4. Cascading Style Sheets (CSS) 5. Javascript 6. Ajax 3 Mô hình 3 lớp trong phát triển website 4 1. HTML Giới thiệu HTML là gì ? • HTML: HyperText Markup Language - Ngôn ngữ đánh dấu siêu văn bản. • Do Tim Berner Lee phát minh và trở thành ngôn ngữ chuẩn để tạo các trang Web. • HTML dùng các THẺ (tags) để định dạng dữ liệu. 5 1. HTML Cấu trúc cơ bản của một trang HTML (2) (1) (3) 6 1. HTML Cấu trúc cơ bản của một trang HTML (1) Thẻ chính: xác định điểm bắt đầu và kết thúc của mã HTML (2) Phần mô tả: chứa các mô tả, liên kết,… không xuất hiện phía người dùng (3) Phần nội dung: chứa các phần tử sẽ xuất hiện phía người dùng như văn bản, hình ảnh, video,… 7 1. HTML Ví dụ 3.1 Hello web design! my first page 8 1. HTML Các thành phần cơ bản Thẻ (tag) HTML: là một tập các ký hiệu được định nghĩa trong HTML có ý nghĩa đặc biệt. Thẻ bắt đầu bằng ký hiệu “<“ và kết thúc bởi ký hiệu “>” Tag mang thông tin: Nội dung Trong đó: : tag bắt đầu : tag kết thúc Tag rỗng: 9 1. HTML Các thành phần cơ bản (tt)  Phần tử (element): có thể bao gồm thẻ mở, thẻ đóng và nôi dung bên trong cặp thẻ mở, đóng. • Tên của phần tử luôn luôn viết chữ thường • Có 2 loại phần tử trong HTML: • Phần tử chứa nội dung: bao gồm thẻ đóng và thẻ mở – Ví dụ:

Nội dung

• Phần tử rỗng: bao gồm 1 thẻ – Ví dụ:
(XHTML
) 10