Các Module Của Một Website Bất Động Sản

Tồng hợp các bộ module cho một website bất động sản.

Mẫu 1:

STT	Module	Ghi Chú
1	Trang chủ	Flash, banner, logo thiết kế đúng chuẩn, đẹp.
2	Giới thiệu	Thông tin giới thiệu về công ty, lĩnh vực hoạt động, cơ cấu tổ chức, các đơn vị thành viên và các thông tin khác.
3	MẪU THIẾT KẾ	Trình bày các mẫu thiết kế đẹp, mẫu nhà đẹp
4	DỰ ÁN BĐS	Cung cấp cho khách hàng những thông tin cần thiết về các dự án bất động sản trong các tỉnh thành, các dự án đã và đang xây dựng. Chi tiết gồm hình ảnh, bản đồ, nội dung mô tả..
5	SÀN BẤT ĐỘNG SẢN	Cung cấp các loại nhà, đất, mua bán cho thuê bất động sản, chức năng tìm mua, so sánh các loại bất động sản.
6	TÌM KIẾM BĐS	Tìm kiếm các loại bất động sản theo nhiều tiêu chí khác nhau.
7	THÀNH VIÊN	Đăng ký thành viên, đặt mua, trao đổi, đăng tin bất động sản.
8	Khách hàng - đối tác	Giúp đưa thông tin về đối tác - khách hàng - dự án của công ty.
9	Tin tức mới	Trình bày tin tức theo nhiều cấp tin. Cho phép tạo nhiều lựa chọn như tin mới, tin nổi bật.
10	Quảng cáo	Cho phép đặt các quảng cáo logo, banner trên website.
11	Form liên hệ trực tuyến	Cung cấp 1 mẫu biểu trực tuyến cho phép khách hàng của doanh ngiệp có thể dễ dàng gửi những đánh giá, nhận xét cũng như những yêu cầu của mình đến với doanh nghiệp.
12	Bộ đếm số người đã truy cập website	Cung cấp thông tin về số lượt người truy cập website công ty.
13	Quảng bá trực tuyến	Submit website của Quý khách hàng lên các công cụ tìm kiếm như Google, Yahoo, MSN.
14	Bảo trì web	Miễn phí bảo trì website trong thời gian 1 năm.
15	Ngôn ngữ	Một ngôn ngữ (có thể thêm nhiều ngôn ngữ).
16	Domain	Miễn phí domain quốc tế 1 năm.
17	Hosting	Miễn phí hosting VN 1 năm.
18	Email	Email theo tên miền.

Mẫu 2:

