Bài giảng Lập trình web toàn tập với HTML, CSS, Jquery, Responsive, Bootstrap - Chương 1,2: Tổng quan về web và internet
lượt xem 25
download
Bài giảng Lập trình web toàn tập với HTML, CSS, Jquery, Responsive, Bootstrap - Chương 1,2: Tổng quan về web và internet trình bày các nội dung chính sau: Tổng quan về web và internet, nguyên tắc khi thiết kế web, HTML căn bản, tổng quan về CSS, Javascript,... Mời các bạn cùng tham khảo để nắm nội dung chi tiết.
Bình luận(0) Đăng nhập để gửi bình luận!
Nội dung Text: Bài giảng Lập trình web toàn tập với HTML, CSS, Jquery, Responsive, Bootstrap - Chương 1,2: Tổng quan về web và internet
- Download miễn phí gì cũng có tại ilook.asia Lập trình web toàn tập với HTML, CSS, Jquery, Responsive, Bootstrap |||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||| TRƯỜNG CAO ĐẲNG KỸ THUẬT CAO THẮNG |||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||| 1
- Download miễn phí gì cũng có tại ilook.asia Đề cương khoá học 1 GIỚI THIỆU MÔN HỌC 5 TỔNG QUAN CSS & BÀI TẬP 2 TỔNG QUAN VỀ WEB & INTERNET 6 JAVASCRIPT & JQUERY - BÀI TẬP 3 NGUYÊN TẮC KHI THIẾT KẾ WEBSITE 7 BOOTSTRAP & RESPONSIVE 4 HTML CĂN BẢN & BÀI TẬP 8 ĐỒ ÁN: THIẾT KẾ WEBSITE TRƯỜNG BÁN HÀNG CAO ĐẲNG KỸ THUẬT CAO THẮNG THỜI |||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||| TRANG |||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||| 2
- Download miễn phí gì cũng có tại ilook.asia Đề cương chi tiết 1 Chương 1: GIỚI THIỆU KHOÁ HỌC 3 UI và UX TRONG THIẾT KẾ WEBSITE ! Mục tiêu khoá học ! UI và UX là gì ? ! Phần mềm sử dụng ! Bố cục và Định hướng website ! Tài liệu tham khảo ! Giao diện website 2 TỔNG QUAN VỀ WEB & INTERNET / CÁC BƯỚC XÂY DỰNG WEBSITE 4 HTML CĂN BẢN & BÀI TẬP ! HTML là gì ? ! Các khái niệm cơ bản ! Cấu trúc HTML ! Các dịch vụ và tài nguyên ! Các tag cơ bản ! Các bước xây dựng website ! BÀI TẬP |||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||| TRƯỜNG CAO ĐẲNG KỸ THUẬT CAO THẮNG |||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||| 3
- Download miễn phí gì cũng có tại ilook.asia Đề cương chi tiết (tiếp theo) 5 TỔNG QUAN CSS & BÀI TẬP ! Giới thiệu, Phân loại ! CSS Layout 7 BOOTSTRAP & RESPONSIVE ! BÀI TẬP ! Các khái niệm 6 JAVASCRIPT & JQUERY - BÀI TẬP ! Cách chia bố cục ! BÀI TẬP ! Javascript ! Jquery ! BÀI TẬP |||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||| TRƯỜNG Học CAO lập trìnhĐẲNG trực KỸtuyếnTHUẬT tạiCAO THẮNG |||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||| itclass.vn 4
- Download miễn phí gì cũng có tại ilook.asia ĐỒ ÁN CUỐI KHOÁ XÂY DỰNG TRANG CHỦ $ ♂ ♂ ♂ ♂ XÂY DỰNG TRANG SẢN PHẨM & " ♂ WEBSITE BÁN HÀNG ♂ ♂ XÂY DỰNG TRANG LIÊN HỆ ♂ ♂ TỔNG KẾT ' ♂ ♂ |||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||| TRƯỜNG Học CAO lập trìnhĐẲNG trực KỸtuyếnTHUẬT tạiCAO THẮNG |||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||| itclass.vn 5
- Download miễn phí gì cũng có tại ilook.asia CHƯƠNG 1: GIỚI THIỆU KHÓA HỌC |||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||| TRƯỜNG CAO ĐẲNG KỸ THUẬT CAO THẮNG |||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||| 6
- Download miễn phí gì cũng có tại ilook.asia CHƯƠNG 1: GIỚI THIỆU MÔN HỌC ! Mục tiêu khoá học Nắm vững kiến thức về xây dựng Website Các kiến thức nền tảng về HTML Các kiến thức về CSS Các kiến thức nền tảng về Javascript & Jquery Các nguyên tắc khi xây dựng website, UI, UX Các khái niệm về Responsive web Cách thức xây dựng website sử dụng Bootstrap Thiết kế một website từ dự án thực tiễn |||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||| TRƯỜNG Học CAO lập trìnhĐẲNG trực KỸtuyếnTHUẬT tạiCAO THẮNG |||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||| itclass.vn 7
- Download miễn phí gì cũng có tại ilook.asia CHƯƠNG 1: GIỚI THIỆU MÔN HỌC (tt) ! Phần mềm sử dụng Notepad++ Adobe Dreamweaver ! Tài liệu tham khảo Trang web http://www.w3schools.com/ Trang web http://getbootstrap.com/ http://learnlayout.com Don't Make Me Think|||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||| (Steve Krug) TRƯỜNG Học CAO lập trìnhĐẲNG trực KỸtuyếnTHUẬT tạiCAO THẮNG |||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||| itclass.vn 8
- Download miễn phí gì cũng có tại ilook.asia CHƯƠNG 2: TỔNG QUAN VỀ WEB & INTERNET / CÁC BƯỚC XÂY DỰNG WEBSITE |||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||| TRƯỜNG CAO ĐẲNG KỸ THUẬT CAO THẮNG |||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||| 9
- Download miễn phí gì cũng có tại ilook.asia TỔNG QUAN VỀ WEB & INTERNET CÁC KHÁI NIỆM ! Internet Mạng máy tính toàn cầu kết nối các mạng máy tính khắp nơi trên thế giới. Tập các giao thức được dùng gọi chung là TCP/IP. ! Intranet Mạng cục bộ có kiến trúc tương tự mạng Internet. |||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||| TRƯỜNG Học CAO lập trìnhĐẲNG trực KỸtuyếnTHUẬT tạiCAO THẮNG |||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||| itclass.vn 10
- Download miễn phí gì cũng có tại ilook.asia TỔNG QUAN VỀ WEB & INTERNET (tt) CÁC KHÁI NIỆM Các khái niệm ! IAP (Internet Access Provider) ! IAP (Internet Access Provider) Nhà cung cấp đương truyền Internet ! Nhà cung cấp đường truyền Internet. ! ISP (Internet Service Provider) ! ! Nhà cung cấp dịch vụ Internet. Một số ISP hiện nay ở Việt Nam: VDC, FPT, SPT, NetNam, Viettel, … |||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||| TRƯỜNG Học CAO lập trìnhĐẲNG trực KỸtuyếnTHUẬT tạiCAO THẮNG |||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||| itclass.vn 11
- Download miễn phí gì cũng có tại ilook.asia ! Nhà cung cấp đường truyền Internet. ! ISP (Internet Service Provider) TỔNG QUAN VỀ WEB & INTERNET (tt) ! Nhà cung cấp dịch vụ Internet. Một số ISP hiện nay ở Việt CÁC KHÁI NIỆM Nam: VDC, FPT, SPT, NetNam, Viettel, … 7 |||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||| TRƯỜNG CAO ĐẲNG KỸ THUẬT CAO THẮNG |||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||| 12
- Download miễn phí gì cũng có tại ilook.asia TỔNG QUAN VỀ WEB & INTERNET (tt) Các khái Các khái Các niệm kháiniệm niệm CÁC KHÁI NIỆM ! Webpage Webpage ! Webpage ! Trangweb. ! Trang web.Có web. Cóthể Có thểhiển thể hiển hiển thịthị thị các các các thông thông thông tin tindưới tin dưới dưới dạng dạng dạng văn bản, văn bản,hình bản, hìnhảnh, hình ảnh,âm ảnh, âm âm thanh, thanh, thanh, liên liên liên kết kết kết đến đến đến các các các trang trang trang webkhác web khác... khác ... ... ! Website Website ! Tập Tậphợp hợpcác hợp cáctrang các trangweb trang web webcó mối cócó mối quan mốiquanhệ quanhệliên hệliênquan quan liên quan đến một tổ chức hay cá nhân... đến một tổ chức hay cánhân... một tổ chức hay cá nhân... ! Homepage Homepage ! Homepage ! Trang chủ. chủ. Thường Thường làlà trang trang đầuđầu tiên tiên (mặc (mặc định) định) khi khi ! Trang chủ. Thường là trang đầu tiên (mặc định) khi truy truy cập cập một một website website truy cập một website |||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||| TRƯỜNG CAO ĐẲNG KỸ THUẬT CAO THẮNG |||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||| 13
- Download miễn phí gì cũng có tại ilook.asia TỔNG QUAN VỀ WEB & INTERNET (tt) Web hoạt động như thế nào? CÁCH THỨC HOẠT ĐỘNG CỦA WEB Internet WWW Servers (WWW) Users (clients) Browse " " resources (HTML files) Authors write HTML |||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||| TRƯỜNG Học CAO lập trìnhĐẲNG trực KỸtuyếnTHUẬT tạiCAO THẮNG |||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||| itclass.vn 14 10
- Download miễn phí gì cũng có tại ilook.asia TỔNG QUAN VỀ WEB & INTERNET (tt) Giao thức kết nối TCP/IP và Web Server ! Giao thức là gì ? ! Webserver là gì ? Web Server ! Thiết lập kết nối TCP/IP & nhận yêu cầu tài nguyên từ Web Client ! Xác định “Virtual host” mà client yêu cầu ! Xác định loại tài nguyên ! File # gửi file về cho client ! Program # thực thi chương trình và gửi kết quả về cho client ! Đóng kết nối TCP/IP |||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||| TRƯỜNG Học CAO lập trìnhĐẲNG trực KỸtuyếnTHUẬT tạiCAO THẮNG |||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||| itclass.vn 15
- Download miễn phí gì cũng có tại ilook.asia TỔNG QUAN VỀ WEB IP Address & INTERNET (tt) IP Address Địa chỉ IP (IP Address) ! Địa chỉ IP ! Địa chỉ IP ! Địa chỉ IP số 32 bit ! Là 1 con ! Thường ! Là 1 conđượcsố 32biểu bit diễn dưới dạng 4 số 8 bit " Vd: 203.162.33.44 ! Thường được biểu diễn dưới dạng 4 số 8 bit ! Gồm 2 phần: network " Vd: 203.162.33.44 address + host address ! Gồm 2 phần: network address + host ! Xác định address đối tượng nhận và gởi thông tin trên Internet ! Xác định đối tượng nhận và gởi thông tin trên Internet |||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||| TRƯỜNG Học CAO lập trìnhĐẲNG trực KỸtuyếnTHUẬT tạiCAO THẮNG |||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||| itclass.vn 16 18
- Download miễn phí gì cũng có tại ilook.asia TỔNG QUAN VỀ WEB & INTERNET Domain Name & DNS (tt) Domain Name & DNS Tênmiền ! Tên ! miền –– Domain Domain name name ! Là tên giao dịch của công ty hay tổ chức trên Internet. ! Là tên giao dịch của công ty hay tổ chức trên Internet. ! Ví dụ: www.intel.com ! Ví dụ: www.intel.com : : " Là địa chỉ của 1 máy chủ thuộc tổ chức (công " Là địa chỉ của 1 máy chủ thuộc tổ chức (công ty) INTELty) INTEL " Có địa chỉ IP là 125.252.224.74, có tên máy chủ " Có địa chỉ IP là 125.252.224.74, có tên máy chủ là WWW là WWW " Là tên miền cấp 1 (.com, org, .edu,. biz, .net,) " Là tên miền cấp 1 (.com, org, .edu,. biz, .net,) ! Ánh xạ giữa tên miền và địa chỉ IP ! Ánh xạ giữa tên miền và địa chỉ IP ! Do DNS server – Domain name system (service) đảm trách ! Do DNS server – Domain name system (service) đảm trách www.fit.hcmuns.edu.vn www.fit.hcmuns.edu.vn 172.29.64.238 172.29.64.238 |||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||| TRƯỜNG Học CAO lập trìnhĐẲNG trực KỸtuyếnTHUẬT tạiCAO THẮNG |||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||| itclass.vn 17
- Download miễn phí gì cũng có tại ilook.asia TỔNG QUAN VỀ WEB & INTERNET (tt) Các giao tác chuẩn trên web Các thao tác chuẩn trên web Web Client (Browser) 1. DNS DNS server lookup URL 2. TCP connection, port 80 Web server 3. HTTP request 4. HTTP response 5. TCP connection closed |||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||| TRƯỜNG Học CAO lập trìnhĐẲNG trực KỸtuyếnTHUẬT tạiCAO THẮNG |||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||| itclass.vn 18
- Download miễn phí gì cũng có tại ilook.asia TỔNG QUAN VỀ WEB & INTERNET (tt) Web Client - Trình duyệt webBrowser ! Chức năng chính ! Thiết lập kết nối TCP/IP và Gửi yêu cầu đến Web Server ! Nhận dữ liệu trả về từ Web Server và hiển thị lên trình duyệt ! Các trình duyệt khác nhau có khả năng hiển thị webpage khác nhau ! Các chức năng khác: save, print, plug-in, cache… |||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||| TRƯỜNG Học CAO lập trìnhĐẲNG trực KỸtuyếnTHUẬT tạiCAO THẮNG |||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||| itclass.vn 19
- Download miễn phí gì cũng có tại ilook.asia TỔNG QUAN VỀ WEB & INTERNET (tt) Các trình duyệt Trình duyệt web (ví dụ) Internet Explorer Mozilla Firefox Google Chrome Apple Safari Opera Netscape AOL Explorer |||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||| TRƯỜNG Học CAO lập trìnhĐẲNG trực KỸtuyếnTHUẬT tạiCAO THẮNG |||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||| itclass.vn 20
CÓ THỂ BẠN MUỐN DOWNLOAD
-
Bài giảng Lập trình web PHP - Chương 02: PHP cơ bản - Trường ĐH SP Tp. HCM
103 p | 559 | 207
-
Bài giảng Lập trình và thiết kế web bằng ngôn ngữ ASP: Phần 5 - GV. Dương Khai Phong
42 p | 147 | 29
-
Bài giảng Lập trình web toàn tập với HTML, CSS, Jquery, Responsive, Bootstrap - Chương 5.2: CSS
45 p | 138 | 26
-
Bài giảng Lập trình Web: Chương 2 - Ths. Trần Phi Hảo
54 p | 147 | 24
-
Bài giảng Lập trình web toàn tập với HTML, CSS, Jquery, Responsive, Bootstrap - Chương 4: HTML căn bản và bài tập
67 p | 95 | 20
-
Bài giảng Lập trình web toàn tập với HTML, CSS, Jquery, Responsive, Bootstrap - Chương 3: UI và UX trong thiết kế website
17 p | 107 | 19
-
Bài giảng Lập trình web toàn tập với HTML, CSS, Jquery, Responsive, Bootstrap - Chương 5.1: CSS
14 p | 116 | 19
-
Bài giảng Lập trình web: Chương 4 - ThS. Nguyễn Minh Vi
77 p | 134 | 18
-
Bài giảng lập trình Web - Ts.Vũ Đức Lung - Chương 3
47 p | 82 | 13
-
Bài giảng Thiết kế và lập trình web bằng ngôn ngữ ASP - Phần 2: HTML và JavaScript (Tiếp theo)
42 p | 34 | 10
-
Bài giảng Lập trình Web: Bài 3 - Trần Quang Diệu
42 p | 84 | 10
-
Bài giảng Lập trình Web: PHP - BASIC - Trần Phước Tuấn
58 p | 76 | 9
-
Bài giảng Lập trình web: Javascript
22 p | 38 | 8
-
Bài giảng Thiết kế và lập trình Web - Bài 10: PHP bảo mật
30 p | 49 | 7
-
Bài giảng Thiết kế và lập trình web: Bài 10 - Viện Công nghệ thông tin và truyền thông
30 p | 91 | 7
-
Bài giảng Lập trình trang web động: Chương 2 – Nguyễn Thị Quỳnh Hoa
74 p | 36 | 4
-
Bài giảng môn Lập trình Web: Phần 2.2 - TS. Trần Quang Diệu
42 p | 11 | 3
Chịu trách nhiệm nội dung:
Nguyễn Công Hà - Giám đốc Công ty TNHH TÀI LIỆU TRỰC TUYẾN VI NA
LIÊN HỆ
Địa chỉ: P402, 54A Nơ Trang Long, Phường 14, Q.Bình Thạnh, TP.HCM
Hotline: 093 303 0098
Email: support@tailieu.vn