Luận văn Thiết kế web

Luận văn Thiết kế web.

1 Luận văn Thiết kế web 2 PHẦN 1: CƠ SỞ LÝ THUYẾT CHƯƠNG 1: TỔNG QUAN VỀ INTERNET I. Công nghệ internet 1. Internet và xuất xứ của nó Internet là một mạng máy tính nối hàng triệu máy tính với nhau trên phạm vi toàn thế giới. Internet có lịch sử rất ngắn, nó có nguồn gốc từ một dự án của Bộ Quốc Phòng Mỹ có tên là ARPANET vào năm 1969, dự án nhằm thực nghiệm xây dựng một mạng nối các trung tâm nghiên cứu khoa học và quân sự với nhau. Đến năm 1970 đã có thêm hai mạng: Store-and-forwarrd và ALOHAnet, đến năm 1972 hai mạng này đã được kết nối với ARPANET. Cũng trong năm 1972 Ray Tomlinson phát minh ra chương trình thư tín điện tử E-mail. Chương trình này đã nhanh chóng được ứng dụng rộng rãi để gửi các thông điệp trên mạng phân tán. Kết nối quốc tế đầu tiên vào ARPANET từ University College of London (Anh) và Royal Radar Establishment (Na Uy) được thực hiện vào năm 1973. Thành công vang dội của ARPANET đã làm nó nhanh chóng được phát triển, thu hút hầu hết các trường đại học tại Mỹ. Do đó tới năm 1983 nó đã được tách thành hai mạng riêng: MILNET tích hợp với mạng dữ liệu quốc phòng (Defense Data Network) dành cho các địa điểm quân sự và ARPANET dành cho các địa điểm phi quân sự. 3 Sau một thời gian hoạt động, do một số lý do kỹ thuật và chính trị, kế hoạch sử dụng mạng ARPANET không thu được kết quả như mong muốn. Vì vậy Hội đồng khoa học quốc gia Mỹ (National Science Foundation) đã quyết định xây dựng một mạng riêng NSFNET liên kết các trung tâm tính toán lớn và các trường đại học vào năm 1986. Mạng này phát triển hết sức nhanh chóng, không ngừng được nâng cấp và mở rộng liên kết tới hàng loạt các doanh nghiệp, các cơ sở nghiên cứu và đào tạo của nhiều nước khác nhau. Cũng từ đó thuật ngữ Internet ra đời. Dần dần kỹ thuật xây dựng mạng ARPANET đã được thừa nhận bởi tổ chức NSF, kỹ thuật này được sử dụng để dựng mạng lớn hơn với mục đích liên kết các trung tâm nghiên cứu lớn của nước Mỹ. Người ta đã nối các siêu máy tính (Supercomputer)thuộc các vùng khác nhau bằng đường điện thoại có tốc độ cao. Tiếp theo là sự mở rộng mạng này đến các trường đại học. Ngày càng có nhiều người nhận ra lợi ích của hệ thống trên mạng, người ta dùng để trao đổi thông tin giữa các vùng với khoảng cách ngày càng xa. Vào những năm 1990 người ta bắt đầu mở rộng hệ thống mạng sang lĩnh vực thương mại tạo thành nhóm CIX (Commercial Internet Exchange Association). Có thể nói Internet thật sự hình thành từ đây. Cho đến thời điểm hiện tại, Internet đã trở thành một phần không thể tách rời của cuộc sống hiện đạiĐối với một người lao động bình thường tại một nước phát triển bình thường, Internet đã trở thành một khái niệm giống như Điện thoại, Tivi. Trong thời gian biểu của một ngày làm việc đã xuất hiện một khoảng thời gian nhất định để sử dụng Internet, cũng giống như khoảng thời gian xem Tivi mà thôi. 4 Theo số liệu thống kê, năm 2000 số lượng người sử dụng Internet là khoảng 150 triệu và dự đoán đến năm 2003 sẽ là 545 triệu người sử dụng hiệnSố lượng 150 triệu người sử dụng hiện tại được phân bố rất không đồng đều trên toàn cầuQuá nửa số người sử dụng là ở khu vực Bắc Mỹ còn lại ở Châu Âu, Châu Á, Nam Mỹ, Châu Phi và khu vực cận ĐôngCụ thể là: Bắc Mỹ 57%, Châu Âu 21.75%, Nam Mỹ 3%, Châu Phi 0.75% và khu vực cận Đông 0.5% Các loại hình dịch vụ được sử dụng nhiều nhất trên Internet là: Giáo dục, mua bán, giải trí, công việc thường ngày tại công sở, truyền đạt thông tin, các loại dịch vụ có liên quan đến thông tin cá nhân. Trong đó, các dịch vụ liên quan đến thông tin cá nhân chiếm nhiều nhất, sau đó là công việc, giáo dục, giải trí và mua bán. 2. Cách thức truyền thông trên Internet Trong những năm 60 và 70, nhiều công nghệ mạng máy tính đã ra đời nhưng mỗi kiểu lại dựa trên các phần cứng riêng biệt. Một trong những kiểu này được gọi là mạng cục bộ (Local Area Networks - LAN), nối các máy tính với nhau trong phạm vi hẹp bằng dây dẫn và một thiết bị được cài đặt trong mỗi máy. Các mạng lớn hơn được gọi là mạng diện rộng (Wide Area Networks - WAN), nối nhiều máy tính với nhau trong phạm vi rộng thông qua một hệ thống dây truyền dẫn kiểu như trong các hệ thống điện thoại. Mặc dù LAN và WAN đã cho phép chia sẻ thông tin trong các tổ chức một cách dễ dàng hơn nhưng chúng vẫn bị hạn chế chỉ trong từng mạng riêng rẽ Mỗi một công nghệ mạng có một cách thức truyền tin riêng dựa trên thiết kế phần cứng của nó. Hầu hết các LAN và WAN là không tương thích với nhau. 5 Internet được thiết kế để liên kết các kiểu mạng khác nhau và cho phép thông tin được lưu thông một cách tự do giữa những người sử dụng mà không cần biết họ sử dụng loại máy nào và kiểu mạng gì. Để làm được điều đó cần phải có thêm các máy tính đặc biệt được gọi là các bộ định tuyến (Router) nối các LAN và các WAN với các kiểu khác nhau lại với nhau. Các máy tính được nối với nhau như vậy cần phải có chung một giao thức (Protocol) tức là một tập hợp các luật dùng chung qui định về cách thức truyền tin. Với sự phát triển mạng như hiện nay thì có rất nhiều giao thức chuẩn ra đời nhằm đáp ứng nhu cầu phát triển. Các chuẩn giao thức được sử dụng rộng rãi nhất hiện nay như giao thức TCP/IP, giao thức SNA của IBM, OSIISDN, X.25 hoặc giao thức LAN to LAN netBIOS. Giao thức được sử dụng rộng rãi nhất hiện nay trên mạng là TCP/IP. Giao thức này cho phép dữ liệu được gửi dưới dạng các “gói “ (packet) thông tin nhỏ. Nó chứa hai thành phần, Internet Protocol (IP) và Transmission Control Protocol (TCP). Giao thức TCP/IP đảm bảo sự thông suốt việc trao đổi thông tin giữa các máy tính. Internet hiện nay đang liên kết hàng ngàn máy tính thuộc các công ty, cơ quan nhà nước, các trung tâm nghiên cứu khoa học, trường đại học, không phân biệt khoảng cách địa lý trên toàn thế giới. Đó là ngân hàng dữ liệu khổng lồ của nhân loại. Một số mạng máy tính bao gồm một máy tính trung tâm (còn gọi là máy chủ) và nhiều máy trạm khác nối với nó. Các mạng khác kể cả Internet có quy mô lớn bao gồm nhiều máy chủ cho phép bất kỳ một mạng máy tính nào trong mạng đều có thể kết nối với các máy khác để trao đổi thông tin. 6 Một máy tính khi được kết nối với Internet sẽ là một trong số hàng chục triệu thành viên của mạng khổng lồ này. Vì vậy Internet là mạng máy tính lớn nhất thế giới hay nó là mạng của các mạng. 3. Các dịch vụ trên Internet Internet là công nghệ thông tin liên lạc mới, nó tác động sâu sắc vào xã hội, vào cuộc sống ở mức độ khá bao quát. Nó đưa chúng ta vào một thế giới có tầm nhìn rộng lớn và chúng ta có thể làm mọi thứ như: viết thư, đọc báo, xem bản tin, giải trí, tra cứu và hiện nay các công ty có thể kinh doanh thông qua Internet, dịch vụ thương mại điện tử hiện nay đang phát triển khá mạnh mẽ. Dưới đây chỉ là một số dịch vụ trên Internet:  Thư điện tử (E-mail): Dịch vụ E-mail có thể dùng để trao đổi thông tin giữa các cá nhân với nhau, các cá nhân với tổ chức và giữa các tổ chức với nhau. Dịch vụ này còn cho phép tự động gửi nội dung thông tin đến từng địa chỉ hoặc tự động gửi đến tất cả các địa chỉ cần gửi theo danh sách địa chỉ cho trước (gọi là mailing list). Nội dung thông tin gửi đi dùng trong thư điện tử không chỉ có văn bản (text) mà còn có thể ghép thêm (attack) các văn bản đã được định dạng, graphic, sound, video. Các dạng thông tin này có thể hoà trộn, kết hợp với nhau thành một tài liệu phức tạp. Lợi ích chính dịch vụ thư điện tử là thông tin gửi đi nhanh và rẻ.  WWW (World Wide Web): Đây là khái niệm mà người dùng Internet quan tâm nhiều nhất hiện nay. Web là một công cụ, hay đúng hơn là một dịch vụ của Internet, Web chứa thông tin bao gồm văn bản, hình ảnh, âm thanh và thậm chí cả video được kết hợp với nhau Web cho phép chúng ta chui vào mọi ngõ ngách 7 trên Internet, là những điểm chứa CSDL gọi là Website. Nhờ có Web nên dù không phải là chuyên gia, mọi người có thể sử dụng Internet một cách dễ dàng. Phần mềm sử dụng để xem Web gọi là trình duyệt (Browser). Một trong những trình duyệt thông thường hiện nay là Navigator của Netcape, tiếp đó là Internet Explorer của Microsoft.  Dịch vụ truyền file (FTP - File Transfer Protocol): là dịch vụ dùng để trao đổi các tệp tin từ máy chủ xuông các máy cá nhân và ngược lại.  Gropher: Dịch vụ này hoạt động như viện Menu đủ loại. Thông tin hệ thống Menu phân cấp giúp người sử dụng từng bước xác định được những thông tin cần thiết để đi tới vị trí cần đến. Dịch vụ này có thể sử dụng để tìm kiếm thông tin trên các FTPSite.  Telnet: Dịch vụ này cho phép truy cập tới Server được xác định rõ như một TelnetSite tìm kiếm Server. Người tìm có thể thấy một dịch vụ vô giá khi tìm kiếm các thông tin trong thư viện và các thông tin lưu trữ. Telnet đặc biệt quan trọng trong việc kết nối các thông tin từ các máy tính xuống trung tâm. 8 CHƯƠNG 2 MÔ HÌNH CLIENT/SERVER 1. CÁC KHÁI NIỆM Thuật ngữ Server được dùng cho những chương trình thi hành như một dịch vụ trên toàn mạng. Các chương trình Server này chấp nhận tất cả các yêu cầu hợp lệ đến từ mọi nơi trên mạng, sau đó thi hành dịch vụ trên Server và trả kết quả về máy yêu cầu. Một chương trình được coi là Client khi nó gửi các yêu cầu tới máy có chương trình Server và chờ đợi câu trả lời từ Server. Chương trình Server và Client nói chuyện với nhau bằng các thông điệp (message) thông qua một cổng truyền thông liên tác IPC (Interprocess Communication). Để một chương trình Server và một chương trình Client có thể giao tiếp được với nhau thì giữa chúng phải có một chuẩn để giao tiếp, chuẩn này được gọi là giao thức (Protocol). Nếu một chương trình Client nào muốn yêu cầu lấy thông tin từ Server thì nó phải tuân theo giao thức Server đưa ra. Một máy tính chứa chương trình Server được coi là một máy chủ hay máy phục vụ (Server) và máy chứa chương trình Client được coi là máy khách. Mô hình trên mạng mà các máy chủ và máy khách giao tiếp với nhau theo một hoặc nhiều dịch vụ được coi là mô hình Client /Server. 2. MÔ HÌNH CLIENT/SERVER 9 Thực tế mô hình Client/Server là sự mở rộng tự nhiên và tiện lợi cho việc truyền thông lên tiến trình lên các máy tính cá nhân mô hình này cho phép xây dựng các chương trình Client/Server một cách rễ ràng và sử dụng chúng để liên tác với nhau đạt hiệu quả hơn Mô hình Client/Server như sau: Đây là mô hình tổng quát nhất, trên thực tế thì một Server có thể được nối tới nhiều Server khác nhằm làm việc hiệu quả hơn và nhanh chóng hơnKhi nhận được một yêu cầu từ Client/Server này thì có thể gửi tiếp yêu cầu vừa nhận được cho một Server khácVí dụ như Database Server vì bản thân nó không thể xử lý yêu cầu này được. Máy Server có thể thi hành các nhiệm vụ đơn giản hoặc phức tạpVí dụ như một máy chủ trả lời thời gian hiện tại trong ngày khi một máy Client yêu cầu lấy thông tin về thời gian, nó sẽ phải gửi yêu cầu theo một một tiêu chuẩn do một số yêu cầu lấy thông tin về thời gian, nó sẽ phải gửi yêu cầu theo một một tiêu chuẩn do một Server đặt ra, mức yêu cầu được chấp nhận thì máy Server sẽ trả về một thông tin mà Client yêu cầuCó rất nhiều dịch vụ trên mạng nhưng nó hoạt động theo nguyên lý là nhận các yêu cầu từ Client sau đó xử lý và trả lại các yêu cầu cho Client yêu cầu. Thông thường chương trình Client/ Server được thi hành trên hai máy khác nhau cho dù lúc nào Server cũng ở trạng thái sãn sàngchờ nhận yêu cầu từ Client nhưng trên thực tế một tiến trình liên tục qua lại  Client  Server Gửi yêu cầu Trả về trang Web 10 (interaction) giữa Client với Server lại bắt đầu ở phía Client khi mà Client giữ tín hiệu với Server. Các chương trình Server thường đều thi hành ở mức ứng dụng (tầng ứng dụng của mạng)Sự thuận lợi của phương pháp này là nó có thể làm việc trên bất cứ một mạng máy tính nào hỗ trợ giao thước truyền thông chuẩn mà cụ thể ở đây là giao thức TCP/IPVới các giao thức chuẩn này cũng giúp cho các nhà sản xuất có thể tích hợp nhiều sản phẩm khác nhau của họ lên mạng mà không gặp khó khăn gìVới các chuẩn này thì các chương trình Server cho một ứng dụng nào đó có thể thi hành trên một hệ thống chia sẻ thời gian với nhiều chương trình và dịch vụ khác hoặc nó có thể chạy trên chính một máy tính cá nhân bình thườngCó thể có nhiều Server cùnh làm một dịch vụ, chúng có thể nằm trên nhiều máy tính hoặc một máy tính. Với mô hình trên thì mô hình Client/Server chỉ mang đặc điểm của phần mềm không liên quan đến phần cứng mặc dù trên thực tế yêu cầu cho một máy Server là cao hơn rất nhiều so với máy Client Lý do là bởi vì máy Server phải quản lý rất nhiều các yêu cầu từ các Client khác nhau trên mạng máy tính. 4. ỨNG DỤNG MÔ HÌNH CLIENT/SERVER WWW (World Wide Web): Có nhiều người đã nghe đến thuật ngữ này nhưng lại không hiểu nó là cái gì, thậm chí có người đã sử dụng nó nhưng cũng không định nghia chính xác được WWW là cái gì ? WWW là tập hợp các văn bản tài liệu (document) có mối liên kết (Link) với nhau trên mạng Internet. Bởi vì WWW đang phát triển rất mạnh mẽ và được quảng bá khắp nơi nên người sử dụng thường nhầm lẫn WWW là Internet nhưng thực tế nó chỉ là một dịch vụ của Internet. [...]... quát nhất cho người xem Vì vậy việc thiết kế trang Web không chỉ là thiết kế một trang HTML đơn lẻ, mà còn là thiết kế các mối liên kết tới các tài liệu trong HTML khác ( chưa kể đến việc phải xây dựng nhiều trang Web liên kết với nhau) Để xây dựng trang Web với các kết nối trước tiên chúng ta nên xác định xem thiết kế nội dung gì, cho ai xem và môi trường thể hiện Web Thông thường có các bước sau: •...  Thiết kế và xây dựng chi tiết : công tác thiết kế và xây dựng chi tiết là phần việc đồ sộ nhất khi xây dựng trang Web Nó cũng là phần việc đưa ra kết quả cuối cùng, vì vậy có thể nói đây là công tác quan trọng nhất Trong công tác thiết kế xây dựng chi tiết, việc lựa chọn các hình ảnh(để minh hoạ, để làm liên kết)là quan trọng Đây chính là cái sẽ gây ấn tượng mạnh nhất đến người xem Vì vậy thiết kế. .. trọng nhất của HTML Điều này có nghiã là một văn bản hay đồ hoạ bất kỳ chỗ nào cũng có thể liên kết với một tài liệu khác 2 ĐẶC ĐIỂM NGÔN NGỮ HTML HTML được thiết kế ra để dùng cho Web : trong phần lớn các chương trình xử lý văn bản khá rắc rối trong một số tiểu tiết -ví dụ như 15 chọn font - HTML, được thiết kế để dùng trên mọi kiểu máy tính Nó được thiết kế vừa để dễ vận chuyển trên internet, vừa thích...Ngày nay Web là một dich vụ lớn nhất của Internet sử dụng giao thức truyền văn bản siêu liên kết HTTP (Hypertext Transfer Protocol) để hiện thị các siêu văn bản (còn gọi là trang Web) và hình ảnh trên một màn hình đồ hoạ thuật ngữ siêu văn bản được hiểu như việc trình bầy các văn bản bình thườngcó mối liên kết với nhau Người sử dụng chỉ việc bấn chuột vào một phần của văn bản thì một văn bản khác... • Xác định chủ đề • Xác định nội dung • Thiết kế sơ đồ hoạt động (Flow diagram) • Thiết kế sơ đồ giao diện với người xem của trang chủ 16 • Thiết kế và xây dựng chi tiết Chi tiết các bước:  Xác định chủ đề: Xác định chủ đề trang Web là bước đầu tiên giúp cho việc định hướng cho các thao tác thiết kế và xây dựng sau này không đi chệch mục tiêu Chủ đề của trang Web tuy quan trọng song cũng dễ xác định... trang Web được gọi là mô hình Web Client/ServerGiao thức chuẩn được sử dụng để giao tiếp giữa Web Server và Web Client là HTTP (HyperText Transfer Protocol) Web Client (Web Browser): Các trình duyệt có vai trò như là Client trong mô hình Client/Server, khi cần xem một trang Web cụ thể nào thì 12 trình duyệt Web sẽ gửi yêu cầu lên cho Web Server để lấy nội dung trang Web đó Web Server: Khi nhận được yêu... văn bản khác có mối liên kết đó sẽ hiện lên, có thể thay Web mới này ở một nơi hoàn toàn khác với trang Web liên kết đến nó Mỗi một mối liên kết đến một trang siêu văn bản được gọi là địa chỉ của trang văn bản đó, địa chỉ này có tên là URL(Uniform Resource Locators) gọi là bộ định danh tài nguyên Để tạo ra một trang Web người ta sử dụng một ngôn ngữ gọi là ngôn ngữ đánh dấu siêu văn bản HTML (HypertText... các liên kết và hỗ trợ Multimedia HTML là ngôn ngữ thông dịch : đây được coi là nhược điểm của ngôn ngữ bởi vì nó sẽ làm giảm tốc độ thực hiện các ứng dụng khác trên Web đồng thời nó khó đảm bảo tính an toàn, bảo mật 3 PHƯƠNG PHÁP THIẾT KẾ MỘT TRANG WEB Khi nói đến xây dựng một trang Web cũng đồng nghĩa với việc xây dựng một trang chủ Theo quan niệm chung, trang chủ là một trang Web chứa liên kết đến... của Web cơ bản Các thành phần đóng gói thường là đặc trưng năng động như là cơ sở dữ liệu Acces, vì vậy ta không phải tạo ra các chức năng này ASP gồm có 5 ActiveX Server Component: 1 Thành phần cơ sở dữ liệu Access 2 Thành phần Ad Rotator 3 Thành phần tương thích với trình duyệt 4 Thành phần file Access 5 Thành phần kết nối động 34 PHẦN 2 XÂY DỰNG TRANG WEB CÁ NHÂN 1 THIẾT KẾ Sơ đồ thiết kế trang Web. .. hoàn toàn dựa vào mục đích thiết kế trang Web đó  Xác định nội dung: Xác định nội dung trang Web là bước quan trọng nhất Nó cho phép ta hình dung được công việc sẽ phải làm tiếp theo và xây dựng quy mô trang chủ, qua đó quy định khuôn khổ công tác thiết kế giao diện và xây dựng trang HTML Khi xác định nội dung cần nhận rõ những điểm chính yếu phải giới thiệu trên trang Web Những thông tin sẽ giới . một phần của văn bản thì một văn bản khác có mối liên kết đó sẽ hiện lên, có thể thay Web mới này ở một nơi hoàn toàn khác với trang Web liên kết đến nó là thiết kế một trang HTML đơn lẻ, mà còn là thiết kế các mối liên kết tới các tài liệu trong HTML khác ( chưa kể đến việc phải xây dựng nhiều trang Web