 GVHD:  Email:  Website: Dương Khai Phong khaiphong@gmail.com http://khaiphong.tk http://course.uit.edu.vn Yêu cầu phần mềm thực hành Hướng dẫn sử dụng phần mềm Bài tập lớp Bài tập nhà (nộp chấm điểm) Cài đặt Cấu hình XAMPP Port kết nối Apache MySQL (có thể cấu hình lại phần Config có xung đột Port) Gói cài đặt XAMPP cài đặt thành công Apache MySQL Start Kiểm tra cài đặt XAMPP  Mở trình duyệt web, kiểm tra gói cài đặt cách nhập địa theo cách sau:  localhost:8080/  127.0.0.1:8080/  Kiểm tra phpMyAdmin Triển khai ứng dụng web “Hello world” DW CS5  Bước 1: vào menu: Sites / Manage Sites  Bước 2: chọn New để tạo dự án Website 3 Triển khai ứng dụng web “Hello world” DW CS5  Bước 3: cấu hình thơng số cho mục Site Đặt tên website Thư mục lưu website (Lưu ý: nên lưu website thư mục cài đặt htdocs gói xampp) Vd: C:\xampp\htdocs\mywebsite Triển khai ứng dụng web “Hello world” DW CS5  Bước 4: cấu hình thơng số cho mục Servers (chọn mục Servers hình Bước 3) Server Name Server Folder đặt tên Bước Chọn Local/Network Nhập địa theo phần cấu hình cài đặt XAMPP Vd: http://localhost:8080/TH_PHP_HTML_CSS/index.php Triển khai ứng dụng web “Hello world” DW CS5  Bước 5: tạo tập tin index.php hình sau  Bước 6: thực thi kiểm tra (vào File / Preview in Browser nhấn F12) Bài 01a: sử dụng Nodepad để làm quen với thẻ HTML: _Sử dụng thẻ để đặt tiêu đề “Introduction of Cats” _Thẻ sử dụng thuộc tính bgcolor=“yellow” Sử dụng thẻ để chèn nội dung tiêu đề “Các mèo năm” Sử dụng thẻ để chèn hình ảnh thư mục images Bai01 Bài 01b: sử dụng Nodepad để làm quen với thẻ HTML: _Sử dụng thẻ để đặt tiêu đề “Introduction of Cats” _Thẻ sử dụng thuộc tính bgcolor=“yellow” Sử dụng thẻ để chèn nội dung tiêu đề “Các mèo năm” _Sử dụng thẻ với thuộc tính width=“120px” để chèn hình ảnh thư mục images Bai01 _Thẻ để xuống dòng Bài 02a: sử dụng Nodepad để làm quen với thẻ bảng biểu:  Xác định số dòng, số cột bảng (ví dụ: dòng, cột)  Bảng sử dụng thuộc tính: • : có thuộc tính background=“bg.jpg”, border=“1px”, width=“550px” align=“center” (hình ảnh thư mục images Bai02) • : có thuộc tính align=“Center” • : dòng có thuộc tính Colspan=“4” Bài 02b: sử dụng Nodepad để làm quen với thẻ bảng biểu:  Xác định số dòng, số cột bảng (ví dụ: dòng, cột)  Bảng sử dụng thuộc tính: • : có thuộc tính background=“bg.jpg”, border=“1px”, width=“550px” align=“center” (hình ảnh thư mục images Bai02) • : có thuộc tính align=“Center” • : cột 2,dòng có thuộc tính rowspan=“4”  Thẻ có thuộc tính width=“150px” Bài 03: sử dụng hình ảnh thư mục images Bai03 để thiết kế trang sau: Bài 04a: sử dụng Nodepad để thiết kế form theo trang sau: input type="text" input type="text" input type="button" input type="text" Bài 04b: sử dụng Nodepad để thiết kế form theo trang sau: input type="text" input type="button" Bài 05: sử dụng CSS Div, thiết kế lại trang hiển thị thơng tin thời khố biểu sau:  Hình thức nộp qua email: khaiphong.ltphp@gmail.com  Tiêu đề email (subject): BTTH_Buoi01_MaSV1_MaSV2  Nội dung email ghi rõ: họ tên nhóm sinh viên lớp  Nén tập tin tập thành *.rar đặt tên BTTH_Buoi01_MaSV1_MaSV2.rar  Thời hạn nộp bài: trước ngày 04/10/2012  Sinh viên hoàn tất thiết kế tập sau CSS Div Trang chủ http://www.facebook.com/ Trang chủ http://www.yahoo.com/ Trang chủ http://www.gmail.com/ Trang chủ https://login.live.com/ ... khaiphong.ltphp@gmail.com  Tiêu đề email (subject): BTTH_Buoi01_MaSV1_MaSV2  Nội dung email ghi rõ: họ tên nhóm sinh viên lớp  Nén tập tin tập thành *.rar đặt tên BTTH_Buoi01_MaSV1_MaSV2.rar  Thời hạn nộp