Bài giảng Nhập môn HTML và thiết kế Web: Bài 1 - Tìm hiểu môi trường Web nêu lên các khái niệm cơ bản trong môi trường Web, cấu trúc của một trang HTML, sử dụng các ký tự đặc biệt trong HTML. Mời các bạn tham khảo.
Trang 1TÌM HI Ể U MÔI TR ƯỜ NG WEB
NH Ậ P MÔN HTML VÀ THI Ế T K Ế WEB
Trang 3Cung c ấ p cho sinh viên các ki ế n th ứ c v ề vai trò
c ủ a Client và Server trong world wide web,
Trang 4Tài li ệ u tham kh ả o:
[1] Slide bài giảng Nhập môn HTML và thiết kế web
[2] Bài giảng Nhập môn HTML và thiết kế web
[4] Một tài liệu trên mạng
M Ụ C Đ ÍCH MÔN H Ọ C
Trang 5World Wide Web: D ị ch v ụ World wide web đượ c xây d ự ng theo mô hình Client/Server:
Một máy phục vụ cho việc lưu trữ các tài liệu Hypertext
gọi là Web Server
Một máy tính cùng với phần mềm có khả năng hiểu đượccác tài liệu Hypertext và giao tiếp được với Web Server
gọi là Web Browser hay web client
Khi một người sử dụng có một yêu cầu một tài liệu nào
Server sẽ phục vụ tài liệu đó và Web Browser sẽ hiển thị
nó lên màn hình với khuôn dạng thích hợp
CÁC KHÁI NI Ệ M C Ơ B Ả N
Trang 6URLs (Uniform Resource Locators): Là m ộ t con tr ỏ đượ c dùng v ớ i m ụ c đ ích đơ n gi ả n là xác đị nh v ị trí tài nguyên c ủ a môi tr ườ ng Internet URL có c ấ u
Trang 7HTTP (Hypertext Transfer Protocol): Web Browser
và Web Server giao ti ế p v ớ i nhau thông qua m ộ t giao th ứ c đượ c g ọ i là HTTP S ự k ế t n ố i Http qua 4 giai đ o ạ n:
Trang 8HTTP (Hypertext Transfer Protocol):
Server side: Khi máy trạm gửi yêu cầu lên máy chủ.Trên máy chủ sẽ xử lý các công việc và thực hiện cácthao tác với cơ sở dữ liệu sau đó sẽ gửi thông tin về
dưới dạng ngôn ngữ HTML để trình duyệt hiển thị
CÁC KHÁI NI Ệ M C Ơ B Ả N
Trang 9HTTP (Hypertext Transfer Protocol):
nghiệp vụ và thao tác với hệ quản trị CSDL Sau đó sẽ
trả thông tin về Client Trên Client, với các thư việnJquery, javascript … sẽ thực hiện việc hiển thị dữ liệutrên trình duyệt
CÁC KHÁI NI Ệ M C Ơ B Ả N
Trang 10Web Server: Là m ộ t ph ầ n m ề m đượ c s ử d ụ ng ở
máy ph ụ c v ụ và luôn "l ắ ng nghe" yêu c ầ u c ủ a
ng ườ i s ử d ụ ng t ừ m ộ t c ổ ng truy ề n thông nào đ ó.
Web Browser (trình duy ệ t Web): là m ộ t ph ầ n m ề m
đượ c dùng ở phía ng ườ i s ử d ụ ng,
Khởi tạo các con trỏ địa chỉ URL để gửi tới Web Server
Diễn dịch các tài liệucó nội dung dưới dạng HTML và
hiển thị
CÁC KHÁI NI Ệ M C Ơ B Ả N
Trang 11Web độ ng và t ĩ nh:
CÁC KHÁI NI Ệ M C Ơ B Ả N
Trang 12HTML (HyperText Markup Language) là m ộ t ngôn ng ữ mô t ả tài li ệ u.
C Ấ U TRÚC TRANG HTML
Trang 13<title> </title>, <meta>, <link>, <script>
Th ẻ tiêu đề : <title> </title>
Phần BODY: Bắt đầu bằng thẻ <body> và kết thúc bằng
thẻ </body> Các thông tin trong thẻ <body> được xuất
C Ấ U TRÚC TRANG HTML
Trang 16< body BGColor ="lavender">
< code > IF A > B Then
Trang 17< body BGColor ="lavender">
< code > IF A < B Then
Trang 20TH Ả O LU Ậ N – CÂU H Ỏ I
Trang 21Bài 1: Xây d ự ng trang web th ự c hi ệ n in
thông tin cá nhân:
Trang 22Bài 3: In n ộ i dung trang