Joomla — June 28, 2016 at 3:02 pm

Học thiết kế web Joomla cơ bản

by

Joomla là bộ CMS mã nguồn mở vô cùng mạnh mẽ và hoàn toàn miễn phí. Đây hệ quản trị nội dung được viết bằng ngôn ngữ PHP kết nối với cơ sở dữ liệu MySQL mà thông qua đó, người dùng dễ dàng quản lý và sản xuất nội dung trên mạng. Dưới đây là Học thiết kế web Joomla cơ bản

CSS là tập hợp các kiểu (style) định nghĩa cách hiển thị của các phần tử HTML

Các Style toàn cục có thể sử dụng nhiều lần và được lưu trong các file CSS

2. Hoc thiet ke web bằng Joomla – Cú pháp

Cú pháp: .tên_style {thuộc_tính_1: giá_trị_1;thuộc_tính_2: giá_trị_2; …}

Ví dụ: Định nghĩa style cho các chuỗi thông báo:

màu chữ đỏ và in đậm

.thong_bao{color:#FF0000; fontweight:bold}

hoc_thiet_ke_web_bang_joomla20151124175750

3. Học thiết kế web bằng Joomla – Sử dụng CSS

Đưa CSS vào trang

Để sử dụng style cho các thẻ HTML :

Ví dụ:

nội dung thông báo

4. Hoc thiet ke web bằng Joomla – Một số thuộc tính CSS thường dùng

Font-size : khổ chữ

Font-weight : nét chữ ( đậm hoặc chọn kích thước)

Color : màu chữ

Background-color : màu nền

Text-align : canh lề

Text-decoration : gạch dưới, gạch trên, gạch bỏ

Width : chiều rộng

Height : chiều cao

Border : khung

Padding : khoảng cách từ chữ đến khung

Margin : khoảng cách từ khung này đến khung khác

Như vậy qua bài hướng dẫn hoc thiet ke web bằng Joomla này, chúng ta đã được biết qua một số thành phần quan trọng trong kỹ thuật chỉnh sửa CSS, từ đó giúp chỉnh sửa thay đổi một số thành phần trong giao diện một cách dễ dàng.

Bài trên nói về Học thiết kế web Joomla cơ bản, hy vọng bài viết cung cấp đầy đủ thông tin hữu ích đến với bạn. Chúc bạn thành công!

Theo joomla

Xem thêm: Hướng dẫn cách tạo vị trí Module trong Joomla!

Leave a Comment

Your email address will not be published. Required fields are marked *