STT	Module	Ghi Chú
1	Trang chủ	Là sự thể hiện ngắn gọn và tổng hợp của các trang thành viên khác một cách chuyên nghiệp và hiệu quả. Bao gồm các trang con Giới thiệu công ty  Trang tìm kiếm  Tin tức cần bán  Tin tức cần cho thuê  Các dịch vụ của công ty  Hỗ trợ trực tuyến (support o­nline) Tin tức và pháp luật
2	Module Cho Thuê	Khu vực cho thuê: có 2 cấp, admin có thể tự tạo các khu vực.  Thông tin cho thuê: có 2 cấp hiển thị  Cấp 1: danh sách các tin cho thuê thuộc khu vực (Tiêu đề, địa chỉ, hình ảnh, giá, diện tích,..)       Ví dụ:       - Khu vực TP. Hồ Chí Minh-> cấp 1.      - Trong Hà Nội có Quận Tân Bình là cấp 2.      - Thông tin cho thuê trong khu vực có thể là admin đăng        hoặc thành viên đăng, được trình bày theo nội dung của         người đăng.  Cấp 2: thông tin chi tiết gồm : Hình ảnh, nội dung, giá,..). - Liên hệ thuê gửi thông tin đến người đăng tin hoặc ban quản trị  Thứ tự hiển thị các bản tin mặc định từ mới tới bản tin cũ hơn, và người quản trị có thể xét được các bản tin cho phép hiển thị hay không, và thứ tự hiển thị của ban tin đó.  Admin kiểm duyệt trước khi đăng. Phần thể hiện chi tiết hình ảnh minh họa xem tốt nhất như click vào phóng to hình ảnh và Next hoặc Back danh sách các hình ảnh. Admin có thể quản lý được toàn bộ những bản tin đăng ở mục cho thuê này.
3	Module Cần Bán	Khu vực Bán: có 2 cấp, admin có thể tự tạo các khu vực. Thông tin bán: có 2 cấp hiển thị       - Cấp 1: danh sách các tin cần bán thuộc khu vực (Tiêu đề, địa chỉ, hình ảnh, giá, diện tích,..)      - Cấp 2: thông tin chi tiết gồm : Hình ảnh, bản đồ, vị trí, nội dung, giá,..).  Liên hệ mua gửi thông tin đến người đăng tin hoặc ban quản trị  Thứ tự hiển thị các bản tin mặc định từ mới tới bản tin cũ hơn, và người quản trị có thể xét được các bản tin cho phép hiển thị hay không, và thứ tự hiển thị của ban tin đó.
4	Module tin tức và pháp luật	Liệt kê danh sách các tin tức bao gồm : Hình ảnh, tiêu đề, Nội dung mô tả ngắn, Nội dung mô tả chi tiết.  Tim mới nhất  Danh sách các bản tin  Hiển thị có 2 câp:        Cấp 1: hiển thị danh sách các bản tin, có nhiều bản tin         thì phân trang. Trong cấp một tả hiển thị “ Tiêu đề, hình       ảnh minh họa, nội dung mô tả ngắn”       Cấp 2: hiển thị chi tiết bản tin đó và các tin liên quan.  Module tin tức và pháp luật do admin đăng bài và quản lý.  Admin có thể cho phép tin nào là tin mới.  Trạng thái có hiển thị hay không.  Vị trí hiển thị của các bản tin.
5	Module dịch vụ và giới thiệu về công ty	Giới thiệu về công ty: có một bài giới thiệu về công ty bao gồm “Tiêu đề, hình ảnh, lời giới thiệu”.  Danh sách các dịch vụ của công ty  Hiển thị danh sách các dịch vụ của công ty, nếu nhiều dịch vụ thì phân trang.  Việc hiển thị các dịch vụ theo 2 cấp.         Cấp 1: list danh sách các dịch vụ        Cấp 2: xem chi tiết một dịch vụ  Dịch vụ và lời giới thiệu về công ty do admin đăng tin và quản lý  Admin có thể quản lý được những tin đã đăng.  Admin có thể quản lý các tin có được hiển thị hay không, vị trí hiển thị của các tin
6	Module thành viên	Đăng ký.  Đăng nhập.  Quản trị thành viên.  Đăng tin rao vặt vào các mục bán và mua.  Quản lý tin tức đã đăng.  Quản lý feedback, liên hệ của khách hàng với bản tin của mình đăng.  Quản lý tài khoản  Quản lý thông tin  Hướng dẫn đăng tin  Hướng dẫn thành viên tiêu biểu, bản tin mới, tiêu biểu  Thành viên có thể quản lý toàn bộ thông tin của mình.  Như quản lý về tin đã đăng.  Feedback của khách hàng.  Tài khoản.  Và các thông tin khác.  Admin có thể quản lý được mọi thông tin của thành viên.
7	Module quảng cáo	Quản lý các banner quảng cáo của khách hàng, đối tác Trao đổi, liên kết các banner quảng cáo.  Các vị trí quảng cáo  Admin có thể đăng các quảng cáo. Quản lý các quảng cáo đã đăng.  Xác định cách hiển thị và vị trí hiển thị theo bản design.
8	Module hỗ trợ trực tuyến - support online	Hỗ trợ trực tuyến qua các hệ thống online thông dụng nhất hiện nay như:  Yahoo, skype  Các thông tin support khác như điện thoại, email  Admin có thể quản lý và thay đổi thông tin về hỗ trợ o­nline.
9	Module tìm kiếm	Tìm kiếm cơ bản: tìm kiếm theo các chức năng như sau: Từ khóa tìm kiếm  Khu vực cần tìm kiếm  Tìm kiếm nâng cao, tìm kiếm theo các tiêu chí sau:” Từ khóa tìm kiếm, Khu vực cần tìm kiếm, danh mục cần tìm kiếm, Giá, thể loại, loại phòng, các tiện ích trong phòng,.. “ Được tìm kiếm trong toàn bộ hệ thống cơ sở dữ liệu
10	Module ngôn ngữ	Bạn có thể chọn các ngôn ngữ khác nhau để phù hợp với chiến lược kinh doanh của mình như: Việt Nam, Anh , Pháp , Trung Quốc, Nga, Nhật...  Mặc đinh là ngôn ngữ tiếng Việt. Nếu bạn muốn thêm ngôn ngữ nào khác hãy liên hệ chúng tôi để được tư vấn và báo giá tốt nhất...
11	Bộ đếm số người đã truy cập website	Cung cấp thông tin về số lượt người truy cập website công ty
12	Bảo trì web	Miễn phí bảo trì website trong thời gian 1 năm
13	Ngôn ngữ	Một ngôn ngữ (có thể thêm nhiều ngôn ngữ)
14	Domain	Miễn phí domain quốc tế 1 năm (nếu là Dịch vụ thiet ke web bat dong san của Công Ty OSVN Company Limited)
15	Hosting	Miễn phí hosting VN 1 năm (nếu là DV của OSVN Company Limited)
16	Email	Email theo tên miền

