Forums

This topic is locked

My very first website

Posted 13 Apr 2005 06:32:00
1
has voted
13 Apr 2005 06:32:00 Lisa Franceski posted:
Yes, I couldnt categorize it as the one aformentioned as a "cool site", however, I am proud that in 2 weeks, that I have produced a functional website for a local band in my area.

I think anyone who can do this with such finesse and artistry just amazes me completely.

Im still learning more, slightly overwhelmed but learning.

Any suggestions, comments, negative feedback are welcomed.

Thank you

Lisa

www.signifysound.net

Replies

Replied 13 Apr 2005 15:31:02
13 Apr 2005 15:31:02 Lisa Franceski replied:
After a good night's rest, I realized this is not the area in which I should have posted my first website. Is there anyway one of the moderators can move it where it belongs?

Thank you.

www.signifysound.net
Replied 14 Apr 2005 00:09:44
14 Apr 2005 00:09:44 Dave Thomas replied:
it's exactly where it should be posted.

i'll have a look over it later and give my opinion.

regards

Dave Thomas
<b>DMX Zone Manager</b>
Replied 14 Apr 2005 01:50:20
14 Apr 2005 01:50:20 Lisa Franceski replied:
I appreciate that...but after you "look it over" you will feel differently, but that's ok. I keep telling myself that its my first one, however, I am opened for any "honest opinion".

Regards

Lisa

www.signifysound.net
Replied 14 Apr 2005 07:07:43
14 Apr 2005 07:07:43 Lisa Franceski replied:
and silence ensues! LOL. I wont push no more for feedback but I think no words are worse then honest critiquing!

<img src=../images/dmxzone/forum/icon_smile.gif border=0 align=middle>

www.signifysound.net
Replied 14 Apr 2005 12:22:13
14 Apr 2005 12:22:13 Dave Thomas replied:
sorry for the wait lisa.

well if it's your very first i must say i'm impressed, my first weeby was absolute garbage, which i obviously thought was the best webby going at the time. haha, those were the days.

my likes:
your colours
you using css
the vibe of the site

my dislikes:
you should link a a stylesheet instead of having them in the page.
one form is styled and the other isn't, sticks out like a sore thumb.
too many scrollbars.
too much black.

i think the site has a real nice feel to it, and with a tiny bit of tinkering it could be great.
well done.

regards

Dave Thomas
<b>DMX Zone Manager</b>
Replied 14 Apr 2005 17:20:22
14 Apr 2005 17:20:22 Lisa Franceski replied:
WooHoo! I thank you for being honest!

I will address each dislike so Im at a clear understanding:

my dislikes:
YOU: you should link a a stylesheet instead of having them in the page.

ME: I dont understand...Make a a stylesheet seperate? ie: "a" CSS? I did this all in notepad following WC3's tutorials. If you could elaborate, that would be great.


YOU: one form is styled and the other isn't, sticks out like a sore thumb.

ME: Again, sorry for the ignorance, what form? If you let me know, I'll fix it .

YOU: too many scrollbars.

ME: Youre right there is, but how can I keep updating "The Scoop" area and maintain a "history" of all the events?

YOU: too much black.

ME: Any suggestions? I am definitely opened.


Thank you for taking the time.

www.signifysound.net
Replied 14 Apr 2005 17:56:13
14 Apr 2005 17:56:13 Dave Thomas replied:
#ok linking a stylesheet:#

the css code you have in your page.

<pre id=code><font face=courier size=2 id=code><font color=blue>
ul
{
float:left;
width:100%;
padding:0;
margin:0;
list-style-type:none;
}
a
{
float:center;
width:10em;
text-decoration:none;
color:#FF4800;
background-color:#000000;
padding:0.4em 1.5em;
border-right:1px #000000;
}

body,td,th {
font-family: Arial, Helvetica, sans-serif;
font-size: 14px;
color: #FFFFFF;
}
body {
background-color: #000000;
}
a {
font-family: Arial, Helvetica, sans-serif;
font-size: 14px;
color: #FF4800;
}
a:link {
text-decoration: none;
}
a:visited {
text-decoration: none;
color: #FF4800;
}
a:hover {
text-decoration: none;
}
a:active {
text-decoration: none;
color: FF00CC;
}
</font id=blue></font id=code></pre id=code>

