SlideShare une entreprise Scribd logo
1  sur  33
Télécharger pour lire hors ligne
www.ohisee.com


 Mục đích – Demo quá trình xây
dựng 1 trang web từ ban đầu đến
          khi hoàn chỉnh
www.ohisee.com

 Step 0: Trang web chưa có style
              (CSS)
 Ban đầu,ta chia trang web thành 1 số vùng như: jump links, header, nội dung
 (chứa 1 số thành phần cơ bản như tiêu đề, list, blockquote và site...), một
 menu dọc và một số nội dung cơ bản bên cạnh trang gọi là “sidebar”và phần
 footer là phần cuối trang, thường chứa thông tin về bản quyền. Sau đó chúng
 ta nhập nội dung vào. Đây là 1 trang “trần truồng” (naked site) vì nó chưa được
 thêm CSS.




Demo: http://dangminhtuan.googlepages.com/web00.html
Xay Dung Web Tu Bat Dau Den Hoan Chinh Bang Css
Xay Dung Web Tu Bat Dau Den Hoan Chinh Bang Css
Xay Dung Web Tu Bat Dau Den Hoan Chinh Bang Css
Xay Dung Web Tu Bat Dau Den Hoan Chinh Bang Css
Xay Dung Web Tu Bat Dau Den Hoan Chinh Bang Css
Xay Dung Web Tu Bat Dau Den Hoan Chinh Bang Css
Xay Dung Web Tu Bat Dau Den Hoan Chinh Bang Css
Xay Dung Web Tu Bat Dau Den Hoan Chinh Bang Css
Xay Dung Web Tu Bat Dau Den Hoan Chinh Bang Css
Xay Dung Web Tu Bat Dau Den Hoan Chinh Bang Css
Xay Dung Web Tu Bat Dau Den Hoan Chinh Bang Css
Xay Dung Web Tu Bat Dau Den Hoan Chinh Bang Css
Xay Dung Web Tu Bat Dau Den Hoan Chinh Bang Css
Xay Dung Web Tu Bat Dau Den Hoan Chinh Bang Css
Xay Dung Web Tu Bat Dau Den Hoan Chinh Bang Css
Xay Dung Web Tu Bat Dau Den Hoan Chinh Bang Css
Xay Dung Web Tu Bat Dau Den Hoan Chinh Bang Css
Xay Dung Web Tu Bat Dau Den Hoan Chinh Bang Css
Xay Dung Web Tu Bat Dau Den Hoan Chinh Bang Css
Xay Dung Web Tu Bat Dau Den Hoan Chinh Bang Css
Xay Dung Web Tu Bat Dau Den Hoan Chinh Bang Css
Xay Dung Web Tu Bat Dau Den Hoan Chinh Bang Css
Xay Dung Web Tu Bat Dau Den Hoan Chinh Bang Css
Xay Dung Web Tu Bat Dau Den Hoan Chinh Bang Css
Xay Dung Web Tu Bat Dau Den Hoan Chinh Bang Css
Xay Dung Web Tu Bat Dau Den Hoan Chinh Bang Css
Xay Dung Web Tu Bat Dau Den Hoan Chinh Bang Css
Xay Dung Web Tu Bat Dau Den Hoan Chinh Bang Css
Xay Dung Web Tu Bat Dau Den Hoan Chinh Bang Css
Xay Dung Web Tu Bat Dau Den Hoan Chinh Bang Css
Xay Dung Web Tu Bat Dau Den Hoan Chinh Bang Css

Contenu connexe

Plus de Dang Tuan

Session02 Part Ii
Session02 Part IiSession02 Part Ii
Session02 Part IiDang Tuan
 
PHÂN TÍCH VÀ THIẾT KẾ HỆ THỐNG DÙNG UML
PHÂN TÍCH VÀ THIẾT KẾ HỆ THỐNG DÙNG UMLPHÂN TÍCH VÀ THIẾT KẾ HỆ THỐNG DÙNG UML
PHÂN TÍCH VÀ THIẾT KẾ HỆ THỐNG DÙNG UMLDang Tuan
 
M02 Uml Overview
M02 Uml OverviewM02 Uml Overview
M02 Uml OverviewDang Tuan
 
UML for OOAD
UML for OOADUML for OOAD
UML for OOADDang Tuan
 
Object-Oriented Analysis & Design (OOAD) Domain Modeling Introduction
  Object-Oriented Analysis & Design (OOAD)  Domain Modeling Introduction  Object-Oriented Analysis & Design (OOAD)  Domain Modeling Introduction
Object-Oriented Analysis & Design (OOAD) Domain Modeling IntroductionDang Tuan
 
Introduction to Modeling Java and UML
Introduction to Modeling Java and UMLIntroduction to Modeling Java and UML
Introduction to Modeling Java and UMLDang Tuan
 