Đọc Tiếp

Tuyển Chọn 10 Mẫu Giao Diện Web Bất Động Sản Tuyệt Đẹp

Một công ty bất động sản hoat động hiệu quả thì không thể bỏ qua kênh PR online và website đạt tiêu chuẩn như là môt cánh tay phải của doanh nghiệp. Dù bạn là ai, chủ doanh nghiệp hay nhà cung cấp dịch vụ thiet ke web bat dong san hãy cùng chiêm ngưỡng vẻ đẹp của 10 website bất động sản sau đây.

1. Website của Kidder Mathews:

Sử dụng màu trắng là chủ đạo, sự kết hợp hài hòa tinh tế với màu xanh, các màu xanh đậm, nhạt phối hợp với màu cam mang lại cho người xem sự thoải mái, dễ chiu.

2.  Website của hiệp hội Alabama Asscociation of Realtors:

Sự phân biệt rõ giữa các phần của website bằng các sử dụng màu sắc thể hiện tính thanh lịch, điều này tạo nên sự nổi bật của mẫu thiet ke giao dien web này.

3. Tổ chức thương mại PIER:

Mẫu thiết kế này rất mạnh dạn, phá vỡ quy tắc với một trang web truyền thông, chế độ full màn hình, bố trí menu như các bức tường gạch đúng chất bất động sản.

4. Trang web của cielo Apartments:

Giao diện webstie này sử dụng một thanh trượt để người dùng xem các nội thất căn hộ, vẫn là màu xanh phối với vàng nhạt cho bố cục tổng thể.

5. Website của Douglas Elliman Real Estate:

Tổ chức này có một mẫu thiet ke giao dien web sử dụng nhiều hình nền chất lượng cao cho bố cục tổng thể

6.  Teump Real Estate:

Khách hàng của Teump Real Estate dể dàng tìm kiếm thông tin bằng các sử dụng một bản đồ tương tác.

7.  Pennsylvania Association of Realtors:

Trang web của hiệp hội môi giới bất động sản này bố cục đơn giản, dễ dàng tìm kiếm thông tin, điều hướng nhờ bố trí rộng rãi thoải mái giữa các module.

8. Trang Web của Village Real Estate Services:

Trang web cung cấp dịch vụ bất động sản với  bố trí thân thiện,ô tìm kiếm trên trang chủ mang lại cho khác hàng tìm kiếm đễ dàng.

