Bài tập tuần 1, 2, 3 môn Lập trình web

Tài liệu Bài tập tuần 1, 2, 3 môn Lập trình web nhằm giúp học viên 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. Mời các bạn cùng tham khảo nội dung chi tiết tài liệu. Hi vọng tài liệu sẽ là nguồn tư liệu bổ ích cho các bạn đang theo học học phần này.
Nội dung trích xuất từ tài liệu:
Bài tập tuần 1, 2, 3 môn Lập trình web 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. : 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. : 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. : Tạo danh sách có thứ tự … … … 14. : Tạo danh sách không có thứ tự … … … 15. : Tạo danh sách dạng từ điển 16. Cách chèn các ký tự đặc biệt… Bài 1: Tạo trang web Euler.html, sử dụng hình ảnh và dữ liệu trong thư mục Module1/bai1.txt. Sử dụng các tag cơ bản như , , , , , , , , , , 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ự , , 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 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)