can all be removed and placed in a seperate file (for example myStyle.css) to do this in notepad, copy the above, make sure 'Save As' is set to 'all files' otherwise it will give it a .txt extension. and then save it as myStyle.css
you then link to this in the HEAD of the page, and the advantage is, you change the code in the css file, and all your pages update at once, no more editing every pages styles.
you link it like so:

<pre id=code><font face=courier size=2 id=code><font color=red>&lt;link href="myStyle.css" rel="stylesheet" type="text/css"&gt;</font id=red></font id=code></pre id=code>

#the form#
<img src="www.emptyclip.fragonomics.com/dmx/forms.gif" border=0>

#the scrollbars#
well i use asp & php which allows you to show snippets of text and then dynamically create a page for the full story if someone clicks it. if your only using html, i would suggest, setting a maximum character limit for each description, or having this info in your middle box, and replacing the left/right content with something else.
this is where a design background comes into play, making everything in order, with the least mess. play around with things. this is your first site so your work is only going to get better.

#too much black#
again a design issue. we have some good premium articles here on design and colour schemes etc.. if they don't suit you, do a google, there is thousands of sites, and now personal blogs relating to design.

and i'm even more impressed you did it all in notepad.

my last piece of advice is, learn how to do it without any tables, css is much cleaner, faster and looks better.

recommended article to read:
www.dmxzone.com/showDetail.asp?TypeId=28&NewsId=6942
www.dmxzone.com/ShowDetail.asp?NewsId=6375

recommended site to visit:
www.alistapart.com/ lots of design related articles here

regards

Dave Thomas
<b>DMX Zone Manager</b>
Replied 14 Apr 2005 18:52:27
14 Apr 2005 18:52:27 Lisa Franceski replied:
I cannot thank you enough for taking the time and giving me the feedback you did.