Information Systems Analysis and Design Overview of OOAD, UML, and RUP
 Information Systems Analysis and Design Overview of OOAD, UML, and RUP Information Systems Analysis and Design Overview of OOAD, UML, and RUP
Information Systems Analysis and Design Overview of OOAD, UML, and RUPDang Tuan
 
Ooad Overview
Ooad OverviewOoad Overview
Ooad OverviewDang Tuan
 
M03 2 Behavioral Diagrams
M03 2 Behavioral DiagramsM03 2 Behavioral Diagrams
M03 2 Behavioral DiagramsDang Tuan
 
M05 Metamodel
M05 MetamodelM05 Metamodel
M05 MetamodelDang Tuan
 
M04 Design Patterns
M04 Design PatternsM04 Design Patterns
M04 Design PatternsDang Tuan
 
M03 1 Structuraldiagrams
M03 1 StructuraldiagramsM03 1 Structuraldiagrams
M03 1 StructuraldiagramsDang Tuan
 
M01 Oo Intro
M01 Oo IntroM01 Oo Intro
M01 Oo IntroDang Tuan
 
Hoc Jquery Trong 1h
Hoc Jquery Trong 1hHoc Jquery Trong 1h
Hoc Jquery Trong 1hDang Tuan
 

Plus de Dang Tuan (16)

Chapter5
Chapter5Chapter5
Chapter5
 
Session02 Part Ii
Session02 Part IiSession02 Part Ii
Session02 Part Ii
 
PHÂN TÍCH VÀ THIẾT KẾ HỆ THỐNG DÙNG UML
PHÂN TÍCH VÀ THIẾT KẾ HỆ THỐNG DÙNG UMLPHÂN TÍCH VÀ THIẾT KẾ HỆ THỐNG DÙNG UML
PHÂN TÍCH VÀ THIẾT KẾ HỆ THỐNG DÙNG UML
 
Ooad Uml
Ooad UmlOoad Uml
Ooad Uml
 
M02 Uml Overview
M02 Uml OverviewM02 Uml Overview
M02 Uml Overview
 
UML for OOAD
UML for OOADUML for OOAD
UML for OOAD
 
Object-Oriented Analysis & Design (OOAD) Domain Modeling Introduction
  Object-Oriented Analysis & Design (OOAD)  Domain Modeling Introduction  Object-Oriented Analysis & Design (OOAD)  Domain Modeling Introduction
Object-Oriented Analysis & Design (OOAD) Domain Modeling Introduction
 
Introduction to Modeling Java and UML
Introduction to Modeling Java and UMLIntroduction to Modeling Java and UML
Introduction to Modeling Java and UML
 
Information Systems Analysis and Design Overview of OOAD, UML, and RUP
 Information Systems Analysis and Design Overview of OOAD, UML, and RUP Information Systems Analysis and Design Overview of OOAD, UML, and RUP
Information Systems Analysis and Design Overview of OOAD, UML, and RUP
 
Ooad Overview
Ooad OverviewOoad Overview
Ooad Overview
 
M03 2 Behavioral Diagrams
M03 2 Behavioral DiagramsM03 2 Behavioral Diagrams
M03 2 Behavioral Diagrams
 
M05 Metamodel
M05 MetamodelM05 Metamodel
M05 Metamodel
 
M04 Design Patterns
M04 Design PatternsM04 Design Patterns
M04 Design Patterns
 
M03 1 Structuraldiagrams
M03 1 StructuraldiagramsM03 1 Structuraldiagrams
M03 1 Structuraldiagrams
 
M01 Oo Intro
M01 Oo IntroM01 Oo Intro
M01 Oo Intro
 
Hoc Jquery Trong 1h
Hoc Jquery Trong 1hHoc Jquery Trong 1h
Hoc Jquery Trong 1h
 

Xay Dung Web Tu Bat Dau Den Hoan Chinh Bang Css

  • 1. www.ohisee.com Mục đích – Demo quá trình xây dựng 1 trang web từ ban đầu đến khi hoàn chỉnh
  • 2. www.ohisee.com Step 0: Trang web chưa có style (CSS) Ban đầu,ta chia trang web thành 1 số vùng như: jump links, header, nội dung (chứa 1 số thành phần cơ bản như tiêu đề, list, blockquote và site...), một menu dọc và một số nội dung cơ bản bên cạnh trang gọi là “sidebar”và phần footer là phần cuối trang, thường chứa thông tin về bản quyền. Sau đó chúng ta nhập nội dung vào. Đây là 1 trang “trần truồng” (naked site) vì nó chưa được thêm CSS. Demo: http://dangminhtuan.googlepages.com/web00.html