BÀI TẬP LẬP TRÌNH WEB

Mục tiêu: Hiểu rõ cùng vận dụng được cách làm việc của 1 áp dụng web. Xây dựng được trang web sử dụng mã HTML cơ bảnYêu cầu: Tất cả những bài xích tập giữ vào thỏng mục: T:MaSV_HoTenTuan010203 Trong thỏng mục Tuan010203 bao gồm 2 thỏng mục con: Images cất hình, HTML chứatrang html Sử dụng Notepad nhằm soạn thảo trang html Cuối từng buổi thực hành thực tế, SV phải nén (.rar hoặc .zip) thỏng mục làm bài với nộplại bài bác tập đã thực hiện trong buổi kia. Bài tập buộc phải của Tuần 01, 02, 03, GV đang chào làng cuối giờ đồng hồ. Bài tập bắt buộcsẽ gửi vào tin nhắn dtthuha79

Bạn đang xem: Bài tập lập trình web

gmail.com cùng với Subject và tập tin nén kèm theo:DHCNTT9A_LTWeb_TUANYY_HOTENSINHVIEN (trong số ấy YY đang là 01)


*
*

Xem thêm: Hướng Dẫn Chi Tiết Cách Chèn Nhạc Vào Powerpoint 2016, Cách Chèn Nhạc Vào Powerpoint 2016

