What is Digg?Sponsored by HowLifeWorks
New Food Sprinkle Convinces the Brain to Stop Over-Eating view!
howlifeworks.com - How sophisticated scents are helping people control their appetite and lose weight
48 Comments
- speel, on 10/12/2007, -0/+1yea but how do you code that now :s
- dclowd9901, on 10/12/2007, -0/+1"Learn HTML, CSS and build web sites properly. Just cause you can drag and drop some images on to a site doesn't make you a web designer."
Actually, webdevil, it does make you a web designer, it does not, however, make you a web programmer. Should you know progging for web design? Of course, but designing and building are two different processes altogether. How often do you see an architect on-site, hammering away? - webdevil, on 10/12/2007, -0/+1yes, a very different type of template, an 800px wide block of boringness WITH a full width GRADIANT BAR at the top!
------------------------------------
Agreed. This is a very bad idea.
Learn HTML, CSS and build web sites properly. Just cause you can drag and drop some images on to a site doesn't make you a web designer. - weareglass, on 10/12/2007, -0/+1Like the blind leading the blind
- joeyjojo, on 10/12/2007, -0/+1One shoudl never make a web site template in photoshop. Sketch your idea or whatever, but don't lead people to believing that designing web sites in photoshop is actually a good idea.
"Of course, but designing and building are two different processes altogether. How often do you see an architect on-site, hammering away?"
A good architect spent plenty of time hammering away.
A designer needs to know the medium. Be it architecture, web design, or painting.
If they don't they are merely a decorator. which is fine, but not quite design. - TheCheeta, on 10/12/2007, -1/+1Better break out the fire extinguisher, then...
- leetcharmer, on 10/12/2007, -0/+0I think someone should make new complete site tutorials for use with the gimp.
- cawpin, on 10/12/2007, -0/+0You got a big yellow bar across the button at the bottom of your front page. I'm using Mozilla.
- buddyfarr, on 10/12/2007, -0/+0oh by the way it is running on a cable modem on a compaq 333MHz system....
- tekmonkey, on 10/12/2007, -0/+0Once you design this in Photoshop, you can splice it and it will generate a html page full of tables. Albeit, using tables to create a layout is generally considered very poor coding technique.
- alanmarchman, on 10/12/2007, -0/+0It's the trendy design you see these days, but he needs to go on from there and explain how to slice that design up into individual .jpg and/or .gif files. Most of the layout for a site like this could be easily implemented using CSS. That entire header/blue stripe thingy/menu stripe thingy could be saved as a 1px wide image and tiled as a background and the other components built in using the CSS box model. If implemented this way and any validation error fixed, the site would be super fast in pretty much any browser, even craptacular ol' IE.
- thewordwasgod, on 10/12/2007, -0/+0ugh...
it says:
"I'm making this tutorial on how to make a different type of template. Most of the tutorials out there are for those 800px wide blocks of boringness. In this tutorial I'll show you how to make a slightly different type of template."
yes, a very different type of template, an 800px wide block of boringness WITH a full width GRADIANT BAR at the top!
funny that my first thaught was '*****...why encourage sites that look like everything else', and then i read that he is actually presenting it as "a different template"
this is the last thing we need, and yes i have worked with people on the design end of things who think that all they need to do is mock up some ***** in photoshop.
NO DUGG - lon3, on 10/12/2007, -0/+0oh, those poor animals :(
- Stonekeeper, on 10/12/2007, -0/+0I managed to recreate it using the gimp. A little bit different but much the same.
- buddyfarr, on 10/12/2007, -0/+0slack31337 (0) LOL "http://farrandsons.com/index_files/Page985.htm look the boars ass is bleeding must be lonely out there in the country :)"
lol!! that is exactly what I thought when I got the pics back. that was after they gutted it and hauled it back in after the hunt. man that sucker was heavy. the year before we went one of them bit the entire calf muscle off of one of the guides. they can get mean when they are hungry! - slack31337, on 10/12/2007, -0/+0
leetcharmer
"I think someone should make new complete site tutorials for use with the gimp."
http://gug.sunsite.dk/ wish granted please dontate money to open source for your gratitude :) - TheCheeta, on 10/12/2007, -0/+0If I am in an absolute hurry, I will mock up the design in Photoshop, slice it, add any nav features (changing button states, etc.), save the design as HTML, setting up the option for pshop to save everything in divs. Then go back and tweak things to my heart's content and clean up the code using Dreamweaver. Yeah, big deal, so I didn't do it in Notepad from scratch. I got it done a lot quicker, and when there are multiple projects with deadlines runnning amok amok amok, ya gotta do whatcha gotta do.
- squeakypants, on 10/12/2007, -0/+0no digg. it shows how to make a basic thing in photoshop, but not how to make a SITE. it is just an image. this encourages people to make image-only sites, which are horrible, show that the creator doesn't care about his site, and drains bw
no digg - ifonly, on 10/12/2007, -0/+0what crap. if you want free templates go here:
http://zymic.com/show_templates.php?id=1 - Ramble, on 10/12/2007, -0/+0Digg readers arn't that stupid are they?
- buddyfarr, on 10/12/2007, -0/+0right, that is the problem, learning the code. I am trying to do that as I go. just drag and dropping pics into a page teaches me nothing. I am going back and viewing source, (within the same program, separate tab at the bottom), and trying to see what went where and how it did it. I do know that if you don't know how to create a webpage by just using notepad then you really are not a web designer. anyone can drag and drop...and that is why we get so many web pages that are bloated code. after I designed it in publisher I went to www.w3c.org and ran the HTML Validator on it. 179 errors. now I think there is only 1 error that I need to fix.
about the yellow line...I did check mine in both IE and firefox. I don't see the big yellow line on the buttons at the bottom. the big yellow line is across the bottom but under all the links at the bottom. then the google search is under that. what resolution and everything are you using? I have tested it in 800x600 and 1024x768...hmmmm. just in windows though. maybe your OS is different? that is why it is a work in progress. thanks for the comments back though.
break out the fire extinguisher.. :) lol. it is an old compaq server that I just recently got from work. runs good and quiet. get this...I just installed that last weekend. it WAS running on an even older compaq 6000. it had quad pentium PRO 200MHz processors...rotflmao. sounded like a jet airplane taking off when it started up. - buddyfarr, on 10/12/2007, -0/+0RE: TheCheeta,
I am not saying that the pros who know what they are doing only use notepad. you use what gets it done quick. the key words in your post are that you go back and clean up the code. that is the good part. make it run better and download quicker. that is what I am trying to do, clean it up and at the same time learn how to do it better.
thanks, - dclowd9901, on 10/12/2007, -0/+0Yeah, I'm with speel: what exactly do I do with it after I design it. I've designed pages in photoshop before, but how do I turn that into a functional webpage?
- vagrantradio, on 10/12/2007, -0/+0Photoshop makes ***** websites. Don't bother.
- stuntant, on 10/12/2007, -0/+0Um isn't this a tech site? Everyday there is some how to do something everyone here should not need a how to page for.
- evizaer, on 10/12/2007, -0/+0Why would anyone who is serious about putting up a website make a website in photoshop? It's unprofessional, ugly, and generates crappy table-based non standards compliant code.
Learn how to program for the web. You can do so much more, so much faster, and so much better.
No digg. - jingles, on 10/12/2007, -0/+0LOL @ briantech! It's more just a social bookmarking site than a technology news site/slash dot killer.
joeyjojo - It's ok to use Photoshop but only after you have sketched out and planned your web site on paper. All n00bs just jump straight into their pirated version of Photoshop and start designing big steaming turds they are proud of that makes everyone else want to vomit or kill them self's. - Inbal, on 10/12/2007, -0/+0OK, so saying "now I'll show you how to make an interesting design" was pretty pretentious (or delirious), but the result is a good web-design tutorial for beginners. It doesn't necessarily have to be sophisticated, and it certainly shouldn't confuse people with web-construction stuff.
- briantech, on 10/12/2007, -1/+1I find it amusing that when digg started breaking headlines a week back, it was touted as the slashdot killer.
Give me a ***** break. digg is like a technology news site for people that don't understand technology. i mean look at these comments. "hey everyone thats real cool, i like that design, here please look at my ***** ***** WEBSITE I MADE IN DREAMWEVARE ITS SO COOL PLEASE DONTATE" - jglynn, on 10/12/2007, -0/+0I just puked in my mouth a little.
- quaffapint, on 10/12/2007, -0/+0It's actually convenient to use photoshop just as a sketch pad, and then properly build it via css/html/php.
--------
http://www.funnyandfun.com - M3Parker, on 10/12/2007, -0/+0isn't that filler text they used the same as the text found in dreamweaver templates?
- tituskashmarek, on 10/12/2007, -0/+0yea this is lame
no digg - inactive, on 10/12/2007, -0/+0dclowd9901:
Point well made.. Good job. You put those words just right. - strabley, on 10/12/2007, -0/+0btw - does anyone else think all digg.com links should open in new window?
- Philbert, on 10/12/2007, -0/+0My site was designed in photoshop, but then I don't need any fancy bells and whistles to get my point across.
- tamarind, on 10/12/2007, -0/+0Please don't litter your site with pictures of text.
- inactive, on 10/12/2007, -0/+0Complete my ass. This isn't even that nice.
- strabley, on 10/12/2007, -0/+0I didn't really digg this, but then I am a web designer by trade so i can tell some of these diggers to shut up about the "learn html" comments. If you're designing a site you really do need to start with a graphics editor, be it gimp or photoshop. I'm only bitching because I'm a nerd as well - like most my friends. Sadly most of them don't understand the fact that just because you can program for the web, that doesn't mean you know jack about design itself. Should this be on digg.com? Maybe no, but dint tear down what you don't understand.
- Dujoducom, on 10/12/2007, -0/+0For all you guys that want to learn how to code try http://www.htmldog.com/ . Forget everything else you know and start going through their HTML tutorials and then their CSS tutorials. They will teach you how to code the right way - semantically and with web standards.
- Jellybob, on 10/12/2007, -0/+0I tend to do my mockups using Inkscape - it allows me to quickly shift elements around the page, resize, recolour, and generally get an idea of how I'd like things to look when I'm finished.
After that stage I move onto making it work using CSS - the process of mocking it up helps hugely here, because I look at the mockup and see where the different blocks are. Generally having a mockup will shave hours off the design process, because I'm not trying to imagine something at the same time as developing it. - Dujoducom, on 10/12/2007, -0/+0Oh, and I agree with strabley. You don't start making a website at the coding stage. You can start with pen & paper (thumbnails) or a mock-up in fireworks/photoshop/gimp/ect. After you have the basic layout down you can chop it up and start coding. I guess if you have a REALLY good idea of what the site should look like you can do it the other way around, but IMHO it's a lot easier to code things once you know the dimensions of the page better.
- slack31337, on 10/12/2007, -1/+0LOL http://farrandsons.com/index_files/Page985.htm look the boars ass is bleeding must be lonely out there in the country :)
- zforrester, on 10/12/2007, -1/+0ugh...
it says:
"I'm making this tutorial on how to make a different type of template. Most of the tutorials out there are for those 800px wide blocks of boringness. In this tutorial I'll show you how to make a slightly different type of template."
yes, a very different type of template, an 800px wide block of boringness WITH a full width GRADIANT BAR at the top!
funny that my first thaught was '*****...why encourage sites that look like everything else', and then i read that he is actually presenting it as "a different template"
this is the last thing we need, and yes i have worked with people on the design end of things who think that all they need to do is mock up some ***** in photoshop.
NO DUGG
____________
I agree. Whats the point of this? - inactive, on 10/12/2007, -1/+0Good ressources for beginners.
- xLiKx, on 10/12/2007, -1/+0a good tute for noobs, dugg
- inactive, on 10/12/2007, -3/+1But gimp sucks, and is a crappy replacement wannabe for photoshop. I would rather use ms paint.
- buddyfarr, on 10/12/2007, -3/+0I used publisher to create a website. looked ok for a noob web page but MS code was so bloated the index.htm page was 106k. I redesigned it with the same look in Nvu. now the same page is just over 6k. nice. just the main page and the contact page though. have to still redesign the rest. you can actually see a big download difference if you go to the main page then goto the about us or any other link besides the contact us page which was redesigned already. yeah yeah, I know, noob looking but not bad for someone with NO HTML knowledge. I am working on it though. in time it will get better....
http://www.farrandsons.com
oh god, here comes the digg effect...
© Digg Inc. 2009
— Content created and posted by Digg users is