Building a website

14 years ago

They probably have WOrdpress or joomla ready to install from fantastico through cpanel or something, do wordpress. No coding required.

Thanks
1 reply

{{ DiscussionBoard.errors[2688934].message }}

Tango_T50 14 years ago

Originally Posted by jminkler

They probably have WOrdpress or joomla ready to install from fantastico through cpanel or something, do wordpress. No coding required.

jminkler and iamjohnbrown, thank you very much guys for your feedback. I guess I didn't explain why I wanted to build a website. Well I just want to learn how to do it from scratch...say maybe build the the homepage or what ever necessary on my local computer using appropriate tools and then upload it online to a free website hosting server. Because I am a newbie and all this things I still don't know how to do, so I want to learn it from scratch. Please anymore comments or suggestions will be highly appreciated. Thanks.
- [ 1 ] Thanks
{{ DiscussionBoard.errors[2691068].message }}

iamjohnbrown

14 years ago

It depends on what type of site you want to create. If you are happy with Wordpress or Joomla type sites, you don't need to learn any programing language for that. Its pretty straight forward. If you are beginner to websites, you can learn HTML as the first stepping stone towards your journey on web development.

Thanks
2 replies

{{ DiscussionBoard.errors[2689516].message }}

Tango_T50 14 years ago

jminkler and iamjohnbrown, thank you very much guys for your feedback. I guess I didn't explain why I wanted to build a website. Well I just want to learn how to do it from scratch...say maybe build the the homepage or what ever necessary on my local computer using appropriate tools and then upload it online to a free website hosting server. Because I am a newbie and all this things I still don't know how to do, so I want to learn it from scratch. Please anymore comments or suggestions will be highly appreciated. Thanks.
- Thanks
{{ DiscussionBoard.errors[2691061].message }}

Tango_T50

14 years ago

Originally Posted by iamjohnbrown

It depends on what type of site you want to create. If you are happy with Wordpress or Joomla type sites, you don't need to learn any programing language for that. Its pretty straight forward. If you are beginner to websites, you can learn HTML as the first stepping stone towards your journey on web development.

jminkler and iamjohnbrown, thank you very much guys for your feedback. I guess I didn't explain why I wanted to build a website. Well I just want to learn how to do it from scratch...say maybe build the the homepage or what ever necessary on my local computer using appropriate tools and then upload it online to a free website hosting server. Because I am a newbie and all this things I still don't know how to do, so I want to learn it from scratch. Please anymore comments or suggestions will be highly appreciated. Thanks.

Thanks
1 reply

{{ DiscussionBoard.errors[2691075].message }}

iamjohnbrown

14 years ago

Originally Posted by Tango_T50

Well I just want to learn how to do it from scratch...say maybe build the the homepage or what ever necessary on my local computer using appropriate tools and then upload it online to a free website hosting server. Because I am a newbie and all this things I still don't know how to do, so I want to learn it from scratch. Please anymore comments or suggestions will be highly appreciated. Thanks.

If all you want is to learn the process, the best way to begin with is HTML. HTML is one of the basic building blocks for getting the website designed. CSS comes to my mind which is second important thing. Then comes the various other technologies which can create a dynamic websites like ASP.NET, PHP and Java (JSP).

Firs things first, you make sure that you are comfortable with HTML codes. HTML codes does not need any kind of hosting to test. You can just double click on them to get them opened in a browser. It will be the most easiest thing to do. To learn HTML and CSS, you can opt for online training by W3C Schools (which is free and can be easily found by a search) and also by buying a physical book. If you are going for the book option you can get a decent book like HTML Bible or somewhat similar. The book is the best way to learn and make sure that you practice it enough.

When comes to the dynamic part of the web, things really start getting interesting, you can get into that topic for hours or more...

For dynamic websites you can even test them on your own PC with installing server software (which is usually free or bundled). If you are using JSP or PHP you can use the Apache web servers. If you are going for the ASP.NET, you can host it via IIS which can be easily installed on Windows PC.

