Đang tải... (xem toàn văn)
Mời các bạn tham khảo bài giảng Bài giảng Nhập môn HTML và thiết kế Web: Bài 4 do Chu Thị Hường biên soạn sau đây để bổ sung thêm kiến thức về bảng, lớp, Multimedia, mẫu biểu và khung. Với các bạn quan tâm tới lĩnh vực này thì đây là tài liệu hữu ích.
NH P MÔN HTML VÀ THI T K WEB B%NG, L(P, MULTIMEDIA, M,U BI-U VÀ KHUNG Biên so n: Chu Th Hư ng – B! môn HTTT – Khoa CNTT N9I DUNG B/ng, L0p, Multimedia, M6u bi8u, Và khung Biên so n: Chu Th Hư ng – B! môn HTTT – Khoa CNTT B%NG Biên so n: Chu Th Hư ng – B! môn HTTT – Khoa CNTT B%NG T o b/ng: Dùng th= … , th= ta ñ nh nghĩa th=: …: Đ nh nghĩa m!t ơ, đơn v b/n cLa b/ng …: Đ nh nghĩa hàng cLa b/ng Các ô t o thành hàng, hàng t o thành b/ng …: Đ nh nghĩa tiêu ñN cho c!t …: Đ nh nghĩa tiêu ñN b/ng Biên so n: Chu Th Hư ng – B! môn HTTT – Khoa CNTT B%NG Chèn hàng c!t: Các th= theo thP tQ hàng c!t vào b/ng T o b ng Cell 1 Cell 2 Cell 3 New column Cell 4 Cell 5 Cell 6 New Row Biên so n: Chu Th Hư ng – B! môn HTTT – Khoa CNTT B%NG Xóa hàng c!t: Đ8 xóa hàng, xóa th= v0i tUt c/ th= bên Tương tQ xóa c!t T o b ng Cell 1 Cell 2 Cell 3 New column New Row Biên so n: Chu Th Hư ng – B! môn HTTT – Khoa CNTT B%NG Tr!n ô: Colspan: KVt hWp c!t thành m!t, thư ng dùng v0i th= Rowspan: KVt hWp dòng thành m!t, thư ng dùng v0i th= Biên so n: Chu Th Hư ng – B! môn HTTT – Khoa CNTT B%NG T o b/ng: T o b ng Nhóm 1 Nhóm 2 Nhom dong Cell 2 Cell 3 Cell 4 Cell 6 Cell 7 Cell 8 Cell 9 Cell 10 Cell 11 Cell 12 Biên so n: Chu Th Hư ng – B! môn HTTT – Khoa CNTT B%NG Các thu!c tính đ nh d ng: border: Đ nh d ng ñư ng viNn Width: Đ! r!ng b/ng Đ nh d ng ô: Align: Canh lN ngang Valign: Canh lN d\c Cellspacing: Đ nh nghĩa không gian gi]a ô Cellpadding: Đ nh nghĩa không gian gi]a đư ng viNn v0i n!i dung văn b/n Biên so n: Chu Th Hư ng – B! môn HTTT – Khoa CNTT L(P Khái ni_m l0p (Layer): Layer l0p xét thành phcn HTML theo chiNu sâu nghĩa b n qui ñ nh ñei tưWng có ñè chfng lên ñei tưWng hay không L0p đưWc khai báo bgi th= : Biên so n: Chu Th Hư ng – B! môn HTTT – Khoa CNTT FORM Các phcn ti nh{p d] li_u: Ngư i dùng có th8 nh{p d] li_u thơng qua điNu khi8n Input Các điNu khi8n đưWc si djng v0i phcn ti Cũng có th8 si djng chúng bên ngồi bi8u m6u đ8 t o giao di_n ngư i dùng Biên so n: Chu Th Hư ng – B! môn HTTT – Khoa CNTT CÁC PH~N T• INPUT Các phcn ti nh{p d] li_u: Phcn ti xác ñ nh lo i ñiNu khi8n bi8u m6u, gfm thu!c tính: Type: Xác đ nh lo i phcn ti Có th8 lQa ch\n m!t thành phcn sau: Text, Password, CheckBox, Radio, Submit, Reset, File, Hidden Button M€c ñ nh Text Name: Tên cLa ñiNu khi8n Ph m vi ho t đ!ng cLa thu!c tính Name n•m phcn ti Form Value: Là thu!c tính tùy ch\n (tr‚ Radio) Xác đ nh giá tr khgi t o cLa ñiNu khi8n Size: Xác ñ nh ñ! r!ng ban ñcu cLa ñiNu khi8n Đei v0i ki8u Text hay Password kích thư0c tính b•ng ký tQ, cịn l i tính b•ng pixels Biên so n: Chu Th Hư ng – B! môn HTTT – Khoa CNTT CÁC PH~N T• INPUT Các phcn ti nh{p d] li_u: Phcn ti xác ñ nh lo i ñiNu khi8n bi8u m6u, gfm thu!c tính: Maxlength: Xác đ nh se ký tQ l0n nhUt có th8 nh{p vào ñiNu khi8n Text Password Check: Xác ñ nh nút có đưWc ch\n hay khơng ch\n đưWc si djng ñiNu khi8n Radio CheckBox SRC=“URL”: Chz ñ nh ñư ng d6n file /nh ñiNu khi8n input d ng Image Biên so n: Chu Th Hư ng – B! mơn HTTT – Khoa CNTT CÁC PH~N T• INPUT Các phcn ti nh{p d] li_u: Nút bUm: D ng nút l_nh Female Biên so n: Chu Th Hư ng – B! mơn HTTT – Khoa CNTT CÁC PH~N T• INPUT Các phcn ti nh{p d] li_u: Submit: Khi ngư i dùng nhUn vào nút Submit, bi8u m6u ñưWc chuy8n ñVn v trí xác đ nh thu!c tính ACTION C€p tên/giá tr cLa nút Submit ñưWc nh{n bi8u m6u %nh: ĐiNu khi8n dùng ñ8 t o m!t nút Submit d ng /nh: Biên so n: Chu Th Hư ng – B! mơn HTTT – Khoa CNTT CÁC PH~N T• INPUT Các phcn ti nh{p d] li_u: Reset: Khi ngư i dùng nhUp vào nút này, giá tr cLa tUt c/ ñiNu khi8n ñưWc tái thiVt l{p vN giá tr ban ñcu, ñưWc xác ñ nh giá tr cLa thu!c tính: Biên so n: Chu Th Hư ng – B! mơn HTTT – Khoa CNTT CÁC PH~N T• Th= TextArea: T o vùng văn b/n, gfm thu!c tính Cols: Đ! r!ng cLa c!t, se ký tQ Rows: Se hàng Value: Giá tr cLa ñiNu khi8n Trong trư ng hWp muen gán giá tr m€c ñ nh ta khơng ccn khai báo thêm thu!c tính , thay vào ñó giá tr cj th8 sv khai báo gi]a th= mg th= đóng cLa Please enter here … Biên so n: Chu Th Hư ng – B! mơn HTTT – Khoa CNTT CÁC PH~N T• INPUT Th= Select: Th= cho phép ngư i dùng ch\n phcn ti t{p phcn ti ñưWc ñ nh nghĩa trư0c Th= có hai d ng tương tQ Option: Th= Select chPa nhUt m!t th= Option OptGoup: Nhóm lQa ch\n vào m!t nhóm Selected: Là thu!c tính logic cho phép ch\n trư0c m!t phcn ti Lable: Xác ñ nh văn b/n ñưWc hi8n th lQa ch\n Biên so n: Chu Th Hư ng – B! mơn HTTT – Khoa CNTT CÁC PH~N T• INPUT Th= Select: q Khai báo th= d ng combo box sau: Select City Ho Chi Minh Ha Noi Hue q Khai báo th= d ng , ta khai báo b…t ñcu t‚ select v0i tên sau: Select Industry Auto Medical Engineering Biên so n: Chu Th Hư ng – B! môn HTTT – Khoa CNTT CÁC PH~N T• INPUT Th= Lable: ĐưWc dùng đ8 gán nhãn cho ñiNu khi8n.Đ8 gán nhãn ccn xác ñ nh thu!c tính ID cLa ñiNu khi8n ñưWc gán nhãn Tên ñăng nhRp HS tên Biên so n: Chu Th Hư ng – B! môn HTTT – Khoa CNTT FRAME Th= Frame: Mjc đích cLa Frame nh•m chia cia s† cLa trình duy_t hai hay nhiNu vùng nh‡ hơn, ñ8 ñó có th8 t/i tài li_u HTML khác vào vùng Đ8 t o Frame si djng th= Th= có hai thu!c tinh b/n ROWS COLS dùng đ8 mơ t/ se hàng se c!t chia thành frame Biên so n: Chu Th Hư ng – B! môn HTTT – Khoa CNTT FRAME Th= Frame: Tao Frame Biên so n: Chu Th Hư ng – B! môn HTTT – Khoa CNTT TH%O LU N – CÂU H‰I Biên so n: Chu Th Hư ng – B! môn HTTT – Khoa CNTT BÀI T P ThQc hành ví dj TL[1] tìm hi8u mg r!ng vN HTML5 Nên ý tưgng thiVt kV chPc cho t{p l0n Biên so n: Chu Th Hư ng – B! môn HTTT – Khoa CNTT ... Chu Th Hư ng – B! môn HTTT – Khoa CNTT MULTIMEDIA Dùng th= : Adobe Flash Player q SWF Video