Sign in to follow this  

[web] Update of my web site.

This topic is 4712 days old which is more than the 365 day threshold we allow for new replies. Please post a new topic.

If you intended to correct an error in the post then please contact us.

Recommended Posts

Open up Add/Remove programs, select FrontPage, and click uninstall. Also start reading A List Apart and Web Page Development: Best Practices

Aside from the egregious markup, the layout is overly complex and cluttered and you have hard line-breaks in the middle of paragraphs.

It would take about 30 minutes to an hour to redo the site by hand in clean, structured HTML without even using any fancy CSS tricks, and the result would be much easier to read and more professional looking.

Share this post


Link to post
Share on other sites
Yeah - colors were horrible - sorry dude. Christmas was over a few weeks ago.

Read up on CSS - it's easy to learn and will help you tremendiously with your formatting.

On the plus side - I really like your navigation bar. Keep it and use the same navigation bar in all child pages! I noticed that a few of your pages have little/no navigation between them. Good navigation is the KEY to good web design. You have an awesome navigation bar - so use it!

You also need to have some more content up before we can really rate your site. You seem to only have two links functional.

Ryan


Share this post


Link to post
Share on other sites
Frontpage generates messy code. There are better WYSIWYG editing packages available, but generally, the consensus is that it's better to write the code by hand using a text editor (such as Notepad, which comes with windows). There are plenty of tutorials around on writing HTML and CSS, just fire up Google. It's not overly hard to learn, and you'll probably find you'll have greater control over your designs.

Then it'll just be a matter of getting the aesthetics down. [wink]

Some good resources:
- W3 Schools: Learn HTML and CSS from the folks who set the standards.
- A List Apart: articles on various aspects of web-development.

Share this post


Link to post
Share on other sites
Try to pick on colour scheme and stay with it, so maybe use a few different variations of red, and blue for the title bars. Look at GDnet for example, it really only uses black and blue, and it works quite nice. If you fixed up the colours, then I think the site would look pretty good.

Share this post


Link to post
Share on other sites
Quote:
Original post by drjulio2002
So, don't use FrontPage 2000 anymore?


Yup.

The problem with using FrontPage or any other WYSIWYG editor is that you end up focusing more on getting the page to look the way you want it, rather than on the actual structure or contents of the page. The result is a lot of meaningless markup that slows the page loading time and makes sites more complicated to maintain in the long-run.

The key to a good layout and good HTML is a minimalist approach.

I said earlier that it would take 30 minutes to an hour to redo your site in clean HTML. To demonstrate this, I have redone the main components of your layout in strict HTML 4.01 by hand. If you skip past the stuff in the style tag, you will notice that the code for the actual page body is actually readable and makes sense. It took me just about 30 minutes to put this together, including the CSS. Feel free to copy and paste the code and play around with it.

I suggest you try deleting the stuff inside the style tags and seeing what the page looks like. A well designed web page should make sense and be easy to navigate without any style information whatsoever.

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Strict//EN"
"http://www.w3.org/TR/html4/strict.dtd">
<html>
<head>
<title>NightDreamer</title>
<meta http-equiv="Content-Type" content="text/html">
<base href="http://www.geocities.com/drjulio2001/">
<style type="text/css">
html {
background-color: #ffcc66;
margin: 1em;
font-family: 'Verdana', serif;
font-size: small;
}
body {
border: 1px solid black;
background-color: #800000;
}

#masthead {
background-color: black;
color: white;
padding: 5px;
}
#navigation {
background-color: #003366;
color: white;
padding: 5px;
}
#content {
padding: 1em;
background-color: white;
}
#footer {
color: white;
padding: 5px;
}

#navigation ul {
margin: 0;
padding: 0;
}
#navigation ul li {
display: inline;
list-style-type: none:
padding: 0.25em;
}
#navigation a { color: white; }
#navigation img { border: 0px; }
</style>
</head>
<body>
<div id="masthead">
<img src="nightlogo.gif" alt="NightDreamer"/>
</div>
<div id="navigation">
<ul>
<li>
<a href="#" title="Home">
<img src="home.gif" alt=""/> Home
</a>
</li>
<li>
<a href="pro_utilities.html" title="Projects &amp; Utilities">
<img src="calendario.gif" alt=""/> Projects &amp; Utilities
</a>
</li>
</ul>
</div>
<div id="content">
<h1>Welcome to NightDreamer</h1>

<p> NightDreamer is a small research, and development team
consisting of learning new programming techniques in the objective
of creating computer games. Please, make yourselves at home and
join us in this tech. journey.</p>

<h2>Contents</h2>
<ul>
<li>
<p><a href="#">Program Analysis</a><br />Learn and
practice how to document your programs.</p>
</li>
<li>
<p><a href="#">Source Code</a><br />
Learn to write and modify programs.</p>
</li>
</ul>
</div>
<div id="footer">
&copy; 2004-2005 NightDreamer.
</div>
</body>
</html>





Look through the articles and tutorials at W3Schools and A List Apart and make sure you understand the above code. If there's something you don't understand or need advice on post here and I would be happy to help.

You might find that a good text editor with syntax hilighting will make hand-coding HTML much easier. I'm sure everyone on these boards has an editor of choice. I like TextPad and JEdit myself. Also, when you're first learning HTML you will probably make a lot of mistakes with syntax. You will find the W3C's Markup Validation Service an indispensible tool.

