Xem mẫu
BÀI TẬP TUẦN 01-02-03 MÔN LẬP TRÌNH WEB
Chương 1: HTML
Mục tiêu:
Hiểu rõ và áp dụng được cách làm việc của 1 ứng dụng web.
Xây dựng được trang web dùng mã HTML cơ bản
Yêu cầu:
Tất cả các bài tập lưu trong thư mục: T:\MaSV_HoTen\Tuan010203 Trong thư mục Tuan010203 có 2 thư mục con: Images chứa hình, HTML chứa
trang html
Sử dụng Notepad để soạn thảo trang html
Cuối mỗi buổi thực hành, SV phải nén (.rar hoặc .zip) thư mục làm bài và nộp
lại bài tập đã thực hiện trong buổi đó.
Bài tập bắt buộc của Tuần 01, 02, 03, GV sẽ công bố cuối giờ. Bài tập bắt buộc
sẽ gửi vào email dtthuha79@gmail.com với Subject và tập tin nén kèm theo:
DHCNTT9A_LTWeb_TUANYY_HOTENSINHVIEN (trong đó YY sẽ là 01)
MODULE 1: CÁC TAG CƠ BẢN
Mục đích:
- Sử dụng Web editor soạn thảo được 1 We page đơn giản.
- Sử dụng thành thạo các tag cơ bản, các thuộc tính
Các bước thực hiện:
Bước 1: Mở Web editor (Notepad, Notepad ++)
Bước 2: Tạo New File soạn thảo Web page theo cấu trúc:
Bước 3: Lưu file: Đặt tên file với phần mở rộng .html
Bước 4: Mở trình duyệt (Chrome, IE), Mở trang .html
Các tag cơ bản:
1.
2. nội dung tiêu đề : Hiển thị nội dung
tiêu đề của trang web trên thanh tiêu đề của trình
duyệt
3. …
4. nội dung của header
: Tiêu đề
5.
: thêm đường kẻ ngang 9. Nội dung hiển thị: định dạng font chữ. 10.
: chèn hình vào Web
page
11. Nội dung: nội dung văn bản hạ xuống
12. Nội dung nội dung văn bản lên cao
13. ![]()
, ,
Bài 2: Tạo trang torte.html, hình ảnh và dữ liệu trong thư mục Module1/bai2.txt. sử dụng các tag cơ bản, thực hiện việc tạo danh sách có thứ tự
nguon tai.lieu . vn
: ngắt đoạn Enter
6.
: xuống dòng chưa hết đoạn Shift Enter
7. , , : in đậm, in nghiêng, gạch
chân text
8.
: thêm đường kẻ ngang 9. Nội dung hiển thị: định dạng font chữ. 10.
- : Tạo danh sách có thứ tự
- …
- … …
- : Tạo danh sách không có thứ tự
- …
- … …
- : Tạo danh sách dạng từ điển
, , , , ,
,
, , ,Bài 2: Tạo trang torte.html, hình ảnh và dữ liệu trong thư mục Module1/bai2.txt. sử dụng các tag cơ bản, thực hiện việc tạo danh sách có thứ tự
- ,
- MODULE 2: LINKS – IMAGES - MAPS Mục tiêu: - Thực hiện tạo trang web với các tag cơ bản như module 1 Thực hiện các liên kết trong cùng 1 trang hoặc các trang web với nhau (liên kết nội, ngoại) Chèn hình ảnh và sử dụng liên kết từng phần hình ảnh (images map)
- , các ký tự đặc biệt
thư mục Module1/demo
Bài 3:
Tạo trang Macbeth.html, hình ảnh và dữ liệu trong thư mục Module1/bai3.txt. sử
dụng các tag cơ bản, thực hiện việc tạo danh sách dạng từ vựng