Designing A Websites Graphics

free web hosting
Free Web Hosting > Computers & Tech > Designing > Web Design and HTML

Designing A Websites Graphics

Demonhawk
Say you would like to make a website made in say tables with background pics to create the entire layout of the site, how would you go about actually DESIGNING the graphics and making everything blend in seamlessly. I have been having a lot of trouble actually coming up with smooth flowing graphics that dont detract from the usability aspects yet still looks good! Im not sure if this would be the right section or maybe it should be in the graphics but its got aspects of both.

Reply

ruben
Hello,

as I understood it, you've got two different questions.
1. What kind of graphics to use, that are good but yet smooth enough to blend in and count as background. We're talking easy on the eyes, but beautiful. Well, there are tons of advice to give there and I'm probably not the divine guru on the subject. If you want to see, what the gurus do, have a look at the Css Zen Garden. You might also want to consider searching the forums and how-tos on design guidelines. Earlies today somebody posted a link to this website, a color scheme generator.

2. I can say more about the second point. You talked about fitting graphics together in tables, so that it works together nicely. This can be tedious work of course, especially, if we're talking backwards compatibility.
If you want to do it with tables (CSS can enhance the results and make it easier for you, but as far as my experience goes, you will have troubles making it look the same in any common browser).
Tables for layout purposes are deprecated, but have their advantages.
Applications like Photoshop and ImageReady help a lot with building these tables. If you don't use a WYSIWIG (What You See Is What You Get) editor, you should consider using one for this, because it's difficult to do abstract.
You should think about, who your users are going to be. If they are likely to be up-to-date kids, then you should definitively go CSS instead of table layout.

Ask back, I'm not going to write an essay, when I'm not sure I got your point…

Ruben

 

 

 


Reply

doudou
If you really want to start from scratch and use a graphic software such as Photoshop. Once you have your graphics, you can then worry about the layout. Dreamware can probably solve the layout problem.

Reply

Quatrux
Well, I don't know if you're using plain html or what, but you can do a lot by using CSS, if you don't use it yet, sorry if you use it and think that this is a lame suggestion.. wink.gif Once you know/learn CSS you can create really good layouts with html and maybe even some javascript, but not to much, just for what is necessary. Just my two cents.. smile.gif

Reply

Ky1e
Photoshop + Dreamweaver
Photoshop + Dreamweaver
Photoshop + Dreamweaver
Photoshop + Dreamweaver
Photoshop + Dreamweaver
Photoshop + Dreamweaver
Photoshop + Dreamweaver
Photoshop + Dreamweaver
How many more times do I have to say it

Reply

vhortex
Ky1e, on what you are doing, the thing that you will earn is a warning or perhaps a ban.. he is asking a question on design and not on what software to use.. plus you are turning your post into a spam..

just my few cents though..

----------

@Demonhawk

there are a lot of ways to do your question.. it is also possible to create a stunning website without graphics and make it look and feel as if the whole site is heavy on graphics..

these of course takes time to build and you will need to try more on CSS and some javascript perhaps.. Just avoid IE's interpretation of javascript and CSS.. they are not standard anyway..

----------

Reply

Quatrux
Furthermore Ky1e, not all people are rich like you and not all can buy this kind of Expensive Software, but he might use Trial versions for some time to finish the layout, but as mentioned his question was a bit different. :S

Reply

vhortex
One of the trial users is me.. I got a trial Photoshop C2 full edition.. when the trial expires.. I use a restore CD.. It is annoying but the restore CD makes my life easier.. No choice anyway.. cant give the money to buy a copy..

I already spend a good deal of cash for M$ OS and Office set since I was not the only one who uses my units and not all are capable to use Fedora Core Linux..

-------------

I only keep all data in a different drive so it wont get affected by the restore.. sad.gif

Reply

demolaynyc
QUOTE(Demonhawk @ Aug 4 2006, 05:50 PM) *

Say you would like to make a website made in say tables with background pics to create the entire layout of the site, how would you go about actually DESIGNING the graphics and making everything blend in seamlessly. I have been having a lot of trouble actually coming up with smooth flowing graphics that dont detract from the usability aspects yet still looks good! Im not sure if this would be the right section or maybe it should be in the graphics but its got aspects of both.


This was the same problem I had before. But to solve this you would first need a good graphic editor I prefer using Adobe Photoshop, even though it's expensive it's very good at making layouts and other things ouitside of site designs.

