Frontpage 2002 (Front page XP)

31 236 0
Tài liệu đã được kiểm tra trùng lặp
Frontpage 2002 (Front page XP)

Đang tải... (xem toàn văn)

Tài liệu hạn chế xem trước, để xem đầy đủ mời bạn chọn Tải xuống

Thông tin tài liệu

Giáo trình đào tạo Xây dựng quản trị Website, Portal Chương Ngôn ngữ đánh dấu siêu văn (HTML: Hyper Text Markup Language) 4.1 Khái niệm HTML(Hypertext Markup Language) ngôn ngữ đánh dấu siêu văn bản, ngôn ngữ thông dụng hiển thị Web Ngôn ngữ HTML khơng phải ngơn ngữ lập trình HTML gọi ngơn ngữ gồm tập hợp nhỏ nhóm ký tự theo quy tắc mà bạn dùng để quy định kiểu dáng, vị trí, cách thức văn bản, ảnh, âm hay đối tượng khác với liên kết chúng Các trang viết ngơn ngữ HTML có cấu trúc sau: tiêu đề trang Nội dung văn 4.2 Các thẻ bản: Cách định nghĩa thẻ: Có loại thẻ: - Thẻ có nội dung: nội dung text : Bắt đầu thẻ : Kết thúc thẻ - Thẻ rỗng: (Trường hợp khơng có kết thúc thẻ) 4.2.1 Các thẻ định nghĩa đoạn văn bản, kiểu chữ Thẻ P: Định nghĩa đoạn văn Cú pháp:

nội dung đoạn văn

Mã nguồn Trung tâm Điện tốn Truyền số liệu KV1 41 Giáo trình đào tạo Xây dựng quản trị Website, Portal Test

Day la noi dung doan text

Hiển thị trình duyệt Hình 4.1: Hiển thị đoạn văn Thẻ H: Quy định kích cỡ tiêu đề Cú pháp: Tiêu đề Trong đó: x =1,2,3,4,5,6 x nhỏ cỡ chữ lớn Mã nguồn Test Tieu de co chu lon nhat (H1) Tieu de co chu lon thu hai (H2) Tieu de co chu nho nhat Hiển thị trình duyệt Trung tâm Điện tốn Truyền số liệu KV1 42 Giáo trình đào tạo Xây dựng quản trị Website, Portal Hình 4.2: Ví dụ tiêu đề văn Thẻ B: Chữ đậm Cú pháp: Phần chữ đậm Mã nguồn Test

Phan text chu dam

Hiển thị trình duyệt Hình 4.3: Đoạn văn chữ đậm Trung tâm Điện toán Truyền số liệu KV1 43 Giáo trình đào tạo Xây dựng quản trị Website, Portal Thẻ I: Chữ nghiêng Cú pháp: Phần chữ nghiêng Mã nguồn Test

Phan text chu nghieng

Hiển thị trình duyệt Hình 4.3: Đoạn văn chữ nghiêng Thẻ U: Chữ gạch chân Cú pháp: Phần chữ gạch chân Mã nguồn Test

Phan text gach chan

Hiển thị trình duyệt Trung tâm Điện tốn Truyền số liệu KV1 44 Giáo trình đào tạo Xây dựng quản trị Website, Portal Hình 4.4: Đoạn văn chữ gạch chân Thẻ FONT: Quy định font chữ Cú pháp: Một số tên font thông dụng: VnTime; VnTimeH; VnArial; VnArialH;.VnAvant; VnAvantH; Mã nguồn Test

Phần text có font Arial theo chuẩn Unicode, cỡ chữ 2, màu đen

Hiển thị trình duyệt Hình 4.5: Ví dụ phơng chữ Trung tâm Điện tốn Truyền số liệu KV1 45 Giáo trình đào tạo Xây dựng quản trị Website, Portal Thẻ BR: Xuống dòng (Thuộc loại thẻ rỗng) Mã nguồn Test

Phan text truoc the BR Phan text sau the BR

Hiển thị trình duyệt Hình 4.6: Thẻ BR trình duyệt Thẻ Sub: Chữ nhỏ số Cú pháp: Phần chữ nhỏ số dưới Mã nguồn Test

Đối tượngChi so duoi

Hiển thị trình duyệt Trung tâm Điện tốn Truyền số liệu KV1 46 Giáo trình đào tạo Xây dựng quản trị Website, Portal Hình 4.7: Chỉ số Thẻ Sup: Chữ nhỏ số Cú pháp: Phần chữ nhỏ số trên Mã nguồn Test

