New Posts  All Forums:Forum Nav:

Where to start?

post #1 of 9
Thread Starter 
I want to learn how to build websites but i don't know where to start, some people say learn HTML or PHP, i don't know which one is better for starters. Is there something better for beginners?

Can you provide a website to learn? Thank You.
2Much
(13 items)
 
  
CPUMotherboardGraphicsRAM
i7 4770k 3.5GHz ASrock z87 Extreme4 HIS 7950 IceQ G Skill Ripjaws  
Hard DriveOSMonitorKeyboard
VelociRaptor Windows 7 64bit Acer 24' Razer Tarantula 
PowerCaseMouseMouse Pad
CORSAIR CMPSU-1000HX HAF932 MX518-G5 Razer Destructor 
  hide details  
Reply
2Much
(13 items)
 
  
CPUMotherboardGraphicsRAM
i7 4770k 3.5GHz ASrock z87 Extreme4 HIS 7950 IceQ G Skill Ripjaws  
Hard DriveOSMonitorKeyboard
VelociRaptor Windows 7 64bit Acer 24' Razer Tarantula 
PowerCaseMouseMouse Pad
CORSAIR CMPSU-1000HX HAF932 MX518-G5 Razer Destructor 
  hide details  
Reply
post #2 of 9
If you want to learn how to make basic websites from the start(i.e. you have no previous relevant knowledge) you can start with HTML or XHTML. It's seriously not that difficult to learn. Then later you can enhance your knowledge with CSS and/or PHP.

For HTML and XHTML, there are many tutorials on the web and you can find them by googling. However, I'd recommend tutorials from "thenewboston". His channel is available on youtube and his tutorials are available on his website.
http://www.thenewboston.com/.
But please don't just limit yourself to these tutorials. The thing about learning a language is that you have to keep on experimenting by yourself and try to get information from a variety of different sources.

P.S. Just so you know I've never watched his XHTML tutorials before but have watched the Python ones. I can confirm that the Python ones are very good but you'll have to check the XHTML ones by yourself.
MacBook Pro 13"
(6 items)
 
 
Desktop
(13 items)
 
