PDA

View Full Version : How can I get up and running with CS4 fast?


Melissa2010B
06-11-2010, 03:30 PM
I just got CS4 and need to get up and running fast. I have some background with doing my own very basic web pages without CSS ( http://www.coloradoprocessservers.net ) but need to get up and going to redesign this myself with CSS so the text doesnt overlap and look crummy in different browsers and so it looks more professional. ( see http://www.dreamweaverclub.com/forum/showthread.php?t=36164 )

I've started familiarizing myself very basically with CSS and installed the CS4 but cant figure how to use CS4. The help stuff in the program is so mysterious to me that it's useless and I dont have time or money for a college course.

Suggestions?

rico1931
06-11-2010, 06:46 PM
If you don't have time to read a book then i suggest a lot of googling.. but there are a ton of help videos out there that you can follow step by step. I even think Corrosive on here has some tutorials..

edbr
06-12-2010, 01:43 AM
points to look at for layout

use relative positioning and floats for divs. here is a very basic layout i quickly put together for you to play with .
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<head>
<title>basic layout</title>
<style>
*{
margin:0;
padding:0;
}
body{
font-family: arial;
background:#152F4A;
color:#FFF;
}
#wrapper{ width:950px; margin-left: auto; margin-right:auto;
}
#banner{

width:100%;
height:100px;
float:left;
position:relative;

background-color:#900;
}
#left{
width:25%;
position:relative;
float:left;
background-color: #039;
}
#right{
width:75%;
position:relative;
float:left;
background-color: #0F6;
}
#footer{ width:100%; height:30px; position:relative;
float:left;
background-color: #FF0;}
.clear{ clear:both;}
</style>
</head>
<body>
<div id="wrapper">
<div id="banner">Content for id "banner" Goes Here

</div>
<div id="left">Content for id "left" Goes Here<br>
Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Praesent aliquam, justo convallis luctus rutrum, erat nulla fermentum diam, at nonummy quam ante ac quam. Maecenas urna purus, fermentum id, molestie in, commodo porttitor, felis. Nam blandit quam ut lacus. Quisque ornare risus quis ligula. Phasellus tristique purus a augue condimentum adipiscing. Aenean sagittis. Etiam leo pede, rhoncus venenatis, tristique in, vulputate at, odio. Donec et ipsum et sapien vehicula nonummy. Suspendisse potenti. Fusce varius urna id quam. Sed neque mi, varius eget, tincidunt nec, suscipit id, libero. In eget purus. Vestibulum ut nisl. Donec eu mi sed turpis feugiat feugiat. Integer turpis arcu, pellentesque eget, cursus et, fermentum ut, sapien. Fusce metus mi, eleifend sollicitudin, molestie id, varius et, nibh. Donec nec libero.</div>

<div id="right">Content for id "right" Goes Here<br>
Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Praesent aliquam, justo convallis luctus rutrum, erat nulla fermentum diam, at nonummy quam ante ac quam. Maecenas urna purus, fermentum id, molestie in, commodo porttitor, felis. Nam blandit quam ut lacus. Quisque ornare risus quis ligula. Phasellus tristique purus a augue condimentum adipiscing. Aenean sagittis. Etiam leo pede, rhoncus venenatis, tristique in, vulputate at, odio. Donec et ipsum et sapien vehicula nonummy. Suspendisse potenti. Fusce varius urna id quam. Sed neque mi, varius eget, tincidunt nec, suscipit id, libero. In eget purus. Vestibulum ut nisl. Donec eu mi sed turpis feugiat feugiat. Integer turpis arcu, pellentesque eget, cursus et, fermentum ut, sapien. Fusce metus mi, eleifend sollicitudin, molestie id, varius et, nibh. Donec nec libero.</div>
<div id="footer">Content for id "footer" Goes Here</div>
</div><!--wrapper-->
</body>
</html>