Docsity
Docsity

Prepare for your exams
Prepare for your exams

Study with the several resources on Docsity


Earn points to download
Earn points to download

Earn points by helping other students or get them with a premium plan


Guidelines and tips
Guidelines and tips

Web_HTML_CSS_JS Of IUH, Cheat Sheet of Law

Bài tập hằng ngày của Môn web IUH

Typology: Cheat Sheet

2022/2023

Uploaded on 04/21/2025

yuan-fang
yuan-fang 🇻🇳

1 document

1 / 55

Toggle sidebar

This page cannot be seen from the preview

Don't miss anything!

bg1
BỘ MÔN SE
JULY 25, 2023
IUH
pf3
pf4
pf5
pf8
pf9
pfa
pfd
pfe
pff
pf12
pf13
pf14
pf15
pf16
pf17
pf18
pf19
pf1a
pf1b
pf1c
pf1d
pf1e
pf1f
pf20
pf21
pf22
pf23
pf24
pf25
pf26
pf27
pf28
pf29
pf2a
pf2b
pf2c
pf2d
pf2e
pf2f
pf30
pf31
pf32
pf33
pf34
pf35
pf36
pf37

Partial preview of the text

Download Web_HTML_CSS_JS Of IUH and more Cheat Sheet Law in PDF only on Docsity!

BỘ MÔN SE

JULY 25, 2023

IUH

MỤC LỤC

Tuần 1. HTMLL CƠ BẢN (3 tiết) Mục tiêu:

 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ản Nhậ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

Các bước thực hiện:

Bước 1: Trong thư mục Tuan1\Bai3 chứa file home.htmll và các file .jpg tương ứng, chỉnh sửa home.htmll như sau:

Bước 2: Tạo trang Slide1.htmll, tiêu đề trang là Slide 1 như sau:

Bước 3: Trên trang Slide1.htmll, 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.html Tạo hyperlink về trang đầu tiên Slide1.html 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.html

Ý nghĩa liên kết hình tương ứng với mỗi slide như sau:

Slide1.htmll Slide2.htmll Slide3.htmll Slide4.htmll Slide5.htmll Slide6.htmll

Tạo các trang còn lại với các ý nghĩa tương ứng như trang Slide1.htmll để 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 Cast #1: 6 Bài 4. Liên kết nâng cao

  1. Trong thư mục Bai4 chứa hometxt.htmll, diamond.jpg. Mở file hometxt.htmll lưu lại với tên home.htmll và định dạng trang như sau:

<area shape = “default” coords = “0, 0, x, y” href = “index.htmll” alt= “Home Page” title= “Return to the Home page”>

  1. Trong thư mục Bai4 chứa file index.txt. Tạo trang index.htmll:

 Liên kết hình tương ứng với trang home.htmll  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.com  Yosef Dolen, Assistant Manager: ydolen @dmond-health.com  Sue Myafin, Child Care: smyafin @dmond-health.com  James Michel, Health Services: jmichel @dmond-health.com  Ron Chi, Membership: rchi @dmond-health.com  Marcia Lopez, Classes: mlopez@dmond-health.com

  1. Trong thư mục Bai4 chứa file member.txt. Tạo trang member.htmll:
  1. Trong thư mục Bai4 chứa file class.txt. Tạo trang class.htmll như hình:

b). Sử dụng thẻ HTML định dạng bảng với tiêu đề All time list in central như hình

Bài 6. Sử dụng thẻ

định dạng form có dạng như hình a). Form1: Registration Form

b). Form: Contact Us

c). Form: Date

Tuần 2. HTMLL – CSS (3 tiết) Mục tiêu:

 Hiểu rõ Cascading Style Sheets (sử dụng với mục đích mô tả và định dạng các tài liệu được viết bởi ngôn ngữ markup)  Áp dụng được các thành phần CSS và thuộc tính để định dạng các trang HTML  Hiểu rõ và áp dụng được các thành phần của CSS Yêu cầu:

 Tất cả các bài tập lưu trong thư mục: T:\MaSV_HoTen\Tuan  Hình ảnh được lưu trữ trong thư mục riêng T:\MaSV_HoTen\Tuan02\images  Các tập tin CSS được lưu trữ trong thư mục riêng T:\MaSV_HoTen\Tuan02\css  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 đó. Tóm tắt lý thuyết  Cú pháp tổng quát CSS selector {property1: value1; property2: value2; … }  Sử dụng CSS trong HTML  Inline style

 Internal style sheet

 External style sheet

Bài 1. CSS background – CSS font – CSS Text – CSS link – CSS List: a). Sử dụng CSS định dạng trang web như sau:

b). Sử dụng CSS Box - CSS Layout – CSS Border – CSS Padding – CSS Margin định dạng menu như sau:

Bài 3. Thiết kế website

 Cho mô hình liên kết website như sau:

 Sử dụng dữ liệu trong thư mục Tuan2/Bai2 thiết kế các trang web như sau:

  1. Tạo trang index.html với hình nền là hình background.jpg và chứa các hình Salogo.gif và Siggie.jpg như sau (trong đó Siggie.jpg là liên kết hình đến trang home.html),

 Layout chung cho 4 trang home.html, maze.html, hauntt.html, petting.html, produce.html như sau: