Tài liệu giáo trình website

Website Biên tập bởi: Vien CNTT – DHQG Hanoi Website Biên tập bởi: Vien CNTT – DHQG Hanoi Các tác giả: Vien CNTT – DHQG Hanoi Phiên bản trực tuyến: http://voer.edu.vn/c/da21cd3c MỤC LỤC 1. Giới thiệu Internet và Web 2. Thực hành tạo Website bằng FrontPage2000 Tham gia đóng góp 1/57 Giới thiệu Internet và Web Internet Khái niệm Internet là một mạng toàn cầu gồm nhiều máy tính khác nhau chúng kết nối với nhau thông qua một ngôn ngữ chung. Chúng rất đơn giản như một mạng điện thoại quốc tế- không một ai sở hữu hay điều khiển hệ thống nay nhưng nó làm việc như một mạng diện rộng. Có vô số các máy chủ trên Internet, mỗi máy chủ cung cấp thông tin và dịch vụ khác nhau. Lịch sử phát triển Internet Nguồn gốc đầu tiên của Internet là hệ thống máy tính cuả Bộ Quốc Phòng Mỹ, gọi là mạng ARPAnet, một mạng thí nghiệm được thiết kế từ năm 1969 để tạo điều kiện thuận lợi cho việc hợp tác khoa học trong các công trình nghiên cứu quốc phòng. ARPAnet đã nêu cao triết lý truyền thông bình đẳng ( peer-to-peer), trong đó mỗi máy tính của hệ thống đều có khả năng "nói chuyện" với bất kỳ máy tính thành viên nào khác. Bất kỳ mạng máy tính nào dựa trên cơ sở thiết kế của ARPAnet đều được mô tả như một tập hợp các trung tâm điện toán tự quản, mang tính địa phương và tự điều hành, chúng được liên kết dưới dạng "vô chính phủ nhưng có điều tiết". Sự phát triển thiết kế của mạng ARPAnet đơn thuần chỉ do những yêu cầu về quân sự: Mạng này phải có khả năng chống lại một cuộc tấn công có thể vô hiệu hoá một số lớn các trạm thành viên của nó. Tư tưởng này đã được chứng minh là đúng khi Mỹ và các đồng minh tham gia vào cuộc chiến tranh vùng Vịnh. Sự chỉ huy và mạng kiểm soát của Irak, được tổ chức mô phỏng theo công nghệ ARPAnet, đã chống lại một cách thành công đối với các nổ lực của lực lượng đồng minh nhằm tiêu diệt nó. Đó là lý do tại sao công nghệ có nguồn gốc từ ARPAnet hiện nay đang được xuất cảng một cách rộng rãi. Mạng Internet nguyên 2/57 thuỷ được thiết kế nhằm mục đích phục vụ việc cung cấp thông tin cho giới khoa học, nên công nghệ của nó cho phép mọi hệ thống đều có thể liên kết với nó thông qua một cổng điện tử. Theo cách đó, có hàng ngàn hệ máy tính hợp tác, cũng như nhiều hệ thống dịch vụ thư điện tử có thu phí, như MCI và Compuserve chẳng hạn, đã trở nên thành viên của Internet. Với hơn hai triệu máy chủ phục vụ chừng 20 triệu người dùng, mạng Internet đang phát triển với tốc độ bùng nổ, mỗi tháng có thêm khoảng một triệu người tham gia mới. Hầu hết mọi người đều có thể tham gia vào Internet. Nhiều tổ chức loại lớn và vừa có các hệ thống thư điện tử đều có cổng nối vào Internet. Cao hơn một mức, các dịch vụ thư điện tử có thu phí như Compuserve và MCI đều có các cổng nối vào Internet; một số hệ bảng bulletin địa phương cũng vậy. Trong một số vùng, các mạng miễn phí có thể cung cấp cổng ghép Internet không phải trả tiền. Giao thức TCP/IP TCP/IP (Transmission Control Protocol/Internet Protocol)là một giao thức kết nối sử dụng cho việc truyền thông tin từ máy tính này sang máy tính khác và từ mạng máy tính này sang mạng máy tính khác. TCP quản lý việc chia thông tin (thông điệp) thành các gói thông tin nhỏ và gửi đi bằng giao thưc IP cũng như việc kết hợp các gói thông tin lại và kiểm tra tính toàn vẹn của thông tin. Nếu có sự mất mát hay lỗi thì TCP sẽ yêu cầu gửi lại thông tin. 3/57 IP quản lý việc định hướng các gói tin cho việc để chuyển đến một mạng hay một máy tính khác. Địa chỉ Mỗi máy tính trên Internet sẽ có một địa chỉ IP riêng. Địa chỉ này để xác định gói tin sẽ được truyền từ máy tính nào đến máy tính nào. Địa chỉ IP gồm 32 bit. Đăng ký địa chỉ Internet này thông qua tổ chức ISP ( Internet Service Privider). Server và Clients Server là một máy tính hoặc một chương trình máy tính sẵn sàng trợ giúp các máy tính khác trên mạng bằng cách gửi các thông tin phản hồi về các máy trạm khi nhận được yêu cầu. Clients là các máy tính hay một chương trình máy tính đòi hỏi truy cập hệ thống mạng và chia sẻ nguồn tài nguyên hoặc dịch vụ từ máy chủ. Các máy Clients và Server sử dụng phương thức thông thường cho việc truyền dữ liệu từ máy tính này sang máy tính khác. 4/57 Các dịch vụ trên Internet E-mail: thư điện tử. Đây là hệ thống chuyển thông báo dạng text và các file đính kèm ( ảnh , âm thanh, video ) thông qua Modem. Chat: hai hoặc nhiều người kết nối vào Internet có thể đàm thoại trực tiếp với nhau. WWW (World Wide Web ): bao gồm tập hợp tất cả các siêu văn bản và các file liên kết trên tất cả các máy chủ Web trên toàn thế giới. Ngày nay dịch vụ này phát triển rất mạnh. FTP (File Transfer Protocol): dịch vụ Internet này dùng để chuyền file từ máy tính này đến máy tính khác. USENET new groups: một hệ thống bảng bulletin phân phối loại dẫn đầu, gặp nhiều trong các hệ máy tính dùng UNIX, và đựơc ghép nối vào Intermet cũng như vào các mạng máy tính khác. Với hơn 1. 500 nhóm thông tin khác nhau, hàng ngày có hơn 15 triệu người hơn 100 nước thường xuyên dùng USENET. Trong USENET là các nhóm thảo luận về mọi vấn đề cùng quan tâm. Mỗi nhóm tập trung thảo luận về một vấn đề cụ thể. World Wide Web Lịch sử phát triển WWW do Tim Berners –Lee là một nhà vật lý tại trung tâm nghiên cứu hạt nhân tại Thuỵ sỹ phát minh ra năm 1990. Ý tưởng của ông là: xây dựng một hệ thống có khả năng định hướng Internet dễ ràng. Web đã trưởng thành nhanh chóng sau vài năm. Kết quả là Web không còn bị giới hạn trong siêu văn bản mà nó đã trở thành một hệ thống siêu phương tiện với trình duyệt Browser dùng chuột và khả năng hỗ trợ đồ hoạ bổ sung. Ngôn ngữ WWW Ngôn ngữ của WWW được gọi là ngôn ngữ đánh dấu siêu văn bản HTML (HyperText Markup Language). Các khái niệm • HTML: các trang Web đầy sinh động mà bạn thấy trên World Wide Web là các trang siêu văn bản được viết bằng ngôn ngữ đánh dấu siêu văn bản hay HTML - HyperText Markup Language. HTML cho phép bạn tạo ra các trang phối hợp hài hoà văn bản thông thường với hình ảnh, âm thanh, video, các mối 5/57 liên kết đến các trang siêu văn bản khác Tên gọi ngôn ngữ đánh dấu siêu văn bản phản ánh đúng thực chất của công cụ này • Markup: HTML là ngôn ngữ của các thẻ đánh dấu - Tag. Các thẻ này xác định cách thức trình bày đoạn văn bản tương ứng trên màn hình. • Language: HTML là một ngôn ngữ tương tự như các ngôn ngữ lập trình, tuy nhiên đơn giản hơn. Nó có cú pháp chặt chẽ để viết các lệnh thực hiện việc trình diễn văn bản. Các từ khoá có ý nghĩa xác định được cộng đồng Internet thừa nhận và sử dụng. Ví dụ b = bold, ul = unordered list • Text: HTML đầu tiên và trước hết là để trình bày văn bản và dựa trên nền tảng là một văn bản. Các thành phần khác như hình ảnh, âm thanh, hoạt hình đều phải "cắm neo" vào một đoạn văn bản nào đó. • Hyper: HTML cho phép liên kết nhiều trang văn bản rải rác khắp nơi trên Internet. Nó có tác dụng che dấu sự phức tạp của Internet đối với người sử dụng. Người dùng đọc mà không cần biết đến văn bản đó nằm ở đâu, xây dựng phức tạp như thế nào. Sự phát triển có tính bùng nổ của Internet trong thời gian vừa qua một phần lớn là nhờ vào WWW. • Web browser và Web server: Web browser là chương trình dịch các thẻ bài của ngôn ngữ HTML và hiển thị các định dạng văn bản trên màn hình. Web browser là chương trình dùng cho Client tìm và hiển thị các thông tin trên WWW. Web browser yêu cầu máy chủ dịch vụ Web tại các địa chỉ xác định cung cấp các trang HTML và hiển thị chúng. Web server là máy chủ trên WWW. Web browser và Web server sử dụng giao thức HTTP (Hypertext Transfer Protocol). Hyperlink dùng để liên kết nhiều trang Web với nhau thành một Web site. Trong Web browser thẻ liên kết được hiển thị như một định dạng đặc biệt. Khi nhấn chuột vào một ảnh hay dòng văn bản thì nó sẽ liên kết với một trang Web khác hoặc một tệp hình ảnh hay âm thanh. • URL (Uniform Resource Locator): xác định vị trí vật lý của trang web hoặc file trên WWW và xác định dịch vụ Internet sử dụng để sử lý. • HTTP: xác định một file sử dụng giao thức HTTP trên máy chủ Web Server. Ví dụ http://www.microsoft.com/produsts/ • FTP: xác định file sử dụng giao thức truyền FTP và file dó nằm trên máy chủ FTP. Ví dụ ftp://ftp.microsoft.com/file.doc • Mailto: xác định cách thức truyền e-mail và một địa chỉ e-mail nào đó. Ví dụ mailto: hungpt@vnuh.edu.vn • File: xác định một file lưu trữ ở trên một máy tính hoặc một máy tính nào đó trên mạng. Ví dụ file:///dir/file.doc 6/57 Các đặc điểm chính • Độc lập với phần cứng và phần mềm: HTML độc lập với phần cứng và phần mềm. Một văn bản HTML được viết bằng một phần mềm soạn thảo bất kì, trên một máy cụ thể nào đó đều có thể đọc được trên bất kì một hệ thống tương thích nào. Điều này có nghĩa là các tệp siêu văn bản có thể được bộ duyệt hiển thị trên MAC hay PC tuỳ ý mà không phải sửa chữa thay đổi gì. Sở dĩ có được tính chất này là vì các thẻ chỉ diễn đạt yêu cầu cần phải làm gì chứ không cụ thể cần làm như thế nào. Cũng vì lẽ đó mà bạn không thể chắc chắn trang tài liệu siêu văn bản của mình sẽ hiện lên màn hình chính xác là như thế nào vì còn tuỳ theo bộ duyệt thể hiện yêu cầu đó ra sao. Trong thực tế, HTML chỉ thực sự độc lập đối với phần cứng chứ hoàn toàn phụ thuộc đối với phần mềm. Chỉ phần cốt lõi là chuẩn hoá, còn các phần mở rộng do từng nhà phát triển xây dựng thì không hoàn toàn tương thích nhau. • Độc lập với khái niệm trang và tuần tự các trang: một tính chất nữa là HTML độc lập với khái niệm trang. Văn bản được trình bày tuỳ theo kích thư- ớc của cửa sổ hiển thị : cửa sổ rộng bề ngang thì sẽ thu ngắn hơn, cửa sổ hẹp bề ngang thì sẽ được kéo dài ra để hiển thị cho hết nội dung. Độ dài của văn bản HTML thực sự không bị hạn chế. Khái niệm về WebSite và Homepage WebSite Website là một tập hợp các trang Web theo một chủ đề chung và có một trang bắt đầu gọi là trang chủ (HomePage). Hầu hết các công ty, tổ chức hoặc cá nhân đều có Website với địa chỉ riêng biệt, địa chỉ đó chính là địa chỉ của trang chủ trên Internet. Từ trang chủ này chúng ta có thể đi tới tất cả các trang Web khác trong Website đó. Ví dụ, Website của công ty IBM có trang chủ có địa chỉ là http://www.ibm.com, trong trường hợp này tên của trang chủ được mặc định là index.html, máy chủ hiển thị trang Web của IBM sẽ hiểu rằng địa chỉ thực sự của Website đó là: http://www.ibm.com/index.html. Cần phân biệt giữa Website và WebServer. WebServer là một máy tính lưu trữ toàn bộ các file của một hay nhiều trang Web khác nhau. Một Website lớn có thể được lưu trữ trong nhiều máy chủ (WebServer) tại nhiều nơi trên thế giới. Từ một Website chúng ta có thể liên kết tới nhiều Website khác nhau trên thế giới thông qua điạ chỉ liên kết của nó trên trang Web. Một số vấn đề liên quan trong quá trình xây dựng Website là: • Các vấn đề khi thiết kế một Website • Quản lý nội dung Website • Thiết kế hệ thống dịch chuyển trang Web • Thiết kế trang Web ấn tượng • Các lỗi thường gặp khi xây dựng Website 7/57 • Công cụ thiết kế Website 8/57 [...]... tương thích (không phải trình duyệt nào cùng hiển thị tốt Quá trình hoạt động của Website Về thời gian thực hiện quá trình yêu cầu từ máy trạm đến lúc có thông tin phản hồi: • Các chương trình đơn giản khởi đầu tốn rất nhiều thời gian • Các chương trình phức tạp thì thời gian thực hiện quá lâu Về bộ nhớ cho các chương trình thường trú và không thường trú: Thực hiện các chương trình ngoại trú (bên ngoài)... tư Quảng cáo Ngân hàng điện tử Giáo dục từ xa Truyền bá thông tin Một số nguyên tắc xây dựng Website Lên kế hoạch Lên kế hoạch là một trong hai thành phần quan trọng nhất trong việc khởi tạo Website Trước khi thiết lập một Web site cần xác định một số yếu tố sau: • Xác định Web site cần tạo là Website cá nhân hay Website của đơn vị • Xác định các nguồn thông tin cho Website và chia sẻ các thông tin... mềm trên Web server • Không tạo được các chương trình vì nó có rất ít lệnh Mã lệnh trong HTML Mã lệnh trong HTML được thực hiện bên phía server Nội dung mở rộng của SSI sẽ tạo thành các chương trình đầy đủ • Ưu điểm: • Có các chương trình đầy đủ và các hàm phức tạp, có thể có các module gọi đến cơ sở dữ liệu • Nhược điểm: • Không phù hợp với các chương trình lớn Hệ thống Scrip bên phía Server ASP (Active... thuật Web trên máy chủ và máy trạm Các chương trình ngoại trú thực hiện trên Web server • Người sử dụng đưa ra các yêu cầu • Web server thực hiện các chương trình CGI thích hợp • Chương trình CGI lấy các tham số môi trường để tạo một trang HTML theo yêu cầu • Web server gửi các trang HTML kết quả cho người sử dụng • Ưu điểm: • Dễ thiết kế và dễ viết chương trình • Ngôn ngữ xây dựng các ứng dụng là độc... hiện bởi quá trình thông dịch (scripting engine) trong đó Engine là các chương trình thường trú trong hệ thống • • • • • • • Ưu điểm: Dễ bảo trì, tốc độ phản hồi nhanh Đòi hỏi ít bộ nhớ Nhược điểm Thời gian thực hiện không nhanh Chỉ tốt cho các ứng dụng thông thường trên Web site Không phù hợp cho các ứng dụng lớn Các chương trình thường trú 15/57 Được thực hiện bên trong các ứng dụng Chương trình là một... là một chương trình soạn thảo Web chuyên nghiệp, nó giúp cho người thiết kế thoát khỏi các mã nguồn HTML và có thể thiết kế Website theo ý riêng của minh Frontpage cung cấp nhiều công cụ cũng như kỹ thuật tạo trang Web một cách nhanh chóng Điểm mạnh của Frontpage thể hiện qua việc hỗ trợ phát hành Website lên mạng Internet FrontPage cho phép người dùng: • • • • • • • Tạo cấu trúc một Website Khởi tạo... việc tìm kiếm dữ liệu được thuận tiện và tạo cảm giác tốt cho người sử dụng • Tạo các nút bấm tập trung, có thể tạo các menu bar, tạo các hộp hội thoại (drop down menu ) nếu cần thiết • Phổ dụng • Chúng ta biết rằng Web site của chúng ta sẽ được hiển thị trên rất nhiều loại máy khác nhau với các cấu hình khác nhau Như vậy chúng ta cần khẳng định Website phải được hiển thị tốt trong nhiều trình duyệt khác... chương trình ngoại trú (bên ngoài) Có rất nhiều chương trình không chạy thường trú Ví dụ một số chương trình viết trên CGI cho phía server, hay viết bằng JAVA bên phía client • • • • Ưu điểm: Rất dễ tạo và có thể chạy độc lập Nhược điểm: Khối lượng lớn và chạy không tốn nhiều thời gian nhưng thời gian phản hồi chậm • Tốn khá nhiều bộ nhớ cho cho quá trình xử lý Ví dụ các ứng dụng 3D, các ứng dụng viết... (PerlScript), PHP • Dễ dàng kết nối cơ sở dữ liệu (bởi ADO) • Tốt đối với các Web site thương bại lớn hay các Website cá nhân đơn giản • Nhược điểm: • Phải trả chi phí phần mềm trừ IIS/PWS có tích hợp trong Windows PHP (Personal Home Pages) Viết các ứng dụng Script bên phía server • • • • • • • • Ưu điểm: Mã nguồn mở Dễ học Hỗ trợ tốt trong việc truy cập cơ sở dữ liệu Tốt cho các ứng dụng vừa và nhỏ Nhược... tử Dễ sử dung Giá thành cao 19/57 20/57 Thực hành tạo Website bằng FrontPage2000 Giới thiệu chức năng các công cụ trong cửa sổ FrontPage Cửa sổ làm việc Thông thường, sau khi khởi động FrontPage, cửa sổ làm việc của chương trình Frontpage sẽ mở ra như dưới đây: Con trỏ soạn thảoVùng soạn thảoThanh công cụ với các nút bấmKhung hiển thị trạng thái WebsiteThanh trạng tháiThanh Menu Màn hình chính gồm các . cần tạo là Website cá nhân hay Website của đơn vị. • Xác định các nguồn thông tin cho Website và chia sẻ các thông tin với các nhóm làm việc khác hoặc các Website khác. • Lựa chọn loại Website: . thích (không phải trình duyệt nào cùng hiển thị tốt Quá trình hoạt động của Website Về thời gian thực hiện quá trình yêu cầu từ máy trạm đến lúc có thông tin phản hồi: • Các chương trình đơn giản. thiết kế một Website • Quản lý nội dung Website • Thiết kế hệ thống dịch chuyển trang Web • Thiết kế trang Web ấn tượng • Các lỗi thường gặp khi xây dựng Website 7/57 • Công cụ thiết kế Website 8/57 9/57 Các