I am looking for some start off tips to become a Web Graphics Designer.
I am a student in further education studying A-Level ICT and BTEC Business Studies. My GCSE's were consisting of:
Maths - B,
English - B,
Science Chemistry - B, Physics - D, Biology - D,
GNVQ Business Intemediate - C,
General Business Studies - B,
GNVQ ICT - C.
Most of those qualifications aren't necessary for Web Graphics Design, but I thought I'd put the whole lot down to make people aware of my capabilities.
A friend of mine, Max Tappenden, introduce me to WHT a while back and I have only just recently decided to give this a good go. I would like to begin Web Graphics Design or PHP/HTML programming. But to start I need some tips and ideas on what I should do or need to know to begin this career.
I have Adobe Photoshop CS and I am quite knowledgable of it, I can do almost all the basics and I am still learning the advanced and just getting the hang of it. I have heard its quite a program to begin with. (Although CS2 has been released I am unable to afford this as of yet).
I am using Windows XPSP1 on a 512kbps Broadband connection, if that helps.
Is there any important notes that I should take heed before I start making random designs suitable for websites?
What exactly is 'suitable' for a website?
Are there any ground rules for beginners to take note of?
I am really interested in doing this, since I like to be creative and I like to create graphics and designs.
Unfortunately I do not have any portfolio of any work I have done, and I haven't made anything from scratch, I have mainly just fiddled with random pictures of Google Search.
I hope this is enough information to give advice to me.
Last edited by Amethyst1989; 07-19-2005 at 06:57 PM.
HTML is used to structure your content, whilst CSS is used to style the HTML document. Common mistakes amongst beginners/amateur developers is the use of tables for non-tabular data, for example using tables to structure and layout your website. I suggest going through the tutorial links provided above to get a basic grasp on the technology.
You should then use your graphics program (PS CS in this case) to help improve the visual look of your website. The use of graphics and CSS combined in an (X)HTML document produces some very nice results.
The W3C (World Wide Web Consortium) lays out specifications and recommendations for web developers. I reckon about 80 - 90% of developers ignore these, thinking they know better, please trust me when I say, they don't.
A lot of developers have a hard time admitting that their knowledge is flawed, now I'm no guru, but the difference between the other 10 - 20% of developers like me and the 80 - 90% that choose to ignore these, is that they're willing to learn the technology correctly, and use it to its full potential.
I suggest getting into the habit of validating your documents before releasing them for purchase or public use (Ie. On a client website).
You should also test your sites in multiple browsers, because you're beginning I suggest Fx (Firefox), IE (Internet Explorer) and Opera. As you get more skilled, you should increase these and test on Mac, PDA's, cell phones and anything else that allows you to view your site.
As for graphics, I can only suggest trying the ways you find best to learn, whether it be buying a book, doing an online course, learning at a school/college/uni course, or messing around. I learnt very slowly, and breaking the creative barrier was a challenge for me, now I find I can achieve pretty much any effect required, and the ideas flow to me like water in a stream.
My friend was right...
You don't get better advice anywhere else, thanks a million, I did learn HTML at W3Schools before, I guess it is best to revise! As for the XHTML I did try to learn but got caught up at school, but now I have left school I have all the time in the world to do this.
Once again, Thank you.
(If anyone else is willing to offer any more advice it still would be very much appreciated! so please don't stop!)
As Pauly said, going through tutorials, reading books etc will help alot. Also browse the net and get 'ideas' or inspirations. You know like randomly enter a url or use our friend google and type in any subject and hopefully it will get you to a nice looking page.
If this person is referring to the mathematical vertex's, not they're not a necessity.
By the way, if you find yourself lacking inspiration, I find my greatest source of inspiration is cartoons. I don't try and replicate anything I see, but, sitting watching cartoons with my niece helps me come up with ideas. Sounds wierd huh? It's probably just me that does this.
One of the best resources you'll find is a good discussion group from which you can learn, such as the one you've found here on WHT. Web development may seem like a mature field at this point, but in reality, it is very much in its infancy. A lot of the best knowledge is tribal knowledge, and as the industry becomes more codified and advances in technology become more predictable and evolutionary in nature, more formal resources will be better suited for learning about the industry.
You'll find on a lot of topics that two or more equally professional, equally qualified people will have completely different opinions on the best methods for achieving an online objective. Learning both sides of the coin will make you a much more savvy developer, regardless of what beliefs and practices you eventually adopt.
Welcome to the world of Web design and development! I hope you brought your boots
My boots are strapped on tight
I don't like to take once side of ideas, I like to hear both sides of the world. It's my nature to do so. Besides I am willing to hear as many aspects of Web Development from many many people first, that is why I am accepting ALL advice that people wish to share, and I thank every single person for doing so.
And thank you the_pm for that piece of information, I do accept all information from absolutly everyone who knows what they are doing.
I personally think that the best place to get info on IT stuff is on the internet. Even some higher education providers, unless they specialised in IT, do not have enough resources for their students to gain more info.
Your right Roi, thing is though, the internet is a maze, and for me its quite hard to find reliable sources for information.
W3C, W3Schools and WHT are exceptionally good in my opinion.
I also found the PHP.net was really useful too, especially since I downloaded the whole 300+ page tutorial on PHP I liked that.
I am still accepting advice if people are willing to share.
Once more, Thanks to those who haved shared their knowledge.
One minor question though, My school uses Dreamweaver MX 2004 Educational, whats the difference between DWMX2k4 Educational and DWMX2k4?
If you want to get good at actual design, I have some books to recommend.
Making and Breaking the Grid - Understand the importance of layout design and how to do it right. I've just read it recently, at first as a refresher for what I've learned in school but it really nails everything well.
Stop Steeling Sheep (and Find out How Type Works) - An excellent book on how to use type correctly and effectivly. This is usually the weakest point in most designers skillsets. If you can learn how to use type really well then you'll stand out.
As for the difference between Educational and regular, there's probably some functional differences in the more advanced features, but mostly with the Educational version you do not have the rights to publish professional work created with it.
Thank you phos for that, I will be looking into those books as soon as possible.
Just to tell you a funny little something, it was my Grandfather who told me about Photoshop. haha. oh well.
And it was my friend Max who told me what to do with it and how I could make a living out of designing.
Anyways thanks for that confirmation on the Dreamweaver MX versions.
Just goes to show that WHT W3C and W3Schools are three of the best places to learn, I just remastered the HTML and had it Validated a few times and I am taking the Advanced sections at the moment and soon I will do the CSS tutorial and then I'll redo my PHP tutorial from PHP.net just in case I'd need it.
Plus I'll learn XHTML along with it to fully understand the concept of HTML.
I am still looking for those books I have checked eBay and Amazon and they have them, but I am going to check my local library first.
And as for this message board helping you out too pr1ve, just hints why its open to public and I haven't asked for E-mailed or PM'd information, I do believe that knowledge is power but I am starting to sound like Stalin if I do carry on there
Well my biggest thing is when it comes to graphic design its not a thing you can learn..its something you have to love. For example ill sit down behind my dual monitors turn on some music and just sit back and start playing with things. I wont know what im making till I get started. Its art basically. Once you find what you love doing...weather it be logo design or ad design or maybe web design...then start practicing it. Go look up tutorals and try to make things with them..then take them and mix them up and make something that has them all in it. You will learn little tricks by doing that which will make your stuff become unique. The other thing is dont follow the flow..if you try to follow the flow as you are learning you will always be a step behind...instead create your own style. This isnt highschool...you dont ahve to follow the trend to be cool. Now if another thing I did to improve my skills is I found websites online that I though had a nice design..I then would try to recreate them in photoshop...not doing print screen but acually creating them from the ground up. (now dont publish these...cause thats someone elses work..but its a way to learn styles). Then after you have done some of those...grab paper and draw up some ideas and then take them from paper to the digital world!
Thanks CEdwards for that styling idea, I didn't want to go with the flow in the first place, I was planning to actually come up with a new and totally out of this world idea. Just like that Alienware, that was just so stunning my grandad, a 56 year old man bought one!
So I thought thats it, I want to be RECOGNISED let alone be different from the rest, I want to make my mark in this career, I love art, I love creating things, but my disability stops me from using paper and a pen, so I just use the computer, just as easy!