Since there's no web design forum

[mostwanted]

I just thought I'd show off my new site (began Friday, sorta finished today).

See my signature.

Anyone here doing web design?

[panickedthumb]

Slick!
I adore your playlist-- I'd love to have free reign on your hard drive for a few days ;)

Did you make the framework totally or are you using Wordpress/MT/etc?

[Fab]

nice site :)

[mostwanted]

Slick!
I adore your playlist-- I'd love to have free reign on your hard drive for a few days ;)

Did you make the framework totally or are you using Wordpress/MT/etc?

I made it myself. PHP+MySQL database - it's not that advanced yet :)

[defkewl]

Hey that's a nice site. Incredible.
I do web design, only that I haven't finished it yet :D

[NewbieNik]

As a newcomer to web-design and site creation I have had the unparalelled joy of using dreamweaver to amend already published Intranet sites.
Have you come across any friendly GUI design packages rather than coding? I really need to ease myself into coding and not dive in. (Still trying to get to grips with Linux after 8years of MS Networks..Help me Linux, I have seen the light and its community-based, not fee)
Any advice is welcomed with open arms and a cheeky grin!!

[panickedthumb]

There's Bluefish and Screem, both of which I love. There's also Nvu, which is somewhere between Front Page Express (remember that from back in the day?) and HotDog Pro (if you've ever used it). Nvu has promise, but it's not quite ready for major production.

[defkewl]

If you already master HTML & CSS, what's the need of WYSIWYG?

[mostwanted]

As a newcomer to web-design and site creation I have had the unparalelled joy of using dreamweaver to amend already published Intranet sites.
Have you come across any friendly GUI design packages rather than coding? I really need to ease myself into coding and not dive in. (Still trying to get to grips with Linux after 8years of MS Networks..Help me Linux, I have seen the light and its community-based, not fee)
Any advice is welcomed with open arms and a cheeky grin!!

I used to use Dreamweaver for WYSIWYG, but I stopped doing WYSIWYG a long time ago, since it's too limiting and doesn't work well with modern web technologies like stylesheets (positioning for example) and divs which should be the cornerstone in any modern graphical layout.

Dreamweaver has a very nice html-code editor built-in, so use that. Don't worry html is probably the easiest language on earth (all languages, except baby-language included), so go learn. A good site is htmldog (http://htmldog.com) .

[hazza96]

Another site to learn HTML is webmonkey. (http://webmonkey.wired.com/webmonkey/)

[WiFi Net Guy]

Another site to learn HTML is webmonkey. (http://webmonkey.wired.com/webmonkey/)
I'm pretty new to Linux and web design as well. I've heard of Nvu but the Ubuntu package manager doesn't list it. Where can I get it and how would I install it to use under Ubuntu 5.04?

Thanks in advance...

[thechitowncubs]

I'm pretty new to Linux and web design as well. I've heard of Nvu but the Ubuntu package manager doesn't list it. Where can I get it and how would I install it to use under Ubuntu 5.04?

Thanks in advance...
www.ubuntuguide.org

always check there =D

[rostved]

Nice work (eller flot arbejde - nu man støder på en landsmand)

Being a web-developer myself, I've found Quanta Plus to be the best fit for me, although I'm using Gnome. Quanta features some sort of WYSIWYG mode (the VPL Editor), but I don't know how well it works since I mostly do serverside scripting. Maybe you should try Quanta out too.

[Solution_9]

I have dabbled in some web design in my day. You can check out my portfolio here www.bmilleker.com, its all in my sig.. :)

[Ride Jib]

Another site to learn HTML is webmonkey. (http://webmonkey.wired.com/webmonkey/)
When I was learning web design, some 8 years ago, I found Big Nose Bird (http://www.bignosebird.com) to be extremely helpful. Not sure how it ranks today (if it even still exists).

[orion_114]

w3schools (http://www.w3schools.com/) is another great resource to learn web design stuff.

[dude2425]

Any chance at turning this masterpiece into a WordPress template? Or maybe a tutorial on how to set something like this up on our own computers/servers?
I like how all the colors go perfectly with all other other colors.

[Ibis]

Here's one I made for a friend, she paints people in manga style.
http://www.ibisaeg.mine.nu/animize/index.php

[pdk001]

I just thought I'd show off my new site (began Friday, sorta finished today).

See my signature.

Anyone here doing web design?
simple and clearly

[mostwanted]

Any chance at turning this masterpiece into a WordPress template? Or maybe a tutorial on how to set something like this up on our own computers/servers?
I like how all the colors go perfectly with all other other colors.

Interesting possibility. I could look into that.

And nice site Ibis :) and valid too.

[Ibis]

And nice site Ibis :) and valid too.
Thanks :D And ofcourse ;P
Oh btw, had some problems with it, it's really supposed to be centered on the screen, but I had some problems with IE.
Well, I centered the background image in the body tag to create the "container" for the content on the page, so it would always cover 100% of the height of the browser window, and then I centered the div named container with the usual margin: auto;.
Well, sadly IE didn't center the div and the background image on the same spot, depending on the width of the browser window, and the content, together with the logo was pushed one pixel to the left. See www.ibisaeg.mine.nu/animize/leka for the page before I fixed it by putting the whole page on the left side.

Anyway, I'm probably being unclear of what happens when the width of ones IE window shifts, so here's a nice looking image! :P http://www.ibisaeg.mine.nu/untitled.jpg

Anyone knows how one could solve this? Used to just push the contentdiv one pixel to the right, but that screwed things up in all those cases where the width of the browser window didn't create that error.

[bvc]

I'd like to know to.

Here's my first real attempt.
http://kernow-hosting.com/~bvc/theme/gtk/clearlooks/index.html

and another
http://kernow-hosting.com/~bvc/gnomer/

[Xanthous]

I've found Quanta Plus to be the best fit for me, although I'm using Gnome. Quanta features some sort of WYSIWYG mode (the VPL Editor), but I don't know how well it works since I mostly do serverside scripting. Maybe you should try Quanta out too.

How do I get Quanta in UBUNTU?

Thank you.

[kostkon]

Thanks :D And ofcourse ;P
Oh btw, had some problems with it, it's really supposed to be centered on the screen, but I had some problems with IE.
Well, I centered the background image in the body tag to create the "container" for the content on the page, so it would always cover 100% of the height of the browser window, and then I centered the div named container with the usual margin: auto;.
Well, sadly IE didn't center the div and the background image on the same spot, depending on the width of the browser window, and the content, together with the logo was pushed one pixel to the left. See www.ibisaeg.mine.nu/animize/leka for the page before I fixed it by putting the whole page on the left side.

Anyway, I'm probably being unclear of what happens when the width of ones IE window shifts, so here's a nice looking image! :P http://www.ibisaeg.mine.nu/untitled.jpg

Anyone knows how one could solve this? Used to just push the contentdiv one pixel to the right, but that screwed things up in all those cases where the width of the browser window didn't create that error.

Hi lbis.

I think I have the solution for you. The thing I understood from your above post is that you want to the site to be centered. That's easy! You had problems because IE does not honor margin: auto. The solution is in the CSS to put text-align: center in the body selector. Something like that:

body { text-align: center; }

Keep the margin: auto into the #container selector for the browsers except IE.

Because text-align: center will center all your text you have to re-align it every time you don't want to be centered.

Furthermore, in IE all the objects will be centered alligned so you'll have to re-align them also.

But except some re-allignments and minor tweaks I think this will work and you can have the site to be center-alligned.

[kassetra]

As a newcomer to web-design and site creation I have had the unparalelled joy of using dreamweaver to amend already published Intranet sites.
Have you come across any friendly GUI design packages rather than coding? I really need to ease myself into coding and not dive in. (Still trying to get to grips with Linux after 8years of MS Networks..Help me Linux, I have seen the light and its community-based, not fee)
Any advice is welcomed with open arms and a cheeky grin!!

After good grief, 12 years now of professional web design/development experience, I know quite a few web development platforms/applications...

In my bag of tricks are the following Linux applications:
Bluefish (all around editor)
CSSed (advanced css editor)
Peacock (wysiwyg html editor)
Screem (wysiwyg html editor)
Nvu (wysiwyg html editor)
Mozilla Composer (yet another wysiwyg editor - one which Nvu was based on)

[robtotheb]

CSSed looks great. Never heard of that one... got to love linux!

[Ibis]

Hi lbis.

I think I have the solution for you. The thing I understood from your above post is that you want to the site to be centered. That's easy! You had problems because IE does not honor margin: auto. The solution is in the CSS to put text-align: center in the body selector. Something like that:

body { text-align: center; }

Keep the margin: auto into the #container selector for the browsers except IE.

Because text-align: center will center all your text you have to re-align it every time you don't want to be centered.

Furthermore, in IE all the objects will be centered alligned so you'll have to re-align them also.

But except some re-allignments and minor tweaks I think this will work and you can have the site to be center-alligned.
Thanks for the help :) But IE 6.X does use the margin:auto; so the page does get centered, but the thing is that my content div and the background in the bodytag doesn't get centered exactly the same, depending on the size of the browser windows, they differ one pixel, so it looks like the image I posted :/ text-align: center; in the body does nothing :(

[mostwanted]

Here is a new design I've done. It's totally unsuitable for normal use I just did it for fun :P

http://www.htmldesign.dk/tree/

[David A Knight]

Screem (wysiwyg html editor)


Screem is not a wysiwyg editor, it is text based like Bluefish.

[robtotheb]

I know this question isn't Ubuntu related but you guys/girls are smarter and more helpful than most....

I've been redesigning Catalyst PR (http://www.catpr.com/pr) the site works fine in FFox, Safari & Opera but explorer doesn't display the main column properly. It stays centered but tabs it below the left column. Any tips to help me get it up? ;-)

ps the css can be viewed at here (http://www.catpr.com/august_layout.css)