Bài giảng Chuyên đề 1: Lập trình Web - Phạm Văn Thuận

(BQ) Bài giảng Chuyên đề 1: Lập trình Web - Phạm Văn Thuận với mục tiêu giúp sinh viên nắm được thiết kế trang web tĩnh, sử dụng HTML; thiết kế trang web động sử dụng PHP & hệ quản trị cơ sở dữ liệu MySQL. Cùng tìm hiểu và tham khảo nội dung thông tin tài liệu.
Nội dung trích xuất từ tài liệu:
Bài giảng Chuyên đề 1: Lập trình Web - Phạm Văn Thuận Môn học Chuyên đề 1: Lập trình Web (tài liệu lưu hành nội bộ) GV: Phạm Văn Thuận Bộ môn Kỹ thuật Máy tính Khoa CNTT- ĐH BKHN email: thuanpv@it-hut.edu.vn 1 Mục tiêu môn học  Sau khi kết thúc môn học này, sinh viên có thể • Thiết kế trang web tĩnh, sử dụng HTML • Thiết kế trang web động sử dụng PHP & hệ quản trị cơ sở dữ liệu MySQL 2 Lập trình Web  Tài liệu tham khảo chính: • Website: www.w3schools.com • www.3c.com.vn/Story/vn/hotrokhachhang/ebo oks/ • Robert Sheldon, “Beginning MySQL” • Sams Teach Yourself MySQL in 10 minutes • Andy Harris, “PHPMySQL programming for the absolute beginner” • ftp://dce.hut.edu.vn/thuanpv 3 Lập trình Web Nội dung môn học Chương 1. HTML & CSS căn bản Chương 2. Javascript cơ bản Chương 3. Hệ quản trị cơ sở dữ liệu MySQL Chương 4. PHP 4 Lập trình Web HTML căn bản  HTML (Hyper Text Markup Language): ngôn ngữ đánh dấu siêu văn bản  Mỗi file HTML (có đuôi .htm hoặc .html): file văn bản chứa các thẻ đánh dấu (markup tags). Thẻ đánh dấu này cho trình duyệt biết cách thể hiện trang web  Soạn thảo file HTML: • Notepad • Frontpage • Dreamweaver… 5 Lập trình Web Trang web Hello World Hello World This is my first homepage. Hello World 6 Lập trình Web HTML elements  Mỗi tài liệu HTML là các file văn bản cấu thành từ các phần tử HTML (HTML elements). Các phần tử này được định nghĩa bằng các thẻ (HTML tags)  Thẻ HTML: • Mỗi thẻ được bao bởi 1 cặp dấu ngoặc nhọn “” (VD: ) • Các thẻ HTML thường đi theo từng cặp, một thẻ bắt đầu và một thẻ kết thúc (VD: và ) • Thẻ HTML không phân biệt chữ hoa và chữ thường -> thẻ tương đương • Đoạn văn bản ở giữa thẻ bắt đầu và kết thúc chính là nội dung của phần tử HTML được định nghĩa bởi cặp thẻ đó 7 Lập trình Web HTML elements Hello World This is my first homepage. Hello World Thẻ bắt đầu : Thẻ kết thúc: Nội dung: Hello World Chức năng: hiển thị nội dung dưới dạng chữ đậm 8 Lập trình Web Các thẻ HTML cơ bản  Thẻ tiêu đề (Heading tags) • Thẻ , … • Thẻ : tiêu đề lớn nhất, : tiêu đề nhỏ nhất  Thẻ đoạn văn bản (Paragraph tags) • Thẻ  Thẻ xuống dòng (Line breaks tags) • Xuống dòng trong một đoạn • Thẻ 9 Lập trình Web Các thẻ HTML cơ bản heading 1 heading 2 heading 3 heading 4 heading 5 heading 6 Paragraph 1 Hello World. This is the first paragraph Paragraph 2 Hello World. This is the second paragraph 10 Lập trình Web Thuộc tính của các thẻ HTML  HTML attributes (Thuộc tính của thẻ HTML) • Bổ sung các thông tin cho phần tử HTML (HTML elements) • Khuôn dạng thuộc tính: name=“value” (ví dụ: align=“center”) • Thường được đặt trong thẻ mở đầu 11 Lập trình Web Thuộc tính của các thẻ HTML Test HTML Attributes Paragraph 1 Line 1 Line 2 Paragraph 2 Line 1 Line 2 12 Lập trình Web Các thẻ định dạng văn bản  Các thẻ định dạng văn bản • , , , …  Các thẻ định dạng dữ liệu liên quan đến máy tính, ngôn ngữ lập trình… • , , , …  Các thẻ trích dẫn, định nghĩa, chú thích… • , , … 13 Lập trình Web Các thẻ định dạng văn bản Bai tap so 1 Su dung tap lenh cua vi xu ly 8088/8086, hay viet chuong trinh con tao tre tuong duong voi doan chuong trinh duoc viet bang ngon ngu C duoi day. void delay() { for(i=0;i Các thực thể ký tự (Character entities)  Tại sao cần sử dụng thực thể ký tự? • Một số ký tự, ví dụ như “Các thực thể ký tự (Character entities) Bảng tra một số thực thể ký tự 16 Lập trình Web Các thực thể ký tự (Character entities) 17 Lập trình Web Siêu liên kết (Hyperlink)  HTML sử dụng các siêu liên kết để liên kết tới các tài liệu khác (trang web, file văn bản, âm thanh, hình ảnh…)  Thẻ liên kết: • Text to be displayed • Ví dụ: Visit Google! • Các thuộc tính name target 18 Lập trình Web Siêu liên kết (Hyperlink) LAP TRINH WEB www.google.com.vn Nhay toi Chuong 1 Nhay toi Chuong 2 Chuong 1 … Chuong 2 … 19 Lập trình Web HTML Frames  Mục đích: hiển thị nhiều hơn một trang web trên một màn hình của trình duyệt  Thẻ • Định nghĩa cách chia cửa sổ thành các khung (theo chiều dọc hoặc theo chiều ngang sử dụng thuộc tính rows hay columns)  Thẻ • Xác định file ...