slide thiết kế web

Thiết kế web Nguyễn Văn vũ Về kiến thức Hiểu kỹ thuật thiết kế web; sử dụng HTML để tạo trang web; kỹ thuật sư dụng CSS, bootstrap thiết kế WEB; sử dụng JavaScript jQuery lập trình xử lý ứng dụng phía client Về kỹ Tạo trang web HTML; thiết kế định dạng Web CSS, bootstrap; xây dựng ứng dụng phía client JavaScript jQuery Nội dung Tổng quan Thiết kế trang web 01 HTML 02 04 03 Javascript jQuery CSS Bootstrap Tài liệu học tập  Các giáo trình thiết kế website HTML, CSS, Jquery có thị trường   Jeremy Osborn HTML5 & CSS thiết kế trang Web thích ứng dầu tính NXB Bách Khoa Hà Nội 2015 Nguyễn Văn Vũ Trần Đình Tùng Tập giảng lập trình mạng  https://getbootstrap.com.vn/  https://api.jquery.com/ Chương 1: Tổng quan Giới thiệu khái quát chung Các bước thiết kế webiste Thiết kế Website Các thành phần website Phân tích website mẫu Cơng cụ soạn thảo thiết kế web Giới thiệu khái quát chung • WWW (World Wide Web): mạng tồn cầu máy tính sử dụng Internet để trao đổi tài liệu web • Protocol: tập hợp quy tắc thống hai máy tính nhằm thực trao đổi liệu xác • Các giao thức thơng dụng: TCP, HTTP, FTP, SMTP… • Web page: tài liệu (thường HTML) thiết kế để phân phối mơi trường web • Web site: tập hợp web page có liên quan đến cơng ty hay cá nhân Giới thiệu khái quát chung • Home page: web page có mức cao nhất, gọi trang chủ website • IP Address: số xác định cho máy tính Internet VD: 192.168.10.1 • Domain name: tên xác định website VD: www.huflit.edu.vn • DNS (Domain name service): chương trình chạy server, chuyển tên miền sang IP ngược lại Các bước thiết kế webiste Hoạch định cấu trúc website Thiết kế trang đơn Tạo liên kết từ trang đơn Xem kết hiệu chỉnh Xuất web Thiết kế Website - Mơ hình lớp TK Web • Lớp nội dung  Cung cấp nội dung thông tin cho người truy cập  Bao gồm văn bản, hình ảnh,các liên kết…  Nội dung tổ chức theo cấu trúc ngôn ngữ đánh dấu siêu văn HTML, XHTML… Thiết kế Website - Mơ hình lớp TK Web • Lớp trình bày  Quy định cách trình bày trang web Lớp định nghĩa định dạng hay kiểu mẫu cho thành phần trang web  Các định nghĩa lưu file riêng theo cú pháp chuẩn định dạng CSS • Lớp hành vi Cho phép thực số hành vi/thao tác thành phần trang web thông qua ngôn ngữ script (JavaScript, VBScript) Các thành phần website Các thành phần website Phân tích website mẫu Cơng cụ soạn thảo • Dreamware cs6 ... quát chung Các bước thiết kế webiste ? ?Thiết kế Website Các thành phần website Phân tích website mẫu Công cụ soạn thảo thiết kế web Giới thiệu khái qt chung • WWW (World Wide Web) : mạng tồn cầu... thuật thiết kế web; sử dụng HTML để tạo trang web; kỹ thuật sư dụng CSS, bootstrap thiết kế WEB; sử dụng JavaScript jQuery lập trình xử lý ứng dụng phía client Về kỹ Tạo trang web HTML; thiết kế. .. liên kết từ trang đơn Xem kết hiệu chỉnh Xuất web Thiết kế Website - Mơ hình lớp TK Web • Lớp nội dung  Cung cấp nội dung thông tin cho người truy cập  Bao gồm văn bản, hình ảnh,các liên kết…