Đối tượngChi so tren

Hiển thị trình duyệt Hình 4.8: Chỉ số Thẻ DL: Định nghĩa danh sách Cú Pháp Đề mục danh sách Danh sách mức 1 Danh sách mức 1 Danh sách mức 2 Trung tâm Điện tốn Truyền số liệu KV1 47 Giáo trình đào tạo Xây dựng quản trị Website, Portal Danh sách mức 2 Danh sách mức 1 Danh sách mức 2 Mã nguồn Test De muc danh sach Danh sach muc 1 Danh sach muc 1 Danh sach muc 2 Danh sach muc 2 Danh sach muc 1 Danh sach muc 2 Hiển thị trình duyệt Hình 4.9: Ví dụ danh sách Thẻ UL: Tạo danh sách có bullets Cú pháp: Trung tâm Điện toán Truyền số liệu KV1 48 Giáo trình đào tạo Xây dựng quản trị Website, Portal
  • Text1
  • Text2
  • Text3
Mã nguồn Test
  • text1
  • text2
  • text3
Hiển thị trình duyệt Hình 3.10: Danh sách có bullet Thẻ OL: Tạo danh sách theo có đánh số thứ tự Cú pháp:
  1. Text1
  2. Text2
  3. Text3
Mã nguồn Trung tâm Điện toán Truyền số liệu KV1 49 Giáo trình đào tạo Xây dựng quản trị Website, Portal Test
  1. text1
  2. text2
  3. text3
Hiển thị trình duyệt Hình 3.11: Danh sách có đánh số thứ tự 4.2.2 Các thẻ định nghĩa bảng, ảnh Thẻ TABLE: Tạo bảng Cú pháp: Nội dung cột 1, hàng1 Nội dung cột 2, hàng1 Nội dung cột 1, hàng 2 Nội dung cột 2, hàng 2 Trung tâm Điện toán Truyền số liệu KV1 50 Giáo trình đào tạo Xây dựng quản trị Website, Portal Hình 4.16 Book mark Trung tâm Điện tốn Truyền số liệu KV1 57 Giáo trình đào tạo Xây dựng quản trị Website, Portal 4.2.4 Tạo form - Thẻ công cụ chủ yếu để tạo trang web có tính chất tương tác Thẻ cho phép người sử dụng Browser nhập thông tin lựa chọn khả có sẵn Mỗi form thường gắn với chương trình thực gọi "script", chương trình tiến hành làm cơng việc người dùng nhấn nút chấp nhận (submit) form Cú pháp: Các thẻ form Request Browser Server answer Internet Request Server answer Client Web Server - C, C++ - Javascript - Basic - Perl APP CGI - … Hình 4.17: Cách thức trao đổi thơng tin qua chương trình Trung tâm Điện tốn Truyền số liệu KV1 58 Giáo trình đào tạo Xây dựng quản trị Website, Portal Các thẻ tạo form: Thẻ INPUT: Cú pháp: Có loại sau: Text: Hộp text box có dịng để điền liệu Checkbox: Hộp lựa chọn logic kiểu giá trị tập hợp Radio: Hộp lựa chọn logic kiểu giá trị Button: Tạo nút bấm Submit: Tạo nút bấm có tính chất gửi thơng tin Reset: Tạo nút bấm có tính xố tồn thơng tin formfield Thẻ SELECT:(Hộp lựa chọn trượt) Cú pháp: Tên lựa chọn1 Tên lựa chọn2 Trong đó: giá trị size độ rộng hộp lựa chọn trượt giá trị1: Là giá trị lựa chọn giá trị2: Là giá trị lựa chọn Thẻ TEXTAREA:(Hộp text có trượt) Cú pháp: Trung tâm Điện toán Truyền số liệu KV1 59 Giáo trình đào tạo Xây dựng quản trị Website, Portal Mã nguồn Test One-line Text box Checkbox Radio button       Normal button, Submit button, Reset button             Hiển thị trình duyệt Trung tâm Điện tốn Truyền số liệu KV1 60 Giáo trình đào tạo Xây dựng quản trị Website, Portal Hình 4.18: Ví dụ form (thẻ Input) Trung tâm Điện toán Truyền số liệu KV1 61 Giáo trình đào tạo Xây dựng quản trị Website, Portal Mã nguồn Test Drop menu Chon menu Menu1 Menu2 Menu3 Scrolling text box Hiển thị trình duyệt Trung tâm Điện tốn Truyền số liệu KV1 62 Giáo trình đào tạo Xây dựng quản trị Website, Portal Hình 4.19: Thẻ Select, textarea 4.2.5 Tạo khung (thẻ Frame) Cú pháp:

