Not signed in (Sign In)
SkillShare - A place to discuss Web Standards and Web Design topics
Categories
Vanilla 1.1.9 is a product of Lussumo. More Information: Documentation, Community Support.
-
I suppose this is a fairly common task these days ...
I whipped together a small personal/portfolio site for my girlfriend, and did it all in Flash. Now that the first draft is out of the way, I want to redo the entire thing in standards-based CSS/HTML, without any Flash. What I would really appreciate is comments from someone who has done this type of thing before, specifically aimed at what I should expect when it comes to duplicating (as much as possible) the layout and look of the existing site. For example, if someone said something like "don't expect to easily be able to duplicate how this spot over here droops down into the text below it" or somesuch, that would be a HUGE help.
The existing site is here: http://www.leonordonato.com
Thanks ahead of time to anyone who takes a moment to have a look, and give me any pointers. While I understand the basics of CSS layout, I'm a newbie when it comes to actually designing a site that way. My level of experience is definitely "beginner" - so I won't be wanting to tackle any super advanced tricky stuff. Just the basics for round #2.
Thanks,
Dave -
firstly, congrats for taking it away from flash and into css/html! so many sites are built in flash that have no reason to be :)
i would leave out the 'still under construction' sections until they are ready (otherwise they will just cheapen your site, frankly).
and have a think about how you will manage the images in the galleries...eg something like http://www.zenphoto.org/ (http://www.zenphoto.org/zenphoto/) could do a lot of the grunt work for you.
and, if it's not a flash site, why make it look like one? the current site is not really that 'flashy' to be honest!
in terms of the conversion, sit down with a pen and paper and sketch out your div sections etc, and it shouldn't be too hard. i don't see anything that will present you any big problems...
good luck. -
The first thing I would do is get rid of the splash page. It is a nice design, but from a usability stand point it is unnecessary for a user to have to click enter to get to a site. Why not just let them land on the homepage when that is where they are trying to get? You should make it as easy as possible for users to get whatever it is that they are looking for. (No obstacles) I see know reason why you couldn't implement it in CSS. On the home page, I would float the picture of your g/f so that the body of the text accommodates the picture and not the other way around. I would also shy away from custom scrollbars.
Do you need suggested resources (books, podcasts)?
BTW, good job on moving it out of flash. -
here, here! Flash to CSS/xhtml is the way to go.
I too would recommend rather than converting the layouts to CSS, rather to re-imagine the site as a web page, using the full page and relying a little as possible on internal scroll bars.
You may want to check out a few books, like Web Standards Solutions and CSS Mastery. -
My friend's site has been redone in css/xhtml now. It might not be perfect, but it's a heck of a lot more manageable!
1 to 5 of 5