Thanks

{{ DiscussionBoard.errors[2694351].message }}

zeeshi570

14 years ago

Good you have more questions then your website.
I am answering them in next post

Thanks

{{ DiscussionBoard.errors[2691077].message }}

zeeshi570

14 years ago

For building a website you need to do following steps:

1. Finalize the idea you want to develop
2. Get the design work done. Should be a psd or png (Use photoshop or fireworks to build one)
3. Slice the design and create html
4. Implement it in php or Asp or jsp
5. Upload it to your server

Cheers

Thanks
2 replies

{{ DiscussionBoard.errors[2691113].message }}

espradley 14 years ago

PHP all the way.
- Thanks
- 2 replies
Signature

Eddie Spradley
{{ DiscussionBoard.errors[2691165].message }}
- Tango_T50 14 years ago
  
  Originally Posted by espradley
  
  PHP all the way.
  
  espradley, thanks man.
  
  However, "PHP all the way"? Come on man, I'm a newbie...please can you elaborate more here!
  
  Thankyou.
  
  Thanks
  
  {{ DiscussionBoard.errors[2691306].message }}
- espradley 14 years ago
  
  Originally Posted by espradley
  
  PHP all the way.
  
  Sorry, I was doing it voting style.
  
  PHP is great because it works on the LAMP architecture which is 100% free. It's intuitive and it works well with mySQL.
  
  LAMP stands for Linux, Apache, MySQL, PHP.
  
  Linux is the most predominent OS used for webhosts today and alot of them are using Apache servers loaded with MySQL and PHP.
  
  Essentially what I am saying is that hosts are already setup to support you already and hundreds of sites with good support for learning how to do it.
  
  1. I use photoshop and dreamweaver to build my site.
  2. I use theplanet.com for hosting (or hostgator.com for shared).
  3. Baseic steps are to come brainstorm what you want, come up with a design in photoshop, "slice" the image up and build it into a template with dream weaver. Once you have that done, you'll be able to create pages very quickly.
  4. I'm a visual guy and I hate to read, so when I learned, I got Keystone Video PHP training series...any author wll be fine. Other than that, I'm a PHP for Dummies guy.
  5. As far as how long for a newbie, it really depends on your learning curve and what you want to do. If you are putting up a quick site, you can have it done in a few days...but if its power packed, may take alot longer.
  
  Thanks
  
  Signature
  
  Eddie Spradley
  
  {{ DiscussionBoard.errors[2694780].message }}

Tango_T50

14 years ago

Originally Posted by zeeshi570

For building a website you need to do following steps:

1. Finalize the idea you want to develop
2. Get the design work done. Should be a psd or png (Use photoshop or fireworks to build one)
3. Slice the design and create html
4. Implement it in php or Asp or jsp
5. Upload it to your server

Cheers

zeeshi570, thank you so much for your help in indicating the steps. Please can you explain steps 2 and 3 in detail...your continuous help is needed man. Thanks.

Thanks
1 reply

{{ DiscussionBoard.errors[2691286].message }}

newbim

14 years ago

Originally Posted by Tango_T50

zeeshi570, thank you so much for your help in indicating the steps. Please can you explain steps 2 and 3 in detail...your continuous help is needed man. Thanks.

Sorry to be a butt-insky, but hope I can help.

2. Get the design work done. Should be a psd or png (Use photoshop or fireworks to build one)