So when you got that, create like a canvas (new file) which should be as big as 800x600 any size you want as long as it's not wider than the screen. Now the very easy part to do is to "draw the webapge" with any graphicas and colors you want don't worry about the tables and how they will be placed (well maybe a little) becasue Photoshop's image slicing does the job for you.

After you finish the whole design, use the slice tool and create a box around the area that would contain content. This practice takes a while to master but it doesn't take that long. I can't fully explain it to you in detail but this is the general process.

when you're done with the slices open up ImageReady which is a seperate program and go to "Save Optimized as" which would then generate an HTML page and divide the whole image into seperate pictures. Open up an html editor (WYSIWYG) and then make the pictures that need to be written over as background. and there you have a webpage.

Reply


Got an Opinion! Express your Views! (no registration):-
Add your Reply/ Opinion/ Views/ Comments/ Suggestion/ Questions/ Queries etc.
Posts with decent grammar & English will be accepted and please refrain from profanities.
For asking a Question, We recommend you to sign-up (for free) so that you can track the topic easily.

Nature of your Post*: Opinion/ Reply/ Comments
Question/Query
Feedback to us.
       
Name   Email
Title/Question*

(Maximum characters: 10,000)
You have characters left.
Confirm Code:

Similar Topics

Keywords : designing websites graphics

  1. The Best Web Design Combo - my tools used for web designing. yours? (28)
    You know the best combination of webdesigning for me? 1. OS: Microsoft Windows XP 2. Web Server:
    Apache web server 3. Database: MySQL database 4. Dynamic page language: PHP 5. Page designer:
    Macromedia Dreamweaver 6. Graphic Designer: Adobe Photoshop Honestly, i would like to use Mac or
    Linux instead. But, i was born with M Windows. I can't help it. What about u guys?...
  2. Designing Web Applications - How do you design? (4)
    Just wanna know other's views/styles/opinions on designing Web Apps... Here is mine: 1.)
    Application Definition => Explains the mission/goals of the application 2.) Target Audience => Who
    are you building your Application for? (e.g General Public, Students, Parents, Programmers, etc...)
    3.) General Requirements Gathering => Write down all the requirements of the Application (Layout,
    Graphics, Content, Features, etc...) 4.) Technical Requirements Gathering => All the classes,
    methods/functions to be used, Plug-ins, etc... 5.) Flowchart / Diagram => Flowchart of...
  3. Really Helpful Tips In Designing - Tips for both webmasters and designers (4)
  4. Tried Designing Web Templates, But I'm No Good - (6)
    I've TRIED to design a web template. -------it didn't work out. so i downloaded one, and the
    site has the COOLEST free web templates---------but I forgot the name. Anyway, could someone lend me
    some tips on how to make a template?...
  5. Need Help In Designing My Website. - (1)
    If your looking for some new websites to join then here are some for you to join: You can join my
    website here: Click here Or you can join my friends website at: Click here My website is under
    construction at the minute, but the problem i face is that i need people to help me construct it.
    First one to PM me can do it if you want to and when you do help me, afterwards i'll make you a
    member of staff. Currently my friends website is down but hopfully it will be up soon. At least
    make an attempt to write a short review on what you site or your friend's s...
  6. Site Designing - (21)
    Do any of you guys have a particular process you go through when designing a site? I always find it
    really hard to get started on a site, and often have to have 4 or 5 gos before I get it right. Is
    there a "perfect formula" out there for getting your designs right every time?...
  7. Designing Graphics - I've been offered (10)
    Hey i was offered a job by another Australian to do graphics designin, He said he would pay me 80%
    of what it sells for. I was just wondering is that a reasonable deal to work with or should i just
    forget it. I might give it a try and see how much business he gets and also how he works with the
    customers and most importantly other employees....



Looking for designing, websites, graphics

Searching Video's for designing, websites, graphics
advertisement




Designing A Websites Graphics



 

 

 

 

ADD REPLY / Got an Opinion! a humble request :-) RAPID SEARCH! Free Hosting [X]
Express your Opinions, Thoughts or Contribute more info. to help others.
Ask your Doubts & Queries to get answers, So that "Together We can help others!"
Register FREE for AD-FREE forum, Create your own topics, Ask Questions, track topics, setup subscriptions & notifications and Get a Free Website w/ Email and FTP.
500MB Space *No Ads*, CPanel, FTP, PHP, MySQL, EMails - 100% FREE