Results 1 to 4 of 4

Thread: Creating web templates

  1. #1
    Senior Member kopite's Avatar
    Join Date
    Sep 2006
    Location
    Liverpool
    Posts
    3,499
    Thanks
    81
    Thanked
    158 times in 127 posts
    • kopite's system
      • Motherboard:
      • Asus Maximus IV Gene-Z
      • CPU:
      • Intel Core i5 2500K
      • Memory:
      • 8GB DDR3 1600 MHz Corsair Memory Vengeance Black
      • Storage:
      • 128GB Crucial m4 for main drive. 3.5 TB of storage space over western Digital Drives
      • Graphics card(s):
      • Gigabyte NVIDIA GTX 970 G1 Gaming Edition
      • PSU:
      • 750W ANTEC TRUEPOWER
      • Case:
      • Silverstone Fortress FT03
      • Operating System:
      • Windows 10
      • Monitor(s):
      • 1 x 27 inch dell Monitor 1 x 20 inch Dell monitor
      • Internet:
      • Virgin media 150MB

    Creating web templates

    Hi All,

    I need some help with getting started creating the basic templates and css for websites.

    I'm a python dev so Building the guts of sites is easy but when it comes to making it look a certain way I hit a bit of a wall.

    So far I've got some pictures of how I want the layout of the site to look but now I need to translate that into a working template I dont know where to start.

    Can you give me some help in where to start, how to write the css etc


    Thanks in Advance

  2. #2
    Treasure Hunter extraordinaire herulach's Avatar
    Join Date
    Apr 2005
    Location
    Bolton
    Posts
    5,618
    Thanks
    18
    Thanked
    172 times in 159 posts
    • herulach's system
      • Motherboard:
      • MSI Z97 MPower
      • CPU:
      • i7 4790K
      • Memory:
      • 8GB Vengeance LP
      • Storage:
      • 1TB WD Blue + 250GB 840 EVo
      • Graphics card(s):
      • 2* Palit GTX 970 Jetstream
      • PSU:
      • EVGA Supernova G2 850W
      • Case:
      • CM HAF Stacker 935, 2*360 Rad WC Loop w/EK blocks.
      • Operating System:
      • Windows 8.1
      • Monitor(s):
      • Crossover 290HD & LG L1980Q
      • Internet:
      • 120mb Virgin Media

    Re: Creating web templates

    Back in the day I learnt most of the structure of css etc from W 3 schools stuff. It'll get you enough of a grounding to know what to Google to do what you want if that makes sense.

  3. #3
    Senior Member
    Join Date
    Aug 2013
    Location
    North Wales
    Posts
    1,849
    Thanks
    165
    Thanked
    271 times in 202 posts
    • virtuo's system
      • Motherboard:
      • Gigabyte Aorus Master X570
      • CPU:
      • Ryzen 9 5950x
      • Memory:
      • 64Gb G.Skill TridentZ Neo 3600 CL16
      • Storage:
      • Sabrent 2TB PCIE4 NVME + NAS upon NAS upon NAS
      • Graphics card(s):
      • RTX 3090 FE
      • PSU:
      • Corsair HX850 80+ Platinum
      • Case:
      • Fractal Meshify 2 Grey
      • Operating System:
      • RedStar 3, Ubuntu, Win 10
      • Monitor(s):
      • Samsung CRG90 5140x1440 120hz
      • Internet:
      • PlusNet's best, but still poor, attempt

    Re: Creating web templates

    If you are coming from an absolute basic knowledge of html/css then I'd agree getting the basics down on w3schools or similar would be helpful.

    If you've got a bit more experience then it'd probably be worth learning a CSS framework such as Bootstrap or Foundation. They have their learning curves but will give you tried and tested layout tools that'll get you building responsive and decent looking pages fairly quickly. They'll save your hairline not having to work out why something isn't rendering properly on [x] browser.

    I find it's always good to keep up to date with the latest developments - follow CSS tricks or Codrops for some good inspiration.


    And above all, keep practising and trying new techniques.

  4. #4
    Registered+
    Join Date
    Sep 2012
    Posts
    99
    Thanks
    3
    Thanked
    9 times in 9 posts

    Re: Creating web templates

    How handy are you with developer tools in browsers?

    Bootstrap is always popular, I found this useful too https://html5boilerplate.com/.

    Once you are a bit more familiar with css then this is worth a look aswell http://unsemantic.com/

Thread Information

Users Browsing this Thread

There are currently 1 users browsing this thread. (0 members and 1 guests)

Posting Permissions

  • You may not post new threads
  • You may not post replies
  • You may not post attachments
  • You may not edit your posts
  •