9.  Website môi giới bất động sản Seabolt Brokers:

Mẫu thiết kế Seabolt sử dụng khối 4icon ở trung tâm trang web để khách hàng dễn dàng điều hướng đến mục đích mình cần.

10. Công ty Hanover Company:

Website của công ty này có tiêu đề hình ảnh độc đáo, sử dụng các tab để di chuyển qua các ảnh.

Nguồn: ngoisaoso.vn

Các bạn muốn biết thêm thông tin về dịch vụ thiết kế website bất động sản và website nói chung hãy liên hệ với chúng tôi để có được website giá rẻ:

CÔNG TY TNHH GIẢI PHÁP CÔNG NGHỆ TRỰC TUYẾN VIỆT NAM OSVN

Địa chỉ: Số 192, tổ 4, Tân Thịnh, TP.Thái Nguyên

Điện thoại: 0987 36 81 82

Email: info@vietsel.com

Website: www.vietsel.com – www.dichvuseoonline.com – www.ithietkeweb.net

Đọc Tiếp

[Tự Học HTML] Bài 3: Thẻ Table (Tạo Bảng)

Tiếp theo của bài Các Thẻ HTML Thông Dụng P2 bài hôm nay website giá rẻ và các bạn cùng tìm hiểu về thẻ tạo bảng TABLE.

- Thẻ TABLE (table tag) :

Dùng để tạo bảng biểu trong html:  có hai yếu tố để tạo thành bảng gồm hàng và cột. Tương ứng với thẻ <table> ta sẽ có thẻ tạo hàng <tr> , thẻ tạo cột <td>,  thẻ dành cho tiêu đề bảng <th>
Cú pháp:

Hình 1: Cấu trúc đơn giản của một bảng trong html

Hiểu đơn giản cú pháp của một thẻ <table> sẽ bao hàm một thẻ <tr> và <td> ở trong. Hình ảnh trên là một cấu trúc đơn giản của một table tạo từ html có 2 dòng, mỗi dòng 2 cột.

- Thuộc tính của thẻ table: 

width, height, bgcolor, background, align tương tự như của thẻ <body>

Ngoài ra thẻ <table> còn có các thuộc tính quan trọng là:

+  border: xác định độ rộng đường bao của bảng, giá trị số, đơn vị là px

+ cellspacing: xác định khoảng cách giữa các ô.

+ cellpadding: xác định khoảng cách dữ liệu trong ô đối với các cạnh của ô.

Ví dụ 1: Tạo bảng có độ rộng 300px, độ cao 100px, màu nền là xanh, căn trái, đường bao 1px, khoảng cách giữa các ô là 2px, giữa cạnh ô và dữ liệu trong ô cũng là 2px.

Code HTML ví dụ 1

Trình duyệt hiển thị

Giải thích thêm: theo hình trình duyệt hiển thị thì ta có thể thấy khoảng cách giữa ô Họ Tên và các ô xung quanh nó là 2px, giữa chữ họ tên với cạnh của ô chứa nó là 2px, khoảng cách giữa từ thiet ke web bat dong san đến cạnh của ô chứa nó cũng là 2px....

- Thuộc tính của thẻ <tr>: 

Thẻ <tr> cũng có các thuộc tính: width, height, bgcolor, background, align.

Ngoài ra còn có thuộc tính valign để căn lề theo chiều dọc, nhận các giá trị là top - trên, middle - trung tâm, bottom - dưới, baseline - cách trên 1 dòng cơ bản.

- Thuộc tính của thẻ <td>:

Thẻ <td> cũng có các thuộc tính là width, height, bgcolor, background, align, valign.

Ngoài ra còn có 2 thuộc tính quan trọng đó là:

+ colspan: xác định phạm vi mở rộng của ô theo hàng hay còn hiểu là gộp cột.

+ rowspan: xác định phạm vi mở rộng của ô theo cột hay còn hiểu là gộp hàng.

- Chú ý về thẻ <th>: 

Thẻ <th> dành cho tạo tiêu đề bảng.

