Presentation is loading. Please wait.

Presentation is loading. Please wait.

Murach’s ASP.NET 3.5/C#, C5© 2008, Mike Murach & Associates, Inc.Slide 1.

Similar presentations


Presentation on theme: "Murach’s ASP.NET 3.5/C#, C5© 2008, Mike Murach & Associates, Inc.Slide 1."— Presentation transcript:

1 Murach’s ASP.NET 3.5/C#, C5© 2008, Mike Murach & Associates, Inc.Slide 1

2 Murach’s ASP.NET 3.5/C#, C5© 2008, Mike Murach & Associates, Inc.Slide 2

3 Murach’s ASP.NET 3.5/C#, C5© 2008, Mike Murach & Associates, Inc.Slide 3

4 Murach’s ASP.NET 3.5/C#, C5© 2008, Mike Murach & Associates, Inc.Slide 4

5 Murach’s ASP.NET 3.5/C#, C5© 2008, Mike Murach & Associates, Inc.Slide 5

6 Murach’s ASP.NET 3.5/C#, C5© 2008, Mike Murach & Associates, Inc.Slide 6

7 Murach’s ASP.NET 3.5/C#, C5© 2008, Mike Murach & Associates, Inc.Slide 7

8 Murach’s ASP.NET 3.5/C#, C5© 2008, Mike Murach & Associates, Inc.Slide 8

9 Murach’s ASP.NET 3.5/C#, C5© 2008, Mike Murach & Associates, Inc.Slide 9

10 Murach’s ASP.NET 3.5/C#, C5© 2008, Mike Murach & Associates, Inc.Slide 10

11 Murach’s ASP.NET 3.5/C#, C5© 2008, Mike Murach & Associates, Inc.Slide 11

12 Murach’s ASP.NET 3.5/C#, C5© 2008, Mike Murach & Associates, Inc.Slide 12

13 Murach’s ASP.NET 3.5/C#, C5© 2008, Mike Murach & Associates, Inc.Slide 13

14 Murach’s ASP.NET 3.5/C#, C5© 2008, Mike Murach & Associates, Inc.Slide 14

15 Murach’s ASP.NET 3.5/C#, C5© 2008, Mike Murach & Associates, Inc.Slide 15

16 Murach’s ASP.NET 3.5/C#, C5© 2008, Mike Murach & Associates, Inc.Slide 16

17 Murach’s ASP.NET 3.5/C#, C5© 2008, Mike Murach & Associates, Inc.Slide 17

18 Murach’s ASP.NET 3.5/C#, C5© 2008, Mike Murach & Associates, Inc.Slide 18

19 Murach’s ASP.NET 3.5/C#, C5© 2008, Mike Murach & Associates, Inc.Slide 19

20 Murach’s ASP.NET 3.5/C#, C5© 2008, Mike Murach & Associates, Inc.Slide 20

21 Murach’s ASP.NET 3.5/C#, C5© 2008, Mike Murach & Associates, Inc.Slide 21

22 Murach’s ASP.NET 3.5/C#, C5© 2008, Mike Murach & Associates, Inc. Slide 22 Embedded Presentation vs. Separated Presentation Embedded Presentation Separated Presentation

23 Murach’s ASP.NET 3.5/C#, C5© 2008, Mike Murach & Associates, Inc.Slide 23

24 Murach’s ASP.NET 3.5/C#, C5© 2008, Mike Murach & Associates, Inc.Slide 24

25 Murach’s ASP.NET 3.5/C#, C5© 2008, Mike Murach & Associates, Inc.Slide 25

26 Murach’s ASP.NET 3.5/C#, C5© 2008, Mike Murach & Associates, Inc.Slide 26

27 Murach’s ASP.NET 3.5/C#, C5© 2008, Mike Murach & Associates, Inc. Slide 27 IDs in CSS An ID is used to define a style on a web page element or group of elements – An ID must be unique on a page IDs are usually used to define layout areas on a web page In the stylesheet, an ID uses the # character –#header { color: #CCCCCC; }

28 Murach’s ASP.NET 3.5/C#, C5© 2008, Mike Murach & Associates, Inc. Slide 28 IDs in a CSS file #container { text-align: center; width: 955px; margin: 0px auto; #header { background-color: #00600; padding: 5px; } #content { text-align: left; background-color: #FFFFFF; } #footer { text-align: center; background-color: #00CC00; }

29 Murach’s ASP.NET 3.5/C#, C5© 2008, Mike Murach & Associates, Inc. Slide 29 Two Column Layout Both columns may not end in the same place You can have a background with columns in the container Need to add clear:left; to the footer ID to stop the footer from floating Content inside the second column is floated to the left of the first column and is longer Content in first column is floated to the left of everything Content in the footer is not floated

30 Murach’s ASP.NET 3.5/C#, C5© 2008, Mike Murach & Associates, Inc. Slide 30 CSS for IDs for Two Column Layout #container { margin: 0px auto; width: 955px; } #left { float: left; } #footer { clear: left; }

31 Murach’s ASP.NET 3.5/C#, C5© 2008, Mike Murach & Associates, Inc. Slide 31 Practice Makes Perfect Use CSS to separate page content from presentation Do not use CSS to give HTML tags an unfamiliar appearance The more you use CSS the better skilled you will become Examine CSS used by others to extend your knowledge, i.e.


Download ppt "Murach’s ASP.NET 3.5/C#, C5© 2008, Mike Murach & Associates, Inc.Slide 1."

Similar presentations


Ads by Google