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 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

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ế.

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&# 225;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: đơn giản hay phức tạp, dạng văn bản hay đồ hoạ, quảng cáo thông tin sản phẩm dịch vụ hay chỉ là chia sẻ thông tin giữa các bộ phận trong đơn vị.
• Lựa chọn nơi lưu trữ Web site: một Web site có thể được lưu trữ ở nhiều nơi. Vị trí ban đầu thường phải đảm bảo an toàn và không chia sẻ. Ở đây chúng ta có thể sửa đổi trang Web của mình. Vị trí thứ 2 thường là 1 Web server được kết nối với Internet.
• Lựa chọn chủ đề cho trang chính: phân tích nội dung để quyết định phân chia thành các trang chính ứng với các chủ đề.
• Vẽ sơ đồ tổ chức của Web Site.

• Quyết định cấu trúc liên kết giữa các trang trong Website: nên lựa chọn cấu trúc liên kết đơn giản và tường minh.
• Lựa chọn thiết kế phù hợp với chủ đề: hình thức trang Web cần phải phù hợp với nội dung của nó. Thông qua các hình ảnh logo thể hiện ý tưởng của đơn vị mình.
• Kiểm tra lại Web site của bạn trước khi phát hành công bố trên mạng.
• Xác định nhà cung cấp dịch vụ và không gian cần thiết để lưu trữ trang Web của bạn cững như các chi phí sẽ phải trả.
• Nếu là một Web site nhiều người truy cập và đa dạng về nội dung thì nên cân nhắc việc nâng cấp hoặc đăng ký một domain cho Web site.

Thiết kế Web

Một thiết kế tốt cân tuần thủ một số nguyên tắc sau:

• Tính tập trung:

• Sắp đặt các nhóm thông tin một cách logic
• Tổ chức thông tin sao cho người sử dụng có thể dễ dàng tìm kiếm. Nếu quá nhiều thông tin với nhiều chủ đề khác nhau thì nên có bảng danh mục

• Tính bền vững

• Đối với một Web site lớn thì cần đảm bảo tính bền vững cao. Không nên tuỳ tiện thay đổi các cấu trúc tìm kiếm, diện mạo và vị trí các nút.
• Lựa chọn cấu trúc tìm kiếm thông tin đơn giản nhưng hữu dụng

• Tính hữu dụng

• Chúng ta có thể thiết kế Web site mà mọi mục đều được hiển thị hoặc rất nhiều hình ảnh đẹp nhưng nếu người sử dụng truy nhập phải đợi quá lâu thì Web site của chúng ta bị đánh giá là tính hữu dụng thấp. Như vậy, chung ta cần chú ý đến việc cân đối giữa hình ảnh và text, cân đối nội dung của 1 trang Web (không nên quá nhiều nội dung trên 1 trang)

• Liên kết

• Tổ chức tốt liên kết làm cho 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 nhau. Thông thường khi thiết kế một Web site hiển thị trên máy tính của chúng ta là rất tốt nhưng khi đến một máy tính khác và truy c 853;p đến site của chúng ta thì kết quả có thể hoàn toàn khác. Như vậy việc thiết kế cần phải xác định được chính xác số khung hình và tổ chức bảng như thế nào.

• Bảo trì và cập nhật

• Đến một lúc nào đó (6 tháng hay 1 năm) chúng ta cần phải cập nhật hay thay đổi một số thông tin trên Site của chúng ta. Nếu công việc này quá khó thì Web site của chúng ta chưa đạt yêu cầu về bảo trì.

• Thông tin phản hồi

• Ngoài các yêu cầu trên chúng ta cần phải chú ý đến việc quản lý, tiếp nhận các thông tin từ người sử dụng. Ví dụ như đếm số thành viên truy cập vào Website, thời gian truy cập, các mục truy câp, các góp ý của người sử dụng ...

Lựa chọn phần cứng

• Hệ thống máy tính IBM-PC hoặc máy khác tương thích (Intel compatible CPU)

• Không đắt và được nhiều người sử dụng
• Không thực sự đáng tin cậy nhưng cũng không có nhiều lỗi lớn cho Web
• Giá cả so với hiệu năng sử dụng là rất cao

• Hệ thống máy tính không sử dụng CPU Intel

• Đáng tin cậy hơn và được hỗ trợ nhiều trên thị trường
• Rất đắt
• Tốt cho các hệ thống chuyên dụng đặc biệt