- Trong thẻ table còn có các thẻ như:

+ <thead>:quy định dữ liệu luôn nằm trên cùng của bảng

+ <tbody>: quy định dữ liệu luôn nằm phần giữa bảng.

+ <tfoot>: quy định dữ liệu luôn nằm phần dưới cùng của bảng.

Bài tập thực hành:

Tạo bảng như sau:

Gợi ý bài làm:

- Hình 2 là một bảng: ta cần dùng 1 thẻ <table>

- Gồm 6 hàng: ta cần dùng 6 thẻ tạo hàng <tr>.

- Trong mỗi hàng gồm 4 cột: trong mỗi thẻ <tr> ta cần dùng 4 thẻ <td>

- Thẻ <tr> đầu tiên của mỗi cột có nội dung in đậm và căn giữa thì ta có thể dùng 1 trong hai cách:

+ Định nghĩa thuộc tính cho thẻ <tr> đó.

+ Dùng thẻ <th> thay vì dùng <td>

- Chú ý căn chỉnh nội dung cho các ô, font chữ ở đây là Time New Roman.

- Boder =1px, có màu đen.

-  Khoảng cách giữa các ô bằng 0px, khoảng cách giữa nội dung và cạnh các ô là 2px ( Khoảng cách giữa ô chứa từ Nguyễn Gia Linh và các ô xung quanh nó là 0px, khoảng cách giữa ô chứa từ thiet ke giao dien web cách các cạnh ô chứa nó là 2px).

Từ các gợi ý trên mời các bạn tự code HTML, mọi thắc mắc có thể bình luận ngay dưới bài viết mình sẽ giải thích.

Bài viết trên hi vọng sẽ mang lại chút giá trị cho các bạn đang học HTML, chúng ta sẽ gặp lại nhau trong Bài 4: LIST

Đọc Tiếp

[Tự Học HTML] Bài 2: Các thẻ HTML Thông Dụng (P2)

Bài trước chúng ta đã học đến thẻ p và đang dừng lại ở ví dụ, trong bài này các thắc mắc như làm sao để in đậm, in nghiêng, nổi bật tiêu đề, tô màu theo ý mình.

4. Thẻ Body và các thẻ nằm trong Body ( tiếp theo).

a. Thẻ p ( đã học bài trước)

b. Thẻ h, b, i,u.

- Thẻ h: là thẻ xác định tiêu đề cho website.
Có 6 thẻ cho 6 dạng tiêu đề khác nhau: h1, h2, h3, h4,  h5, h6, kích thước tiêu đề sẽ giảm dần từ h1 đến h6.
ví dụ:

Dùng thẻ tiêu đề h1, h2, h6 cho trang web

Trình duyệt hiển thị

- Thẻ b: In đậm chữ.

- Thẻ i: in nghiêng chữ.

- Thẻ u: gạch chân chữ.

Ví dụ: 

Sử dụng các thẻ h, b, u, i 

Trình duyệt hiển thị

c.Thẻ font:

Là thẻ được dùng khá nhiều trong html, có chức năng định kích thước, font chữ, màu chữ cho văn bản html.

Thuộc tính cho kích thước là size: nhận giá trị từ 1 -> 7

Thuộc tính cho phông chữ là font: nhận giá trị là tên các font chữ tiếng anh ( arial, time new roman...)

Thuộc tính cho màu chữ là color: nhận các giá trị là tên màu tiếng anh hoặc bảng mã màu hệ 16.

Ví dụ: Định dạng cho từ "thiet ke giao dien web" có kích thước là 5, font là Arial, màu đỏ.

Định dạng cho từ thiết kế giao diện web thứ 2 

Hiển thị trên trình duyệt

d. Chèn hình ảnh trong HTML.

Dùng để chèn phần tử là hình ảnh vào trang web.

Cú pháp: 

<img src="hinhanh.tenmorong" alt="giatri" title="giatri" width="gia_tri" hight="gia_tri" />

Thuộc tính:

src: nhận giá trị là đường dẫn tới file hình ảnh cần hiển thị.

