Nov 21, 2009
Pages: 1, 2

My First Website - Where can i find useful web page templates?

free web hosting

Read Latest Entries..: (Post #14) by websey on Dec 1 2008, 10:51 PM.
Hi Mate,To be honest you can use a free template but find an editor that you are happy with and then just in your free tiem take it apart and recode it bit by bit,Maybe print out the code and retype it that way you learn what all the code does by prevewing it after every bit of code change, I know it may seem a long way aroud it but it is the best way to learn....I know this as this is what I did for about 6 months when i 1st started coding....But perserverence is the best quality to have... if ...
read more.
Read the FIRST post of this Topic. - Express your Opinion! Contribute Knowledge :-).

Open Discussion > MODERATED AREA > Tutorials

My First Website - Where can i find useful web page templates?

gold_standard
Hi folks,

Just wondering, as a newbie website builder, where can I get some useful HTML, CSS templates suitable for building a small business website?

What is the best development environment for building websites? Is there a good open source program available?, or is it best to spend some money on something like Dreamweaver?

Does anyone have experience of adding databases to Trap17 sites, perhaps using Wamp server?

Comment/Reply (w/o sign-up)

jlhaslip
google free html templates and there will be a ton of replies. OSWD has a good batch (oswd.org)
Dreamweaver creates some terribly bloatd code. You would be better off learning to hand-code your site.
No need to add any DB Servers here. Install one locally on your machine for testing is a good idea.

Comment/Reply (w/o sign-up)

Cat5e
Well I can help you with the free web developing software part. NVU (pronounced like inview or N-view I believe) is a great free program that I have used with positive results. People compare it to Dreamweaver. I used it to make my first website with success. To get templates I just google searched, can't name any specific websites, but there are tons of options out there. Then just use NVU to edit the templates to turn it into your own website! Well, here is the URL to a download of NVU: http://www.download.com/Nvu/3000-2048_4-10412423.html

Edit: Oh, and another option that I haven't personally used, but have heard good thigns about is Kompozer: http://www.download.com/KompoZer/3000-2048...ml?tag=rbxcrdl1

Comment/Reply (w/o sign-up)

Mich
Hi, I have a site hosted here at Trap 17 on which I offer free web sets for use on newbie hompages. It is Here. Happy hunting.

Comment/Reply (w/o sign-up)

deadmix
you can download a templates from http://templates4all.blogspot.com they provide a lot of HTML and CSS templates, easy to use and to edit and free to download.

Goodluck!

Comment/Reply (w/o sign-up)

encryptedwrath
http://clantemplates.com Provide great free gaming templates and some other templates too. Check them out!

Comment/Reply (w/o sign-up)

Evolke
QUOTE(gold_standard @ Oct 10 2008, 08:04 PM) *
CSS templates suitable for building a small business website?


If your looking for the plain code, so you can alter it how ever you want:
[X]

Other websites I've seen with Free CSS Templates:
[X]
[X]

QUOTE(gold_standard @ Oct 10 2008, 08:04 PM) *
is it best to spend some money on something like Dreamweaver?


At the moment Im using KompoZer which is working great for me now. I can input my own coding andinstantly see how it looks. KompoZer is a WYSIWYG HTML Editor.

 

 

 


Comment/Reply (w/o sign-up)

encryptedwrath
QUOTE(Evolke @ Oct 25 2008, 11:45 PM) *
If your looking for the plain code, so you can alter it how ever you want:
[X]

Other websites I've seen with Free CSS Templates:
[X]
[X]
At the moment Im using KompoZer which is working great for me now. I can input my own coding andinstantly see how it looks. KompoZer is a WYSIWYG HTML Editor.

The reason I use Dreamweaver is the potential it has. You can code worpress , Ajax and PHP scripts , Javascript and your traditional XHTML/CSS. Being a student under 18 , I purchased this for under £100. You can make anything in dreamweaver , and I don't know what I'd do without it. I know many programming languages , so Kompozer/Nvu with HTML as the only editable region make it a bit limited for me. When you code templates , it's really easy in Dreamweaver , and editing premades is even easier. If you have the money , I'd reccomend dreamweaver smile.gif

Comment/Reply (w/o sign-up)

alextepes
The best way to do it all is by hand and in notepad, that's the sure-proven way to learn HTML/PHP/CSS
If you need to know something specific like "How do to design a div" etc, Google will help, learn whatever you want, none of the programs out there will help you achieve what you want, because you have a design inside your head which you want to do, why do you think there are a whole bunch of designs out there?
The best thing to learn first is how to make div designs.
Which is really easy you don't even need CSS to learn div's
Little to no styling:

CODE
<html>
<head>
</head>
<body>