I want to make the site "great" so I will tinker. (I've been tinkering all along and I've changed the format, code, look, design more times than you can imagine -- will continue to do so until it does look "great".

Php &lt;other than myMail form on index page and the shoutbox which was not my design except for colors&gt; I'm totally new. I'll have to read up on that -- will take a bit. I hope its as understandable as the html was. (took me a bit to learn though and sometimes 24 hours of reading and playing in notepad, but somehow I got it) Asp...not a clue...again will have to read about that as well. Snippets are php?

Tables were the hardest for me to learn and/or comprehend. why? Who knows I'm slow. I always had to give it a "border="1" so I could "see it". Then when finished, I'd make it to "0" again.

I did at first do everything in CSS, my CSS code was ridiculously long, then I was informed that was the more difficult and painful way to go, so I changed it. My index page at one time was all CSS. Every graphic, form, table you see on the index page had a left:325px; top:300px or right:25; top:300px; (whatever it was) and it still looked the same. The person who viewed my code in the index.htm said OMG!, do tables. So I did. Unfortunately, I worked real hard on doing the entire page in CSS. Im sure there's a more organized way to go about this as you suggested with the "a" stylesheet. You were right, I had to change each and every page in notepad.

Design issues...yes I agree, I lack in that area. Im in hopes it will improve or I will have to figure out a way to work around my weakness.

I spent from 8 am to 11 pm working on my new photos slide show. I finally put it up last night around midnight. This was a grueling task because I was clueless in XML and how the swf's, images, folders all tied together. Finally, a light bulb went on.

I think Im a bit overwhelmed with information in such a short period of time (I'm venting) oh and Im verbose too, must be the lack of social since all Im doing is sitting in front of this computer LOL.

I wish there was a way I could break up the black and draw out the other colors I use #FFCC00 #FF4800 and #9900CC around the work and still make it look flowing, controlled...


I've yet to learn "slicing" and I think because of not knowing (and yes I've read tutorials and its not sinking in), is the reason why less graphics are seen on this site.

Anyways, again -- I thank you for your input. It is valued more than you can imagine.

Lisa

www.signifysound.net
Replied 14 Apr 2005 20:18:03
14 Apr 2005 20:18:03 Dave Thomas replied:
<BLOCKQUOTE id=quote><font size=1 face="Verdana, Arial, Helvetica" id=quote>quote:<hr height=1 noshade id=quote>then I was informed that was the more difficult and painful way to go, so I changed it<hr height=1 noshade id=quote></BLOCKQUOTE id=quote></font id=quote><font face="Verdana, Arial, Helvetica" size=2 id=quote>

well whoever told you that doesn't have a clue what they are talking about.

i'll help you put the css together if you need.

believe me you won't look back.

and haha, asp & php are nothing like html <img src=../images/dmxzone/forum/icon_smile_wink.gif border=0 align=middle>

but there are other ways around this i could help with.

regards

Dave Thomas
<b>DMX Zone Manager</b>
Replied 14 Apr 2005 20:57:07
14 Apr 2005 20:57:07 Lisa Franceski replied:
Dave maybe they were talking for themselves. He did say he was not too familiar with CSS, but I have to say that CSS was easier to learn than those tables! LOL.


I'll take you up on that offer. I sent you an email.

Oh btw:

&lt;form name="mymail_add" method="post" action="www.signifysound.net/MyMail/add.php"&gt;
&lt;span class="style13"&gt;EMAIL: &lt;/span&gt;
&lt;input type="text" name="email" size=18" value="" onFocus=this.value=''&gt;
&lt;input type="hidden" name="id" value="signifyGigs"&gt;
&lt;input type="hidden" name="type" value="text"&gt;
&lt;input type="submit" name="Submit" value="GO"&gt;
&lt;/form&gt;

I would assume the code to give the form a border color would go into here: &lt;input type="text" name="email" size=18" value="" onFocus=this.value=''&gt; However, Im not too sure what code would go. Would I make a .js file? Or is this strictly php coding? Im unfamiliar with the php code to add border or give it pixel size. Hmm, perhaps this: style="border: #FF4800 1px solid; ?

Cheers!

Lisa


www.signifysound.net

Edited by - LisaJF on 14 Apr 2005 21:15:30

Edited by - LisaJF on 14 Apr 2005 21:17:33
Replied 14 Apr 2005 21:21:56
14 Apr 2005 21:21:56 Lisa Franceski replied:
Heh I figured it out!

&lt;input type="text" style="border: #FF4800 1px solid;" style="background-color: #000000;" name="email" size=18" value="" onFocus=this.value=''&gt;

www.signifysound.net
Replied 14 Apr 2005 21:35:14
14 Apr 2005 21:35:14 Lisa Franceski replied:
No I didnt figure it out completely now I need to change the font color within the input text form as white so you can see what youre typing. At this time its black :/.

Also I should do the same with the input type submit as well but I cant seem to get the "Go" to appear white...yet...Any helpful hints will be appreciated!

www.signifysound.net
Replied 14 Apr 2005 21:45:39
14 Apr 2005 21:45:39 Lisa Franceski replied:
Gotta love how Im conversing with self here. LOL.

Ok got the "Go" figured out:

&lt;input type="submit" text="Go" style="font-family: Arial, sans-serif; font-size: 10pt; color: #ffcc00; font-weight: bold;" name="Submit" style="border: #FF4800 1px solid;"

style="background-color: #000000;" size="5" value="Go"&gt;

Now I got to figure out how the color for the input text for email will go.

www.signifysound.net
Replied 14 Apr 2005 21:49:57
14 Apr 2005 21:49:57 Lisa Franceski replied:
&lt;input type="text" style="border: #FF4800 1px solid;" style="background-color: #000000;" style="font-family: Arial, sans-serif; font-size: 10pt; color: #ffffff; name="email" size="20"

value="" onFocus=this.value=''&gt;

Now when I fill out the email, it gives me a message after clicking "Go": "You didn't enter an email, please go back and enter one" Is this because Im doing this on my local machine?

www.signifysound.net
Replied 14 Apr 2005 21:57:21
14 Apr 2005 21:57:21 Lisa Franceski replied:
ok got it figured out...One down, many to go.

www.signifysound.net
Replied 15 Apr 2005 00:03:58
15 Apr 2005 00:03:58 Lisa Franceski replied:
Alright Dave,

I redid the form on the myMail and it looks fine in internet explorer, replicating the same look as the shoutbox. However, in Firefox the background is white and theres a button. How can I fix this with having both browsers look the same?

Thanks,

Lisa

www.signifysound.net
Replied 15 Apr 2005 09:56:47
15 Apr 2005 09:56:47 Lisa Franceski replied:
&lt;coughs&gt;

Dave,

The 12 pages are done. &lt;grumbles&gt; <img src=../images/dmxzone/forum/icon_smile_tongue.gif border=0 align=middle>

www.signifysound.net

Reply to this topic