Overclock.net - Overclocking.net
     
 
Home Gallery Reviews Blogs Register Today's Posts Mark Forums Read Members List


Go Back   Overclock.net - Overclocking.net > Software, Programming and Coding > Coding and Programming > Web Coding

Reply
 
LinkBack Thread Tools
Old 06-03-08   #1 (permalink)
First Time Build
 
Join Date: May 2008
Posts: 61

Rep: 1 5PEEDz Unknown
Unique Rep: 0
Trader Rating: 0
Default website coding

i always wanted to design and make my own website.
i finally started learning how to use PhotoShop and now thinkin about making a template. i dont know much about it, but i do know that you have to code your designs am correct? how long would this take. would it be hard to learn?
5PEEDz is offline   Reply With Quote
Old 06-03-08   #2 (permalink)
Audiophile
 
archangelabove's Avatar
 
intel nvidia

Join Date: Jul 2007
Location: Outside D.C., in VA
Posts: 1,363
Blog Entries: 1

Rep: 103 archangelabove is acknowledged by manyarchangelabove is acknowledged by many
Unique Rep: 0
Folding Team Rank: 506
Team Name: iSore
Trader Rating: 7
Default

www.w3schools.com

Everything you could ever want to know in the realm of the interwebz.

And I mean everything.
__________________
Aumotocnic "An unfortunate member of the overclock.net insomnia club"
Member of the OCN Diablo III Club

Quote:
Originally Posted by alex98uk View Post
If in doubt, buy her Counterstrike and own her. Show her who's boss.




How-To: OVERCLOCK YOUR F.A.Q.!

System: The Spartan
CPU
E4300 @ 3.37GHz
Motherboard
eVGA 680i SLi
Memory
4GB 2x2 G.Skill
Graphics Card
8800 GTS 640mb
Hard Drive
Seagate 320GB, 750GB
Sound Card
X-Fi XtremeGamer with Z-5500's
Power Supply
Seasonic M12 600W
Case
TT Armor
CPU cooling
Tuniq Tower
GPU cooling
Stock
OS
Vista x64, XP, Ubuntu Gutsy
Monitor
22" Chimei at 1680 x 1050, 18" LCD
archangelabove is offline I fold for Overclock.net   Reply With Quote
Old 06-03-08   #3 (permalink)
Overclocker in Training
 
Jamster325's Avatar
 
intel nvidia

Join Date: Dec 2007
Location: Norwich UK
Posts: 93

Rep: 8 Jamster325 Unknown
Unique Rep: 0
Folding Team Rank: 860
Trader Rating: 0
Default

Yes you do have to code you designs, to my knowledge anyway

The way I go about it is by creating a html / php file and a css file.

Basic format of a html page

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en" lang="en">
<head>
<title>Title goes here</title>

<link rel="stylesheet" type="text/css" href="css/style.css" media="screen" />

</head>
<body>

<div id="masthead">

<div id="badge"></div> ---- Exaple of div tags

<div id="logo"></div>

</div>

</body>
</html>

Samle of css file

#container {
margin:0 auto;
width:847px;
}

#masthead {
height:248px;
position:relative;
}

#logo {
background:url(../images/header2.jpg) top left no-repeat;
height:248px;
position:absolute; bottom:0px; left;0px;
width:100%;
}

Not sure how much you know already, just a quick example really
__________________
System: The Shark!!
CPU
Q6600 G0 | 3.6 24/7 | Prime Stable
Motherboard
Evga 780i FTW
Memory
2GB Crucial Ballistix 1066mhz
Graphics Card
Evga 8800 Ultra 700/1655/2320
Hard Drive
2 x 500GB Raid 0
Power Supply
OCZ 600w
Case
Thermaltake Shark *Case mods starting soon*
CPU cooling
Thermalright Ultra 120 Extreme | Lapped | Washer
GPU cooling
Stock
OS
Windows Vista Ultimate 64bit
Monitor
20" Samsung 206bw
Jamster325 is offline I fold for Overclock.net   Reply With Quote
Old 06-03-08   #4 (permalink)
Extreme Cooler
 
onlycodered's Avatar
 
intel nvidia

Join Date: Mar 2008
Location: Rochester, NY
Posts: 2,933

