I am learning all this stuff on Photoshop now I would like to have a
tutorial to show me how to link all this stuff together. I am coding
through dreamweaver if I can get anymore specific than that.
Learn HTML; read a book on HTML 4.01. There is also information on the web. But it does not compare to a good solid book. E.g. the Platinum editions/Special edition and Unleashed series of books. (Not the learn in 31/28 days books).
You're using Dreamweaver? Well maybe you should go to the Macromedia site, they have a lot of tuts, links and pretty good forums.
Thanks for the Macromedia tute, but I am only using dreamweaver for coding
nothing more. I refuse to learn backwards.
>
>
I downloaded what you gave me. What exactly is it and how should I use it?
"hot_denim" <h@no-spam> wrote in message news:1de9b22a.4@no-spam
> Christian M. Holes
>
> <http://www.w3.org/TR/html4/html40.zip>
I got all that and thanks now I know how to read it. But my question still
is for the other things that I posted like what books should I be reading
things like that.
:"You mean I spent 40 bucks for nothing. And these books will only be good
for references? I am crying now. Ok before I make the same mistake twice.
I am trying to make WebPages with killer (for now good) user interfaces and
backgrounds. I was told to start with HTML first. From what I see and what
the first book I have been reading, it is extremely easy and I wish that I
could focus on the stuff I need to know not every freaking command known to
man. Ok what your telling me however is something about JavaScript and I
should get full blown books for that. What else will I need and would you
mind giving me a recipe of books that I will need so I can just purchase
them."
I didn't know if you got this one.
OK while reading the SPec you will come accross stylesheets and CSS2. Youll know what there are when you read it...anyway the spech just breifly mentions them to intorduce CSS. Here is the CSS2 spec. I learn by it.. But so far. I'd say you need to undertand it. (Not all browser support ALl of the things...probably no browser supports every feature..so somthings browsers may not display a certain thing).
Just read it etc....
<http://www.w3.org/TR/REC-CSS2/css2.zip>
Now that is basically all the stuff that goes into making a page.
Javascript is use to program thing in the page...i.e vary dynamic effects...verify form input. etc...i.e. Control the browser..
Here is the GUide and the reference..
<http://devedge.netscape.com/library/manuals/2000/javascript/1.5/guide/CoreGuideJS15.zip>
<http://devedge.netscape.com/library/manuals/2000/javascript/1.5/reference/CoreReferenceJS15.zip>
Also for use either OPERA 7 (www.opera.com) browser or IE6 for this stuff. I think opera is more advanced and supports more CSS2 and HTML4.01 than IE6.
Id say 1 month HTML spec (read 2 times and practice manully without dreamweaver. 1 Month CSS 2 (read twice) and play about.
Then about 3 month on Javascript. Read GUide and Reference 2 times each.
Then you'll be OK. Don't need any books if your OK with this stuff. Hoever there maybe book on advacned subjects than this e.g entire book devoted to DHTML Dynamic HTML which is using HTML + CSS2 and JAVSCRIPT to dynamically alter things. WHich you can do here...but it takes you further teaching you the tricks etc.... And maybe how to creatively utilise all these things put together..... But thats a diffrent storey thatn just crating good 'looking' pages.
Some of this is pretty darn raw, I just glanced with the html stuff and geez
oh man is it pretty raw. I don't even know how I would learn from that. I
mean when does it actually tell you to do something. Yea it tells you what
it is but how are you supposed to put it all together. Well I will look at
the css2 and java but is there actually tutorials or lessons so I can do the
stuff. And I only use Macromedia for the ability to not save and view my
work, but rather view my work. hmmmm
You have DreamWeaver but you want to learn the nuts and bolts and only use DW to view your work? Dreamweaver means you don't have to learn the nuts and bolts. What is your problem?
Christian M. Holes;
When you actually Read it youll see parts that are no inforation to you but to peopel creating a web browser; you can skip theese.
Basically go through all of it and try the examples....Make sure that you create you own example for every TAG that is explained using an editor e.g. notepad typing the HTML .... When you start doing this youll start building a picture of how this spec gives you the building blocks to build a web page any way you want it....and only then; After this will you know wht Dreamweaver is doing...
I CAN tell you I knew HTML 2.0...then had a rest from the web; then came back in HTML 4.01 days and went to Dreamweaver.. I was lost......; I went through the SPEC ,then back to dreamweaver, and know I know what im doing... Dreamwaever just automates it, thats all....sometimes you havbe to fiddele with the HTML genrated code to get it just right. How you gonna do that if you dont know what the document is is telling the browser ?.
Its javaSCRIPT not java, java is something complete unrelated (although can be used for the web).
Remeber to ignore anything about HTML's DTD that is talked about as you dont require it(it is for web browser designers).
Christian: "Thanks for the Macromedia tute, but I am only using dreamweaver for coding nothing more. I refuse to learn backwards."
There is absolutely nothing backwards about Dreamweaver and if you only use it for coding (I assume you own it), then use HomeSite that is on the CD, the tool for CodeWarriors.
Ooooo I found this cool link and this is a nifty little program.
http://www.hooverwebdesign.com/templates/free-ebooks.html
you have to go to the very last link on the page and it says teacher.exe
download that and let me know what you think.
Christian,
From your posts I gather that you are a beginner this week with Painter 8, Photoshop, HTML, Dreamweaver and Imageready. Good luck to you whether it is pie or filling you're after.
Like someone advised, Dreamweaver is covered well tutorially at the Macromedia site. Lynda.com also teaches using video, books, or by download lessons and comes highly recommended with Photoshop, ImageReady, and Dreamweaver.
Thanks Tarret.
I installed the homesite and I like it alot I think that I am going to use
that over dreamweaver seems a lot lighter for now and seems to give you help
when you need it instead at every keystroke.
I did however create my interface, sliced it (thank god for image ready)
<don't know how people did it before, and put it back together again via
html and java script. I am a genuis. Nope a pretty decent tutorial, LOL.
I did have a question though.
When I did all of the html and java my image became sized to large in some
areas and produced white lines where they shouldn't of been and I know this
because they are how I made the 3d effect in photoshop. if somebody could
let me know what I am doing wrong it would be much appreciated.
some of my code is here.
<!DOCTYPE html public "-//W3C//DTD HTML 4.01 Transitional//EN">
<HTML>
<HEAD>
<TITLE>first interface</TITLE>
</HEAD>
<SCRIPT LANGUAGE="Javascript"><!--//
browser_name = navigator.appName;
browser_version = parseFloat(navigator.appVersion);
if (browser_name == "Netscape" && browser_version >= 3.0) { roll = 'true'; }
else if (browser_name == "Microsoft Internet Explorer" && browser_version >=
3.0) { roll = 'true'; }
else { roll = 'false'; }
function msover(img,ref) { if (roll == 'true') { document.images[img].src =
ref; } }
function msout(img,ref) { if (roll == 'true') { document.images[img].src =
ref; } }
//-->
</SCRIPT>
<SCRIPT language="javascript"><!--
var imgslist = new Array(
"button_down1.jpg",
"button_down2.jpg",
"button_down3.jpg",
"button_down4.jpg",
"button_down5.jpg",
"button_down6.jpg",
"button_down7.jpg"
);
var imgs=new Array();
if (document.images)
for (x=0; x<imgslist.length; x++)
{imgs[x]=new Image(); imgs[x].src = imgslist[x];}
//-->
</SCRIPT>
<BODY>
<CENTER>
<TABLE cellspacing="0" cellpadding="0" border="0">
<TR>
<TD rowspan="13"><IMG src="leftside.jpg" width="6" height="325" alt=""
border="0">
</TD>
<TD><IMG src="title.jpg" width="117" height="45" alt="" border="0">
</TD>
<TD rowspan="13"><IMG src="rside.jpg" width="8" height="325" alt=""
border="0">
</TD>
</TR>
<TR>
<TD><A href="http://www.yourdomain1.com" target="_top"
onMouseOver="msover('a1','button_down1.jpg');"
onMouseOut="msout('a1','button_up1.jpg');"><IMG name="a1" alt="Back Home"
src="button_up1.jpg" width="117" height="34" alt="" border="0"></A>
</TD>
</TR>
<TR>
<TD><A href="http://www.yourdomain2.com" target="_top"
onMouseOver="msover('a2','button_down2.jpg');"
onMouseOut="msout('a2','button_up2.jpg');"><IMG name="a2" alt="Back Home"
src="button_up2.jpg" width="117" height="33" alt="" border="0"></A>
</TD>
</TR>
<TR>
<TD><A href="http://www.yourdomain3.com" target="_top"
onMouseOver="msover('a3','button_down3.jpg');"
onMouseOut="msout('a3','button_up3.jpg');"><IMG name="a3" alt="Back Home"
src="button_up3.jpg" width="117" height="35" alt="" border="0"></A>
</HTML>
I think I figured out the mistake. I think it was in Photoshop. When I
sliced the first images, and saved them. I should have kept the same
document open and then did my "down_state buttons from the same image and
slice guides. That way when I again brought them over to image ready and
sliced, diced and packaged them they would have been exactly the same.
Somewhere along the line I saved to different types of PSD's and this is
where I think the error is.
Does this make sense to anybody?