[Edited by - igni ferroque on January 18, 2005 1:00:07 PM]

Share this post


Link to post
Share on other sites
Hello Everyone!

Thanks igni ferroque, thanks for all your help and for the extra offering help, and thanks to all of you guys that posted here, if I need any extra help I'll post it here. In the mean time I guess I'm going to be learning a lot of web development techniques for now. Thanks again! for the help!

NightDreamer

Share this post


Link to post
Share on other sites
Hello Everyone!

I'm back just to post one more time, so that you guys could check if the source code is organize enought to be understood by everyone self that isn't me. I fix some few things of the source-code, although I haven't found an HTML-Editor that suits me, to my needs. Could anybody else advice me of anymore of their favoriate HTML-Editor?; Please!

Thank you!

NightDreamer

Share this post


Link to post
Share on other sites
HTML Editor: Dreamweaver MX

Well you can do either. It technically is easier for the beginner to use a table, but if you want to see a css menu, go to my CMS development site: crxgames.com/spade/portal.
The entire top menu, is all done with css, even the disapearing text.

If you want to do it quickly, just use a table.

Share this post


Link to post
Share on other sites
Quote:
Original post by jumpjumpjump
HTML Editor: Dreamweaver MX

Well you can do either. It technically is easier for the beginner to use a table, but if you want to see a css menu, go to my CMS development site: crxgames.com/spade/portal.
The entire top menu, is all done with css, even the disapearing text.

If you want to do it quickly, just use a table.


I like the colors of your site but this is what it looks like on my computer.



I am using Firefox 1.0 and linux at 1024 x 768

I am assuming the validated box and the one above it are not supposed to be covering the news box.

Share this post


Link to post
Share on other sites
Quote:
Original post by drjulio2002Once more again the web site design has been updated. Please, give your comments upon the new design.
It hasn't impoved much. You are still using font tags (mixed with redundant inline CSS), and your text is broken up with hard breaks and littered with non-breaking spaces for formatting. Understand that most of the time the browser does a better job of formatting text than you do, and that when you try to interfere with it, you will break your site. You shouldn't try to format anything inside a paragraph. You should also use heading tags (h1,h2,etc) instead of specifying specific text sizes and styles for headings.

Share this post


Link to post
Share on other sites
Yeah, you should learn some HTML and CSS, but let's start at the beginning, shall we?

Begin here: http://www.networksolutions.com
Then find yourself a hosting plan. Cheap and decent hosting can go as low as $5/month.

And please, for the love of God, don't cry "but I can't afford it right now!" If you can't afford $35/year (or $7/year at joker.com) to register your domain and $5/month to host it, you really shouldn't be wasting precious time building websites -- food and shelter should be your top two priorities.

I'm serious, add that up: $67/year to get rolling. I paid $12 less than that for HL2. And then I won't have to look at those annoying geocities weirdo popup ads next time you ask us to check out your site.

Share this post


Link to post
Share on other sites
Quote:
Original post by drjulio2002
Thanks, I'll try to fixed those problems up! But, is the design Ok. I mean it doesn't look like a christmas-type of Web-Site?
Yeah the design is an improvement. I'm not a huge fan of high-intensity-boldface-white-on-dark web sites, but the overall layout is cleaner.

Share this post


Link to post
Share on other sites
Try changing your font to what you have on the copyright on your projects page:



The font you are using is too compact for the colors you are using. Just my opinion.

Share this post


Link to post
Share on other sites
Quote:
Original post by stromdotcom
...
Then find yourself a hosting plan. Cheap and decent hosting can go as low as $5/month.

And please, for the love of God, don't cry "but I can't afford it right now!" If you can't afford $35/year (or $7/year at joker.com) to register your domain and $5/month to host it, you really shouldn't be wasting precious time building websites -- food and shelter should be your top two priorities.
...

Heh, just found it funny that you're asking for donations on your site ("Support Glowdot" in the bottom right of the main page). Regarding your comment, it's not easy for everyone to buy stuff on the net, you know, he may not have a credit card. ;)

drjulio2002: get rid of the
's from your main text. Your browser will automatically format it man. Try making the browser window smaller and you will see that the
's you added are messing up. I think you should also add some cell-padding to the main body so that text isn't right up against the edges. Anyway, your site is looking much better than before. Good job.

Share this post


Link to post
Share on other sites
Quote:
Original post by JasonAHeh, just found it funny that you're asking for donations on your site ("Support Glowdot" in the bottom right of the main page).


It would be funnier if my monthly expenses weren't $500+ a month. Donations account for about $50 of that, at the most. I was saying don't gripe about $7/month. Run out in the streets and scream all you want if your bills start to look like mine.

Quote:
Regarding your comment, it's not easy for everyone to buy stuff on the net, you know, he may not have a credit card. ;)


PayPal.

Share this post


Link to post
Share on other sites

This topic is 4712 days old which is more than the 365 day threshold we allow for new replies. Please post a new topic.

If you intended to correct an error in the post then please contact us.

Create an account or sign in to comment

You need to be a member in order to leave a comment

Create an account

Sign up for a new account in our community. It's easy!

Register a new account

Sign in

Already have an account? Sign in here.

Sign In Now

Sign in to follow this