• Log InLog In
  • Register
Liquid`
Team Liquid Liquipedia
EDT 20:12
CEST 02:12
KST 09:12
  • Home
  • Forum
  • Calendar
  • Streams
  • Liquipedia
  • Features
  • Store
  • EPT
  • TL+
  • StarCraft 2
  • Brood War
  • Smash
  • Heroes
  • Counter-Strike
  • Overwatch
  • Liquibet
  • Fantasy StarCraft
  • TLPD
  • StarCraft 2
  • Brood War
  • Blogs
Forum Sidebar
Events/Features
News
Featured News
Maestros of the Game: Week 1/Play-in Preview9[ASL20] Ro24 Preview Pt2: Take-Off7[ASL20] Ro24 Preview Pt1: Runway132v2 & SC: Evo Complete: Weekend Double Feature4Team Liquid Map Contest #21 - Presented by Monster Energy9
Community News
Weekly Cups (August 25-31): Clem's Last Straw?32Weekly Cups (Aug 18-24): herO dethrones MaxPax6Maestros of The Game—$20k event w/ live finals in Paris46Weekly Cups (Aug 11-17): MaxPax triples again!15Weekly Cups (Aug 4-10): MaxPax wins a triple6
StarCraft 2
General
Heaven's Balance Suggestions (roast me) Speculation of future Wardii series Weekly Cups (August 25-31): Clem's Last Straw? Geoff 'iNcontroL' Robinson has passed away #1: Maru - Greatest Players of All Time
Tourneys
LiuLi Cup - September 2025 Tournaments Sea Duckling Open (Global, Bronze-Diamond) Sparkling Tuna Cup - Weekly Open Tournament Maestros of The Game—$20k event w/ live finals in Paris Monday Nights Weeklies
Strategy
Custom Maps
External Content
Mutation # 489 Bannable Offense Mutation # 488 What Goes Around Mutation # 487 Think Fast Mutation # 486 Watch the Skies
Brood War
General
Simple editing of Brood War save files? (.mlx) ASL20 General Discussion Starcraft at lower levels TvP BGH Auto Balance -> http://bghmmr.eu/ BW General Discussion
Tourneys
[Megathread] Daily Proleagues Is there English video for group selection for ASL [ASL20] Ro24 Group F [IPSL] CSLAN Review and CSLPRO Reimagined!
Strategy
Simple Questions, Simple Answers Muta micro map competition Fighting Spirit mining rates [G] Mineral Boosting
Other Games
General Games
General RTS Discussion Thread Stormgate/Frost Giant Megathread Warcraft III: The Frozen Throne Nintendo Switch Thread Mechabellum
Dota 2
Official 'what is Dota anymore' discussion
League of Legends
Heroes of the Storm
Simple Questions, Simple Answers Heroes of the Storm 2.0
Hearthstone
Heroes of StarCraft mini-set
TL Mafia
TL Mafia Community Thread Vanilla Mini Mafia
Community
General
US Politics Mega-thread Russo-Ukrainian War Thread Things Aren’t Peaceful in Palestine Canadian Politics Mega-thread YouTube Thread
Fan Clubs
The Happy Fan Club!
Media & Entertainment
Anime Discussion Thread Movie Discussion! [Manga] One Piece [\m/] Heavy Metal Thread
Sports
2024 - 2026 Football Thread Formula 1 Discussion TeamLiquid Health and Fitness Initiative For 2023
World Cup 2022
Tech Support
Computer Build, Upgrade & Buying Resource Thread High temperatures on bridge(s) Gtx660 graphics card replacement
TL Community
The Automated Ban List TeamLiquid Team Shirt On Sale
Blogs
A very expensive lesson on ma…
Garnet
hello world
radishsoup
Lemme tell you a thing o…
JoinTheRain
How Culture and Conflict Imp…
TrAiDoS
RTS Design in Hypercoven
a11
Evil Gacha Games and the…
ffswowsucks
INDEPENDIENTE LA CTM
XenOsky
Customize Sidebar...

Website Feedback

Closed Threads



Active: 2281 users

Any Web Designers Out there?

Blogs > sob3k
Post a Reply
sob3k
Profile Blog Joined August 2009
United States7572 Posts
Last Edited: 2013-01-30 09:43:57
January 30 2013 09:28 GMT
#1
So I am interested in learning how to create a basic functional webpage. I have little coding experience, more graphic design stuff, and I don't know exactly what I should learn in order to do this. All I want is a normal looking functional page with nested content and the ability to slap an attractive GUI on top of (which I can create but don't know how to technically implement). I'm not as much interested in pre-formatted type stuff unless it really has the options to turn it into something that looks professional. I also am interested in how a site can accept payments/donations for a service or an item. I know there are third party systems for this (paypal etc), which ones are good for what?

So my quick question is: What should I look into in order to make this happen? Are there any good resources you guys know of for free or cheap?

Thanks a ton for your expertise.

In Hungry Hungry Hippos there are no such constraints—one can constantly attempt to collect marbles with one’s hippo, limited only by one’s hippo-levering capabilities.
pb.fcnz
Profile Blog Joined March 2012
Canada101 Posts
January 30 2013 10:13 GMT
#2
Drupal.
sob3k
Profile Blog Joined August 2009
United States7572 Posts
January 30 2013 12:10 GMT
#3
What is your opinion on good hosts?
In Hungry Hungry Hippos there are no such constraints—one can constantly attempt to collect marbles with one’s hippo, limited only by one’s hippo-levering capabilities.
Tobberoth
Profile Joined August 2010
Sweden6375 Posts
January 30 2013 13:07 GMT
#4
You should learn HTML5, which is THE basis for all webpages. It's really easy to learn and there's like a billion different free tutorials online. www.w3schools.com is a good start for any web development.

After you have HTML5 down, you should learn CSS which is what lets you do the whole layout and design deal.

Once you have that, you already know enough to make perfectly functional good-looking webpages. If you want to go more advanced from there, you can learn Javascript to get some client scripting going, then if you want to make a full-on web application, you could learn some form of server code framework such as PHP, ASP.Net, JSP, Ruby on Rails or Django.
Deleted User 135096
Profile Blog Joined December 2010
3624 Posts
January 30 2013 14:20 GMT
#5
^^ That. And about hosts...there are sooooo many of them that are comparable to one another but make sure you are picking the right package for your needs (bandwidth, domains, etc...). I personally switched to Bluehost recently, and I'm pretty happy with them so far.
Administrator
obesechicken13
Profile Blog Joined July 2008
United States10467 Posts
Last Edited: 2013-01-30 17:33:13
January 30 2013 17:25 GMT
#6
About hosts, I've mainly just used sitegrounds and it's been fine. They do have a referral program, but you should just find a friend on a different host if they have a referral so you both can get a few weeks free. You can't go wrong with sitegrounds though. Good reliability (which most hosts have), customer support, and loads of tutorials.

I do not recommend getting GoDaddy hosting. I've heard only bad things about them.

With regards to what Server side language to use: if you have any C experience PHP will be easy to pick up and get working out of the box.
Ruby on Rails is becoming more popular than it was a few years back but only supported by certain web hosts. It's object oriented which makes defining objects far easier than in PHP.

CSS is what you use to make the layout of your page good.

HTML is for static content on the page.

Javascript is for client side scripting. I never learned much javascript and used bad coding practice inserting PHP everywhere in my pages -_-. For the most part you can get away with using JQuery Libraries to make great UI things like menu bars and hover popup content. You will be able to find tutorials as well on form submission without having to refresh the page.

I don't recommend you use a CMS like Drupal because they're really a black box. There's a lot of code in them, and if you already have a design in mind then it may be easier to just download a template for just a from scratch web site. Less code = less abstract stuff you won't understand.



Can you draw out a diagram of what you want your site to look like?
I think in our modern age technology has evolved to become more addictive. The things that don't give us pleasure aren't used as much. Work was never meant to be fun, but doing it makes us happier in the long run.
ulfryc
Profile Joined November 2011
Germany115 Posts
Last Edited: 2013-01-30 18:48:02
January 30 2013 18:43 GMT
#7
On January 30 2013 22:07 Tobberoth wrote:
You should learn HTML5, which is THE basis for all webpages. It's really easy to learn and there's like a billion different free tutorials online. www.w3schools.com is a good start for any web development.

After you have HTML5 down, you should learn CSS which is what lets you do the whole layout and design deal.

Once you have that, you already know enough to make perfectly functional good-looking webpages. If you want to go more advanced from there, you can learn Javascript to get some client scripting going, then if you want to make a full-on web application, you could learn some form of server code framework such as PHP, ASP.Net, JSP, Ruby on Rails or Django.

Yes, learn HTML + CSS first. They are both super easy and little to no programming knowledge required. But: These only let you create static web pages. Meaning you can display content to the user but the user can't interact with it (no comments/payments/user accounts).

To be able to do that your website has to be dynamically created by the server. So additionally you will have to learn a server programming language. There are many different out, there which you can choose: PHP, Perl, ASP.Net, JSP, etc. These require you to do actual programming, and can be a bit harder than HTML/CSS (but not really that hard). I'd recommend learning PHP as it's the most commonly used now adays.

I wouldn't really recommend learning Javascript too soon. You will have to have some experience on how HTML/CSS work to use it right. All you can do with it is interactive eye candy which is really needed for the functionally of most websites (drop down menus, loading content without reloading, popups, etc.).
Train Hard Go Pro!
johnmathew
Profile Joined December 2013
United States1 Post
December 30 2013 11:19 GMT
#8
--- Nuked ---
yambox88
Profile Joined September 2019
1 Post
September 28 2019 02:16 GMT
#9
--- Nuked ---
ryanwebdesigner
Profile Joined October 2022
1 Post
Last Edited: 2022-10-12 12:24:06
October 12 2022 12:23 GMT
#10
--- Nuked ---
spssocial
Profile Joined October 2023
1 Post
October 25 2023 17:30 GMT
#11
--- Nuked ---
digitaltech
Profile Joined August 2024
1 Post
August 30 2024 13:49 GMT
#12
--- Nuked ---
Please log in or register to reply.
Live Events Refresh
Replay Cast
00:00
SEL S2 Championship: Playoffs
CranKy Ducklings19
Liquipedia
[ Submit Event ]
Live Streams
Refresh
StarCraft 2
SpeCial 183
Vindicta 5
StarCraft: Brood War
Britney 15688
Artosis 879
Aegong 44
sSak 33
NaDa 21
yabsab 7
Dota 2
monkeys_forever386
NeuroSwarm48
Counter-Strike
taco 79
Super Smash Bros
hungrybox436
Other Games
summit1g6571
FrodaN1055
shahzam940
C9.Mang0463
ViBE122
Trikslyr121
Livibee105
Maynarde66
Mew2King60
Nathanias29
JuggernautJason24
rGuardiaN22
Organizations
Other Games
gamesdonequick638
BasetradeTV20
StarCraft 2
Blizzard YouTube
StarCraft: Brood War
BSLTrovo
sctven
[ Show 19 non-featured ]
StarCraft 2
• Berry_CruncH170
• Kozan
• LaughNgamezSOOP
• sooper7s
• AfreecaTV YouTube
• intothetv
• Migwel
• IndyKCrew
StarCraft: Brood War
• Pr0nogo 2
• sM.Zik 1
• iopq 1
• STPLYoutube
• ZZZeroYoutube
• BSLYoutube
Dota 2
• masondota22782
League of Legends
• Doublelift5529
• TFBlade622
Other Games
• imaqtpie1160
• Scarra1135
Upcoming Events
The PondCast
9h 48m
RSL Revival
9h 48m
Maru vs SHIN
MaNa vs MaxPax
Maestros of the Game
16h 48m
Classic vs TriGGeR
Reynor vs SHIN
OSC
1d 2h
MaNa vs SHIN
SKillous vs ShoWTimE
Bunny vs TBD
Cham vs TBD
RSL Revival
1d 9h
Reynor vs Astrea
Classic vs sOs
Maestros of the Game
1d 16h
Serral vs Ryung
ByuN vs Zoun
BSL Team Wars
1d 18h
Team Bonyth vs Team Dewalt
CranKy Ducklings
2 days
RSL Revival
2 days
GuMiho vs Cham
ByuN vs TriGGeR
Cosmonarchy
2 days
TriGGeR vs YoungYakov
YoungYakov vs HonMonO
HonMonO vs TriGGeR
[ Show More ]
Maestros of the Game
2 days
Solar vs Bunny
Clem vs Rogue
[BSL 2025] Weekly
2 days
RSL Revival
3 days
Cure vs Bunny
Creator vs Zoun
Maestros of the Game
3 days
Maru vs Lambo
herO vs ShoWTimE
BSL Team Wars
3 days
Team Hawk vs Team Sziky
Sparkling Tuna Cup
4 days
Monday Night Weeklies
4 days
Liquipedia Results

Completed

CSL Season 18: Qualifier 2
SEL Season 2 Championship
HCC Europe

Ongoing

Copa Latinoamericana 4
BSL 20 Team Wars
KCM Race Survival 2025 Season 3
BSL 21 Qualifiers
ASL Season 20
CSL 2025 AUTUMN (S18)
RSL Revival: Season 2
Maestros of the Game
Sisters' Call Cup
BLAST Open Fall Qual
Esports World Cup 2025
BLAST Bounty Fall 2025
BLAST Bounty Fall Qual
IEM Cologne 2025
FISSURE Playground #1
BLAST.tv Austin Major 2025

Upcoming

LASL Season 20
2025 Chongqing Offline CUP
BSL Season 21
BSL 21 Team A
Chzzk MurlocKing SC1 vs SC2 Cup #2
EC S1
BLAST Rivals Fall 2025
IEM Chengdu 2025
PGL Masters Bucharest 2025
Thunderpick World Champ.
MESA Nomadic Masters Fall
CS Asia Championships 2025
ESL Pro League S22
StarSeries Fall 2025
FISSURE Playground #2
BLAST Open Fall 2025
TLPD

1. ByuN
2. TY
3. Dark
4. Solar
5. Stats
6. Nerchio
7. sOs
8. soO
9. INnoVation
10. Elazer
1. Rain
2. Flash
3. EffOrt
4. Last
5. Bisu
6. Soulkey
7. Mini
8. Sharp
Sidebar Settings...

Advertising | Privacy Policy | Terms Of Use | Contact Us

Original banner artwork: Jim Warren
The contents of this webpage are copyright © 2025 TLnet. All Rights Reserved.