Re-Working my site, not killing it :)

Started by ErikB, September 23, 2009, 12:33:27 PM

previous topic - next topic
Go Down

ErikB

September 23, 2009, 12:33:27 PM Last Edit: December 31, 1969, 04:00:00 PM by Guest
Hey! Well after about a month of debating what to do with my website I've decided it's time to slowly break it down and re-vamp/clean it up. What this means/does not mean:
1: No I'm not a programmer, no I'm not looking for programmers, no I do not want to borrow or look at coding.
2: I use Yahoo SiteBuilder, no it's not fancy, but it gets the job done and the memory is insane.
3: I'll most likely be ditching the long standing Black vs Yellow theme on my site for something simpler.
4: As I update here and there I'll be posting what I've changed and any feedback is welcome. The your site sucks comments etc, are easy enough to ignore, so don't waste your time. On a side note, if it looks amateur, it's because I am; even after the 6+ years I've been working on my site.
5: Does anyone know if there are any programs that can build buttons or nav menus that are free? I've tried several programs, but to extract the code or layout is always a charge item. if not, no biggie.
6: I might be getting rid of all my stock photos except for a few scans here and there and rebuilding each character page from the ground up. what do you all think?

Right now that's all I can think of. I might not be collecting but I could never just ditch the hobby.
<a href="http://www.shmax.com/img/sigs/signature.swf?user_id=548" target="_blank" class="new_win">http://www.shmax.com/img/sigs/signature.swf?user_id=548</a>

shmax

#1
September 23, 2009, 01:44:59 PM Last Edit: December 31, 1969, 04:00:00 PM by Guest
Suggestion: tell us what your site is so we can have a look at it and have some idea of what you're talking about!

ErikB

#2
September 23, 2009, 03:11:49 PM Last Edit: December 31, 1969, 04:00:00 PM by Guest
ugh, lol. Forgot I don't have a link in my signature here.

www.transformersontheshelf.com
<a href="http://www.shmax.com/img/sigs/signature.swf?user_id=548" target="_blank" class="new_win">http://www.shmax.com/img/sigs/signature.swf?user_id=548</a>

shmax

#3
September 24, 2009, 01:22:53 AM Last Edit: December 31, 1969, 04:00:00 PM by Guest
Quote from: "ErikB"
5: Does anyone know if there are any programs that can build buttons or nav menus that are free? I've tried several programs, but to extract the code or layout is always a charge item. if not, no biggie.
Not sure I quite understand--you don't want to do any coding, but you want to be able to "extract" the code from somewhere without being charged for it? Have you looked into any of the various "suckerfish" solutions? You do typically have to install a small block of javascript for the simplest ones, but after that it's just a matter of writing basic html lists.

