Tek-Tips is the largest IT community on the Internet today!
Members share and learn making Tek-Tips Forums the best source of peer-reviewed technical information on the Internet!
-
Congratulations derfloh on being selected by the Tek-Tips community for having the most helpful posts in the forums last week. Way to Go!
how to build wesite with photoshop 1
- Thread starter sma101
- Start date
-
1
- #2
Use photoshop as a "tool" to map out what your site will be like. The less you use graphics to "layout" your website, the better; means less loading time and less resource hogging.
Learn HTML AND CSS AND XHTML FIRST. You need the basics in how to author a site first; the graphics part can come later (ie making a nice header, footer, buttons etc )
Go over to the HTML and CSS forum on this site for more information on how to start.
Learn HTML AND CSS AND XHTML FIRST. You need the basics in how to author a site first; the graphics part can come later (ie making a nice header, footer, buttons etc )
Go over to the HTML and CSS forum on this site for more information on how to start.
- Thread starter
- #4
hi,
i am sorry i didnot state my issue properly. i used macromedia to build website like i am a beginner. In graphic i am weak wereas in coding HTML, javascript, CSS i am good. I know when grahic are built on photoshop than sliced than imported on macromedia, but did not how to use.
Therefore if you guys know any book project type which how to use photoshop to build graphic and than slice the grahic and build website. Thanks guys for the help
i am sorry i didnot state my issue properly. i used macromedia to build website like i am a beginner. In graphic i am weak wereas in coding HTML, javascript, CSS i am good. I know when grahic are built on photoshop than sliced than imported on macromedia, but did not how to use.
Therefore if you guys know any book project type which how to use photoshop to build graphic and than slice the grahic and build website. Thanks guys for the help
What the heck are you guys talking about? I used photoshop to make webpages all the time. Just make a layout and start slicing.. 
You can slice the whole design into a neat little package.. (the html file and the image folder with everything) then from there, rename, recreate, optimize or whatever it is that you like to do with it.
You can slice the whole design into a neat little package.. (the html file and the image folder with everything) then from there, rename, recreate, optimize or whatever it is that you like to do with it.
ticke,
That's the "problem." People start relying on PHOTOSHOP to do EVERYTHING for them, without knowing hte basics of HTML. LAYOUTS can be achieved by simple HTML and CSS and with DHTML and XHTML, layout wouldn't be needed to be done in any graphics program. When people start designing websites solely based on graphics, they contribute to slow loading websites. If your page doesn't fully load in 10-15 seconds on a 28 kb connection, as a business or just "new" site, you will lose your audience.
USE Photosop to create the "graphics" that enhance the site; ie buttons, icons, banners, haders, and footers and such. Dont rely on Photoshop to CREATE the site for you.
That's the "problem." People start relying on PHOTOSHOP to do EVERYTHING for them, without knowing hte basics of HTML. LAYOUTS can be achieved by simple HTML and CSS and with DHTML and XHTML, layout wouldn't be needed to be done in any graphics program. When people start designing websites solely based on graphics, they contribute to slow loading websites. If your page doesn't fully load in 10-15 seconds on a 28 kb connection, as a business or just "new" site, you will lose your audience.
USE Photosop to create the "graphics" that enhance the site; ie buttons, icons, banners, haders, and footers and such. Dont rely on Photoshop to CREATE the site for you.
I have to disagree with you. I been doing website for years. With my process, I can get by with creating complex tables within a matter of seconds. From there, I started tweeking the graphics.
I guess I am not one of those people you refering to that gets by without knowing HTML but I think my way is most effective when creating the "basic page" layout of what i needed.
I guess I am not one of those people you refering to that gets by without knowing HTML but I think my way is most effective when creating the "basic page" layout of what i needed.
ticke, you've gotta be joking man. If your whole site is a graphic, what are the search engines supposed to find for results???!!!! What if the site is 800 pixels wide and 5000 pixels long? The file size of all those graphics is gonna be huge!
sma101, listen to WizyWyg and kilot!
sma101, listen to WizyWyg and kilot!
Dude, Photoshop is just a tool is what I am saying. Slicing is just breaking the layout out in a form of html.
Then you can do the rest of the editing in html, css, and so fourth.
i disagree with you on this comment "Dont rely on Photoshop to CREATE the site for you" but the rest i agreed on.
Then you can do the rest of the editing in html, css, and so fourth.
i disagree with you on this comment "Dont rely on Photoshop to CREATE the site for you" but the rest i agreed on.
PHOTOSHOP is not a web creating tool. That's Why "DONT RELY on photoshop to CREATE THE site for you."
Web design tools are HTML/XHTML design software like Dreamweaver and such. The only place Photoshop has is to "template" your site ( making an image to get a feel of how yu want the site to look like ) and then achieving that look through HTML/DHTML/XHTML and CSS. Photoshop is great for only creating graphics that support your site or enhance.
I've seen many sites that has only a background and achieve a great site without the need for photoshop. Everything is layed out using CSS.
Designers really need to be able to do both these days:
Web design tools are HTML/XHTML design software like Dreamweaver and such. The only place Photoshop has is to "template" your site ( making an image to get a feel of how yu want the site to look like ) and then achieving that look through HTML/DHTML/XHTML and CSS. Photoshop is great for only creating graphics that support your site or enhance.
I've seen many sites that has only a background and achieve a great site without the need for photoshop. Everything is layed out using CSS.
Designers really need to be able to do both these days:
Dreamweaver sucks. It creates unnecessary code for your html file. If you can't code html, don't be a web designer. Most of the Web-designers these days are required to hand code so get use to it or dont get in the profession.
I agree with CSS, Javascript for layout.
My way of converting my design layout from photoshop is easy because it only creates the "necessary" html code.
Guess that's my opinion and you can argue all you want.. I am done here..
I agree with CSS, Javascript for layout.
My way of converting my design layout from photoshop is easy because it only creates the "necessary" html code.
Guess that's my opinion and you can argue all you want.. I am done here..
Let me jump in here again.
You can do almost anything with any program these days, you can do really nice spread sheets using word but it's not the tool to use if you do a lot of spreadsheet work. You can certainly create a web page with Photoshop but it's not the tool to use to create a complex website although it can be done. I still do all my html coding using notepad but I would never recommend notepad to someone who wants to learn how to create a website. There are no wrong answers here just different opinions and for anyone who is familiar with Photoshop knows that there are many ways to do the same thing.
You can do almost anything with any program these days, you can do really nice spread sheets using word but it's not the tool to use if you do a lot of spreadsheet work. You can certainly create a web page with Photoshop but it's not the tool to use to create a complex website although it can be done. I still do all my html coding using notepad but I would never recommend notepad to someone who wants to learn how to create a website. There are no wrong answers here just different opinions and for anyone who is familiar with Photoshop knows that there are many ways to do the same thing.
I think Photoshop is a great tool for designing web layouts. You have complete freedom to create without having to worry about browser issues, etc. Create different layer sets for different options, and when you've picked a final design, many of the graphic elements are ready to use.
However, I would strongly discourage people from just using the 'Save for Web' feature, and leave it at that. Photoshop is only a starting point, and you will have to alter the resulting code considerably. On a simple level, you will need to replace many graphic elements with html, so the whole page isn't one big graphic. For example, photoshop text should be changed to html text in general, and large areas of solid color could be converted to a table cell with a colored background, or a positioned css element. Another fix would be making areas of the layout expandable to accomodate more content, or enlarged browser fonts.
With experience, you'll know what kind of restraint you should use when creating the original designs. It's certainly a great way of speeding up the approval process, and getting a solid idea in your own mind about how the site will look.
However, I would strongly discourage people from just using the 'Save for Web' feature, and leave it at that. Photoshop is only a starting point, and you will have to alter the resulting code considerably. On a simple level, you will need to replace many graphic elements with html, so the whole page isn't one big graphic. For example, photoshop text should be changed to html text in general, and large areas of solid color could be converted to a table cell with a colored background, or a positioned css element. Another fix would be making areas of the layout expandable to accomodate more content, or enlarged browser fonts.
With experience, you'll know what kind of restraint you should use when creating the original designs. It's certainly a great way of speeding up the approval process, and getting a solid idea in your own mind about how the site will look.
ticke (TechnicalUser) Oct 1, 2003
Dreamweaver sucks. It creates unnecessary code for your html file. If you can't code html, don't be a web designer. Most of the Web-designers these days are required to hand code so get use to it or dont get in the profession.
I agree with CSS, Javascript for layout.
I have to whole heartedly disagree. In fact many of the jobs I applied for required that you know at least one of the WySIWYG editors, and most specifically stated Dreamweaver.
Dont confuse DW with FrontPage which puts in bloated HTML. DW puts in straight coding. I use DW on a daily basis and none of the coding is bloated.
and "if you can't code html, don't be a webd esigner" is purely and IGNORANT and flame ridden comment. Puhlease.
In a time when companies want fast and efficient, they rather have you work with a WYSIWYG editor and clean up the code then hand-input code over and over again, especially if its the same coding over and over again.
Dreamweaver sucks. It creates unnecessary code for your html file. If you can't code html, don't be a web designer. Most of the Web-designers these days are required to hand code so get use to it or dont get in the profession.
I agree with CSS, Javascript for layout.
I have to whole heartedly disagree. In fact many of the jobs I applied for required that you know at least one of the WySIWYG editors, and most specifically stated Dreamweaver.
Dont confuse DW with FrontPage which puts in bloated HTML. DW puts in straight coding. I use DW on a daily basis and none of the coding is bloated.
and "if you can't code html, don't be a webd esigner" is purely and IGNORANT and flame ridden comment. Puhlease.
In a time when companies want fast and efficient, they rather have you work with a WYSIWYG editor and clean up the code then hand-input code over and over again, especially if its the same coding over and over again.
snowboardr
Programmer
ticke
Dreamweaver sucks. It creates unnecessary code for your html file. If you can't code html, don't be a web designer. Most of the Web-designers these days are required to hand code so get use to it or dont get in the profession.
I agree with CSS, Javascript for layout.
Im going to have to agree with WizyWyg on this one.
Ticke you do not know what you are talking about. I would really like to see one of these full image websites of yours. Please post a url to one of your sites that you have done over the years.
Dreamweaver kicks butt, but people who say it sucks have only used Frontpage or in this case Photoshop. Dreamweaver has improved, if you have tried out Dreamweaver MX you wouldn't go back to frontpage or photoshop or whatever you are using now. MX 2004 Is even better then the previous version, and it speeds up development of Database driven applications.
And speaking of database driven applications, if you are such a web developer, then you should know updated content is key to having a successful website and how can you accomplish this with static images?
- Jason
Dreamweaver sucks. It creates unnecessary code for your html file. If you can't code html, don't be a web designer. Most of the Web-designers these days are required to hand code so get use to it or dont get in the profession.
I agree with CSS, Javascript for layout.
Im going to have to agree with WizyWyg on this one.
Ticke you do not know what you are talking about. I would really like to see one of these full image websites of yours. Please post a url to one of your sites that you have done over the years.
Dreamweaver kicks butt, but people who say it sucks have only used Frontpage or in this case Photoshop. Dreamweaver has improved, if you have tried out Dreamweaver MX you wouldn't go back to frontpage or photoshop or whatever you are using now. MX 2004 Is even better then the previous version, and it speeds up development of Database driven applications.
And speaking of database driven applications, if you are such a web developer, then you should know updated content is key to having a successful website and how can you accomplish this with static images?
- Jason
There isn't one answer here. Different jobs call for different approaches. I have used PS's slice and save option, but I find that it doesn't really save time. There's too much clean up to be done after. I often create a mock up in PS and then duplicate in html/css, but to go the one step further and base an entire site on this is bad design and a waste of time imo.
For chopping up a banner into "smart parts", PS's slice and save is incredible. I use it all the time.
I don't know how much faster DW is over notepad hand coding. Websites these days are all template driven. Once that template is created it's all a matter of cutting and pasting. I myself, prefer to code in notepad and use DW only to do tasks that are suited to it.
Anyone who relys on one app, and then tries to claim their method is best for any situation, any design problem probably isn't seeing all the options. Web designers have to be versitile and efficient and there isn't one application that can replace all other methods yet.
For chopping up a banner into "smart parts", PS's slice and save is incredible. I use it all the time.
I don't know how much faster DW is over notepad hand coding. Websites these days are all template driven. Once that template is created it's all a matter of cutting and pasting. I myself, prefer to code in notepad and use DW only to do tasks that are suited to it.
Anyone who relys on one app, and then tries to claim their method is best for any situation, any design problem probably isn't seeing all the options. Web designers have to be versitile and efficient and there isn't one application that can replace all other methods yet.
I think there is a difference between what a program CAN do and what a program is MADE to do.
When I came here, I found many people creating letters in EXCEL. Excel was all they knew so that made it work for them, even though WORD was made for that.
So from that perspective, you CAN create web pages from Word, but SHOULD you? Nope.
When I came here, I found many people creating letters in EXCEL. Excel was all they knew so that made it work for them, even though WORD was made for that.
So from that perspective, you CAN create web pages from Word, but SHOULD you? Nope.
- Status
Similar threads
- Locked
- Question