Maya Training

Introduction to Hard Surface Modeling

Maya Training

Interiors and Furniture Vol 1 & 2 - Modeling & Cloth

Maya Training

Shading, Lighting and Rendering the Bedroom in MR

Maya Training

Robot volume one - Modeling with animation in mind

Maya Training

Spach-Alspaugh House the complete courseware

Maya Training

Burt The Cartoon Dinosaur Vol 01 - Modeling

New Maya Training

Robot Volume 02 - Hybrid Rigging
You are here > Home > SimplyMaya Community Forums
Loading

Welcome to Simply Maya

Please Sign in or Sign up for an account

Member Login

Lost your password?

Not a member yet? Sign Up!

Old 15-02-2004, 02: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, 02:33 AM   #2
David
SM Site Programmer
 
David's Avatar
 
Join Date: Apr 2002
Posts: 2,991
Thanks: 49
Thanked 385 Times in 300 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, 02:42 AM   #3
David
SM Site Programmer
 
David's Avatar
 
Join Date: Apr 2002
Posts: 2,991
Thanks: 49
Thanked 385 Times in 300 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, 04: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 10:36 PM.
doodle is offline   Reply With Quote

A little bit about who we are
Links you might find useful
Catch up with SimplyMaya
SimplyMaya specialises in Maya tutorials. We offer over 1,000 individual Maya training videos, ranging from basic Maya tutorials through to intermediate Maya tutorials. Our tutorials are created by instructors with industry experience and are designed to get you up and running in Maya quickly without making it seem like hard work.

Copyright © 1999-2015 SimplyMaya - vBulletinģ Copyright © 2000-2015, Jelsoft Enterprises Ltd.