SimplyMaya Forums

Welcome to the forum, feel free to ask questions here.

Home / forum / Lounges / Members Lounge / Dreamweaver & CSS help/tutorials.
Register FAQ Members List Calendar Mark Forums Read

New Thread
 
Thread Tools
Old 15-02-2004, 01:12 AM   #1
doodle
Registered User
 
doodle's Avatar
 
Join Date: Nov 2002
Location: London
Posts: 1,292
Thanks: 0
Thanked 0 Times in 0 Posts
Default Dreamweaver & CSS help/tutorials.

Does anyone know of any tutorials on Dreamweaver MX, video preferred or standard text is just as good? I need to brush up on my skills in order make an online portfolio. Anything thatíll re-teach me the basics so I can navigate myself around the program with ease. Also, general stuff like setting up/managing the layout, site managementÖetc. I need to know how to make a image rollover and managing frames always gets me confused.

Any direction in where to look would be appreciated.

Also, what is the easiest/simplest type of code that gets the best results? HTML, CSS or another code. I hear that CSS is the way to go. You just worry about site content and it manages the layout itself, but what does this mean and how would it effect my design. (I can explain it it necessary)

Many thanks.
__________________
Yeah, but no but yeah but no....
doodle is offline   Reply With Quote
Old 15-02-2004, 01:33 AM   #2
David
SM Site Programmer
 
David's Avatar
 
Join Date: Apr 2002
Posts: 3,039
Thanks: 50
Thanked 390 Times in 305 Posts
Default

CSS compliments HTML it does not replace it entirely. CSS gives you more control over how the page is rendered, it also removes the need for a lot of redundant HTML code. Example:
Straight HTML
Code:
<font color="#000066" size="-1" face="Verdana, Arial, Helvetica, sans-serif">Line 1</font><br>
<font color="#000066" size="-1" face="Verdana, Arial, Helvetica, sans-serif">Line 2</font><br>
<font color="#000066" size="-1" face="Verdana, Arial, Helvetica, sans-serif">Line 3</font>
The above is 3 lines of text with font attributes specified in HTML now imagine that throughout an entire site and you can see what i mean about redundancy, not only that but if you need to come back and change the font type or size at a later date its a pain in the ass.

Heres the same thing in HTML using CSS

Code:
<style type="text/css">
<!--
.medium-text-example {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #000066;
}
-->
</style>
</head>

<body>
<div align="left" class="medium-text-example">Line 1</div>
<div align="left" class="medium-text-example">Line 2</div>
<div align="left" class="medium-text-example">Line 3</div>
Now you can update all the text on that page, by simply changing the properties of .medium-text-example. If you save your CSS as its own file and link it to all the pages in your site like so
Code:
<link href="/main.css" rel="stylesheet" type="text/css">
When you update the CSS file the entire site will change.

You may also redefine entire HTML tags with CSS, say you wanted to use Verdana throughout all the text in your site, with out the need to apply styles to every scrap of text this does so
Code:
body {
	font-family: Verdana, Arial, Helvetica, sans-serif;
}
Or how about Verdana for the body text, and Times New Roman for all the table cells. Also simple.
Code:
body {
	font-family: Verdana, Arial, Helvetica, sans-serif;
}
td {
	font-family: "Times New Roman", Times, serif;
}
This will save you a lot of work when it comes to designing and updating your site.

Try a search for CSS basics on google you will turn up loads of material. The above examples should give you enough incentive to want to go look it up.

Forget rollover images, as for frames they can come in handy in certain circumstances but in 100s of designs I've probably made one page that uses them. Try if possible to get your site done without them, same goes for iframes and such, only use them if you have to.

David
__________________
Worst Response To A Crisis:
From a readers' Q and A column in TV GUIDE: "If we get involved in a nuclear war, would the electromagnetic pulses from exploding bombs damage my videotapes?"
David is offline   Reply With Quote
Old 15-02-2004, 01:42 AM   #3
David
SM Site Programmer
 
David's Avatar
 
Join Date: Apr 2002
Posts: 3,039
Thanks: 50
Thanked 390 Times in 305 Posts
Default

oh one other thing if your just starting out to a large extent its much easier to create a fixed width site (stick all the content in one big fixed width table). Try and keeps your designs free of scrolling text, fade outs ec cetera. Keep it as simply as possible and spend as much time on the navigation as you do on making it look nice, most people fall down with this, the site looks good but you cant find **** all on it. The first simply Maya went the way of all things because it looked nice but people just couldn't find anything on it. Don't use anything that flashes or beeps or plays annoying midi files. Try and avoid Java applets unless you really need then. Basically just keep it simple.

Any questions just ask.

David.
__________________
Worst Response To A Crisis:
From a readers' Q and A column in TV GUIDE: "If we get involved in a nuclear war, would the electromagnetic pulses from exploding bombs damage my videotapes?"
David is offline   Reply With Quote
Old 15-02-2004, 03:20 AM   #4
doodle
Registered User
 
doodle's Avatar
 
Join Date: Nov 2002
Location: London
Posts: 1,292
Thanks: 0
Thanked 0 Times in 0 Posts
Default

Cheers for the info. I found a site called W3Schools.com, there loads of stuff in there and mako4css.com should get me started. Iíve used Dreamweaver before, about 4 years ago at school and Go Live at college around a year and a half ago so Iím not a total beginner to HTML, but am gonna start as one to make things easier.

I do have another more simpler design, which i may use first and work on the main one after. Time isnít a problem as I first gonna have some decent work to fill it :p, so I have plenty to time to learn and play.

Thank again
__________________
Yeah, but no but yeah but no....

Last edited by doodle : 15-02-2004 at 09:36 PM.
doodle is offline   Reply With Quote
New Thread

« Previous Thread | Next Thread »

Thread Tools

Posting Rules
You may not post new threads
You may not post replies
You may not post attachments
You may not edit your posts

vB code is On
Smilies are On
[IMG] code is On
HTML code is Off

1 Month

$34

Month-to-month billing
$34/month
Unlimited access to all videos
Project files to download
Easy to cancel at anytime
 
 

3 months

$87

Billing every 3 months
$29/month
Unlimited access to all videos
Project files to download
Easy to cancel at anytime
Save $5 per month or $15 in total compared to monthly billing with this package.

12 months

$288

Billing every 12 months
$24/month
Unlimited access to all videos
Project files to download
Easy to cancel at anytime
Save $10 per month or $120 in total compared to monthly billing with this package.

Your plan will automatically renew. You can cancel at any time via your PayPal account to avoid being charged again.

You can view the FAQ on our video plans here. You can contact us directly here. By clicking one of the buttons above, you agree to our Terms and Privacy Policy.