Rep: 220 onlycodered is acknowledged by manyonlycodered is acknowledged by manyonlycodered is acknowledged by many
Unique Rep: 0
Folding Team Rank: 170
Trader Rating: 5
Default

I actually learned almost all the CSS and HTML I know (I'm very fluent ) by looking at the source code of websites.
__________________
Quote:
Originally Posted by OCec3 View Post
I've put my Q6600 in cling film...
95.567% of people make up the stats in their sig. If you are part of the 4.433% who uses real stats, put this in your sig.

Fold for the cause. Fold for team 37726!
CPU-Z valid GPU-Z valid
Best CFM/noise ratio fan: Noctua NF-P12
Best air cooling budget case: Antec 300

System: The Silencer
CPU
E6600 (3.42GHz / 1.42v / lapped)
Motherboard
Gigabyte P35-DS3L rev 2
Memory
2x1GB G.SKILL DDR2 1066
Graphics Card
MSI NX8600GT (680MHz / 1800MHz)
Hard Drive
WD1600AAJS / WD3200AAJS (backup)
Sound Card
Onboard
Power Supply
Antec NeoPower 650W
Case
Antec Three Hundred
CPU cooling
HDT-S1283 / Noctua NF-P12 / Bolt-thru
GPU cooling
AC Accelero S1 rev 2
OS
Windows Vista Business x64
Monitor
NEC 19" MultiSync 95
onlycodered is offline I fold for Overclock.net onlycodered's Gallery   Reply With Quote
Old 06-03-08   #5 (permalink)
Overclocker in Training
 
Jamster325's Avatar
 
intel nvidia

Join Date: Dec 2007
Location: Norwich UK
Posts: 93

Rep: 8 Jamster325 Unknown
Unique Rep: 0
Folding Team Rank: 860
Trader Rating: 0
Default

Quote:
Originally Posted by archangelabove View Post
www.w3schools.com

Everything you could ever want to know in the realm of the interwebz.

And I mean everything.

I was trying to find the link for this site as I used it when I was learning, Still do actually, just reloaded so it wasnt in favs , It's a really good site
__________________
System: The Shark!!
CPU
Q6600 G0 | 3.6 24/7 | Prime Stable
Motherboard
Evga 780i FTW
Memory
2GB Crucial Ballistix 1066mhz
Graphics Card
Evga 8800 Ultra 700/1655/2320
Hard Drive
2 x 500GB Raid 0
Power Supply
OCZ 600w
Case
Thermaltake Shark *Case mods starting soon*
CPU cooling
Thermalright Ultra 120 Extreme | Lapped | Washer
GPU cooling
Stock
OS
Windows Vista Ultimate 64bit
Monitor
20" Samsung 206bw
Jamster325 is offline I fold for Overclock.net   Reply With Quote
Old 06-03-08   #6 (permalink)
Audiophile
 
archangelabove's Avatar
 
intel nvidia

Join Date: Jul 2007
Location: Outside D.C., in VA
Posts: 1,363
Blog Entries: 1

Rep: 103 archangelabove is acknowledged by manyarchangelabove is acknowledged by many
Unique Rep: 0
Folding Team Rank: 506
Team Name: iSore
Trader Rating: 7
Default

Yea, View Source is the single greatest resource to learn coding.

You start to recognize styles and develope your own..

Also, View Source lets you steal other peoples code and improve it.. or make it worse if you don't know what you are doing.
__________________
Aumotocnic "An unfortunate member of the overclock.net insomnia club"
Member of the OCN Diablo III Club

Quote:
Originally Posted by alex98uk View Post
If in doubt, buy her Counterstrike and own her. Show her who's boss.




How-To: OVERCLOCK YOUR F.A.Q.!

System: The Spartan
CPU
E4300 @ 3.37GHz
Motherboard
eVGA 680i SLi
Memory
4GB 2x2 G.Skill
Graphics Card
8800 GTS 640mb
Hard Drive
Seagate 320GB, 750GB
Sound Card
X-Fi XtremeGamer with Z-5500's
Power Supply
Seasonic M12 600W
Case
TT Armor
CPU cooling
Tuniq Tower
GPU cooling
Stock
OS
Vista x64, XP, Ubuntu Gutsy
Monitor
22" Chimei at 1680 x 1050, 18" LCD
archangelabove is offline I fold for Overclock.net   Reply With Quote
Old 06-03-08   #7 (permalink)
First Time Build
 
Join Date: May 2008
Posts: 61

Rep: 1 5PEEDz Unknown
Unique Rep: 0
Trader Rating: 0
Default

i know a BIT about HTML. but how does HTML turn into designs?? is it because u break ur templates using photoshop and then use the link of the broken pieces on HTML?
5PEEDz is offline   Reply With Quote
Old 06-03-08   #8 (permalink)
HMS Tactical
 
t4ct1c47's Avatar
 
intel nvidia

Join Date: Dec 2005
Location: Staffordshire University
Posts: 3,990
Blog Entries: 4

FAQs Submitted: 2
Hardware Reviews: 4
Trader Rating: 3
Default

Quote:
Originally Posted by 5PEEDz View Post
i know a BIT about HTML. but how does HTML turn into designs?? is it because u break ur templates using photoshop and then use the link of the broken pieces on HTML?
You can use forms and tables to arrange the page to look how you desire.

An example of a basic webpage:

Code:
<html>
<head>
<title>Basic Webpage</title>
</head>
<body>
Hello, I am a basic webpage
</body>
</html>
Simply copy and past the above code into notepad and save it wih a htm, or html, extention.

System: Difference Engine
CPU
Core2 Quad Q6600 @ 3.4Ghz
Motherboard
Asus P5N32-E SLi
Memory
4GB Corsair XMS2 PC6400
Graphics Card
GeForce GTX260 SLi
Hard Drive
320GB (x2) and 120GB (x2) SATA
Sound Card
Asus Xonar D2
Power Supply
Tagan 900W
Case
Thermaltake Shark
CPU cooling
Tuniq Tower 120
OS
Vista x64 Business
Monitor
Samsung 226BW 22" LCD
t4ct1c47 is offline Overclocked Account t4ct1c47's Gallery   Reply With Quote
Old 06-04-08   #9 (permalink)
First Time Build
 
Join Date: May 2008
Posts: 61

Rep: 1 5PEEDz Unknown
Unique Rep: 0
Trader Rating: 0
Default

thanks. how long would it take for me to be able to code a template o.O
5PEEDz is offline   Reply With Quote
Old 06-05-08   #10 (permalink)
Programmer
 
stupid's Avatar
 
amd nvidia

Join Date: Jan 2006
Location: Fahaheel, Kuwait
Posts: 1,228

Rep: 146 stupid is acknowledged by manystupid is acknowledged by many
Unique Rep: 0
FAQs Submitted: 1
Trader Rating: 4
Default

I like to steal templates and customize
Good way to learn.

You should be able to get together a decent template in a few hours.

Be sure to learn CSS, as hard-coding styles into the html elements makes for code updating nightmares!

Some great tools for learning are the FireBug, and Web Developer extensions for FireFox.
__________________
"If there is a god, I hope he has a good excuse"
Woody Allen

System: Minazo
CPU
Opteron 1210
Motherboard
Biostar TForce 550 SE
Memory
2x1GB G.Skill DDR2 800
Graphics Card
eVGA 8800GT
Hard Drive
500GB 16MB Buf Samsung
Power Supply
Corsair HX520W Modular
Case
CoolerMaster Centurion 5
CPU cooling
CoolerMaster GeminII & Scythe SFF21Ds
GPU cooling
Accelero S1 & Scythe SFF21D
OS
XP Pro SP2
Monitor
Dual monitors: 22" & 19" Widescreens
stupid is offline   Reply With Quote
Reply



Currently Active Users Viewing This Thread: 1 (0 members and 1 guests)
 
Thread Tools



All times are GMT -4. The time now is 07:23 PM.


Overclock.net is a Carbon Neutral Site Creative Commons License Internet Security By ControlScan

Terms of Service / Forum Rules | Privacy Policy | Advertising | Become an Official Vendor
Copyright © 2008 Shogun Interactive Development. Most rights reserved.
Page generated in 0.20280 seconds with 9 queries