Skip to content
View in the app

A better way to browse. Learn more.

Web Designer Forum

A full-screen app on your home screen with push notifications, badges and more.

To install this app on iOS and iPadOS
  1. Tap the Share icon in Safari
  2. Scroll the menu and tap Add to Home Screen.
  3. Tap Add in the top-right corner.
To install this app on Android
  1. Tap the 3-dot menu (⋮) in the top-right corner of the browser.
  2. Tap Add to Home screen or Install app.
  3. Confirm by tapping Install.

My first ever site design (be nice!)

Featured Replies

Hi guys, I just created a simple site design, primarily because I need to learn how to code a template of course. I'm a little annoyed because I've just watched lots of tutorials on XHTML & CSS and read a few books but not one mentions how to code a template manually! They explain the basics of layouts but come on....that isn't going to get you very far. They just explain how to code links, class's, id's etc..but when it comes down to doing it from scratch its hard.

 

I'm really struggling to find any info on how to code a template from scratch...any ideas would be great!

 

Thanks!

post-15919-0-23859400-1333044718_thumb.jpg

Edited by melpa

  • Author

p.s. I know how div works but when i try it doesn't seem to fit together properly..someone told me i need to add a wrapper div and then container div and place the others div's inside?

Not sure why you are advertising yourself as a web designer when you can't even code a simple site? That's not meant to be a dig btw

  • Author

Not sure why you are advertising yourself as a web designer when you can't even code a simple site? That's not meant to be a dig btw

 

I'm not, I just had no other idea of what to make for a design. Plus hampshire is where i live :)

you might want to look at templates made by professional designers and take them apart to learn how the pros make webpages, rather than trying to come up with ideas yourself. nice attempt though, I've seen much worse webpages out there!

I like the menu and the logo, but the text on the far right is lost. also the red background on the main part of the page made me want to scoop my eyeballs out with a spoon.

I'd try detach yourself from this idea of coding a template, just code a site. If you've already done some reading etc sketch down what you want to create and just jump in and use what you've learnt. Everytime you hit a dead end go off and try to find the solution, look at source code of sites using similar designs. This way you'll learn by gradually picking up more and more techniques.

I actually found the book 'HTML and CSS For Dummies' fantastic, it uses XHTML and includes a lot of CSS layout techniques. It also then goes into JavaScript and PHP. It's a fantastic starting point and reference guide.

Practice, practice, practice... keep reading, keep learning. There are some good blogs and online magazines out there, CSS-tricks and Smashing magazine to name a few. Plus some tutorial sites tuts plus and other envato sites.

Create an account or sign in to comment

Account

Navigation

Search

Search

Configure browser push notifications

Chrome (Android)
  1. Tap the lock icon next to the address bar.
  2. Tap Permissions → Notifications.
  3. Adjust your preference.
Chrome (Desktop)
  1. Click the padlock icon in the address bar.
  2. Select Site settings.
  3. Find Notifications and adjust your preference.