Goal
Understand relationships between naming protocols, files, folders and links
Product
Web site folder
Combine CSS declarations under a single selectors
Watch video linked above for examples
Folder named “lastname_portfolio”
HTML file placed inside
media folder included inside
Include images for all future work
Make sure it is titled all lowercase “media
Tools
~ Adobe Dreamweaver
~ Kompozer
Resource
~ W3schools.com CSS Examples Page
Continue reading about Explore HTML and CSS Relationship - Day 2
Goal
Understand relationship between HTML and CSS
Product
Save file to your server account
Basic HTML page with 20 lines of CSS
One CSS question for the teacher tomorrow
Tools
Adobe Dreamweaver
Kompozer
Resource
Sample Web Page
W3schools.com CSS Examples Page
Sample Code
<h1>This is a Header or h1</h1>
<h2>This is an h2</h2>
<h3>This is an h3</h3>
<h4>This is an h4</h4>
<p>This is a paragraph. This is a paragraph. This is a [...]
Continue reading about Explore HTML and CSS Relationship - Day 1
Download a zipped copy of this file with the complete folder structure
body {
color:#F2B368;
text-align: center;
background-image: url(’media/bg.gif’);
margin:50px 0px; padding:0px;
}
#container {
margin: 0 auto;
width: 270px;
background-color: #000;
border: medium solid #000;
}
#title1, #title2 {
position: relative;
margin: 0 auto;
width: 248px;
height: 43px;
border: medium solid #000;
margin: 10px;
display: block;
margin-left: auto;
margin-right: auto;
}
#title1 [...]