Có thể là đường dẫn tương đối, có thể là đường dẫn tuyệt đối.

alt: sẽ hiển thị giá trị của thuộc tính này nếp hình ảnh không tồn tại ( có thể là do link die, bị xóa ở nguồn...).

title: giá trị văn bản, sẽ hiển thị khi di chuột vào.

witdh, heigh : độ rộng và chiều cao, bạn có thể xét độ cao tùy ý, nếu không thì trình duyệt sẽ hiển thị kích thước gốc của hình ảnh.

Ví dụ: Chèn banner dịch vụ thiết kế web bất động sản của công ty OSVN - Company Limited.

Chèn banner

Trình duyệt hiển thị banner thiet ke web bat dong san

Thông thường, các bạn thấy trên banner của các diễn đàn, blog khi chúng ta click vào banner đó thì trình duyệt sẽ đưa chúng ta về một liên kết chứa thông tin liên quan đến hình ảnh đó. Để làm được điều đó chúng ta cần chèn liên kết qua HTML.

e. Chèn liên kết trong HTML (link).

Để gải quyết vấn đề trong phần d ta cần dùng đến thẻ a để chèn một liên kết vào html.

Cú pháp:<a href="duong_dan_can_den" target="gia_tri">Văn bản đại diện cho đường dẫn cần đến</a>

Thuộc tính:

href: nhận giá trị là link cần đến.

target: thuộc tính này quy định các liên kết được mở ra như thế nào

+   _blank : sẽ mở liên kết cần trỏ tới trong tab mới trên trình duyệt.

+   seft: sẽ mở ở cửa sổ hiện tai ( mặc định).

Ví dụ: Chèn link cho cụm từ "website giá rẻ", trỏ đến link sau: http://ithietkeweb.net, link trỏ đến sẽ hiển thị ngay trên cửa sổ hiện tại.

Chèn link

Trình duyệt hiển thị

 Khi click vào chữ đó tương tự như click vào chữ này : website giá rẻ

Bài tập thực hành: 

Tạo một file HTML trong đó có các nội dung sau:

Một đoạn văn giới thiệu về du học hàn quốc , tiêu đề của đoạn văn này là Du Học Hàn Quốc Cùng OSC ,

nội dung tùy chọn, dùng thẻ h cho tiêu đề.

Chèn 1 hình ảnh về dịch vụ thiết kế web bất động sản của OSVN Company Limited.

Link hình ảnh : http://www.uphinhnhanh.com/images/59416slide1.jpg

Tải hình ảnh về lưu trên máy và sử dụng đường dẫn tương đối.

Khi click vào hình ảnh trên sẽ trỏ đến link sau: http://ithietkeweb.net/thiet-ke-web-bat-dong-san-cua-osvn/

Bài tiếp theo chúng ta sẽ học về thẻ table ( tạo bảng): Bài 3: Thẻ Table

Đọc Tiếp

[Tự Học HTML] Bài 2: Các Thẻ HTML Thông Dụng (P1)

Sau khi học bài 1 mở đầu về HTML với website giá rẻ chúng ta sẽ đến với bài 2 - các thẻ HTML thông dụng. Bài học này chia là 2 phần, phần 1 sẽ tìm hiểu về các thẻ sau:  Thẻ chú thích, các thẻ định dạng văn bản .

1. Thẻ chú thích trong HTML.

Thẻ chú thích là thẻ có nội dung không hiển thị trên trình duyệt khi đọc file HTML.
Trình duyệt sẽ bỏ qua không đọc phần nội dung này.
Sử dụng thẻ chú thích để code của bạn dễ hiểu và sau này có phát sinh bạn có thể tìm kiếm, chỉnh sủa một cách dễ dàng.

Cú pháp: <!-- Nội dung chú thích -->

Ví dụ: Lời chú thích trong HTML

2. Thẻ xuống dòng trong HTML.

- Dùng để xuống dòng trong html.

- Đây là một thẻ đơn ( thẻ không có cặp thẻ đóng mở)

