Basics of Web Design
description
Transcript of Basics of Web Design
![Page 1: Basics of Web Design](https://reader030.fdocuments.in/reader030/viewer/2022032710/568143f1550346895db07986/html5/thumbnails/1.jpg)
Basics of Basics of Web Web
DesignDesign
1Copyright © 2016 Pearson Education, Inc., Hoboken NJ
![Page 2: Basics of Web Design](https://reader030.fdocuments.in/reader030/viewer/2022032710/568143f1550346895db07986/html5/thumbnails/2.jpg)
2Copyright © 2016 Pearson Education, Inc., Hoboken NJ
![Page 3: Basics of Web Design](https://reader030.fdocuments.in/reader030/viewer/2022032710/568143f1550346895db07986/html5/thumbnails/3.jpg)
Configure Width and Height with CSS
h1 { width: 80%; }
h1 { height: 100px; }
Copyright © 2016 Pearson Education, Inc., Hoboken NJ
![Page 4: Basics of Web Design](https://reader030.fdocuments.in/reader030/viewer/2022032710/568143f1550346895db07986/html5/thumbnails/4.jpg)
The Box Model
4Copyright © 2016 Pearson Education, Inc., Hoboken NJ
![Page 5: Basics of Web Design](https://reader030.fdocuments.in/reader030/viewer/2022032710/568143f1550346895db07986/html5/thumbnails/5.jpg)
Configure Margin with CSS
Copyright © 2016 Pearson Education, Inc., Hoboken NJ
![Page 6: Basics of Web Design](https://reader030.fdocuments.in/reader030/viewer/2022032710/568143f1550346895db07986/html5/thumbnails/6.jpg)
Configure Padding with CSS
Copyright © 2016 Pearson Education, Inc., Hoboken NJ
![Page 7: Basics of Web Design](https://reader030.fdocuments.in/reader030/viewer/2022032710/568143f1550346895db07986/html5/thumbnails/7.jpg)
The CSS border Property
Copyright © 2016 Pearson Education, Inc., Hoboken NJ
![Page 8: Basics of Web Design](https://reader030.fdocuments.in/reader030/viewer/2022032710/568143f1550346895db07986/html5/thumbnails/8.jpg)
Valid border-style Values
Copyright © 2016 Pearson Education, Inc., Hoboken NJ
![Page 9: Basics of Web Design](https://reader030.fdocuments.in/reader030/viewer/2022032710/568143f1550346895db07986/html5/thumbnails/9.jpg)
Configuring Specific Sides of a Border
Copyright © 2016 Pearson Education, Inc., Hoboken NJ
![Page 10: Basics of Web Design](https://reader030.fdocuments.in/reader030/viewer/2022032710/568143f1550346895db07986/html5/thumbnails/10.jpg)
10Copyright © 2016 Pearson Education, Inc., Hoboken NJ
![Page 11: Basics of Web Design](https://reader030.fdocuments.in/reader030/viewer/2022032710/568143f1550346895db07986/html5/thumbnails/11.jpg)
Centering Page Content with CSS
Copyright © 2016 Pearson Education, Inc., Hoboken NJ
![Page 12: Basics of Web Design](https://reader030.fdocuments.in/reader030/viewer/2022032710/568143f1550346895db07986/html5/thumbnails/12.jpg)
12Copyright © 2016 Pearson Education, Inc., Hoboken NJ
![Page 13: Basics of Web Design](https://reader030.fdocuments.in/reader030/viewer/2022032710/568143f1550346895db07986/html5/thumbnails/13.jpg)
13Copyright © 2016 Pearson Education, Inc., Hoboken NJ
![Page 14: Basics of Web Design](https://reader030.fdocuments.in/reader030/viewer/2022032710/568143f1550346895db07986/html5/thumbnails/14.jpg)
14Copyright © 2016 Pearson Education, Inc., Hoboken NJ
![Page 15: Basics of Web Design](https://reader030.fdocuments.in/reader030/viewer/2022032710/568143f1550346895db07986/html5/thumbnails/15.jpg)
15Copyright © 2016 Pearson Education, Inc., Hoboken NJ
![Page 16: Basics of Web Design](https://reader030.fdocuments.in/reader030/viewer/2022032710/568143f1550346895db07986/html5/thumbnails/16.jpg)
16Copyright © 2016 Pearson Education, Inc., Hoboken NJ
![Page 17: Basics of Web Design](https://reader030.fdocuments.in/reader030/viewer/2022032710/568143f1550346895db07986/html5/thumbnails/17.jpg)
17Copyright © 2016 Pearson Education, Inc., Hoboken NJ
![Page 18: Basics of Web Design](https://reader030.fdocuments.in/reader030/viewer/2022032710/568143f1550346895db07986/html5/thumbnails/18.jpg)
18Copyright © 2016 Pearson Education, Inc., Hoboken NJ
![Page 19: Basics of Web Design](https://reader030.fdocuments.in/reader030/viewer/2022032710/568143f1550346895db07986/html5/thumbnails/19.jpg)
Summary
19Copyright © 2016 Pearson Education, Inc., Hoboken NJ