BÀI 1: NHỮNG KHÁI NIỆM CƠ BẢN
I. Các khái niệm cơ bản
1. Một trang Web
- Xét về một khía cạnh nào đó thì một trang Web rất giống một trang văn bản.
- Là một bộ sưu tập gồm các từ văn bản, các hình ảnh, phim ảnh,… được tổ chức
một cách liên tục.
- Độ dài của một trang Web là không có giới hạn về mặt vật lý
- Có khả năng liên kết trực tiếp với các trang Web khác.
- Có thể dùng bất kỳ một phần mềm soạn thảo văn bản nào để tạo một trang
Web
+ Ứng dụng Web tồn tại hai loại:
- Trang Web tĩnh: là trang HTML chỉ có kịch bản trình khách
- Trang Web động: được viết bằng kịch bản trình chủ (có thể có kết nối cơ
sở dữ liệu)
+ Cho dù là Web tĩnh hay Web động, nếu muốn trình bày dữ liệu trên trình duyệt
Web đều phải khai báo thể hiện dữ liệu thông qua các thẻ HTML
2. Trang Home Page (trang chủ)
- Một trang Home Page là một trang Web đặc biệt, nó là một điểm vào của một
Website.
- Tạo ấn tượng đầu tiên với người sử dụng
- Liên kết đến các trang khác
3. Website
Website là một tập các trang Web được kết nối với nhau bằng các siêu liên kết.
4 . Khái niệm HTML
HTML (HyperText Markup Language) không phải là một ngôn ngữ lập trình
như Pascal, C,… Nó không thể tạo ra các chương trình ứng dụng dùng trực tiếp
ngôn ngữ máy. HTML là ngôn ngữ đánh dấu siêu văn bản để tạo ra các liên kết
giữa các trang văn bản đa dạng với nhau và liên kết với các Multimedia như
phim, ảnh, âm thanh,…
5. Trình duyệt Web (Web browser)
Phần mềm phiên dịch đánh dấu của các file bằng HTML, định dạng chúng sang
HTML quy định không phân biệt chữ hoa và chữ thường với tên thẻ và thuộc
tính của nó. Không được có khoảng trắng trong định nghĩa tên thẻ.
Thẻ HTML có hai loại:
- Loại có thẻ mở kèm thẻ đóng
- Có thẻ mở, không có thẻ đóng
Các thẻ nhập sai thì trình duyệt sẽ bỏ qua mà không báo lỗi vì trình duyệt sẽ coi
đó là một phần văn bản mà không coi đó là mã định dạng.
2. Tổ chức của một trang Web
<HTML>
<HEAD>
<TITLE>Tiêu đề trang web</TITLE>
</HEAD>
<BODY>
Thân trang web
</BODY>
</HTML>
a. Thẻ <HTML> …. </HTML>
Mở đầu và kết thúc trang HTML
[email protected]
2
b. Thẻ <Head> …. </Head>
Tất cả các thông tin chứa trong thẻ này đều không xuất hiện trên trang Web. Có
thể khai báo các thẻ <title>, <meta>,…. ở trong phần này.
c. Thẻ <Title> …. </Title>
Cho phép trình bày chuỗi trên thanh tiêu đề của trình duyệt Web.
d. Thẻ <body> … </body>
Tất cả các thông tin được khai báo trong thẻ này đều có thể xuất hiện trên trang
Web.
3. Thẻ định dạng văn bản
a. Thẻ <p> … </p>
+ Phát triển lịch trình của các trang web
1. Xác định các nhu cầu
- Mục đích của ứng dụng web này là gì ?
- Nó được dự định dùng để làm gì ?
- Các mục tiêu của ứng dụng web này là gì ?
- Nó được dùng để giải trí, để học tập hay để bán các sản phẩm ?
2. Tổ chức thông tin
- Tổ chức theo một trật tự nội dung rõ ràng
- Tổ chức theo thứ tự từ điển
- Tổ chức theo thời gian
- Tổ chức theo không gian
3. Thiết kế cấu trúc của ứng dụng
Việc tổ chức thông tin ra sao sẽ quyết định cấu trúc của ứng dụng web. Có ba
cách để cấu trúc một ứng dụng web: phân cấp, siêu văn bản, và cơ sở dữ liệu.
- Cấu trúc phân cấp là cách tiếp cận truyền thống từ trên xuống. Đầu tiên phải
xây dựng các hạng mục ở mức cao, sau đó sẽ sắp xếp các tài liệu thuộc các hạng mục
con.
- Cấu trúc siêu văn bản: siêu văn bản là các văn bản hoặc các bức ảnh được kết
nối với các văn bản và đồ hoạ khác. Các kết nối này có thể có ở các vị trí bất kỳ trong
trang và tạo ra khả năng chuyển nhanh tới dữ liệu được kết nối. Đây là một cách tiếp cận
của một cấu trúc phi tuyến.
- Cấu trúc kiểu cơ sở dữ liệu: một cơ sở dữ liệu có thể được sử dụng để cấu tạo
một trạm web bằng cách xây dựng các trang thông tin từ một cơ sở dữ liệu khi các thông
tin này được yêu cầu.
4. Phát triển lược đồ duyệt các trang Web
- Lược đồ duyệt của ứng dụng web phụ thuộc rất nhiều vào cấu trúc mà ta đã xây dựng
và ảnh hưởng trực tiếp đến việc di chuyển của người sử dụng trong trạm web và việc
thâm nhập vào các thông tin được trình bầy.
- Sau đây là những vấn đề chính cần phải xem xét trong khi thiết lập các lược đồ duyệt,
bao gồm hướng đi của chương trình duyệt, duy trì sự phân cấp và cấu trúc của thiết kế.
Copyright: Tài liệu đại học ©