Tài liệu hạn chế xem trước, để xem đầy đủ mời bạn chọn Tải xuống
1
/ 18 trang
THÔNG TIN TÀI LIỆU
Thông tin cơ bản
Định dạng
Số trang
18
Dung lượng
2,07 MB
Nội dung
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ựchành Hướng dẫn sử dụng phần mềm Bàitập lớp Bàitậ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