Đây đoạn văn bản
Một số thẻ đặc biệt vừa mở đóng o : ngắt xuống dịng o : tạo đƣờng kẻ nằm ngang o : chèn ảnh (sẽ đƣợc tìm hiểu chi tiết phần sau) Thuộc tính element đƣợc đặt thẻ mở o o o o Ví dụ: src: thuộc tính images/i1.jpg: giá trị thuộc tính src Giá trị thuộc tính ln đƣợc đặt cặp dấu nháy kép “” Element đƣợc mở trƣớc phải đóng sau 5.2 Thiết kế trang web thẻ HTML 5.2.1 META, LINK, STYLE, SCRIPT META o Tạo từ khóa tìm kiếm o Tạo nội dung mô tả cho trang 10 70 2.3 Form selector 2.4 Chọn theo thuộc tính Thay đổi nội dung, thuộc tính 3.1 Duyệt danh sách element Cách 1: 71 Cách 2: 3.2 Tạo element 3.3 Đọc, thay đổi nội dung element Đọc nội dung text Đọc nội dung html Thay đổi nội dung text Thay đổi nội dung html 72 3.4 Đọc, thay đổi thuộc tính Đọc giá trị thuộc tính Thay đổi giá trị thuộc tính 3.5 Chèn nội dung append: chèn nội dung vào cuối element prepend: chèn nội dung vào đầu element after: chèn nội dung vào sau element before: chèn nội dung vào trƣớc element Ví dụ: 3.6 Làm việc với CSS Thêm/xóa giá trị thuộc tính class o addClass: thêm nhiều class o removeClass: xóa nhiều class o toggleClass: lần lƣợt thêm/xóa class Ví dụ: Sử dụng phƣơng thức css 73 3.7 Thay đổi kích thƣớc Các phƣơng thức thay đổi kích thƣớc width() height() innerWidth() innerHeight() outerWidth() outerHeight() Hình 8.1 jQuery dimensions Ví dụ: Xử lý kiện 4.1 Quy tắc chung 74 Ví dụ 1: Ví dụ 2: 4.2 Xử lý số kiện thƣờng gặp ready: document đƣợc tải focus: control form nhận đƣợc trỏ blur: control form khơng cịn chiếm trỏ keypress: nhấn phím control nhận trỏ 75 change click: click chuột mousehover: trỏ chuột element mouseout: trỏ chuột di chuyển khỏi element 4.3 Xử lý đối tƣợng Event Trong mục 5.2, xây dựng hàm xử lý cho kiện mà không dùng đến tham số kiện Hàm xử lý kiện đầy đủ phải có tham số kiện Vị trí tƣơng đối trỏ chuột (event.pageX, event.pageY) 76 Loại kiện (event.type) Cho biết phím (hoặc nút chuột) đƣợc nhấn (event.which) Tạo hiệu ứng hoạt ảnh 5.1 Ẩn, Ẩn Hiện: tƣơng tự nhƣ ẩn, thay hide show Ẩn chuyển sang hiện, chuyển sang ẩn (toggle) 77 5.2 Fade-in, Fade-out Hiện lên (fadeIn) Ẩn xuống (fadeOut): tƣơng tự lên, thay fadeIn fadeOut Ẩn chuyển sang hiện, chuyển sang ẩn (fadeToggle) 78 5.3 Sliding Cách dùng tham số: speed, easing, callback tƣơng tự nhƣ mục 5.1 5.2 5.4 Tạo hoạt hình Cấu trúc tổng qt: Trong đó: speed, easing callback tham số tùy chọn Ví dụ: CÂU HỎI, BÀI TẬP 7.1 Thiết kế trang web thay đổi màu ngẫu nhiên cho đoạn văn click chuột lên nút 7.2 Thiết kế trang web tự động thêm đƣờng kẻ ngang (màu ngẫu nhiên) click chuột lên nút 7.3 Thiết kế trang web hiển thị danh sách HSSV (Mã HSSV, Họ lót, Tên, Giới tính, Năm sinh) Khi click chuột lên nút “Thêm” chèn dịng cuối bảng (có input cho ngƣời dùng nhập thông tin) Sau nhập thông tin, ngƣời dùng click chuột lên nút “Ghi” hiển thị thơng tin nhập dịng vừa chè (các input khơng cịn) U CẦU KIỂM TRA, ĐÁNH GIÁ KẾT QUẢ HỌC TẬP Dùng jQuery Lập trình thay đổi nội dung, thuộc tính element Lập trình thêm, xóa element 79 CHƢƠNG 8: PUBLISH WEBSITE Mã mơn: MH25.8 Giới thiệu: Là q trình đƣa website đƣợc thiết kế xong máy tính cục bạn lên môi trƣờng mạng thực , tƣơng tác với ngƣời dùng thực Mục tiêu: Làm việc với bƣớc xuất website Quảng bá website Bảo trì website Nội dung chính: Đăng ký web hosting miễn phí 1.1 Giới thiệu Xuất website đƣợc chia thành nhiều bƣớc: Lựa chọn tên miền Lựa chọn web server Uploadn website Cập nhật chỉnh sửa website Quảng bá website 1.2 Lựa chọn tên miền Publish web lên web hosting miễn phí Bƣớc 1: Đăng ký tài khoản Hostinger: http://www.hostinger.vn/order 80 Bƣớc 2: Điền đầy đủ thông tin bấm vào tạo tài khoản Bƣớc 3: Vào Email để xác nhận tài khoản Truy cập vào đƣờng dẫn trên, sau nhấp vào nút đăng kí bảng Free Ngay sau danh sách tài khoản xuất tài khoản bạn vừa tạo Chú ý: thơng thường phải 3h để tên miền truy cập Để truy cập vào trang quản lý tài khoản hosting gắn với tên miền bạn nhìn sang bên phải tên miền trên, chọn ” Chuyển” Thông tin website nhƣ thông số cài đặt 81 Publish lên web local IIS IIS – Inernet Infomation Service phần mở rộng Microsoft, sử dụng Windows NT IIS đƣợc dùng để triển khai dịch vụ HTTP, HTTPS, FTP, FTTPS, SMTP NNTP Trong tìm hiểu bƣớc để thiết lập web server với IIS Mặc định, IIS khơng đƣợc tích hợp sẵn, cần sử dụng, ngƣời dùng ngƣời quản trị phải cài đặt thêm thành phần IIS đƣợc cài đặt Windows Server Windows Client nhƣ Windows 7, Windows 8, Windows 10… Các bƣớc thực hiện: Bƣớc 1: Mở Internet Information Services Manager Hình 8.1: Mở rộng menu dạng bạn thấy Default Web Site Bƣớc 2: Ở bên phải IIS Manager, xem phần Browse Website Nhấp vào Browse *:80 (http) Trang web mặc định mở trình duyệt web mặc định 82 Hình 8.2: Nhấp vào Browse *:80 (http) Sẽ thấy trang web nhƣ sau Lƣu ý địa có nội dung localhost Đó địa để nhập vào trang web Hình 8.3: Địa để nhập vào trang web CÂU HỎI, BÀI TẬP 8.1 Kiểm tra cài đặt IIS máy tính 8.2 Publish website lên IIS 83 TÀI LIỆU THAM KHẢO [1] http://w3schools.com 84 ... ngành Quản trị mạng máy tính kiến thức thiết kế web : Các khái niệm thiết kế Web, quy trình thiết kế Web, thẻ HTML bản, công cụ phần mềm để thiết kế giao diện Web, lập trình với ngơn ngữ ASP.NET kết... tính chất mơn học: - Vị trí: Thiết kế web môn đƣợc học sau học xong môn Tin học ứng dụng, Mạng máy tính - Tính chất: Mơn học Thiết kế web môn học tự chọn chƣơng trình đào tạo Trung cấp Quản trị. .. trình mơn học “ Thiết kế Web ” biên soạn dựa theo đề cương chi tiết mơn học Thiết kế Web thuộc chương trình đào tạo nghề Quản trị mạng trường Cao đẳng Cộng đồng Đồng Tháp Giáo trình cung cấp cho