Noi dung doạn text thong bao trinh duyet khong ho tro Frame

Trung tâm Điện tốn Truyền số liệu KV1 63 Giáo trình đào tạo Xây dựng quản trị Website, Portal Mã nguồn Le hoi

This page uses frames, but your browser doesn't support them.

Trung tâm Điện toán Truyền số liệu KV1 64 Giáo trình đào tạo Xây dựng quản trị Website, Portal Hiển thị trình duyệt Hình 4.20: Tồn trang Frame Trung tâm Điện toán Truyền số liệu KV1 65 Giáo trình đào tạo Xây dựng quản trị Website, Portal Hình 4.21: Frame (top.html) Hình 4.22: Frame (phu_tay_ho.html) Trung tâm Điện toán Truyền số liệu KV1 66 Giáo trình đào tạo Xây dựng quản trị Website, Portal Tóm tắt chương Mã nguồn HTML phần trọng yếu làm việc với Web Bạn chỉnh sửa lại mã nguồn loại bỏ hay thêm vào thẻ sau soạn thảo trang web qua công cụ để tối ưu cho trang web bạn Chương giúp bạn có sở cho việc soạn thảo web tiến đến xây dựng trang web động Khi việc kết hợp mã nguồn với lệnh, hàm ngơn ngữ lập trình quan trọng định trang web động có đạt linh hoạt hay không Bài tập Bài tập Đoạn văn bản, kiểu chữ Bài 1: Sử dụng trình soạn thảo text tạo trang HTML có nội dung sau: Các thực hành Visual Basic 6

Mục lục Phần I CÁC ĐIỀU KHIỂN CƠ BẢN TRONG VISUAL BASIC 6.0 Điều khiển label command button Bài1: Modul Help Bài 2: Modul Display Bài 3: Modul Display1 Bài 4: Modul Display2 Bài 5: Modul About Bài 6: Modul Display3 Bài 7: Modul Move Bài 8: Modul Random Bài 9: Modul Form Bài 10: Modul Start   Điều khiển textbox, option button mảng điều khiển Bài 11: Modul Multiply

1.1 Theo bạn trình duyệt hiển thị trang HTML nào? 1.2 Chỉnh sửa nội dung trang HTML cho hiển thị giống hình 3.23 Trung tâm Điện tốn Truyền số liệu KV1 67 Giáo trình đào tạo Xây dựng quản trị Website, Portal Hình 4.23 Bài tập HTML Trung tâm Điện toán Truyền số liệu KV1 68 Giáo trình đào tạo Xây dựng quản trị Website, Portal Bài 2: Hãy soạn trang web hình 4.24 Hình 4.24: Bài tập Trung tâm Điện tốn Truyền số liệu KV1 69 Giáo trình đào tạo Xây dựng quản trị Website, Portal Bài tập bảng Bài 3: Sử dụng trình soạn thảo text lập trang HTML cho hiển thị hình 4.25 Hình 4.25 Bài tập Trung tâm Điện tốn Truyền số liệu KV1 70 Giáo trình đào tạo Xây dựng quản trị Website, Portal Bài tập form Bài 5: Sử dụng trình soạn thảo text lập trang HTML cho hiển thị hình 3.27 Hình 4.27: Bài tập tổng hợp Trung tâm Điện toán Truyền số liệu KV1 71 ... name="main" src="list_lehoi.html" scrolling="auto" noresize target="_self">

This page uses frames, but your browser doesn''t support them.

Ngày đăng: 18/10/2013, 23:20

Hình ảnh liên quan

Hình 4.1: Hiển thị đoạn văn bản Thẻ H: Quy định kích cỡ củ a tiêu  đề .  - Frontpage 2002 (Front page XP)

Hình 4.1.

Hiển thị đoạn văn bản Thẻ H: Quy định kích cỡ củ a tiêu đề . Xem tại trang 2 của tài liệu.
Hình 4.2: Ví dụ về tiêu đề văn bản Thẻ B: Chữđậm.  - Frontpage 2002 (Front page XP)

Hình 4.2.