There are thousands of examples (ie http://users.tpg.com.au/j_birch/plugins ... /#examples) of various flavors on the web, just search for "suckerfish". You don't need to understand how to code for most of them, but you will need to be able to write some simple css/html.

Good luck!

ErikB

#4
September 24, 2009, 06:24:41 AM Last Edit: December 31, 1969, 04:00:00 PM by Guest
Quote from: "shmax"
Quote from: "ErikB"
5: Does anyone know if there are any programs that can build buttons or nav menus that are free? I've tried several programs, but to extract the code or layout is always a charge item. if not, no biggie.
Not sure I quite understand--you don't want to do any coding, but you want to be able to "extract" the code from somewhere without being charged for it? Have you looked into any of the various "suckerfish" solutions? You do typically have to install a small block of javascript for the simplest ones, but after that it's just a matter of writing basic html lists.

There are thousands of examples (ie http://users.tpg.com.au/j_birch/plugins ... /#examples) of various flavors on the web, just search for "suckerfish". You don't need to understand how to code for most of them, but you will need to be able to write some simple css/html.

Good luck!
I'll have to check into those, thank you. The programs I was trying out let you build nav menus in a special program. They then generate the coding for me and all I have to do is paste it into site builder where I want it. so no real coding needed.
<a href="http://www.shmax.com/img/sigs/signature.swf?user_id=548" target="_blank" class="new_win">http://www.shmax.com/img/sigs/signature.swf?user_id=548</a>

ErikB

#5
September 29, 2009, 01:45:23 PM Last Edit: December 31, 1969, 04:00:00 PM by Guest
OK, I'm starting to play around with some color ideas for the site other than my old lack background, yellow text.
I think I want a black text with a background to bring that color out (not white) and still have some flash to it.
Right now I tried an orange backdrop with black text/black links, once visited the links turns a blueish color, but that seems to contrast too much with the orange background. What do you folks think? check it out here:Transformers on the Shelf
<a href="http://www.shmax.com/img/sigs/signature.swf?user_id=548" target="_blank" class="new_win">http://www.shmax.com/img/sigs/signature.swf?user_id=548</a>

shmax

#6
October 02, 2009, 02:42:21 AM Last Edit: December 31, 1969, 04:00:00 PM by Guest
Lookin' good so far. Happy birthday, by the way!

ErikB

#7
October 17, 2009, 09:34:08 AM Last Edit: December 31, 1969, 04:00:00 PM by Guest
Hey! Thank you for the happy b-day wishes, sorry I haven't been on here a lot, been tied up with other work.
I decided on a final color scheme and did all the major pages in the new style. Also figured out how to center the pages; I didn't know there was a button to do it >< ). The individual character pages will be much more time consuming, but they will be done as I find time. then I'll go back and make lists easier to read.
<a href="http://www.shmax.com/img/sigs/signature.swf?user_id=548" target="_blank" class="new_win">http://www.shmax.com/img/sigs/signature.swf?user_id=548</a>

shmax

#8
October 17, 2009, 10:01:12 AM Last Edit: December 31, 1969, 04:00:00 PM by Guest
Lookin' good, buddy. I know you're not a fan of the more technical stuff (though I see some JavaScript on your pages), but you might want to consider using some CSS to format your pages--that way you won't have to revisit every page every time you decide to make a small layout change. Just a thought!

ErikB

#9
October 17, 2009, 04:22:50 PM Last Edit: December 31, 1969, 04:00:00 PM by Guest
Well I have no idea how to do a CSS page, and from what I read it's help. I still have to go in and tweak every single character page individually , but it'd go a bit faster. Is there a way I can do it and effect the hundreds of pages I already have made?
<a href="http://www.shmax.com/img/sigs/signature.swf?user_id=548" target="_blank" class="new_win">http://www.shmax.com/img/sigs/signature.swf?user_id=548</a>

shmax

#10
October 18, 2009, 03:35:44 AM Last Edit: December 31, 1969, 04:00:00 PM by Guest
At the very least you'd have to go into every page and do the include for the css file, and then you could do sort of generic changes to things like background color, image formatting, etc. But if you want to have finer control over things, you'd need to go in and add classes to the various elements on your pages. That would definitely take a while, but it'd probably be worth it in the long run, as once everything is all properly tagged, you could do all your future changes in one single place: the css file. You don't need me to explain any of this stuff--just do a google search for "css tutorial"--there are thousands of examples online.

ErikB

#11
October 18, 2009, 07:54:49 AM Last Edit: December 31, 1969, 04:00:00 PM by Guest
I talked to my friend for a while last night about CSS and did some more research. It's a bit late in the game to do it now (like 8 years too far down the road), so I'll just keep doing the individual updates, not a big deal. Once that is done I'll create a template page to make all my other pages from. It's going fast enough :)  

Also I'll need to eventually get a link to your site on my links page and what not.

Quote from: "shmax"
At the very least you'd have to go into every page and do the include for the css file, and then you could do sort of generic changes to things like background color, image formatting, etc. But if you want to have finer control over things, you'd need to go in and add classes to the various elements on your pages. That would definitely take a while, but it'd probably be worth it in the long run, as once everything is all properly tagged, you could do all your future changes in one single place: the css file. You don't need me to explain any of this stuff--just do a google search for "css tutorial"--there are thousands of examples online.
<a href="http://www.shmax.com/img/sigs/signature.swf?user_id=548" target="_blank" class="new_win">http://www.shmax.com/img/sigs/signature.swf?user_id=548</a>

shmax

#12
October 18, 2009, 04:25:26 PM Last Edit: December 31, 1969, 04:00:00 PM by Guest
Well, if you're comfortable with what you're doing, then power to you, but here's the hierarchy of best practices, in descending order:

1. Drive creation of pages dynamically, using only a single template page (I use the word "template" here differently than you do--I mean a skeleton page with all of the html typed into it, with embedded variables that are replaced at run time). Do a search for "smarty", or "JSP" (shmax.com has a PHP back end, and uses Smarty templates and CSS to layout content). There are a bunch for Ruby now, too. Any time you want to change ALL your pages, you only have to change one file. Typically this involves the use of a database, which is probably a bit out of your depth, but this technique could be adapted to work with a system of text files, or draw info from a spreadsheet.

2. Create hundreds of html pages, but use consistent CSS class tags so that you can affect the layout of everything by editing only your css file. To see the power of CSS, take a look at http://www.csszengarden.com, and click on some of the different style links. Every page looks radically different even though they all have the same exact content and html markup, and this is achieved solely through CSS manipulation.

3. Create a single html file which has a background, site header, footer, and possible navigation system around the borders of the page, and use an iframe in the center to insert more slimmed-down html pages for each toy into the page, containing only the content unique to that toy (ie. a few photos, some text, etc). This kind of technique isn't very fashionable anymore these days, but at least all your pages would have a unique look that can be easily changed at will, and you still have your hand-coded content. This might be the best approach for you, as it doesn't require any advanced technical knowledge.

4. Create hundreds of hand-coded html pages, with no CSS. No site-wide changes are possible without visiting every page every time. This technique is virtually extinct on the web, now--there isn't a web developer alive that would recommend it. It's just not maintainable. If you had only a dozen pages or so, I would say go for it, but hundreds? As your site grows, so will your headache. Look at a site like tfu.info--you may think you're in good company, as his site is still very popular, but for him a redesign is just not technically feasible. He would have to revisit thousands of pages to make even a minute change.

Trust me, as long as you're doing a complete re-design, take this opportunity to really reconsider your architecture and try to adopt some modern development techniques. The battle you're currently fighting with all of those custom html pages is ultimately a losing one. It just is.

My advice? If you're serious about running a modern website that can grow and adapt to the constantly changing mess that is the internet, go down to the store and pick up a book on PHP, Ruby, or JSP for yourself, and learn how to create a dynamic website like everybody else. Don't worry, they're designed to be easy--an afternoon with the right book would be enough to get you started. After a few weeks of playing around with whatever you decide to go with, you'll find that you're in a position to do whatever you want with your site, including cool navigation methods, effects, instant layout changes, forums, etc.

Good luck!

Quote from: "ErikB"
I talked to my friend for a while last night about CSS and did some more research. It's a bit late in the game to do it now (like 8 years too far down the road), so I'll just keep doing the individual updates, not a big deal. Once that is done I'll create a template page to make all my other pages from. It's going fast enough :)  

Also I'll need to eventually get a link to your site on my links page and what not.

Quote from: "shmax"
At the very least you'd have to go into every page and do the include for the css file, and then you could do sort of generic changes to things like background color, image formatting, etc. But if you want to have finer control over things, you'd need to go in and add classes to the various elements on your pages. That would definitely take a while, but it'd probably be worth it in the long run, as once everything is all properly tagged, you could do all your future changes in one single place: the css file. You don't need me to explain any of this stuff--just do a google search for "css tutorial"--there are thousands of examples online.

ErikB

#13
October 18, 2009, 05:33:56 PM Last Edit: December 31, 1969, 04:00:00 PM by Guest
ick....lol. I hate programming, maybe one day, lol. Till then this is going fast enough for me :P

thank you for the advice and I will go out and do more research down the road :)
<a href="http://www.shmax.com/img/sigs/signature.swf?user_id=548" target="_blank" class="new_win">http://www.shmax.com/img/sigs/signature.swf?user_id=548</a>

Go Up