Quý khách hàng sẽ xem trước 20 trang tài liệu bài tập Lập trình Web - Chương thơm 1: HTML, giúp xem tài liệu hoàn hảo bạn click vào nút DOWNLOAD nghỉ ngơi trên
gmail.com cùng với Subject và tập tin nén kèm theo: DHCNTT9A_LTWeb_TUANYY_HOTENSINHVIEN (trong những số ấy YY đã là 01) MODULE 1: CÁC TAG CƠ BẢN Mục đích: - Sử dụng Web editor biên soạn thảo được một We page đơn giản. - Sử dụng thạo những tag cơ phiên bản, các ở trong tính Các bước thực hiện: Bước 1: Msinh sống Web editor (Notepad, Notepad ++) Bước 2: Tạo New File  biên soạn thảo Web page theo cấu trúc: Bước 3: Lưu file: Đặt tên tệp tin cùng với phần mở rộng .html Cách 4: Mlàm việc trình chăm chút (Chrome, IE), Mngơi nghỉ trang .html Các tag cơ bản: 1. 2. câu chữ tiêu đề : Hiển thị ngôn từ tiêu đề của website trên thanh title của trình thông qua 3. 4. nội dung của header : Tiêu đề 5. : ngắt đoạn Enter 6. : xuống loại chưa không còn đoạn Shift Enter 7. , , : in đậm, in nghiêng, gạch ốp chân text 8. : thêm kẻ ngang 9. Nội dung hiển thị: format font text. 10. “Text”: cyếu hình vào Web page 11. Nội dung: nội dung vnạp năng lượng bản hạ xuống 12. Nội dung ngôn từ văn uống phiên bản lên cao 13. : Tạo danh sách bao gồm trang bị từ 14. : Tạo list không tồn tại đồ vật từ bỏ 15. : Tạo danh sách dạng từ bỏ điển 16. Cách cnhát những ký trường đoản cú đặc biệt Bài 1: Tạo website Euler.html, sử dụng hình hình ảnh cùng tài liệu vào tlỗi mục Module1/bai1.txt. Sử dụng các tag cơ bản nlỗi , , , , , , , , , , Bài 2: Tạo trang torte.html, hình hình ảnh và tài liệu trong thỏng mục Module1/bai2.txt. sử dụng các tag cơ phiên bản, thực hiện vấn đề tạo nên danh sách gồm vật dụng trường đoản cú , , những ký kết từ bỏ đặc biệt quan trọng thư mục Module1/demo Bài 3: Tạo trang Macbeth.html, hình ảnh cùng tài liệu trong thỏng mục Module1/bai3.txt. thực hiện các tag cơ phiên bản, tiến hành câu hỏi tạo danh sách dạng trường đoản cú vựng MODULE 2: LINKS – IMAGES - MAPS Mục tiêu: - Thực hiện sản xuất website cùng với các tag cơ bản nlỗi module 1 - Thực hiện tại các link trong thuộc 1 trang hoặc những trang web cùng nhau (link nội, ngoại) - Chèn hình hình ảnh với áp dụng link từng phần hình hình ảnh (images map) Bài 1: Tạo trang web Resume.html, dữ liệu và hình vào tlỗi mục Module1/bai1.txt. Sử dụng những tag , , , , và những tag format nhằm trình bày website. Thêm vào phần chân trang Resume.html bao gồm văn bản, kế tiếp sinh sản link cho các mục: – References mang đến trang Reference.html. – Comments on my work liên kết cho trang Comments.html Mô hình links các trang: Nội dung của 2 trang Refer.html cùng Comments.html nhỏng sau: Bài 2: (image links) trang chủ.html: Trang home.html tạo nên links slide show links đến slide1.html ế Home Slide2.html Slide3.html Slide5.html Slide6.html Slide1.html Slide4.html Trên trang slide1.html các hình hình ảnh có chân thành và ý nghĩa links tương ứng: - home.jpg, start.jpg, bachồng.jpg, forward.jpg, end.jpg - thumb1.jpg, thumb2.jpg, thumb3.jpg, thumb4.jpg, thumb5.jpg, thumb6.jpg - Hình ảnh chính là slide1.jpg: “Do You Love Me? sung by Deb Ingalls and Thomas Gates” được đổi khác qua mỗi trang tự slide2.html cho slide6.html slide2.html slide3.html slide4.html slide5.html slide6.html slide2.jpg slide3.jpg slide4.jpg slide5.jpg slide6.jpg If I Were a Rich Man sung by Thomas Gates Matchmaker (L:R) Karen Unger, Rachel Paulson, Lucy Davis, Judy French, Catherine Lewis Fiddler Cast #2 (Front Row): Olivia Young, Angela Unger The Bottle Dance (L:R) Tim Lewis, Paul Richtoven, Peter Levin Fiddler Full Cast #1 Bài 3: image maps Tạo website Expo.html như biểu trưng dưới, dữ liệu trong thỏng mục Module2ai3.txt. Với đòi hỏi links nhỏng sau: • Bryd Hall (Text cùng Image Maps) liên kết mang lại trang Bryd.html • Mitchell Theatre (Text với Image Maps) links mang đến trang Mitchell.html • Astronomy Classrooms (Text với Image Maps) link trang Brinkman.html Bài 4: Tạo website Jaction.html, các file links với tài liệu vào thư mục Module2ai4.txt Bài 5: Image Maps Image Maps Tạo trang web SFSF.html, thực hiện tài liệu cùng hình trong thư mục Module2ai5.txt • Image map1: links mang lại trang Forrest.html • Image map2: liên kết mang đến trang Charnas.html • Image map3: liên kết cho trang Unwin.html Bài 6: Tạo Web Breakfast.html, tài liệu và hình trong thỏng mục Module2ai6.txt. Image maps đến hình ảnh với 3 phần liên kết như sau: • Breakfast trỏ cho Breakfast.html • Lunch trỏ mang lại Lunch.html • Dinner trỏ đến Dinner.html Thực hiện nay format tương tự mang đến 2 trang Lunch.html với Dinner.html Image Maps MODULE 3: TABLE Mục tiêu: - Tạo website cất những bảng câu chữ - Sử dụng table định dạng bố cục tổng quan mang đến một vài trang dễ dàng và đơn giản Bài 1: Table Tạo lại một trang MAA1.html, sử dụng dữ liệu trong Module3/bai1.txt, áp dụng với trực thuộc tính rowspan, colspan Bài 2: Thiết kế website The Gargoyle.html, thực hiện tài liệu trong Module3/bai2.txt thực hiện lồng nhau Bài 3: Tạo trang Dunston.html, thực hiện dữ liệu vào Module3/bai3.txt, áp dụng lồng nhau, MODULE 4: Layout HTML5 Mục tiêu: Sử dụng các yếu tắc new (header, section, aside, nav, footer) của HTML5 tùy chỉnh layout các trang web như sau: Bài 1: Tạo một trang web Coloravày.html có dạng Logo.html Link.html Hompage.html Our Philosophy.html Climbing Lessons.html Petit Grepon.html Lumpy Ridge.html North Face.html Kiener"s.html The Diamond.html Eldorado.html Bài 2: Thiết kế website Doccentric.hmtl, hình hình họa cùng dữ liệu trong tlỗi mục Module4ai2. Logo 4 trang link Image Maps Trong đó link hình đến 4 hotspot: Bài 3: Thiết kế website Travel Scotlvà.html. Dữ liệu với hình trong tlỗi mục Module4ai3 MODULE 5: FORM Bài 1: Tạo trang Register.htm Bài 2: Thiết kế trang khung Online Classifield.html Bài 3: Thiết kế trang travelreport.html: Bài 4: Thiết kế trang Register.html HTML5: Bài 1: Create a webpage in order khổng lồ define additional details that the user can view or hide. Hint: Bài 2: Create an Autocomplete List with an & the new element Hint: 1. Create the HTML5 with và other tags. 2. Using and tags to create an auto complete các mục. Bài 3: Using the attribute lớn create the following form. (The required attribute is a boolean attribute. When present, it specifies that an đầu vào field must be filled out before submitting the form) Bài 4: Create the following size using new HTML5 types Hint: With the đầu vào type = text, we can use the placeholder attribute lớn specify a short hint that describes the expected value of an input field (e.g. a sample value or a short description of the expected format) . In additional, the autocomplete attribute specifies whether or not an input field should have sầu autocomplete enabled (autocomplete="on|off"). Bài 5: The tag is new in HTML5. Using the tag to insert a đoạn Clip, such as a movie clip or other video streams to a website page. Note that, currently, there are 3 supported video clip formats for the element: MP4, WebM, & Ogg.