- Cú pháp: <br> hoặc <br />

Ví dụ:

  Khi chưa dùng thẻ br

Trình duyệt hiển thị

Ví dụ:

Khi dùng thẻ br

Trình duyệt hiển thị

3. Thẻ HEAD và các thẻ nằm trong thẻ HEAD:

Trong bài mở đầu về HTML đã có nhắc đến thẻ head, bạn nào chưa rõ có thể xem lại.
-  Cú pháp: <head> [các thẻ chứa]</head>
Các thẻ nằm trong thẻ head:

a. Thẻ title:

- Là thẻ định nghĩa tiêu đề cho văn bản.
- Cung cấp tiêu đề cho một trang khi nó được đề xuất vào mục yêu thích.
- Hiển thị tiêu đề của trang web trong kết quả của công cụ tìm kiếm.
Cú pháp: <title>Tiêu đề trang</title>

b. Thẻ link:

Là thẻ định nghĩa mối quan hệ giữa trang html và trang khác bên ngoài. Thường dùng để liên kết file html với file CSS ( sẽ học sau này).
Cú pháp để liên kết file CSS: <link rel="stylesheet" type="text/css" href="tenfile.css">
hoặc <link rel="stylesheet" type="text/css" href="../tenfile.css"> => ... đường đẫn tên file css nếu file css không nằm cùng thư mục với file html.

Ví dụ: Thẻ link trong html

c. Thẻ style:

Là thẻ định nghĩa kiểu cho html, trong thẻ này có thể định kiểu cho các thẻ khác để hiển thị lên trình duyệt.
Cú pháp: <style>
                    ten_the1 {thuoc_tinh:gia_tri};
                    the_the2 {thuoc_tinh:gia_tr};
               </style>
Có thể có 1 hoặc nhiều thẻ được định nghĩa nằm trong thẻ style.

Ví dụ: Thẻ style định nghĩa kiểu cho thẻ h1 và thẻ p

 Giải thích: Nội dung trong thẻ h1 có màu đỏ, nội dung trong thẻ p có màu xanh.

Hiển thị trên trình duyệt của ví dụ trên

d. Thẻ meta:

- Dùng để định nghĩa tác giả (bản quyền) của trang web.
Cú pháp: <meta name="author" content="Ten_Tac_Gia">
Ví dụ: <meta name="author" content="Website giá rẻ"> =>định nghĩa bản quyền tên là Website giá rẻ
- Dùng để định nghĩa các từ khóa cho các công cụ tìm kiếm.
Cú pháp: <meta name="keyword" content="tu_khoa">
Ví dụ:  <meta name="keyword" content="thiet ke giao dien web"> =>  định nghĩa từ khóa thiet ke giao dien web cho các công cụ tìm kiếm.
- Dùng để định nghĩa thời gian làm mới trang web của bạn
Cú pháp: <meta http-equiv="refresh" content="thoigian">
Ví dụ: <meta http-equiv="refresh" content="20"> => định nghĩa thời gia tải lại trang web của bạn là 20s.
- Dùng để định nghĩa kiểu hiển thị của văn bản:
Cú pháp: <meta charset="UTF-8">
Nội dung của bạn sẽ được trình duyệt hiển thị dưới dạng UTF-8 ( tiếng việt).

e. Thẻ script

Định nghĩa kịch bản phía máy khách (sẽ học sau)

4. Thẻ BODY và các thẻ nằm trong BODY.

Trong bài mở đầu về HTML đã có nhắc đến thẻ body, bạn nào chưa rõ có thể xem lại.
Các thuộc tính của thẻ body:
- bgcolor: xác định màu nền của trang web, giá trị có thể là tên màu theo tiếng anh hoặc sử dụng bảng mã màu hệ 16.
Ví dụ: <body bgcolor="red></body>
- background: xách định ảnh nền của trang web.
- width: độ rộng tính bằng px hoặc %
- height: độ cao tính bằng px hoặc %
Ví dụ: <body background="anhnen.jpg"></body>
Các thẻ chứa trong thẻ body:

