BÀI BÁO CÁO-THIẾT KẾ WEB VỚI MICROSOFT FRONTPAGE 2013 VÀ HTML

1 THIẾT KẾ WEB VỚI MICROSOFT FRONTPAGE 2003 VÀ HTML (Hypertext Markup Language) 2 NỘI DUNG Chương I: Một số khái niệm cơ bản Chương V: Multimedia hóa trang web Chương II: Ngôn ngữ HTML Chương III: Tạo trang web với FrontPage 2003 Chương IV: Xử lý văn bản & một số đối tượng khác 3 Mạng Internet là gì?  Tiền thân của internet là ARPANET, đƣợc xây dựng bởi Bộ quốc phòng Mỹ (năm 1969).  Góc độ kỹ thuật: Internet là mạng đƣợc hợp thành bởi việc kết nối các mạng trên toàn thế giới thông qua các phƣơng tiện viễn thông, cáp quang, điện thoại,…  Góc độ thông tin và ứng dụng: Internet là tên của một nhóm tài nguyên thông tin trên khắp thế giới Chương I: CÁC KHÁI NIỆM CƠ BẢN 4 Giao thức? • Giao thức: là tập hợp nhiều qui tắc để điều khiển phƣơng thức truyền thông tin giữa các máy tính. • Trên internet, việc định vị nguồn tài nguyên thông tin đƣợc thực hiện bằng cách chỉ ra địa chỉ của máy tính, nơi chứa nguồn tài nguyên. Địa chỉ này gọi là IP. IP Address là một số duy nhất đƣợc gán cho một máy tính trong một mạng. 5 World Wide Web? • Dịch vụ World Wide Web (WWW) thƣờng đƣợc gọi là dịch vụ web, cho phép ngƣời dùng tìm kiếm và truy xuất tài nguyên thông tin dƣới dạng các siêu văn bản Siêu văn bản? • Siêu văn bản (Hypertext): là tập các thông tin có thể xem nhờ vào các liên kết (Hyperlink). Các thông tin trong siêu văn bản: text, âm thanh, hình ảnh,…đƣợc định dạng trong tập tin HTML (tập tin có phần mở rộng *.htm, *.html) 6 • Siêu liên kết (Hyperlink): là mối nối thông tin giữa hai thông tin trong một siêu văn bản • Trang Web (web page): là những trang thông tin hiển thị dƣới dạng siêu văn bản đƣợc tạo ra từ ngôn ngữ HTML • Website là tập hợp những trang web đƣợc liên kết với nhau theo một cấu trúc nào đó của một tổ chức hay cá nhân. • Trang chủ (Home page) là trang đầu tiên của một website, cung cấp cái nhìn tổng quát về website 7 Dịch vụ web tổ chức theo mô hình client/server •Client đƣợc gọi là Web Browser: gửi yêu cầu tra cứu thông tin đến Web Server và nhận thông tin kết quả trả về từ Web Server. •Server đƣợc gọi là Web Server: lắng nghe yêu cầu từ web, phân tích yêu cầu, tạo ra thông tin kết quả và trả về cho trình duyệt web. 8 URL (Uniform Resource Location):  Là địa chỉ để định vị các nguồn tài nguyên trên Web.  Cấu trúc của một URL: <Giao thức>://<tênmiền>[/Path][/Document] Ví dụ: http://www.pdu.edu.vn/khoacntt/index. php 9  Mô hình hoạt động của dịch vụ Web: Internet HTML… …………… …………… ……… http://www.pud.edu.vn Xử lý yêu cầu Web Server 10 Chương II NGÔN NGỮ HTML (Hypertext Markup Language) [...]... 13 HTML quy định cách viết: > < Cấu trúc của một tài liệu HTML Mọi tài liệu HTML đều có khung cấu trúc như sau: web > < /HTML> 14 Một số thẻ HTML thông dụng: 1 Thẻ : Trang web tĩnh đƣợc bắt đầu bằng : và kết thúc bằng: < /HTML> 2 Thẻ : Phần đầu của trang web 3 Thẻ : Đặt tiêu đề cho trang web. ..Giới thiệu HTML:  Là ngôn ngữ dùng để lập trình tạo ra các trang web (ở dạng tập tin văn bản đơn giản)  HTML dùng các thẻ (tag) để thông báo cho các web browser hiển thị  Hầu hết các web browser đều hiểu đƣợc ngôn ngữ HTML • Cú pháp các thẻ (tag) trong HTML: Các thẻ dùng để báo cho trình duyệt cách thức trình bày văn bản trên màn hình hoặc dùng đê chèn một mối liên kết đến các trang... của trang web là: “Chào các bạn học viên” Chào các bạn học viên 16 4 Thẻ : Chứa nội dung trang web  Toàn bộ nội dung của tài liệu nằm giữa hai thẻ xác định thân của trang Các dòng văn bản, hình ảnh, âm thanh, video, các mối liên kết tạo nên trang Web đều phải nằm ở đây  Chú thích trong HTML: dùng dấu và dấu >... mục bằng một chấm tròn ở đầu mỗi mục Cú pháp: Mục thứ 1 Mục thứ 2 …… • Cặp thẻ … đánh dấu bắt đầu và kết thúc danh sách Nó có tác dụng lùi lề trái danh sách vào sâu hơn • Các thẻ có tác dụng thể hiện bắt 35 đầu một dòng mới với một chấm tròn • Theo mặc định, mỗi mục thuộc mức thứ nhất của danh sách không đánh số thứ tự bắt đầu bằng một chấm... 6 cho ta tiêu đề tương ứng Tiêu đề 6 23 Thẻ trình bày trang 10 Định dạng phần địa chỉ: Cho biết thông tin như địa chỉ, danh thiếp và tác giả, thường đặt ở đầu hay cuối tài liệu Thẻ định dạng: … 24 Ví dụ: Bai giang Thiet ke Web Mr Son 97 – Tran Phu - Hue Tel 0949 369 444 012 789 85 999 25 Kết quả thu được 26 11 Đoạn văn bản • Thẻ... dù chỉ tiếng Standby Em quên hết kỷ niệm xƣa đã Add Quẳng tình anh vào khoảng trống Recycle Bin 30 Thuộc tính ALIGN của thẻ Paragraph 15 Căn giữa: … •Cả đoạn văn bản đƣợc căn chính giữa trang •Ví dụ: Anh vẫn đợi trên nền xanh Desktop Bóng em vừa Refresh hồn anh Từng cú Click em đi vào nỗi nhớ Trong tim anh Harddisk dần đầy 31 Thuộc tính ALIGN... số điều cần lƣu ý khi soạn thảo siêu văn bản bằng HTML: Nhiều dấu cách liền nhau cũng chỉ có tác dụng nhƣ một dấu cách Bạn phải sử dụng thẻ để thể hiện nhiều dấu giãn cách liền nhau Gõ Enter để xuống dòng đƣợc xem nhƣ một dấu cách, để xuống hàng thì chúng ta phải sử dụng thẻ tƣơng ứng Có thể viết tên thẻ không phân biệt chữ in thƣờng và in hoa Vì các kí tự dấu lớn hơn ">", dấu nhỏ... khác tạo thành Thƣờng chỉ có khoảng trống khoảng một dòng hay nửa dòng trƣớc paragraph, trừ khi nằm trong phần địa chỉ … Một số trình duyệt thể hiện dòng đầu của paragraph thụt vào • Thẻ định nghĩa dạng: • 27 12 Xuống dòng • Thẻ này dùng để xuống dòng mới Bắt buộc xuống dòng tại vị trí gặp từ khóa này Dòng mới được căn lề . THIẾT KẾ WEB VỚI MICROSOFT FRONTPAGE 2003 VÀ HTML (Hypertext Markup Language) 2 NỘI DUNG Chương I: Một số khái niệm cơ bản Chương V: Multimedia hóa trang web Chương II: Ngôn ngữ HTML. < /HTML& gt; 15 Một số thẻ HTML thông dụng: 1. Thẻ < ;HTML& gt;: Trang web tĩnh đƣợc bắt đầu bằng :< ;HTML& gt; và kết thc bằng: < /HTML& gt; 2. Thẻ <HEAD>: Phần đầu của trang web. nhận thông tin kết quả trả về từ Web Server. •Server đƣợc gọi là Web Server: lắng nghe yêu cầu từ web, phân tích yêu cầu, tạo ra thông tin kết quả và trả về cho trình duyệt web. 8 URL