Thủ Thuật Thiết Kế Web Với Joomla 1.0x và 1.5x part 9
Bạn đang xem bản rút gọn của tài liệu. Xem và tải ngay bản đầy đủ của tài liệu tại đây (402.16 KB, 6 trang )
Thiết Kế Web Với Joomla 1.0x & 1.5x
Collection by traibingo at buaxua.vn
Ngôn ngữ đánh dấu siêu văn bản HTML
HTML (HyperText Markup Language) là ngôn ngữ đánh dấu siêu văn bản
được thiết kế ra để tạo nên các trang web. Tập tin (File) HTML là một văn
bản có chứa các thẻ đánh dấu (markup tags), các thẻ đánh dấu này giúp
các trình duyệt Web hiểu được cách trình bày và hiển thị trang Web. File
HTML có phần mở rộng (Extension) là htm hay html và có thể được tạo ra
bằng bất cứ chương trình xử lý văn bản đơn giản nào.
Trong File HTML các phần tử (Element) được đánh dấu bằng các thẻ
HTML. Các thẻ này được bao bởi dấu < và dấu >. Thông thường các thẻ
HTML được dùng theo một cặp <tên thẻ> (thẻ bắt đầu) và </tên thẻ> (thẻ
kết thúc), văn bản nằm giữa cặp thẻ này là nội dung của phần tử. Các thẻ
HTML không phân biệt chữ hoa và chữ thường, có nghĩa là các kiểu chữ
đều được xem như nhau.
Một File HTML cơ bản có cấu trúc như sau:
<html>
<head>
<title>Tên của trang Web</title>
</head>
<body>
Nội dung của trang Web
<a href="/url">Liên kết</a>
<img src="/url">
</body>
</html>
Thiết Kế Web Với Joomla 1.0x & 1.5x
Collection by traibingo at buaxua.vn
<html> là thẻ đánh dấu bắt đầu của File HTML và </html> là thẻ
đánh dấu kết thúc File HTML, thẻ này bắt buộc phải có.
<head> là thẻ đánh dấu phần chứa thông tin về trang Web, thông tin
này sẽ không được hiển thị trên trang Web) và </head> là thẻ đánh
dấu kết thúc phần thông tin này, thẻ này bắt buộc phải có.
<title> là thẻ đánh dấu bắt đầu phần tên của trang Web (tên này sẽ
được hiển thị trên thành trạng thái của trình duyệt) và </title> là thẻ
đánh dấu kết thúc phần tên này.
<body> là thẻ đánh dấu bắt đầu phần nội dung của trang Web (đây
là phần sẽ hiển thị trên trang Web) và </body> là thẻ đánh dấu kết
thúc phần nội dung, thẻ này bắt buộc phải có.
Thẻ tạo liên kết (Link): Thẻ này dùng để tạo liên kết đến một File
HTML khác, thẻ này gồm có thẻ bắt đầu <a href="/url"> và thẻ kết
thúc </a>. "url" là vị trí của File liên kết, bao gồm đường dẫn đến và
tên của File liên kết, đường dẫn có thể là một thư mục trên
chính Web Site này hoặc trên một Web Site khác. Có thể dùng văn
bản hay hình ảnh để đại diện cho liên kết, Khi nhấn chuột vào dòng
văn bản hay hình ảnh này trình duyệt sẽ chuyển đến trang web hoặc
Web Site được liên kết, có thể sử dụng nhiều thẻ này cho các liên kết
khác nhau.
Thí dụ:
<a href="/trang_web.htm">Dòng này liên kết đến một trang Web khác tên
là trang_web.htm trên Web Site này</a>
<a href="">Dòng này liên kết đến một địa chỉ của
WebSite khác có tên là website.com</a>
Thẻ hình ảnh: Thẻ này dùng để hiển thị một hình ảnh trên trang
Web, thẻ này chỉ có thẻ bắt đầu <img src="/url"> và không có thẻ
kết thúc. "url" là vị trí của File ảnh, bao gồm đường dẫn đến và tên
của File ảnh, đường dẫn có thể là một thư mục trên Web Site này
hoặc trên một Web Site khác. Ngoài ra thẻ này còn có thể có thêm
thuộc tính width (chiều ngang) và height (chiều cao) để qui định kích
thước hiển thị cho ảnh, có thể sử dụng nhiều thẻ này cho
các hình ảnh khác nhau.
Thí dụ:
Thiết Kế Web Với Joomla 1.0x & 1.5x
Collection by traibingo at buaxua.vn
Hiện ảnh từ File ảnh trong trong thư mục images của trang Web này (cùng
địa chỉ):
<img src="/images/tên_file_ảnh" width="96" height="96">
Hiện ảnh từ File ảnh trong web khác (khác địa chỉ):
<img src=" width="64"
height="64">
Các kiểu CSS trong Joomla! 1.0.x
Joomla! đã được định nghĩa sẵn các kiểu CSS và cho phép người dùng
can thiệp vào để thay đổi, chỉnh sửa cách trình bày của trang Site. Mỗi
Template đều có File template.css, đây là File chứa các thông số CSS của
Template và Joomla!
Sau đây là các kiểu CSS cơ bản trong Joomla! 1.0.x
Thiết Kế Web Với Joomla 1.0x & 1.5x
Collection by traibingo at buaxua.vn
Thiết Kế Web Với Joomla 1.0x & 1.5x
Collection by traibingo at buaxua.vn
