Giáo trình Thiết kế website (Ngành: Công nghệ thông tin - Cao đẳng) - Trường Cao đẳng Xây dựng số 1

Giáo trình "Thiết kế website (Ngành: Công nghệ thông tin - Cao đẳng)" được biên soạn với mục tiêu nhằm giúp sinh viên nắm được các kiến thức về: Thiết kế và vận hành Website; nắm được quy trình thiết kế Website bằng mã nguồn mở WordPress. Mời các bạn cùng tham khảo!
Nội dung trích xuất từ tài liệu:
Giáo trình Thiết kế website (Ngành: Công nghệ thông tin - Cao đẳng) - Trường Cao đẳng Xây dựng số 1 BỘ XÂY DỰNG TRƯỜNG CAO ĐẲNG XÂY DỰNG SỐ 1 GIÁO TRÌNH MÔN HỌC: THIẾT KẾ WEBSITE NGÀNH: CÔNG NGHỆ THÔNG TIN ỨNG DỤNG PHẦN MỀM TRÌNH ĐỘ: CAO ĐẲNG Ban hành kèm theo Quyết định số: 368ĐT/QĐ-CĐXD1 ngày 10 tháng 8năm 2021 của Hiệu trưởng Trường Cao đẳng Xây dựng số 1 Hà Nội, năm 2021 TUYÊN BỐ BẢN QUYỀN Tài liệu này thuộc loại sách giáo trình nên các nguồn thông tin có thểđược phép dùng nguyên bản hoặc trích dùng cho các mục đích về đào tạo vàtham khảo. Mọi mục đích khác mang tính lệch lạc hoặc sử dụng với mục đích kinhdoanh thiếu lành mạnh sẽ bị nghiêm cấm. LỜI NÓI ĐẦU Giáo trình THIẾT KẾ WEBSITE được biên soạn nhằm phục vụ cho giảngdạy và học tập cho trình độ Trung cấp ngành Công nghệ Thông tin ứng dụng phầnmềm ở trường Cao đẳng Xây dựng số 1. THIẾT KẾ WEBSITE là môn học chuyênngành nhằm cung cấp các kiến thức về công nghệ thông tin, kỹ năng thiết kế, xâydựng một giao diện trang web cơ bản. Giáo trình THIẾT KẾ WEBSITE do bộ môn Tin cơ sở gồm: THS.Đỗ ThịXuân Thắm làm chủ biên đã và đang giảng dạy trực tiếp trong bộ môn cùng thamgia biên soạn. Giáo trình này được viết theo đề cương môn học thiết kế web, tuânthủ theo các quy tắc thống nhất. Ngoài ra giáo trình còn bổ sung thêm một số kiếnthức mà trong các giáo trình trước chưa đề cập tới. Nội dung gồm 4 chương sau: Chương 1. Ngôn ngữ HTML Chương 2. Giới thiêu CSS Chương 3. JavaScript và Document Object Model (DOM) Chương 4. Bootstrap CSS Trong quá trình biên soạn, nhóm giảng viên Bộ môn Tin cơ sở của Trường Cao đẳng Xây dựng Số 1 - Bộ Xây dựng, đã được sự động viên quan tâm và góp ý của các đồng chí lãnh đạo, các đồng nghiệp trong và ngoài trường. Mặc dù có nhiều cố gắng, nhưng trong quá trình biên soạn, biên tập và in ấn khó tránh khỏi những thiếu sót. Chúng tôi xin được lượng thứ và tiếp thu những ý kiến đóng góp. Trân trọng cảm ơn! Hà Nội, ngày……tháng……năm……… Tham gia biên soạn 1. ThS. Đỗ Thị Xuân Thắm - Chủ biên MỤC LỤCChương 1: NGÔN NGỮ HTML ......................................................................1 1.1. Giới thiệu HTML .............................................................................1 1.1.1. Giới thiệu HTML ............................................................................1 1.1.2. Các công cụ tạo trang web .................................................................1 1.1.3. Cấu trúc của một trang web ............................................................3 1.2 Cấu trúc một trang web và thẻ HTML ...............................................3 1.2.1 Cấu trúc chung một trang HTML ....................................................4 1.2.2 Cấu trúc cơ bản của một trang Web ................................................4 1.2.3 Cấu trúc của thẻ HTML ...................................................................4 1.2.4 Đơn vị trong HTML và CSS ...........................................................6 1.3 Các thẻ HTML cơ bản ............................................................................6 1.3.1 Các thẻ tiêu đề heading (h) .............................................................6 1.3.2 Thẻ văn bản: ....................................................................................7 1.3.3 Thẻ pre trong HTML .......................................................................8 1.3.4 Thẻ liên kết a và địa chỉ tương đối – tuyệt đối và các loại liên kết .9 1.3.5 Thẻ chèn hình ảnh IMG .................................................................10 1.3.6 Thẻ danh sách tuần tự (ol) và bất tuần tự (ul) trong HTML .........11 1.3.7 Thẻ với bảng (table)......................................................................12 1.3.8 Thẻ Form ...........................................................................................13 1.3.9 Thẻ div, span và phân loại các kiểu thẻ trong html ..........................15 1.4 Các thẻ HTML5....................................................................................16BÀI TẬP ........................................................................................................16 Bài 4: Sử dụng form loại thẻ Radio button ..............................................26Bài tập ............................................................................................................3 ...