If you use Photoshop, then the file is saved as a .psd (PhotoShop Document) You can download a free trial at adobe's web site. Failing that, there is a workalike out there called G.I.M.P - it's free and does some of the same stuff Photoshop does. This is where you'll design the look and general layout of your site. For a sales page, I usually work with a width of 700 - 750 pixels and it's as long as you need it to be (don't worry too much about making it 'actual height' in Photoshop as you will be cutting it up (a.k.a 'slicing').

3. Slice the design and create html

Once you have your layout and design exactly as you would like it to be, then you can cut it into different sections (e.g. 'header' and footer') - this reply could go on forever detailing the steps you could take, but there are TONS of tutorials online - words you could try googling:

'slicing psd'
'saving psd for web'
'free psd to html tutorial'

These should give you an overview of working with the two formats. If I were you though, I would look more into this step once you're happy with your design and know that you want it to look like your image.

Good luck with this.

Cheers,

Newbim.

Thanks

Signature

If what I said helps, let me know, throw me a 'thanks'.

{{ DiscussionBoard.errors[2694133].message }}

Evan-M

14 years ago

Myself and a friend will be doing a free webinar on oct 30th, For basically an introduction to webdesign, tips and secrets to make your website stand out, then some coding.

if your interested goto moddish.com, just finished moving to this new design I did a few days ago, finishing moving the content today, let me know what you think

, signup on the right hand sidebar. We are not sure yet how many we will be taking in the class, as webinar software has a limitation depending on the account, I think ours has a 1000 person limit. When we reach the limit ill remove the forum from the sidebar.

Thanks
1 reply

Signature

Evan-M

Easily The Worlds Best Wordpress Popup plugin

Visit Website Design Firm For All Your Wordpress Coding Needs

{{ DiscussionBoard.errors[2694801].message }}

Tango_T50

14 years ago

newbim

iamjohnbrown

espradley

Evan-M

I would be really really happy to have 1000 hands so I could type out my word of thanks to you guys individually. To you guys and the others, I am just gonna say once for all you nice helpers out there that I am grateful for your sincere help. You guys are awesome...thanks.

Anymore incoming comments or suggestion would be really appreciated. Thanks guys. It doesn't stop, I'll ask more when I'm stuck.

Thanks
3 replies

{{ DiscussionBoard.errors[2695496].message }}

Evan-M

14 years ago

Originally Posted by Tango_T50

newbim

iamjohnbrown

espradley

Evan-M

I would be really really happy to have 1000 hands so I could type out my word of thanks to you guys individually. To you guys and the others, I am just gonna say once for all you nice helpers out there that I am grateful for your sincere help. You guys are awesome...thanks.

Anymore incoming comments or suggestion would be really appreciated. Thanks guys. It doesn't stop, I'll ask more when I'm stuck.

Anytime, Glad I could help

Thanks

Signature

Evan-M

Easily The Worlds Best Wordpress Popup plugin

Visit Website Design Firm For All Your Wordpress Coding Needs

{{ DiscussionBoard.errors[2695503].message }}

iamjohnbrown

14 years ago

Originally Posted by Tango_T50

newbim

iamjohnbrown

espradley

Evan-M

I would be really really happy to have 1000 hands so I could type out my word of thanks to you guys individually. To you guys and the others, I am just gonna say once for all you nice helpers out there that I am grateful for your sincere help. You guys are awesome...thanks.

Anymore incoming comments or suggestion would be really appreciated. Thanks guys. It doesn't stop, I'll ask more when I'm stuck.

Always there to help you

All the best for your venture...

Thanks

{{ DiscussionBoard.errors[2699047].message }}

espradley

14 years ago

Originally Posted by Tango_T50

newbim

iamjohnbrown

espradley

Evan-M

I would be really really happy to have 1000 hands so I could type out my word of thanks to you guys individually. To you guys and the others, I am just gonna say once for all you nice helpers out there that I am grateful for your sincere help. You guys are awesome...thanks.

Anymore incoming comments or suggestion would be really appreciated. Thanks guys. It doesn't stop, I'll ask more when I'm stuck.

Hey, no problem. I think we've all been here before.

Thanks

Signature

Eddie Spradley

{{ DiscussionBoard.errors[2699665].message }}

zeeshi570

14 years ago

Hi Tango here is explanation for these steps:

2. Every website is first designed then developed. If you see at WF you can see there are different colors used in this website. You can see everything is arranged all this is done in design phase when designer creates a dummy websites using some graphics tool (photoshop is one).

3. Slice the design and create html. Once design is ready u need to slice it. You can't put images as is on website this will make it bulky and will take time in loading.
So you have to cut images in small and use CSS and HTML to arrange them. This is called slicing.

Regards,

Thanks
1 reply

{{ DiscussionBoard.errors[2695482].message }}

Tango_T50

14 years ago

Originally Posted by zeeshi570

Hi Tango here is explanation for these steps:

2. Every website is first designed then developed. If you see at WF you can see there are different colors used in this website. You can see everything is arranged all this is done in design phase when designer creates a dummy websites using some graphics tool (photoshop is one).

3. Slice the design and create html. Once design is ready u need to slice it. You can't put images as is on website this will make it bulky and will take time in loading.
So you have to cut images in small and use CSS and HTML to arrange them. This is called slicing.

Regards,

zeeshi570, thanks for the explanations. Now it's clear.

More questions will pop in later. Thanks again mate.

Thanks
1 reply

{{ DiscussionBoard.errors[2695515].message }}

Tango_T50

14 years ago

My friends if I have anymore questions, you will be asked.

Thanks.

Thanks
1 reply

{{ DiscussionBoard.errors[2695750].message }}

Tango_T50

14 years ago

Hey guys one quick question...so HTML and PHP are both programming languages. What exactly is the difference?? I meant in terms of usage...

Thanks
1 reply

{{ DiscussionBoard.errors[2695794].message }}

Tango_T50

14 years ago

"Slice the design and create html"

About the "create html" part, are the html codes gonna be create automatically by the IDE used or like I have to punch in the learned & studied html codes manually??

Thanks.

Thanks
1 reply

{{ DiscussionBoard.errors[2695831].message }}

Evan-M

14 years ago

Originally Posted by Tango_T50

"Slice the design and create html"

About the "create html" part, are the html codes gonna be create automatically by the ID used or like I have to punch in the learned & studied html codes manually??

Thanks.

There really isn't a hole lot to know in html. css is where I would focus my main study.

once you have the few basic html tags, and css you can really layout any page you want.

After this is done, start to branch off to php.

css/html are the base of any website.

90% of a websites code now a days is done in the css file

some basic html tags that you will need to know are :

<html>
<head>
</head>
<body>

<h1>,<h2>,<h3> etc , <img alt> ,<a href>, <br />, <p> ,<div class>, <style>,<div id>

</body>
</html>

that is 99% of html you need to know to make your first site

most other things *Should* be done in css and called using html.
example :

body {
font of choice ;
font size
etc
}

.warrior {
width: 1015px;
margin : auto;
}

h1 {
font-size: 2em;
color: #FF0000;
}

.header {
float:left;
height: 488px;
width: 1010px;
background-image:url('images/imagename.jpg');
background-repeat:no-repeat;
}

then in html :

<div class ="warrior">
<div class="header">header text here</div>
<h1> My Title </h1>
content.
</div>

Thanks

Signature

Evan-M

Easily The Worlds Best Wordpress Popup plugin

Visit Website Design Firm For All Your Wordpress Coding Needs

{{ DiscussionBoard.errors[2695971].message }}

brian@tollbooth247.com

14 years ago

You can build some pretty good sites with DotNetNuke, Drupal and Wordpress. Drupal is probably the hardest.

DotNetNuke has lots of "modules" you can get to plug in and add functionality. So does Wordpress.

Thanks

{{ DiscussionBoard.errors[2695828].message }}

brian@tollbooth247.com

14 years ago

@Tango_T50,

PHP is a programming language - it tells the server to do stuff and build a dynamic page.
HTML is the language that a web page is built in - it tells the browser what to draw on the screen.

When using PHP for web sites, the PHP code runs on the server and generates HTML that is sent to the browser.

If you aren't a programmer, go with a CMS system like DotNetNuke or Wordpress.