<div id="left-top" style="float: left; padding-left: 25px;">
<h2>Menu</h2>
</div>
<div style="clear: both;"></div>
<div id="left" style="float: left; padding-left: 25px;">
<a href="#">Menu</a><br>
<a href="#">Menu</a><br>
<a href="#">Menu</a><br>
<a href="#">Menu</a><br>
<a href="#">Menu</a><br>
<a href="#">Menu</a><br>
<a href="#">Menu</a><br>
</div>
<div id="center-title" style="float: center; padding-left: 150px;">
<h2>Main</h2>
</div>
<div id="center" style="float: center; padding-left: 150px;">
Content that will be displayed.
</div>
<div style="clear: both;"></div>
<div id="center-bottom" style="float: bottom; padding-left: 150px;">
&copy My weird web designs.
</div>
</body>
</html>


Make it look "cool"

CODE
<html>
<head>
</head>
<body bgcolor="#000033">

<div id="left-top" style="float: left; padding-left: 25px; background: #003333; width: 100px; padding-top: 0px; height: 50px;">
<h2>Menu</h2>
</div>
<div style="clear: both;"></div>
<div id="left" style="float: left; padding-left: 25px; background: #3399CC; width: 100px; padding-top: 15px;">
<a href="#">Menu</a><br>
<a href="#">Menu</a><br>
<a href="#">Menu</a><br>
<a href="#">Menu</a><br>
<a href="#">Menu</a><br>
<a href="#">Menu</a><br>
<a href="#">Menu</a><br>
</div>
<div id="center-title" style="float: center; padding-left: 150px; background: #003333; width: 500px;">
<h2>Main</h2>
</div>
<div id="center" style="float: center; padding-left: 150px; background: #3399CC; width: 500px; height: 300px;">
Content that will be displayed.
</div>
<div style="clear: both;"></div>
<div id="center-bottom" style="float: bottom; padding-left: 150px; background: #3399CC; width: 500px;">
&copy; My weird web designs.
</div>
</body>
</html>


It's pretty simple, you can make div's float on top of each other by using z-index as well.

Comment/Reply (w/o sign-up)

ohmyiv
QUOTE(gold_standard @ Oct 10 2008, 02:34 AM) *
Hi folks,

Just wondering, as a newbie website builder, where can I get some useful HTML, CSS templates suitable for building a small business website?

What is the best development environment for building websites? Is there a good open source program available?, or is it best to spend some money on something like Dreamweaver?

Does anyone have experience of adding databases to Trap17 sites, perhaps using Wamp server?


Well, being a newbie website builder myself, I've tried a lot of different things. This site has a ton of options for free editors. I am assuming you have Windows because of your question about Wamp servers (which I have no idea about). Kompozer is probably the most popular one because it's comparable to Dreamweaver. If you want to do it by hand, like someone mentioned before, Notepad++ is great. Personally, I use Linux. My favorite editor is Quanta+ . It works for me smile.gif There is also Amaya which was, personally, harder to learn to use.

As for the templates, there are a ton of different sites with free web templates, all you have to do is search.

Hope that helps a little.

Comment/Reply (w/o sign-up)

Latest Entries

websey
Hi Mate,

To be honest you can use a free template but find an editor that you are happy with and then just in your free tiem take it apart and recode it bit by bit,

Maybe print out the code and retype it that way you learn what all the code does by prevewing it after every bit of code change, I know it may seem a long way aroud it but it is the best way to learn....

I know this as this is what I did for about 6 months when i 1st started coding....

But perserverence is the best quality to have... if it dont work find out why and then fix it...

of course we are always here to help as a community...

And if you have any specific questions you can contact me via pm mate....

Regards

Comment/Reply (w/o sign-up)

hertonsils
Personally I use the free css templates over at www.freecsstemplates.org a fair bit and they are quite good with lot of flair. Perfect for the beginner too.

Comment/Reply (w/o sign-up)

bk2070
QUOTE(gold_standard @ Oct 10 2008, 06:34 AM) *
Hi folks,

Just wondering, as a newbie website builder, where can I get some useful HTML, CSS templates suitable for building a small business website?

What is the best development environment for building websites? Is there a good open source program available?, or is it best to spend some money on something like Dreamweaver?

Does anyone have experience of adding databases to Trap17 sites, perhaps using Wamp server?


Search google for some helpful tips. Also, w9.com is pretty good as well. One thing I've noticed though is it is easier to just use web programs, instead of trying to make full pledged html sites by yourself. That can be very drainign and difficult, while programs take all the hardwork right out of it smile.gif

Comment/Reply (w/o sign-up)

acricket
QUOTE(deadmix @ Oct 25 2008, 12:30 PM) *
you can download a templates from http://templates4all.blogspot.com they provide a lot of HTML and CSS templates, easy to use and to edit and free to download.

Goodluck!



buddy this site is just awesome, i specialy liked the blogger templets its too good, thanks for sharing

Comment/Reply (w/o sign-up)