• Các hệ thống khác

• Mainframe → trang Web không đòi hỏi cần cấu hình quá mạnh như vậy.
• Macintosh → đây là hệ thống có hiệu số giữa giá cả và tính năng sử dụng thấp nhất.

Lựa chọn hệ điều hành

• Linux / Unix

• Hầu hết là miễn phí với mã nguồn mở
• Muốn quản trị hệ thống này cần có người có kiến thức sâu về hệ thống
• Tốt cho Web site độc lập
• Tốt cho các Web site vừa và nhỏ

• Windows NT / 2000

• Có nhiều đặc điểm tốt và chức năng tiên tiến
• Dễ sử dụng
• Giá vừa phải. Hệ thống có sử dụng kỹ thuật hộp đen (black-box)
• Tốt cho các Web site lớn, phức tạp ví dụ như các Web site về thương mại điện tử hay hệ thống Web trong của nhiều mạng Intranet

• Các hệ thống khác:

Windows 95/98/Me → Chỉ phù hợp cho các Website cá nhânLựa chọn các chức năng xây dựng ứng dụng trên Web

Chúng ta cần lựa chọn các chức năng xây dựng ứng dụng trên Web vì:

• Có quá nhiều kỹ thuật có thể phối hợp được với nhau
• Nhiều khi các kỹ thuật khá khó hiểu

Các tiêu chuẩn để lựa chọn thường là:

• Server-side và Client-side
• Các nội dung trên Web site hoạt độngnhư thế nào
• Lựa chọn ngôn ngữ để xây dựng các chương trình ứng dụng trên Website

Kỹ thuật bên phía Server

Thông thường tại đây sử dụng các trang HTML động

• Nó được thực hiện trên server (nhưng không phải luôn nằm trên Web server)
• Có thể gửi bất kỳ mã HTML đến các máy trạm và nhận phản hồi từ các máy trạm
• Bảo mật tốt vì nó không gửi mã nguồn mà chỉ gửi mã HTML

Kỹ thuật bên phía Client

Tại đây sử dụng các trang HTML tĩnh (chỉ chứa các nội dung động trong trang đó)

• Thực hiện trên Web browser
• Cơ sở là các Script và Program
• Chạy nhanh trong thời gian thực
• Có giao diện Multimedia tốt
• Không bảo mật (mã nguồn của script là mở )
• Gặp một số vấn đề về tương thích (không phải trình duyệt nào cùng hiển thị tốt

Lựa chọn phần mềm dịch vụ cho Web

• Apache

• Ưu điểm:

• Mã nguồn mở, miễn phí, chạy trên nhiều hệ thống
• Rất ổn định và chắc chắn
• Có nhiều modun mở rộng
• Tốt cho các Web site thông thường
• Tốt cho các website lớn nhưng không phức tạp
• Ứng dụng cho các phần mềm kinh doanh trên mạng phức tạp đòi hỏi giao diện tốt.

• Nhược điểm

• Không có đặc trưng kỹ thuật hỗ trợ thương mại (nếu có thì khá đắt)
• Không dễ quản trị
• Không phù hợp với các ứng dụng trung tâm

• IIS (Internet Information Server)

• Ưu điểm:

• Có sẵn trong Windows NT/2000 (Free)
• Có khả năng tải năng gấp hai lần Apache (số kết nối và down load)
• Có nhiều ứng dụng về thương mại và có giao diện tốt
• Dễ quản trị
• Sử dụng kỹ thuật hộp đen (Black-box)
• Tốt cho các Web site có các chức năng phức tạp như thương mại điện tử, sách điện tử hay các thư viện điện tử
• Phù hợp với các Website lớn có chạy ứng dụng trung tâm E-commerce, Large indexed library service, etc.

• Nhược điểm

• Chỉ chạy trên hệ thông Windows

• Các phần mềm khác

• PWS (Personal Web Server)

• Đi kèm với Win 98/Me (Free)
• Dễ sử dụng
• Bị giới hạn nhiều về kỹ thuật
• Chỉ cho phép 10 kết nối tại một thời điểm

• Netscape Enterprise Server

• Tích hợp nhiều ưu điểm của IIS nhưng được sử dụng cho hệ điều hành Unix
• Có nhiều chức năng tiên tiến.
• Tốt cho các ứng dụng thương mại điện tử
• Dễ sử dung
• Giá thành cao