CPUGraphicsRAMHard Drive
Intel i5 3210 @ 2.5 GHz Intel HD4000 4 GB DDR3 @ 1600 MHz 500 GB @ 5400 RPM 
OSMonitor
OSX Mountain Lion 13.3" @ 1280 x 800 
CPUGraphicsRAMHard Drive
Intel i5 480m@2.67GHz AMD Radeon Mobility 5650 4GB DDR3 500GB 
OSMonitor
Windows 7 64bit HP 15.6" 1366x768 
CPUMotherboardGraphicsRAM
E7500 Intel...:( MSI GTS250 1GB 2GB 
Hard DriveOSMonitorPower
250GB Windows XP 17" LG CRT 1280x768@85hz 400W 
  hide details  
Reply
MacBook Pro 13"
(6 items)
 
 
Desktop
(13 items)
 
CPUGraphicsRAMHard Drive
Intel i5 3210 @ 2.5 GHz Intel HD4000 4 GB DDR3 @ 1600 MHz 500 GB @ 5400 RPM 
OSMonitor
OSX Mountain Lion 13.3" @ 1280 x 800 
CPUGraphicsRAMHard Drive
Intel i5 480m@2.67GHz AMD Radeon Mobility 5650 4GB DDR3 500GB 
OSMonitor
Windows 7 64bit HP 15.6" 1366x768 
CPUMotherboardGraphicsRAM
E7500 Intel...:( MSI GTS250 1GB 2GB 
Hard DriveOSMonitorPower
250GB Windows XP 17" LG CRT 1280x768@85hz 400W 
  hide details  
Reply
post #3 of 9
It's been kind of a long time since I built a website but I think informations from three years ago still applies in some way to current site building. Yeah you should learn HTML and CSS, this will keep your webpages clean and there is actually very little you can't do with it, as far as the "webdesign" part go. A good site I used was this :

http://www.w3schools.com/html/default.asp

It has PLENTY of info and will teach you mostly everything you need to know about HTML.

The second part of your learning will be CSS (Cascading style sheets). These are "styling" codes to tell the browser how your HTML elements should look like. Don't worry if it sounds complicated, everything is very simple and well explained here :

http://www.w3schools.com/css/default.asp

And yes, you should also learn a server-side programming language as PHP. It will allow you to build dynamically generated webpages with some lines of codes using variables. It it very powerful and will save you hours of hard... you can learn it here :

http://www.w3schools.com/php/default.asp

And how to install it :

http://php.net/manual/en/install.php

Next is javascript, wasn't using it that much back then but saw some pretty neat tricks and design elements made with it. You will definitely be able to enhance your site's look and functionality with it. Start learning it here :

http://www.w3schools.com/js/default.asp

Notice that ALL the link I gave you are from the w3schools as it is a very complete source and helped me to learn everything I used in a nice and simple step by step way. The lessons are covering more and more complex aspects of coding with each new lessons, giving you better desing tools for your site.

On a closing note, you could also learn MySQL if you are aiming for a complex site with need for database access, otherwise, stick to the four mentionned above.

Hope this helped,
Edited by Schaezar - 4/5/11 at 2:16am
Ol' Bendy
(17 items)
 
  
CPUMotherboardGraphicsRAM
i5-6600k Gigabyte Z170X Gaming 7 ASUS R9 290X DirectCU II OC 2x 8GB Corsair LPX DDR4-3000mhz 
Hard DriveHard DriveHard DriveOptical Drive
Samsung 850 Pro 512GB Western Digital caviar green 1TB 2x Western Digital caviar blue 256GB in RAID 0 LG generic thingy 
CoolingOSMonitorKeyboard
NH-D14 CPU cooler Windows 7 Ultimate 64bit ASUS VW266 1920x1200 Logitech 
PowerCaseMouseAudio
Corsair TX750V2 Corsair obsidian 750D Logitech Proteus Core Steelseries Siberia 
  hide details  
Reply
Ol' Bendy
(17 items)
 
  
CPUMotherboardGraphicsRAM
i5-6600k Gigabyte Z170X Gaming 7 ASUS R9 290X DirectCU II OC 2x 8GB Corsair LPX DDR4-3000mhz 
Hard DriveHard DriveHard DriveOptical Drive
Samsung 850 Pro 512GB Western Digital caviar green 1TB 2x Western Digital caviar blue 256GB in RAID 0 LG generic thingy 
CoolingOSMonitorKeyboard
NH-D14 CPU cooler Windows 7 Ultimate 64bit ASUS VW266 1920x1200 Logitech 
PowerCaseMouseAudio
Corsair TX750V2 Corsair obsidian 750D Logitech Proteus Core Steelseries Siberia 
  hide details  
Reply
post #4 of 9
The most basic thing of a website is HTML. That is for display/layout purposes. You'll be good to remember most. Learn here:
http://www.tizag.com/htmlT/
http://www.w3schools.com/html/default.asp

To complement HTML, there is CSS. It makes the page look pretty and also has place in layout.
http://www.tizag.com/cssT/
http://www.w3schools.com/css/default.asp


Once you get the basics of that, you should go with a server language. There are several, but the most popular is PHP. An upcoming one that people seem to like is Ruby on Rails. PHP would be easier to learn simply because how much it is used.
Dink
(20 items)
 
  
CPUMotherboardGraphicsRAM
Intel Core I5 3570K Gigabyte UD3H Sapphire 7950 GSkill Ares 16gb 
Hard DriveOptical DriveCoolingOS
Samsung 840 500GB None Swiftech H220 Windows 7 Ultimate 
MonitorMonitorMonitorMonitor
Crossover 27" 27Q Acer 23" V233H Hanns-G 24" HH241 LG 55" LD520  
KeyboardPowerCaseMouse
Ducky Shine2 DK9008 with Reds Seasonic X750 Gold NZXT Switch 810 Mionix Naos 8200 
Mouse PadAudioAudioAudio
Mionix Ensis 320 LR: Focal 726 Sub: HSU VTF15-H Denon AVR1911 
  hide details  
Reply
Dink
(20 items)
 
  
CPUMotherboardGraphicsRAM
Intel Core I5 3570K Gigabyte UD3H Sapphire 7950 GSkill Ares 16gb 
Hard DriveOptical DriveCoolingOS
Samsung 840 500GB None Swiftech H220 Windows 7 Ultimate 
MonitorMonitorMonitorMonitor
Crossover 27" 27Q Acer 23" V233H Hanns-G 24" HH241 LG 55" LD520  
KeyboardPowerCaseMouse
Ducky Shine2 DK9008 with Reds Seasonic X750 Gold NZXT Switch 810 Mionix Naos 8200 
Mouse PadAudioAudioAudio
Mionix Ensis 320 LR: Focal 726 Sub: HSU VTF15-H Denon AVR1911 
  hide details  
Reply
post #5 of 9
w3schools. Learn HTML or a variant and CSS. Then move on. I started with phpbb2 forums, but you can start anywhere you want.
Caseless Wonder
(13 items)
 
  
CPUMotherboardGraphicsRAM
q6600 650i Ultra 9600 512 4gb 
Hard DriveOptical DriveOSMonitor
4x500gb caviar black dvd burner Windows 7 x64 19inch 
KeyboardPowerCaseMouse
G15 revision 1 700watt? N/A mx518 
Mouse Pad
none 
  hide details  
Reply
Caseless Wonder
(13 items)
 
  
CPUMotherboardGraphicsRAM
q6600 650i Ultra 9600 512 4gb 
Hard DriveOptical DriveOSMonitor
4x500gb caviar black dvd burner Windows 7 x64 19inch 
KeyboardPowerCaseMouse
G15 revision 1 700watt? N/A mx518 
Mouse Pad
none 
  hide details  
Reply
post #6 of 9
I have completely stopped trusting w3schools.com with their outdated methods and inability (uncaring attitude?) to update their site despite tons of feedback letting them know what and where mistakes exist.

If you want a good site to learn off of, use htmldog.com or something along those lines (modern).

Lastly, don't bother with PHP/ASP and databases until you have a firm grasp on HTML/CSS/jQuery (or JavaScript). If you learn them before hand, that's fine, but your data output will look like crap. I prefer being able to generate dynamic content in a good looking fashion.
post #7 of 9
Thread Starter 
Thanks a lot guys. +Rep
2Much
(13 items)
 
  
CPUMotherboardGraphicsRAM
i7 4770k 3.5GHz ASrock z87 Extreme4 HIS 7950 IceQ G Skill Ripjaws  
Hard DriveOSMonitorKeyboard
VelociRaptor Windows 7 64bit Acer 24' Razer Tarantula 
PowerCaseMouseMouse Pad
CORSAIR CMPSU-1000HX HAF932 MX518-G5 Razer Destructor 
  hide details  
Reply
2Much
(13 items)
 
  
CPUMotherboardGraphicsRAM
i7 4770k 3.5GHz ASrock z87 Extreme4 HIS 7950 IceQ G Skill Ripjaws  
Hard DriveOSMonitorKeyboard
VelociRaptor Windows 7 64bit Acer 24' Razer Tarantula 
PowerCaseMouseMouse Pad
CORSAIR CMPSU-1000HX HAF932 MX518-G5 Razer Destructor 
  hide details  
Reply
post #8 of 9
Definitely start with HTML + CSS first. It is the basis of everything web. If you don't understand that, then the rest doesn't even matter.

Do a simple static html site using only semantic html and css to start. Add some javascript for effects (jQuery recommended) next ( slide show, accordion, etc. ). Once you have that down, then a server side language like PHP or .NET would be the next step.

Once you get a basic understanding of PHP( my choice )and you are still doing this, you will want to look at some of the PHP frameworks such as CodeIgniter, Cake, etc. so you can have a fully maintainable well laid out site.

Your first sites will be horrible from a code perspective. You will come back later and wonder what the hell you were thinking. Don't worry about it. Just come up with projects you want to do and do it. Only way to really learn in my opinion is doing. Reading books etc is fine for reference, but if you are not actually building something it won't stick.

Oh yeah, and for a local development environment look into XAMPP. Allows you to run everything on your local machine (web server, database etc. ) without a lot of setup time.
White TITAN
(16 items)
 
   
CPUMotherboardGraphicsRAM
intel core i7-3770k Asus Z77 Sabertooth EVGA GTX 780 SC ACX Corsair Dominator Platinum 16GB (2x8GB) 
Hard DriveHard DriveHard DriveOptical Drive
Samsung 840 Pro  WD Black Crucial M4 LG Blueray 
CoolingOSMonitorPower
Swiftech H220 (Stock cooler on while RMA :( ) Windows 7 64bit Dell 2311h Ultrasharp x 2 Corsair AX850 
CaseMouseMouse PadAudio
Fractal Design Define R4 White (w/ Window) Logitech G700 Razer Control Edition Sound Blaster ZxR 
CPUMotherboardGraphicsRAM
Intel 980x Asus Rampage iii Extreme EVGA GTX580 SLI Patriot Viper Xtreme 12GB DDR3 2000 (PC3 16000) 
Hard DriveHard DriveHard DriveOptical Drive
120GB Corsair Force Series 3 SSD WD Caviar Black 640GB Crucial M4 128GB SSD LG Black Blu-ray Drive SATA Model UH12LS28 
CoolingCoolingCoolingCooling
XSPC RX360 and RX120 Rads Watercool HeatKiller 3.0 Limited Edition Black ... XSPC Dual Bay Res with Swiftech MCP655 Pump Silver Shining Bitspower Compression Fittings 
CoolingCoolingCoolingCooling
PrimoFlex Pro LRT Black Tubing -1/2in. ID X 3/4in. 3x Gentle Typhoon 120mm Fan 1850RPM (AP-15)  1x Noiseblocker NB-BlackSilentPro PL-2 120mm Ul... Koolance VID-NX580 Full Cover GPU Waterblock x2 
OSMonitorKeyboardPower
Windows 7 Home Premium x64 Dell U2311 Ultrasharp x2 Max Keyboard Nighthawk X8 Semi-Custom - Mechani... Antec High Current Gamer 900W 
CaseMouseMouse PadAudio
Xigmatek Elysium Black Logitech G700 Razer Goliathus Creative Sound Blaster Recon3D Fatal1ty Pro 
  hide details  
Reply
White TITAN
(16 items)
 
   
CPUMotherboardGraphicsRAM
intel core i7-3770k Asus Z77 Sabertooth EVGA GTX 780 SC ACX Corsair Dominator Platinum 16GB (2x8GB) 
Hard DriveHard DriveHard DriveOptical Drive
Samsung 840 Pro  WD Black Crucial M4 LG Blueray 
CoolingOSMonitorPower
Swiftech H220 (Stock cooler on while RMA :( ) Windows 7 64bit Dell 2311h Ultrasharp x 2 Corsair AX850 
CaseMouseMouse PadAudio
Fractal Design Define R4 White (w/ Window) Logitech G700 Razer Control Edition Sound Blaster ZxR 
CPUMotherboardGraphicsRAM
Intel 980x Asus Rampage iii Extreme EVGA GTX580 SLI Patriot Viper Xtreme 12GB DDR3 2000 (PC3 16000) 
Hard DriveHard DriveHard DriveOptical Drive
120GB Corsair Force Series 3 SSD WD Caviar Black 640GB Crucial M4 128GB SSD LG Black Blu-ray Drive SATA Model UH12LS28 
CoolingCoolingCoolingCooling
XSPC RX360 and RX120 Rads Watercool HeatKiller 3.0 Limited Edition Black ... XSPC Dual Bay Res with Swiftech MCP655 Pump Silver Shining Bitspower Compression Fittings 
CoolingCoolingCoolingCooling
PrimoFlex Pro LRT Black Tubing -1/2in. ID X 3/4in. 3x Gentle Typhoon 120mm Fan 1850RPM (AP-15)  1x Noiseblocker NB-BlackSilentPro PL-2 120mm Ul... Koolance VID-NX580 Full Cover GPU Waterblock x2 
OSMonitorKeyboardPower
Windows 7 Home Premium x64 Dell U2311 Ultrasharp x2 Max Keyboard Nighthawk X8 Semi-Custom - Mechani... Antec High Current Gamer 900W 
CaseMouseMouse PadAudio
Xigmatek Elysium Black Logitech G700 Razer Goliathus Creative Sound Blaster Recon3D Fatal1ty Pro 
  hide details  
Reply
post #9 of 9
Don't use w3schools, this is why here
OverKill
(18 items)
 
  
CPUMotherboardGraphicsGraphics
AMD Phenom II X6 1055T Gigabyte 890FXA ATI FirePro V3800 ATI FirePro V3800 
RAMHard DriveHard DriveOptical Drive
16gb GSkill 10666 Seagate Western Digital  LG Blue Ray 
CoolingOSMonitorMonitor
stock air 7 Pro 64 bit (2)22" Acer x223w (2)23" Acer G235H 
KeyboardPowerCaseMouse
Microsoft Wireless Antec 900watt Antec 300 Wacom Tablet 
Audio
Logitech Speakers and sub 
  hide details  
Reply
OverKill
(18 items)
 
  
CPUMotherboardGraphicsGraphics
AMD Phenom II X6 1055T Gigabyte 890FXA ATI FirePro V3800 ATI FirePro V3800 
RAMHard DriveHard DriveOptical Drive
16gb GSkill 10666 Seagate Western Digital  LG Blue Ray 
CoolingOSMonitorMonitor
stock air 7 Pro 64 bit (2)22" Acer x223w (2)23" Acer G235H 
KeyboardPowerCaseMouse
Microsoft Wireless Antec 900watt Antec 300 Wacom Tablet 
Audio
Logitech Speakers and sub 
  hide details  
Reply
New Posts  All Forums:Forum Nav:
  Return Home
  Back to Forum: Web Coding