Results 1 to 16 of 16
Thread: Need help to design website
-
10-08-2013, 05:27 PM #1Junior Guru
- Join Date
- Jun 2010
- Posts
- 178
Need help to design website
Hi to all professional web designers here!
I want to built a website, I am a noob with that. I want to know does all HTML/CSS websites designed by professional web designer start with designing a PSD first or you directly start coding and linking custom graphics to it?
Is PSD the 1st step to develop a professional website in HTML/CSS? or anything else?
And what about the PHP websites does it follow the same procedure of development as of HTML CSS websites or we need to start with something else for that too?
Please help me I want to know how professionals do their work! I will appreciate your views and response and also guide me with proper steps required or development procedure for website.
-
10-08-2013, 05:31 PM #2WHT Addict
- Join Date
- Sep 2008
- Posts
- 138
Re: Need help to design website
Hello,
I'm no expert in web design or development, however from my personal experience all of my designs have started as a PSD then been sliced and coded to HTML & CSS. As with PHP I would code the HTML & CSS first then implement the PHP where ever it's needed within the site.
If you visit tutsplus.com there's loads of tutorials for PSD and HTML.Jiffy Domains - Affordable & Reliable UK Shared Web Hosting & Reseller Hosting UK
Features: cPanel | Softaculous | CloudFlare | R1Soft Backups | RVSiteBuilder Pro| 24/7 Support | 30 Day Money Back Guarantee | 99.9% Uptime Guarantee | PayPal & Direct Debit Accepted
-
10-08-2013, 07:20 PM #3WHT Addict
- Join Date
- Aug 2006
- Location
- USA/UK
- Posts
- 112
Hey I have designed 100s if not 1000s of sites, I would advise if you are starting a hosting type business to certainly use a CMS system ( Content management System) this will allow you to edit the site as your business evolves over time, update news, images and text etc.. A few good ones that i tend to stick with are
Wordpress
Drupal
Joomla
You would also require a whmcs integration if you want to include a billing system to bill your clients (WHMCS is probably the best option)
Designing a site for the first time can seem a huge task but take a look around see what others are doing and some of the bigger companies out there you will notice certain trends and designs flows that you can take for inspiration.
Remember the basics..
Dont make it too wide, you should work with these pixels..
960 pixels width - 1024 to make sure all visitors get a good experience (I wont go into mobile responsive here lol)
Make sure you research which colours people react too, ie; red is deemed as a shouting colour or if someone is making a statement were as orange and light greens are softer and more welcoming.
How it works after you have done the design for the pages is pretty straight forward, if you have html/css and a bit of php knowledge you should be fine, if not you may want to hire someone to do this for you..
A PSD is the image you create in photoshop gets sliced and coded into html
The html is then integrated into the CMS system so you can administer the site from an admin panel with a text editor etc..
I hope this helps, and wish you the best of luck!“In the midst of chaos, there is also opportunity”
― Sun-Tzu, A Arte da Guerra
-
10-09-2013, 03:14 AM #4Junior Guru
- Join Date
- Jun 2010
- Posts
- 178
Thank you all for your advice. It will help me a lot.
-
10-09-2013, 03:27 AM #5Temporarily Suspended
- Join Date
- Aug 2013
- Posts
- 224
PSD is not the first step for most websites. PSD is mostly used as a "mockup" by a designer, to show the client a preview of website before actually coding it, because editing PSD is a lot easier than editing HTML/CSS.
You can start with HTML/CSS without any PSD, this is the way I design my websites.
-
10-09-2013, 04:02 AM #6Web Monkey
- Join Date
- Dec 2005
- Location
- Finland
- Posts
- 1,471
Photoshop is good way to create a quick mockup of the layout. When you get client's feedback, you can iterate, get the design approved, and provide the finished layout to your web developer. It's a design tool, but also part of the communication.
Some designers I know use other tools from the Adobe Suite. You also sometimes see wireframe mockups, but those are not that often used for fairly simple web properties.
The output of a PHP web site script should be HTML with styling from CSS.
The OP is asking about designing a site, so why are you talking about CMS? I'm not sure if you're talking about designing or developing, but in either case it's not likely that those "thousands of sites" would be professional and non-trivial.
-
10-28-2013, 07:21 PM #7WHT Addict
- Join Date
- May 2011
- Location
- Singapore
- Posts
- 107
-
10-31-2013, 09:18 PM #8Newbie
- Join Date
- Oct 2013
- Posts
- 10
try
http://www.artisteer.com
I do not like it much but it can come in handy
-
11-01-2013, 08:52 AM #9WHT Addict
- Join Date
- Feb 2013
- Posts
- 102
If you need a web developer from Serbia - check: Web design Belgrade
And check my page for SEO optimisation: SEO Belgrade
-
11-01-2013, 02:01 PM #10WHT Addict
- Join Date
- Jan 2013
- Posts
- 117
Hello saurabhnsonar,
There have been some great answers here, and the weird thing is, all of them are correct. There are many ways to build a website. The scripting languages such as HTML, CSS, php, Perl, SQL, and CMSes such as WordPress, Drupal, Joomla, etc are all different tools.
They each have their own uses and specializations. For example, HTML is used for content layout, CSS is used to format that content. PHP is used to do processing on the server side and serve dynamic content. Javascript is used to process things adn serve content on the client side. SQL is used to pull data from a database, usually processed by php and then sent to the browser for display. They each have their own purpose.
You can certainly build a nice static site using just HTML and CSS, for many many sites that is all that is needed. If you are just beginning that is where I would suggest you start.
PSD is not required to build a site, it is simply another tool used to build your mockup, or blueprint of your visual display. Many people use PSD as a start, but many choose not to use it at all.
Content Management Systems such as WordPress, Joomla, Drupal, etc can be very helpful for building dynamic sites with lots of features without having to learn to code. WordPress is by far the most popular and easiest to use, however Joomla and Drupal can likely do more in the long run but they have MUCH longer learning curves, especially Drupal. These are all platforms built with languages such as php or perl and use SQL to talk to a database backend where they store their data.
As you become more experienced in building sites you will likely touch a little of all of the scripting languages and likely some database stuff as well. Just pick them as you need them and do not let the sheer number of things out there scare you. It is like building a toolbox, acquire the right tools as you go along.[B]Scott M
-
11-02-2013, 09:33 AM #11Web Hosting Guru
- Join Date
- Aug 2011
- Posts
- 340
The 'PSD' way is helpful if coder and designer are different person. Since 'PSD' is merely a 'mockup' and you'll need to double your work if you design 'PSD' and then write the makeup.
I prefer to start writing makeup directly and add custom graphics as required.OaaS - Optimization as a Service
Your application, Your infrastructure, Our expertise.
-
11-04-2013, 08:54 AM #12Newbie
- Join Date
- Mar 2013
- Posts
- 6
getting started with web design
Hi Saurabhnsonar,
Scott M has given an excellent and helpful overview of the myriad of different options available... thank you!
I am on a similar web design learning curve too and I have found the free software Wordpress to be easiest to use so far. There are loads of great themes and plugins - just make sure to backup your site before doing updates.
I use Gimp which is a free version of photoshop for logos and editing my images. I use open office for creating quick drafts of text and images for my blogs and pages that I can then copy and paste into Wordpress or Drupal. It is free software too. You have nothing to loose here
My host mywebtonet.com has an easy installer for downloading Wordpress and Drupal so that part was a breeze. I am developing a site in Drupal (I paid £40 for a Drupal theme and it is brilliant) and I'm finding it more difficult than Wordpress to program. I am enjoying the challenge and now I will read up on the extensive Drupal and Wordpress tutorials...it is fun to learn and gives you a boost when you make things work how you want!
Good luck and let us know how you get on!
-
11-05-2013, 04:42 AM #13WHT Addict
- Join Date
- Feb 2013
- Posts
- 102
You can start with Joomla! or Wordpress. You must know how to install it to your server. You can read documentation in Joomla! and Wordpress site. It's very easy to install and for use. Good luck...
If you need a web developer from Serbia - check: Web design Belgrade
And check my page for SEO optimisation: SEO Belgrade
-
11-06-2013, 12:45 PM #14Junior Guru Wannabe
- Join Date
- Oct 2013
- Location
- Byfleet, Surrey, UK
- Posts
- 40
For me I think until you have much more experience you always need to start with a design/layout, this can be in the form of positioned images or drawings so that you know where your heading straight from the off - the most ideal situation is of course to have everything pixel perfect and measured out from the start. This could depend if you pay a designer for a mock-up or complete measured layout of the pages.
These days when building websites it's probably best to go with a CMS, this way the site can be updated easily and not just by the dev. Once you have chosen you can then start to apply the design - the internet is full of useful information to help you with this.
If you plan well things will go a lot smoother during the build process.
Good luck4D Hosting - premium hosting solutions
VPS | Reseller Hosting | Exchange Email |
www.4dhosting.com |@4dhosting
-
11-09-2013, 10:09 AM #15Web Hosting Master
- Join Date
- Mar 2013
- Posts
- 1,328
-
11-11-2013, 03:21 AM #16Web Monkey
- Join Date
- Dec 2005
- Location
- Finland
- Posts
- 1,471
Sometimes they are, but you're seriously missing the point of the thread.
Originally Posted by saurabhnsonar
Similar Threads
-
Logo Design | Header Design | Banner Ad Design | PSD to Xhtml/Css | Website Design
By cheap-logo-design in forum Design OffersReplies: 2Last Post: 05-25-2013, 10:08 AM -
Toronto Web Design & WebSite Management - Full Website Design $299 One Time Fee
By comswww in forum Design OffersReplies: 1Last Post: 05-16-2013, 02:22 AM -
Logo Design - Banner Ad Design - Header Design - Website Design -Xhtml/Css Services
By cheap-logo-design in forum Design OffersReplies: 0Last Post: 10-24-2011, 04:19 PM -
Logo Design - Banner Ad Design - Header Design - Website Design -Xhtml/Css Services
By cheap-logo-design in forum Design OffersReplies: 1Last Post: 08-10-2011, 08:36 PM -
Website design, LP design, logo design, PSD 2 xhtml, Banner design, Header design etc
By wedoxhtml in forum Design OffersReplies: 0Last Post: 05-04-2011, 08:46 AM