Keywords

Latest topics

» Chuyển Host upload ảnh
by dang02315 Fri Sep 02, 2016 12:32 am

» [ AUTO 2U ] PHIÊN BẢN 2.5.3 ( MỚI NHẤT )
by ngothithuyva Mon Sep 14, 2015 9:14 am

» [ AUTO 2U ] PHẦN MỀM BN2U - AUTO 2U MỚI NHẤT
by Xop Paseo Wed Sep 09, 2015 9:58 am

» [ AUTO 2U ] PHIÊN BẢN 2.5.2-NGÀY 24/10/2014
by chebienk5a Tue Sep 08, 2015 9:52 pm

» [ AUTO ] Tự nhảy game 2U
by chebienk5a Tue Sep 08, 2015 7:36 pm

» [ Bách chiến vô song 2 ] Cách đi phó bản ma giáo đàn 6-7 boss
by Admiin Mon Aug 24, 2015 5:40 pm

» [ LIST KEY 2U ] NGÀY 29/6/2015 PHIÊN BẢN 2.5.2 Trở Lên
by Pé Pun Sun Aug 23, 2015 5:01 pm

» [ AUTO 2U ] Demo auto up thân mật pet ver 1.0
by steven.gia119 Sun Aug 16, 2015 8:11 pm

» [ KEY Bảng Vàng ] NGÀY 05/03/2015 - ( Lần 3 )
by steven.gia119 Sun Aug 16, 2015 8:10 pm

» [ LIST KEY 2U ] NGÀY 24/10/2014 PHIÊN BẢN 2.5.1 Trở Lên
by chepchep800 Fri Aug 07, 2015 12:14 pm

» [ LIST KEY 2U ] NGÀY 18/2/2015 PHIÊN BẢN 2.5.2 Trở Lên
by chepchep800 Thu Aug 06, 2015 9:28 pm

» [ AUTO 2U ] Auto UP EXP UP vũ đạo Ver 2.5.3
by akikaneko Mon Jul 13, 2015 8:03 pm

» [ AUTO 2U ] PHIÊN BẢN 2.5.1 - NGÀY 15/9/2014
by ohellobeyeu Mon Jul 06, 2015 9:32 pm

» [ AUTO 2U ] UPDATE AUTO MỚI
by Admiin Sun Jul 05, 2015 4:35 pm

» Công thức ép chậu Khu vườn trên mây
by khanhkute Sat Jul 04, 2015 2:57 pm

» [ AUTO 2U ] BÀI VIẾT HƯỚNG DẪN TỔNG HỢP
by Admiin Thu Jul 02, 2015 9:27 am

» [ KEY Bảng Vàng ] NGÀY 06/02/2015 - ( Lần 1 )
by boysocket Sun Jun 28, 2015 12:43 am

» [ AUTO 2U ] Auto UP Like ( đơn ) Ver 2.5.3
by khoianh897 Fri Jun 26, 2015 4:04 pm

» [ AUTO 2U ] Tool tra đáp án bảng vàng trong 2u
by khoianh897 Fri Jun 26, 2015 3:53 pm

» [ AUTO 2U ] Auto UP Rung động Ver 2.5.3
by khoianh897 Fri Jun 26, 2015 3:38 pm

» [ AUTO ] Post EXP Nhà máy 1 Boom online
by OniChannn Wed Jun 24, 2015 12:54 pm


Làm Wed = DIV , Css ( cơ bản )

Share
avatar
admin
Admin
Admin

Posts Posts : 449
Points Points : 12550
Thanked Thanked : 29
Tham Gia Tham Gia : 02/10/2010
Tuổi Tuổi : 23
Đến từ Đến từ : Nơi Bình yên Không có nhữg kẻ Lừa đảo cạnh bên

  
 :

Làm Wed = DIV , Css ( cơ bản )

Bài gửi by admin on Sat Oct 02, 2010 12:54 pm

Làm web = DIV, CSS (cơ bản)
Click vào link dưới để xem
http://static.slideshare.net/swf/ssplayer2.swf?doc=xaydungwebtubatdaudenhoanchinhbangcss-1221998534105794-9&stripped_title=xay-dung-web-tu-bat-dau-den-hoan-chinh-bang-css-presentation

http://dangminhtuan.googlepages.com/web00.html << cái demo cứ tăng cái web00.html ->web21.html để xem cách
Bước 0: Thiết lập cấu trúc HTML cho trang web ->

Nếu bạn có bao giờ tự hỏi: Nên dùng thẻ gì để dựng web? Table, hay Tableless (không dùng table), div hay divless (không dùng div) thì bài viết này dành cho bạn.

HTML được coi như tấm thân, CSS được coi như quần áo. Quần áo có đẹp, nhưng head và body tệ thì cũng vứt đi. Còn kể cả không có quần áo, nhưng head và body ngon thì vẫn được đánh giá tốt . Một trang web chuyên nghiệp hay không được nhìn nhận ngay ở cách họ xây dựng HTML.


Do đó, đây là bước đầu tiên, và cũng là bước quan trọng nhất đối với việc xây dựng site, và đây cũng là bước còn phải điều chỉnh trong quá trình xây dựng site. Để xây dựng bộ khung HTML tốt ta tuân theo 3 nguyên tắc sau:

Khung HTML càng gọn gàng (ít thẻ) càng tốt.
Các thẻ phải có ý nghĩa (semantic). Đoạn văn dùng thẻ p. Tiêu đề dùng thẻ h1, h2, h3. Danh sách dùng thẻ ul, li, hoặc dl, dd, dt. Dữ liệu dạng bảng (tabular data) thì dùng table, tr, td…. Tránh lạm dụng div (còn gọi là divitis). Chỉ dùng div khi không thể dùng những thẻ HTML có sẵn như vừa nêu. Nên dùng class, chỉ khi nào không thể dùng class thì mới dùng id.
Trường hợp không thể không thêm thẻ (như gặp tình huống khó như multi background, hoặc rounded corner, hoặc gặp tình huống cần hack như box model hack) thì mới thêm thẻ vào cấu trúc đã có.

Demo: http://dangminhtuan.googlepages.com/web00.html
Bước 1: Xác định font chữ dùng cho trang web
Bước 2: Căn lề giữa trang web
Bước 3: Thềm lề cho trang, và điều chỉnh phần footer
Bước 4: Đặt chiều rộng cho các vùng trên web để chuẩn bị cho bước tiếp theo
Bước 5: Cho các vùng chuyển động sang trái và phải
Bước 6: Thêm chiều cao cho các vùng
Bước 7: Trang trí cho các liên kết
Bước 8: Thêm màu nền
Bước 9: Trang trí phần tiêu đề chính
Bước 10: Trang trí jump link
Bước 11: Trang trí menu chính
Bước 12: Trang trí link và text ở sidebar
Bước 13: Trang trí List và Text ở footer
Bước 14: Trang trí phần đường dẫn
Bước 15: Trang trí phần nội dung và phần heading của sidebar
Bước 16: Trang trí phần trích dẫn và phần tác giả
Bước 17: Trang trí List trong nội dung chính
Bước 18: Thêm màu nền cho toàn trang
Bước 19: Thêm hình nền vào các phần để hoàn thiện trang
Bước cuối cùng: Chuyển CSS thành một file riêng

    Hôm nay: Tue Oct 17, 2017 12:55 pm