a. Thẻ p:

Thẻ P là viết tắt của "paragraphs" - nghĩa là đoạn văn.
Thẻ này giúp trình duyệt xác định đoạn văn bản trong HTML, thẻ P có thể chứa các thẻ khác như img, a, link....
Với một đoạn văn trong html chúng ta nên có thói quen đặt trong thẻ p.
Các thuộc tính của thẻ p:
align: căn lề cho đoạn văn bản, nhận các giá trị left ( mặc định), right, center.
Ví dụ:

Sử dụng thẻ p trong html

Trình duyệt hiển thị

Bài tập thực hành: 

Tạo một trang web html :

- Có độ rộng 800px

- Có độ cao 1000px

- Màu nền : vàng.

- Ảnh nền tùy ý.

- Chứa 3 đoạn văn bản nội dung tùy ý, đoạn thứ nhất căn giữa, đoạn thứ 2 căn phải, đoạn thứ 3 căn trái

Đến đây có nhiều bạn sẽ thắc mắc:  làm sao để cho chữ in đậm, in nghiêng theo ý mình, là sao để nổi bật tiêu đề của đoạn văn.... Chúng ta sẽ đến với phần 2 của bài các thẻ thông dụng trong HTML trong loạt bài Học HTML với website giá rẻ.

Đọc Tiếp

Tuyển Tập Các Mẫu Giao Diện Bất Động Sản Đẹp Nhất 2014

Chìa khóa ghi điểm đầu tiên đối với khách hàng trong thương mại điện tử chính là giao diện website. Thiet ke giao dien web tốt sẽ để lại ấn tượng trong lòng khách hàng về tầm nhìn và sự chuyên nghiệp của bạn, trong một ngành đặc thù như bất động sản cũng vậy. Mời các bạn tham khảo 25 thiet ke web bat dong san đẹp nhất năm 2014:

Hình 1: thiet ke giao dien web của trang http://www.lajollahomes.com/

Hình 2:  Website https://www.urbancompass.com/

Hình 3: Thiết kế gia diện web của http://www.domnakrasina.com/

Hình 4: Website http://www.cityfeet.com/

Hình 5: thiet ke giao dien web của http://www.stadshem.se/

Hình 6:  website bất động sản http://www.knlarchitecture.com/

Hình 7: thiết kế của trang http://futuris.lv/en/

Hình 8: thiet ke web bat dong san cua trang http://zephyrsf.com/

Hình 9: http://cobblehilltowers.com/

Hình 10: http://www.dumbotownhouses.com/

Hình 11: http://curaytorsystems.com

Hình 12: http://dixiestevens.com/

Hình 13: http://www.theinmancompany.com/

Hình 14: http://www.newconstructionsf.com/

Hình 15: http://www.ava55ninth.com/

Hình 16:  http://lifestyle-hotels.ch/en/lifestyle-hotels.html

Hình 17: http://www.houzz.com/

Hình 18: http://www.knightfrank.com.hk/

Hình 19: http://broadviewhomes.com/

Hình 20: http://www.realestatebytravis.com/

Hình 21: http://www.harrodsestates.com/

Hình 22: http://wpcasa.com/demo/ushuaia/

Hình 23: Thiết kế web bất động sản của http://www.joycerey.com/

Hình 24:  Thiết kế của trang http://www.callgene.com/

Hình 25: Thiết kế web bất động sản của trang : http://www.esny.se/sv/

Để được tư vấn cụ thể hơn mời các bạn liên hệ với công ty website giá rẻ :

CÔNG TY TNHH GIẢI PHÁP CÔNG NGHỆ TRỰC TUYẾN VIỆT NAM OSVN

Địa chỉ: Số 192, tổ 4, Tân Thịnh, TP.Thái Nguyên
Điện thoại: 0987 36 81 82
Email: info@vietsel.com
Website: www.vietsel.com – www.dichvuseoonline.com – www.ithietkeweb.net
Nguồn: ngoisaoso.vn

Đọc Tiếp