Got an Opinion! Express your Views! (no registration):-
Add your Reply/ Opinion/ Views/ Comments/ Suggestion/ Questions/ Queries etc.
Posts with decent grammar & English will be accepted and please refrain from profanities.
For asking a Question, We recommend you to sign-up (for free) so that you can track the topic easily.

Nature of your Post*: Opinion/ Reply/ Comments
Question/Query
Feedback to us.
       
Name   Email
Title/Question*

This textarea will convert to Rich-Text automatically (IE, Firefox, Chrome)

Pages: 1, 2
Similar Topics

Keywords : website, web, page, templates,

  1. Creating Common Navigation For A Website: Part 2
    Newbies guide to creating common navigation with PHP (0)
  2. Rfi (remote File Inclusion) What Is It? How Do I Stop It?
    Another website security tutorial (0)
    In my continuing attempts to learn more about website security i am going to tell you about a
    classic attack called Remote File inclusion (RFI). RFI is exactly what it says really, it involves
    using (or including) code from one website on another website. So if i have a website : secure.com
    with a modular, dynamic system like: secure.com/index.php?module=home notice the GET variable on
    the end of the URL. If i enter "blah" instead of "home" i get either a blank page, or a 404: page
    not found error, there is also a chance you will get an error message like: Error: inclu....
  3. How To Setup A Website After Your Forum
    (3)
    This tutorial is about how to setup a website after you have setup a forum. That means, you have a
    forum, and are wanting to add a website. This tutorial will show you how to create the website in
    your root directory(Example: http://domainname.com) , while your traffic gets redirected to your
    forum while you are creating it, until you're ready for guests to see it. This method is
    opposed to setting it up in another directory, then moving it(particularly more time consuming if
    you're site is PHP based). First of all, you are going to want to setup a redirect ....
  4. Creating Navigation For Html Websites
    Have a common navigation menu for the whole website! (12)
    Pre-requisite: HTML, inline frame tags 1 Attachment(.zip) included. Updates : 29-12-07: Doctype
    added in example files (Advised by jlhaslip) Designing a whole website takes a lot of planning
    and organization. Designing a proper navigation system is a basic step in building your website. If
    you are developing webpages in html you would have observed that as you go on creating pages it
    becomes difficult to maintain the links to the pages. This article will guide you in developing a
    common navigation menu for your website. It describes three ways, so if you don'....
  5. Css Scroll Bar Styles
    Change the color of your website scrollbar! (1)
    REQUIREMENTS 1. Must have limited to good knowledge of CSS. 2. Must have limited to good knowlege
    of HTML. THE ELEMENTS First of all, there are 7 different elements of a scrollbar. a) Scrollbar
    Arrow Color /cool.gif" style="vertical-align:middle" emoid="B)" border="0" alt="cool.gif" />
    Scrollbar Darkshadow Color c) Scrollbar Track Color d) Scrollbar Face Color e) Scrollbar Shadow
    Color f) Scrollbar Highlight Color g) Scrollbar 3dlight Color Bassically all that you need to do is
    change the colors like you normally do with any sort of CSS. Therefore, if you want the....
  6. Making A One Page Does All Website In Phph
    (2)
    Hello and Great Day or Night either one. Have you ever been to a site and seen a index page or any
    page at all control everything such as index.php?do=home&action=logout something similar to the
    above? Well I am going to show you how easy it is to make this all own your own, and only have to
    use one web template or design to make it work. Before we get started you need to go ahead and find
    the web design that you want to use. After you find the site you want to use go ahead and save
    it... and save it like this so we can work together, ok! Note* We are going to be s....
  7. Adding Your Website To Google
    How to register with google (25)
    Hi everyone. Hopefully here im going to tell you how to register yourself with the Google search
    engine and get yourself in their results. Ill start the tutorial assuming you already have Meta
    tags or other search engine optimisation techniques in place. This tutorial is solely about
    registering with google. At one time i thought simply using meta tags etcetera would get you listed
    in Google, i then found out that didnt work, so i wondered why, and the fruits of my labour are what
    will go into this tutorial. the first step is to get a google account, this will get y....
  8. Checking Dns Settings For Website
    DNS Setting, Ping, Whois, Dnsreport etc (2)
    If you have recently purchased a domain and facing problems with the workings, the first thing which
    you should check is the DNS setting. Dns settings determine, how to domain is pointed to the Server
    and How the server is connected to the world (internet). Ensure, the DNS settings are perfect to
    make sure, things work smoothly and people across the globe don't have problems accessing your
    site. The basic check would be : PING Suppose you register your domain (example.com) at
    ComputingHost. You get an IP for your website. In this case, suppose its 64.69.35.170. Yo....
  9. Configuring Dns Settings For Website
    Nameserver, A-Address, DNS configuration (1)
    Most of the people have problems configuring their website. After registering their domain, many get
    confused in configuring their domain (basically the DNS settings). This small tutorial will help you
    get started with DNS settings configuration. A domain can be basically pointed to a server using 2
    main techniques. 1. Nameserver (the most recommended way) 2. A Address (Not recommended)
    Configuring using Nameservers ==================== Login to your domain Control panel provided by
    your DOMAIN NAME PROVIDER / REGISTRAR. Not your webhost. Search for settings like DN....
  10. Introduction To Templating
    Templating your website with PHP (1)
    Pre-note Hello and welcome. if your website doesn't use a templating function, you may have
    noticed it's pretty hard to update your website (layout) unless you dig through many files to
    update the images and such. The solution is templates. If you ever got curious and looked into
    phpBB codes or any other template based forum/CMS, you saw the .tpl files they use. I am not at a
    point where i base everything on .tpl (simply because i havent taken the time to see how it all
    works). But i do can tell you that it's the same principle, template your site using an....
  11. Centered Website With Two Columns
    CSS (12)
    This is upgrade of my first tutorial for Centered website with fixed width. Today I am going to
    present you tutorial for making two columns website with fixed width. My basic tutorial can be found
    here: here. So let's begin: First we will change CSS file, everything stays same if not
    mentioned to change, starting with color of content from basic tutorial, change background to this
    code. This will actually be background of left column and padding will be set to 0, cause it will be
    defined in Left and Right column. New code for Content: CODE #Content{  width:....
  12. Centered Website With Fixed Width
    ...begginers lesson... (2)
    This will be tutorial on how to make a simple website design with fixed width and center position.
    This is actually rather simple tutorial, but hopefully it will help others that are new in world of
    creating websites. Website will also contain header, content area and footer. First we must do
    Wrapper. Wrapper is actually an area of fixed width and will be position into center, so that our
    page doesn't fall apart. CODE body{ width:100%;  margin:0px;  padding: 0px;
     text-align:center; background:#FFFFFF; } This is actually an IE5 hack were we did c....
  13. Secure The Email Addresses On Your Website!
    Wonderful script and useful! And working (10)
    Just follow the instructions below: /* Secure Email Function by Juan Karlo Aquino de
    Guzman Website: http://www.karlo.ph.tc and http://www.abs-cbn.ph.tc E-mail:
    http://www.karlo.ph.tc/send.php Usage: showEmail("support@microsoft.com",0); OR
    showEmail("support@microsoft.com",1); Types: 0 = ordinary random 1 = more secure random To
    include to a script: include_once("email_secure.php"); */ And here is the code :
    CODE /*     Secure Email Function by Juan Karlo Aquino de Guzman     Website:
    http://www.karlo.ph.tc and http://....
  14. E-mail Mailer Script 0.1
    useful for website visitors (4)
    Are you pissed off when you are putting e-mail in your website, you always get spammers? Well,
    here's the solution. Just change the default variables to anything that you like, etc... follow
    the instructions on the script.. Here it is... hope you like it /smile.gif' border='0'
    style='vertical-align:middle' alt='smile.gif' /> CODE //E-mail Mailer Script 0.1 by Juan
    Karlo de Guzman //FOR TRAP17 ONLY... DEMO VERSION... DO NOT DISTRIBUTE header("Content-type:
    text/html; CHARSET=UTF-8"); $int_rand=mt_rand(1,20); if($int_rand>10) {
    $random_numbers=sha1(mt_ra....
  15. Making A Website
    Also Some Dos and Don'ts (6)
    I had originally had this posted on my domain at nevernormal.com, and thought that you guys could
    use it here as well. Granted, this is geared to the uber newbie, so don't razz me if I
    don't suggest the most advanced in web design. lol So, you want to make a website? 1.
    First, think about what you want your site to be about. There are fanfic sites, like Drastic
    Measures and fanfiction.net ; cliques or clubs, like the BtVS Writers' Guild ; or, if you
    want, you could have a general site, whether it be about a show/movie you like, or even just about y....
  16. [tutorial] Skinning Your Site
    a tutorial on how to skin your website (2)
    For this tutorial you are going to need to know how to use php includes. You are also going to need
    to rename all o your files to a .php extension. In your FTP or Cpanel make a folder in your public
    (main) directory and name it "skins". In the skins folder make another folder named "1". In the
    folder you names skins make a file called cookiecheck.php. Copy the code below and paste it into the
    cookiecheck.php file. $total_skins = 1; $default_skin = 1; if (isset($_REQUEST )) {
    $newskin=(int)$_REQUEST ; if ( ($newskin $total_skins) ) $newskin=$defau....

    1. Looking for website, web, page, templates,

Searching Video's for website, web, page, templates,
See Also,
advertisement


My First Website - Where can i find useful web page templates?

Affordable Web Hosting, Low cost Web Hosting - ComputingHost.com