Download presentation
Presentation is loading. Please wait.
Published byDominick Palmer Modified over 8 years ago
1
Practice for Chapter 3: Assume that you are a freelance web designer and need to create a website to promote your freelance company.
2
Practice for Chapter 3 (continued) 1.Use dummy text from www.blindtextgenerator.com to create 3 pages for: Home | About Us | Portfolio HINT: For each page, you will “save as” www.blindtextgenerator.com 2.Link the pages together if not done yet. 3.If you finish early: - find a few pictures from your site, or - choose a color scheme from http://color.adobe.com http://color.adobe.com 4.Finally, we will create a stylesheet together. Steps to begin: 1.Create folder called “freelance”. Put inside your chapter3 folder. 2.Create the first page as template.html. In addition to the basic HTML tags, the only other elements we’ll use on all pages are: div for the wrapper, nav, footer, and link to a CSS page called business.css.
3
A style is: A group of formats that are setup as a unit and can be applied repeatedly. (generic definition) Advantages of CSS: Easy to edit and maintain More control (more features) Separate appearance from structure Can be stored and associated with web pages Smaller pages, potentially Types of CSS: Inline: Added as an attribute of an HTML tag and only applies to that individual element. Used to override others. Embedded: Defined in the head area between tags. Applies to the body of that document. External: A separate file which is linked in the section. Used for entire website. Mini Review of Cascading Style Sheets Syntax & example for inline style: selector {property: value";} p {line-height: 140%} Syntax & example for other CSS types: Link to external CSS file: Set up embedded CSS in area: How to apply CSS:
Similar presentations
© 2024 SlidePlayer.com. Inc.
All rights reserved.