Bài tập lập trình web bằng html iuh
Uploaded byTân Nguyễn Show
0% found this document useful (0 votes) 188 views 216 pages Original Title2019_BAI-TAP-MON-LAP-TRINH-WWW-JAVA.pdf Copyright© © All Rights Reserved Available FormatsPDF, TXT or read online from Scribd Share this documentDid you find this document useful?Is this content inappropriate?0% found this document useful (0 votes) 188 views216 pages 2019 - Bai Tap Mon Lap Trinh WWW Java PDFUploaded byTân Nguyễn Khóa học lập trình web của công ty LIKELION tại khoa CNTT đã kết thúc trong niềm hân hoan trọn vẹn. Khóa học có sự tham gia của các bạn sinh viên thuộc bộ môn Kỹ Thuật Phần Mềm khoa CNTT và cả thầy cô đến từ khoa Điện. Sau 8 buổi học, khoá học không chỉ cho và nhận kiến thức mà còn là những kỉ niệm khó quên. Các giảng viên đến từ Hàn Quốc của LIKELION không chỉ có kiến thức chuyên môn mà còn là sự tận tâm, nhiệt huyết để các bài tập và nút thắt dù khó đến đâu vẫn có thể tháo gỡ nhanh nhất. Và để tạo nên sự thành công của khóa học không thể không nhắc đến thầy cô và các bạn sinh viên của khoa CNTT đều rất tuyệt vời, dù lịch học và lịch công tác dày đặc nhưng không một ai bỏ lớp, thật tuyệt vời. ▪ Hiểu được cấu trúc của trang Web [và cách làm việc với Notepad++, Dreamweaver, Visual Code] ▪ Phân biệt được sự khác biệt giữa HTMLL5 và các phiên bản trước của HTMLL ▪ Hiểu và áp dụng được HTMLL/HTMLL5 vào việc thiết kế các trang Web Yêu cầu: ▪ Tất cả các bài tập lưu trong thư mục: T:\MaSV_HoTen\Tuan01 ▪ Hình ảnh được lưu trữ trong thư mục riêng T:\MaSV_HoTen\Tuan01\images ▪ 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 1. Các thẻ HTML cơ bảnNhập nội dung và sử dụng các thẻ HTML thiết kế trang web như hình bên. Bài 2. Sử dụng các thẻ HTML cơ bản (tiếp theo)a). Sử dụng dữ liệu trong thư mục Bai2a, dùng các thẻ HTML thích hợp để định dạng trang web như hình b). Sử dụng dữ liệu trong thư mục Bai2b, dùng các thẻ HTML thích hợp để định dạng trang web như hình thư mục Bai3.................................................................................................................... Bài 3. Áp dụng thẻ tạo website theo sơ đồ sitemap như hình, sử dụng dữ liệu trongtrong thư mục Bai Home Slide1 Slide2 Slide3 Slide4 Slide5 Slide6 Các bước thực hiện: Bước 1: Trong thư mục Tuan1\Bai3 chứa file home và các file .jpg tương ứng, chỉnh sửa home như sau: Bước 2: Tạo trang Slide1, tiêu đề trang là Slide 1 như sau: Bước 3: Trên trang Slide1, sử dụng các hình tạo liên kết đến các trang như sau: Tạo hyperlink về trang home Tạo hyperlink về trang đầu tiên Slide1 Tạo hyperlink về trang trước trang của slide hiện tại Tạo hyperlink về trang sau trang slide hiện tại Tạo hyperlink về trang cuối cùng Slide6 Ý nghĩa liên kết hình tương ứng với mỗi slide như sau: Slide1 Slide2 Slide3 Slide4 Slide5 Slide6 Tạo các trang còn lại với các ý nghĩa tương ứng như trang Slide1 để thực hiện các liên kết. Với các dòng dữ liệu phía cuối trang cho các slide lần lượt là: − If I Were a Rich Man sung by Thomas Gates: 2 − Matchmaker (L: R) Karen Unger, Rachel Paulson, Lucy Davis, Judy French, Catherine Lewis: 3 − The Bottle Dance (L: R) Tim Lewis, Paul Richtoven, Peter Levin: 4 − Fiddler Cast 2 (Front Row): Olivia Young, Angela Unger − (Second Row): Terry Brown, Terry Stoller, Brett Anglewright, Diane Lee, Karen Tindale: 5 − Fiddler Full Cast1: 6Bài 4. Liên kết nâng cao
Hình diamond có size (rộng: 548 pixels, cao: 150 pixels). Chia hình thành 3 hotspot theo tọa độ như sau: − Hotspot 1: rectangle với tọa độ (225,7); (333,40) liên kết tới trang classes (tạo sau), alt=”Classes”, có 1 gợi ý “View our classes” − Hopspot 2: rectangle tọa độ (258,44); (437,82) liên kết tới trang member (tạo sau), alt = “Member Ships”, gợi ý “View our membership options” − Hotspot 3: phần còn lại (mặc định) không cần tọa độ, liên kết index. alt = “Home Page”, gợi ý “Return to the Home Page” Gợi ý cú pháp: diamondmap”>
− Liên kết hình tương ứng với trang home − Dữ liệu trên hàng “Facilities ♦ Staff ♦ Hours” là 3 internal link tương ứng − Phần nội dung của heading cuối “For More Information, E-mail our Staff” là các hyperlink email: Ty Stoven, General Manager: tstoven@dmond-health Yosef Dolen, Assistant Manager: ydolen @dmond-health Sue Myafin, Child Care: smyafin @dmond-health James Michel, Health Services: jmichel @dmond-health Ron Chi, Membership: rchi @dmond-health Marcia Lopez, Classes: mlopez@dmond-health 3. Trong thư mục Bai4 chứa file member. Tạo trang member:
Bài 5. Sử dụng thẻ |