Zoidberg's Dumpster

[on:]

Hey, everyone. This is my first draft of my zoidberg webside, Zoidberg's Dumpster. Tell me what I should do with it. I have no other pages right now, I am just drafting the design.


www.freewebs.com/zdumpster

[Reply #1 on:]

Nice to see a new Futurama website emerging. I like the collage in the main header.

I think you should change the background to a more neutral color.. because there's green already in the main header.

About the main header, is too wide, because the more common resolution screen is 1024x768, the main header (and the whole page) should be of about 900 pixels of width.

I hope you can add the subsections to see some content. BTW, thanks for mentioning TFP !

[Reply #2 on:]

First off.  It looks very promising, you've clearly put some work into it Smart.

Second off, I agree with Javier about the width... shoot for 800 or 900 like Javier said... most people don't want to scroll sideways as a headsup.

Code:

<table id="zdumpster" title="Zdumpster" height="350" width="1200"
 border="0" bgcolor="black" align="center" cellspacing="1" cellpadding="1">

Change the width value on that to the 8 or 900.  Max value would be 1024, but that probably won't be great.  You'll have to cut the banner down on its width too, and at some point you might want to edit it.  It looks right neat, but you can get the character outlines crisper.  As a question, how'd you end up building your banner?

I'd probably shoot the cellpadding down to zero also.  Make the banner encompass the width of the table, and not have the cellpadding open around it.  Your borders don't seem to be behaving properly... Might be able to play with it. Most of your elements will look good floating freely.... except for the navbar, you do want those elements enclosed like with a border, each one in a little box... as you add more content, you'll want them to take up an equal amount of space across the navbar. 

The amazon ad looks good, it's width would need to be adjusted too.  You might want to have that float and be less wide than the table inset.

I like the green background, and white works well with the table where you'll do your updates.  The floating buddy icons at the bottom look very well (I might ask to trade in the future ).

Your package with freewebs is pretty good for starting out.  I notice you didn't upload any of your pictures to your site, apparently you can do that with their upload software... might be faster than uploading to imageshack and photobucket.  40mb is pretty decent, and you should have no worries about filling that up. 

If you keep your forum active, I'd cut out most of the boards, and use it like a guestbook, and let people use it to make comments about your site.... link to it from the navbar.  I'm not super familiar with how you had your forum setup, but you might be able to make it so anybody can post without creating an account, this would work in your favor if you wanted it to act like a guestbook; if you get steady visitors in the future, they might just hang around there.

All in all, I think you did a very good job, and I look forward to seeing your website grow.

P.S. dedided should probably be changed to decided.

[Reply #3 on:]

Thanks alot, guys. It is looking better by the minute.

I'll alk later, I'm in a hurry.

[Reply #4 on:]

New Update:

-I mixed up the design a little, so it can hold more links. It also is alot more organized. Tell me what you think.

-Also I added a new page, "About Zoidberg." I may add more information and stuff later, but it is basically covering him pretty well.

-added a Support Us button.

-Fixed alignment of text.

-still need to ad Amazon advert.

That's pretty much it, so I'll have another page up soon!

[Reply #5 on:]

It looks like everything below the banner is shifted to the right on my browser...

Edit: One of my friends showed me how it's supposed to correctly display... and apparently IE is showing it correctly, but the html definitely looks wrong.

Try this:

Code:

" border="0"></a></td></tr>

</table>

<table align="center" cellspacing="0" cellpadding="0" border="0"

Right after the </table> tag, add a </td></tr><tr><td>.

Also:

Code:

forum, which didn't work, so I decided to make a web site! And, I am

doing it in html, which is a big step for me, seeing as how I just learned

it. But I catch on fast. Anyway, I hope you stay and check out the

site!!</p>
</td></tr>
</table>

After that </table>, try shooting a </td></tr>

And then:

Code:

<tr></tr>
<tr></tr>
<tr></tr>

<td align="center" style="font: 16pt/11pt Calibri, Tahoma, Arial,

serif;"><i><b>Buddies</i></b>
<td><a href="http://www.futurama-madhouse.com.ar"

target="_blank"><img

src="http://i423.photobucket.com/albums/pp320/artlvr319/dg.gif"

After all the <tr></tr> throw in an opening <tr> for the buddy stuff.  Possibly consider opening up another <table> to contain your buddy icons and support us buttons.... maybe make the cellspacing=1 in that table... and enclose each buddy icon in <td></td>.  If you decide to open another <table> remember to close it off with a </table>.

You'll also need to either open a <table> for the bottom freewebs stuff, or end the whole table afterwards...

Code:

Tahoma, Arial,

serif;" style="float:right" valign="bottom"><b>Support Us</i></b>


</table>






<tr></tr>
<tr></tr>
<tr></tr>
<tr></tr>
<tr></tr>
<tr></tr>
<tr></tr>
<tr></tr>
<tr></tr><tr></tr>
<tr></tr>
<tr></tr>

<tr></tr>
<tr></tr>
<tr></tr>
<tr></tr>
<tr></tr>
<tr></tr><tr></tr>
<tr></tr>
<tr></tr>
<tr></tr>
<tr></tr>
<tr></tr>
<tr></tr>
<tr></tr>
<tr></tr>

<td align="right"><!-- Freewebs Sticker -->
<noscript></noscript><!-- --><noscript></noscript><!-- --><script src="http://www.freewebs.com/p.js"></script><script

src="http://www.freewebs.com/p.js"></script><script

language="JavaScript"

src="http://images.freewebs.com/JS/Freebar/btn_roundblack.js">

</script>
<!-- --><script type="text/javascript" src="/i.js"></script><script

type="text/javascript">if(typeof(urchinTracker)=='function'){_uacct=

"UA-230305-2";_udn="none";_uff=false;urchinTracker();}</script><



<!-- --><script type="text/javascript" src="/i.js"></script><script type="text/javascript">if(typeof(urchinTracker)=='function'){_uacct="UA-230305-2";_udn="none";_uff=false;urchinTracker();}</script><script type="text/javascript" src="http://edge.quantserve.com/quant.js"></script> <script type="text/javascript">_qacct="p-44naSaXtNJt26";quantserve();</script>

By moving the </table> down to the very end of the document.  That last <td> opening needs a closing </td> with it as well.

Basically, always pair <tr> and <td> with a </tr> and a </td> and always have them in between a <table> and </table>.

I'm not sure why you were using all the <tr></tr>s, but I suspect you weren't getting the spacing right.... you might try the <br> tag. Don't use a closing </br> tag with that... just use the <br> tag by itself; it breaks lines, so it's kind of like using a <tr></tr>.

That's just for the main page, but the About Zoidberg page has similar problems.

Lastly, I had a lot of trouble reading the html... Just as a pointer, you might want to clean it up a bit.  I usually keep things inside tags on the same line and contain <table> stuff in a paragraph format.  There aren't really any rules to this, just whatever helps you to read it easier, I'm just suggesting it because I had trouble following the loops myself.

Other than that, it looks a lot sweeter....

I think you're doing a really good job.  I hope you don't take my suggestions as being overbearing, I'm just trying to help, and I hope you keep up the good work.

[Reply #6 on:]

Interesting change now. The About Zoidberg page looks nice.. you should take a look at the code like winna explained because the main page is kinda weird right now.

The left menu looks simple but well done, I like it, just keep in mind that newer sections could have long words, so you might want to make the width a little bigger.

You should try adding a background color to the buddies cells.. to see if it looks better or not.

Keep up the good work!

[Reply #7 on:]

I kind of like the buddy icons floating freely in the background.... but it's worth a try.  I'm not sure if it's just my browser displaying weird, but I'm pretty sure there nesting issues in the code.  I'm using FF, but a really old deprecated version.

[Reply #8 on:]

-Yeah, you were right. I hopped on Fire Fox to see and it was horrible. But, I have both browsers open so I am sure the design is the same for both. So far, so good.

-Winna, thanks for the codes, they really helped make it look better. I tried a background for the icons, but it didn't work out that well...I can fix the nav bar if needed, so that's good. I may make a more decorated one, but right now I am just keeping it simple. As soon as I finish all the pages, of course. I don't know how big the navigation will become.

-(The new page isn't finished yet.)

-Cleaning up the html will be a project for tomorrow, I don't have time right now.

Thanks again for all the advice, it really helps! 

[Reply #9 on:]

Looks way better Smarty, great job.  And it's very smart to keep it simple until you get the hang of it. 

The Zoidberg'sDumpster buddy icon is floating off to the left or the right depending on the page for some reason.  I can't figure out exactly why that is but I'm thinking it might be the extra html you put with the <img> tag.... I'm not super familiar with using some of those properties.

Code:

<br></br>
<table align="center">
<td style="font: 13pt/11pt Calibri, Tahoma, Arial, serif"><b align="right">Support Us</b></td>
</table>

<tr></tr>
<table align="center">
<img style="float:center" valign="center" src="http://i423.photobucket.com/albums/pp320/artlvr319/zdumpbutt-1.png" border="0" alt="Support">
</table>

The style="float:center" and the valign="center" could probably be dropped.

Your page source looks way cleaner, and I'm sure that'll help in the future.  You might try putting more elements into a single table though.  Like all the buddies can be in one table, you don't have to make a separate table for each one.  You can probably get by with putting the Support Us and your ZDumpster icon in a single table too.... just enclose each in its own <tr></tr> tags.  And umm.... you can probably cut out one of those <br> tags between the other sites buddy icons and your Support Us.  That's kind of a nitpick there.

But seriously.... great improvement, and now you've got 3 pages!  One last secret webmaster tip.... whenever you do anything to your site, make a news update on your front homepage.  That way it makes the site look very active.  Keep up the good work Smarty, I'm really anticipating where your site will head!

[Reply #10 on:]

Thanks! I can't wait to work on it tomorrow morning, seeing how it is 11:15 here. I'll reread the post and make the fixes.

[Reply #11 on:]

Thanks! I can't wait to work on it tomorrow morning, seeing how it is 11:15 here. I'll reread the post and make the fixes.

[Reply #12 on:]

Oh, btw... <br/> isn't a tag.... as far as I'm aware.... or </br>.... it's just <br> by itself.... one of the few tags like that.

[Reply #13 on:]

Yeah, I've been using some tags that shouldn't be there...but
<br /> is a line break, for text and stuff. I have used it once I think.

[Reply #14 on:]

what is the web address

[Reply #15 on:]

It's in the first post.

[Reply #16 on:]

Ok, I made my first new front page edit. Yay.

-Need to fix alignment still

-finish page

-add new page.

[Reply #17 on:]

Do you know how to do scans Smarty?  You could improve your images a lot if you learned that technique... and it's different for different programs....

I'm just asking if you know what I'm talking about.

[Reply #18 on:]

I think I know what you are talking about, but I don't know if I exactly now how to make them.

[Reply #19 on:]

Basically you trace a picture that you have, and fill in the background colors.  You want the lines to look very smooth, which is why you trace instead of using the picture straight up... 

Look into using vectors and paths for your specific image program.  There are a lot of guides to doing it on the internets.

A good portion of making websites has to do with making images look nice and being able to lay them out in a neat fashion.

[Reply #20 on:]

Any chance you'd be interested in trading buddy icons with the Space Station Futurama?

I already put your buddy icon up.

[Reply #21 on:]

Oh yeah, sure!

I'll put it in my next update which I am going to hopefully do today. I've been busy...But I am going to at least get a front page update in and finish the Decapodian page.

So...Yeah, I'll trade!

[Reply #22 on:]

Hey everyone.

I know I haven't updated Zoidberg's Dumpster in a while, but I recently just did, added your buddy icon, winna, and I added a page. I also finished the Decapod 10 page for now.

Tell me what you think, it is actually coming along well!



Edit: I added the Ask Zoidberg page today.

[Reply #23 on:]

Is great to see ZD growing day by day..

The link to the Ask Zoidberg section in the latest news entry is wrong, it says:

Code:

http://www.freewebs.com/zdumpster/http//www.freewebs.com/zdumpster/ask_zoid.html

when it should say only:

Code:

http://www.freewebs.com/zdumpster/ask_zoid.html

or only:

Code:

ask_zoid.html

BTW, there you go a button for your site:

[Reply #24 on:]

Yeah, I know. I was fixing others like that and I guess I didn't check all of the links.

I like the button! I'll put that up too.

[Reply #25 on:]

Update:

There is so much more now if you havn't seen it. I have put up my fanart, and my fanfic will be posted soon. I have also put up a Support Us page so I can put more than one button. Here is my new one I just made:



  Thanks again all of you for your support!

[Reply #26 on:]

Your site is looking pretty awesome Smarty.

Great work on the updates, and the site is growing and becoming really nice looking.  Seriously, congratulations!

[Reply #27 on:]

Put some padding beside the pictures. The text is right beside it.
eg, {padding-right: 20px}

[Reply #28 on:]

Thanks. Unfortunately I havn't had any time for updates with school and all that...but I may make one later in the week to celebrate the release of Bender's Game. Hopefully, I can get back on track.

[Reply #29 on:]

I'm more of a believer in the, if you have like 3 quality updates in a month, then you're doing pretty good.

Also... I might have pictures of my roommate dressed as Bender for Halloween a couple of years ago, if you're send-in request is still valid.

[Reply #30 on:]

Yay! I updated just now. Cool.

Winna, I will take it for the fan pics section, it would be great, if you have it. Even if it is late.

[Reply #31 on:]

So, I checked my inbox today and found actual fan submissions from MissusPatches again, so I put that up on the site along with my new fanfic, Darkness Surrounding. So, if you feel like it, you can go check that out.

[Reply #32 on:]

Hooray another update.

[Reply #33 on:]

Ok, so, I fixed up the layout a little bit. I used new fonts, made the menu look better by putting borders around it, put borders around the update box, and put the buddy list to the right. I only did the first page so...yeah...gotta get to that.

[Reply #34 on:]

nice fix up!
I like the left menu. You could try the same with the buddies at the right.

[Reply #35 on:]

Thanks!
Yeah, the buddy menu just moved up like that, and I  liked how it looked, so I am going to fix it up like the left one.

**edit**

WOo! I fixed up the buddys list. I need to figure out a way to hide that freewebs thing on the bottom or something, though. It's fine for now.

[Reply #36 on:]

This is a very adept internet website Miss Smarty. You should be proud of your accomplishments and stay away from any and all drugs please.

[Reply #37 on:]

Hi 2.35:1

[Reply #38 on:]

This is a very adept internet website Miss Smarty. You should be proud of your accomplishments and stay away from any and all drugs please.

Thank you, and I will most certainly not take drugs!
Just Say No!

[Reply #39 on:]

Nice website Smarty. I can tell it needs some work, but it's going to be great!