Ví dụ về tiêu đề văn bản Thẻ B: Chữđậm. Xem tại trang 3 của tài liệu.
Hình 4.3: Đoạn văn bản chữ nghiêng - Frontpage 2002 (Front page XP)

Hình 4.3.

Đoạn văn bản chữ nghiêng Xem tại trang 4 của tài liệu.
Hình 4.4: Đoạn văn bản chữ gạch chân - Frontpage 2002 (Front page XP)

Hình 4.4.

Đoạn văn bản chữ gạch chân Xem tại trang 5 của tài liệu.
Hình 4.6: Thẻ BR trên trình duyệt Thẻ Sub: Chữ nhỏ chỉ số dưới.  - Frontpage 2002 (Front page XP)

Hình 4.6.

Thẻ BR trên trình duyệt Thẻ Sub: Chữ nhỏ chỉ số dưới. Xem tại trang 6 của tài liệu.
Hình 4.7: Chỉ số dưới Thẻ Sup: Chữ nhỏ chỉ  s ố  trên.  - Frontpage 2002 (Front page XP)

Hình 4.7.

Chỉ số dưới Thẻ Sup: Chữ nhỏ chỉ s ố trên. Xem tại trang 7 của tài liệu.
Hình 4.9: Ví dụ về danh sách - Frontpage 2002 (Front page XP)

Hình 4.9.

Ví dụ về danh sách Xem tại trang 8 của tài liệu.
Hình 3.10: Danh sách có bullet - Frontpage 2002 (Front page XP)

Hình 3.10.

Danh sách có bullet Xem tại trang 9 của tài liệu.
Hình 3.11: Danh sách có đánh số thứ tự - Frontpage 2002 (Front page XP)

Hình 3.11.

Danh sách có đánh số thứ tự Xem tại trang 10 của tài liệu.
Một số thams ốc ủa bảng: Cách s - Frontpage 2002 (Front page XP)

t.

số thams ốc ủa bảng: Cách s Xem tại trang 11 của tài liệu.
Hình 4.13: Trang web bố trí ảnh và text Thẻ IM - Frontpage 2002 (Front page XP)

Hình 4.13.

Trang web bố trí ảnh và text Thẻ IM Xem tại trang 13 của tài liệu.
3.2.3 Tên một đối tượng, hyperlink (thẻ A) - Frontpage 2002 (Front page XP)

3.2.3.

Tên một đối tượng, hyperlink (thẻ A) Xem tại trang 14 của tài liệu.
Hình 4.14: ví dụ ảnh - Frontpage 2002 (Front page XP)

Hình 4.14.

ví dụ ảnh Xem tại trang 14 của tài liệu.
Hình 4.15 Hyperlink Mã nguồn  <html>  - Frontpage 2002 (Front page XP)

Hình 4.15.

Hyperlink Mã nguồn <html> Xem tại trang 15 của tài liệu.
Hình 4.16 Book mark - Frontpage 2002 (Front page XP)

Hình 4.16.

Book mark Xem tại trang 17 của tài liệu.
Hình 4.17: Cá - Frontpage 2002 (Front page XP)

Hình 4.17.

Xem tại trang 18 của tài liệu.
Hình 4.18: Ví dụ về form (thẻ Input) - Frontpage 2002 (Front page XP)

Hình 4.18.

Ví dụ về form (thẻ Input) Xem tại trang 21 của tài liệu.
Hình 4.19: Thẻ Select, textarea - Frontpage 2002 (Front page XP)

Hình 4.19.

Thẻ Select, textarea Xem tại trang 23 của tài liệu.
Hình 4.20: Toàn bộ trang Frame - Frontpage 2002 (Front page XP)

Hình 4.20.

Toàn bộ trang Frame Xem tại trang 25 của tài liệu.
Hình 4.21: Frame trên (top.html) - Frontpage 2002 (Front page XP)

Hình 4.21.

Frame trên (top.html) Xem tại trang 26 của tài liệu.
Hình 4.23 Bài tập 1 HTML - Frontpage 2002 (Front page XP)

Hình 4.23.

Bài tập 1 HTML Xem tại trang 28 của tài liệu.
Bài tập về bảng - Frontpage 2002 (Front page XP)

i.

tập về bảng Xem tại trang 30 của tài liệu.
như hình 3.27 - Frontpage 2002 (Front page XP)

nh.

ư hình 3.27 Xem tại trang 31 của tài liệu.

Tài liệu cùng người dùng

  • Đang cập nhật ...

Tài liệu liên quan