1. This website uses cookies. By continuing to use this website you are giving consent to cookies being used.
    For information on cookies and how you can disable them visit our Cookie Usage page.
    Dismiss Notice

General Brand new with questions...

Discussion in 'General' started by George Hobel, Apr 25, 2012.

  1. George Hobel

    George Hobel New Member

    Hey I came to this site hoping to learn.... I need to start a website, but have never done it before, dont know the terms, dont know what is needed with regard to templates, dont want to waste time or money. I already have a place to host the site, but now i need to build one.... dont know where to start....
     
    George Hobel, Apr 25, 2012
    #1
  2. navyfalcon

    navyfalcon Well-Known Member Verified Member

    This site has "Free website templates"
    Start by selecting a template
    The banner picture (top of template) can be changed or swapped with another template
    also the navigation (about us, contact us,etc) can be changed or swapped with another template
    then use an HTML Editor to fill in the information (many have help files or tutorials)
    Free HTML Editors
    http://freetutorials.name/Reference1/html editors.html
    Many free ones, take your pick (I use Alleycode - it has a good help file)
    -
    This should give you a start
    any problems, just ask for help
    -
    falcon (under cover)
     
    navyfalcon, Apr 28, 2012
    #2
  3. unbase

    unbase Guest

    Welcome, George:D

    And, just like the rest of us, you're starting from ground-level. But don't worry, if you're into the idea of coding, you'll be able to wrap your head around it. But, as you asked about where to start, check this template I wrote while learning coding;

    HTML:
    <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">                      (Opening statement of HTML document needed by browser)
<html>                                                                                                                                    (Opening of HTML document)
<head>                                                                                    (Opening of "head" section where all code BUT HTML is placed)
<meta http-equiv="Content-Type" content="text/html; charset=ISO-8859-1"> (Encoding  characters  for  intl display)
<meta http-equiv="imagetoolbar" content="no">                                (Cancels out an image toolbar dialogue popup box)
<meta http-equiv="window-target" content="_top">                          (Cancels your content display through frames)
<meta http-equiv="expires" content="0">                                          (Informs search engine robots of a null expiration date)
<title>Your Domain Name and Keyword-laced Descriptive Text Here</title>        (Text displayed in the browser tab)
<link rel="canonical" href="http://www.yourdomainname.com/">    (Use this if  dropping 'WWW' from domain URL)
<link rel="shortcut icon" href="images/favicon.ico">                        (The little picture beside the text in the browser tab)
<link rel="stylesheet" href="css/style.css" type="text/css" media="all">  (Use this if you're using an external stylesheet)
<link rel="alternate" type="application/rss+xml" title="Name Of Your XML Page" href="http://www.YourDomainName.com/YourXMLPage.xml"/>                            (Your RSS Feed for your website)
<meta name="Keywords" content="Keywords of the niche your website resides in">  (Search engine classification)
<meta name="Description" content="Page of internet website">                    (Description of page currently in the browser)
<meta name="MSSmartTagsPreventParsing" content="true">            (Prevents MS attaching Smart Tags to your content)
<meta name="URL" content="http://www.YourDomainName.com/index.html">    (URL of HTML page in browser)
<meta name="Copyright" content="© 2012 Your Company Name">                (Copyright, Year, and Company Name info)
<meta name="Resource-type" content="document">                  (Informs search engine robots of page classification type)
<meta name="Publisher" content="Your Company Name">          (Informs search engine robots of page publisher name)
<meta name="Rating" content="General">                                              (Informs search engine robots of page public rating)
<meta name="Distribution" content="Global">                                    (Informs search engine robots of page display range)
<meta name="Robots" content="All,Index, DoFollow">                  (Informs search engine robots of their indexing rights)
 
<style type="text/css" media="all">                                            (Can be external page or inline code -  inline here)
<!--
html, body {
color:#999;
width: 100%;
margin-left: auto;
        margin-right: auto;
text-align: center;
font: 101% Arial, Helvetica, sans-serif;
margin: 20px 0px;
background-color: #000000;
}
   
#wrapper {
text-align: left;
width: 760px;
margin:0 auto;
clear:both;
background: #FFF;
border: #CC0000 6px solid;
}
 
#header{
height: 139px;
width: 760px;
background: #FFFFCC;  (When ready to switch to using image for header -  background:url(bgImage.jpg) no-repeat;)
text-align: center;
}
 
#left {
    float:left;
    width: 240px;
    padding: 10px;
}
 
#right {
    float:right;
    width: 450px;
    border-left: 1px dotted #CC6666;
    color: #333333;
    padding: 10px;
}
 
#footer{
      clear:both;
      height:0px;
      text-align: center;
      border-top: 1px solid #CC6666;
      background-color: #F0D5D5;
}
 
#footer p {
      margin-top: 10px;
      font-size: 90%;
      color:#C7455F;
}
 
p {
font-size: 90%;
color: #666666;
}
 
#left p{
font-size: 95%;
color: #666;
line-height: 1.2em;
}
 
#right p {
    font-size: 100%;
    color: #666;
line-height:1.2em;
}
h1 {
color: #333333;
font-size: 110%;
border-bottom: 2px solid #CC0000;
}
h2 {font-size: 105%; color: #CC6666;
margin: 12px;
}
h3{
font-size: 95%;
margin: 12px 5px;
color: #B83D3D;
}
 
.menuTable2 {
background-color: #0066B3;
color: #FFFFFF;
border:0px;
padding:0px;
margin:0px;
clear:both;
}
.menuCell2 {
  width:120px;
  height:22px;
  text-align:center;
  vertical-align:middle;
  padding:2px;
}
a.menu2 {
  font-family: "Times New Roman", Times, serif;
  font-size: 12pt;
  font-weight: bold;
  color: #FFFFFF;
  background-color: #0000FF;
  border: 4px groove;
  border-color: #FF6666 #A40000 #A40000 #FF6666;
  left: 5px;
  margin: 1px;
  width:61px;
  height:18px;
  position: relative;
  text-decoration: none;
  top: 0px;
  z-index: 2;
}
a.menu2:hover {
  border-color: #A40000 #FF6666 #FF6666 #A40000;
  background-color: #EA0000;
  color:#dddddd;
  font-size: 9pt;
}
</style>                                                                                                                                                            (Closing of "style" section)
</head>                                                                                                                                                            (Closing of "head" section)
<body>                                                                                                                                                            (Opening of "body" section)
<noscript><p align="center" style="color:white">"This page is trying to run JavaScript and/or Flash and your browser does not support either or you may have disabled both. If you have, please re-enable them, thanks."</p></noscript>
<div id="header"></div>
<div id="wrapper">
  <div id="content">
    <div id="right">
      <h1>RIGHT COLUMN HEADLINE</h1>
      <h3>CONTENT SECTION<br />
        <a href="#"><img src="#" title="If no image, caption here." width="115" height="45" border="0" alt="If no image, caption here." /><br />
        </a><font color="#000000"><font size="3" face="Times New Roman, Times, serif">Put ANYTHING Here!</font> </h3>
      <h2>Whatever you can think of to put here is up to you.</h2>
      <p>I'd recommend looking for code snippets like the one<br>
        responsible for the instant email buttons below to add<br>
        to this space, or you could sell ad space or run a chat;<br>
        The possibilities are endless, but more content is good!</p>
<form action="#">
        <input name="button2" type="button" onClick="parent.location='mailto:youremailaddress@youremailprovider.com?subject=Any Message You Want In Subject Line Of Email" value="Instant Email Button #1" />
      </form>
  <form action="#">
        <input name="button3" type="button" onClick="parent.location='mailto:youremailaddress@youremailprovider.com?subject=Any Message You Want In Subject Line Of Email'" value="Instant Email Button #2" />
      </form>
  </div>
    <div id="left">
      <h1>Left Column Headline</h1>
      <p><a href="#"><img src="" alt="if no image, this is the caption" title="if no image, this is the caption" width="100" height="115" border="0" /></a><br>
        You Can Put Any Text Here<br>
        (WHATEVER!)</p>
      <h3><a href="#" target="_blank"><font color="#0000FF">Announcements!</font></a>:<br>
        <font color="#000000" size="2">You Can Put Any Text Here:<br>
        (Any Announcement</font><font color="#000000">)<br>
        <font size="2">Use this space as you want</font></font><font color="#0000FF" size="2" face="Times New Roman, Times, serif"><br>
        <font color="#FF0000"><br>
        </font> <font color="#FF0000">This is just a usage example!</font>.</font><font color="#FFFF00" size="2" face="Times New Roman, Times, serif"><br>
        <font size="3"><br>
        </font> </font><font color="#0000FF" size="3">[© 2012 </font><font size="3"><font color="#FF0000">*<font color="#0000FF">
        </font></font><font color="#0000FF">YOUR COMPANY]</font></font></h3>
    </div>
  </div>
  <div id="footer">
    <p><a href="#" class="menu2" onFocus="this.blur()">LINK 1</a><a href="#" class="menu2" onFocus="this.blur()">LINK 2</a><a href="#" class="menu2" onFocus="this.blur()">LINK 3</a><a href="#" class="menu2" onFocus="this.blur()">LINK 4</a><a href="#" class="menu2" onFocus="this.blur()">LINK 5</a></p>
  </div>
</div>
</body>
    Now, George, this might seem to be a brain freeze, but follow the commenting in each of the sections. My advice to you is to get yourself a decent text-editor (search "freeware text-editors") and see how everything looks, and don't be afraid to play around as you're still learning. Save a copy of the original (or, keep coming back to this thread, lol!), so if you do destroy it, you can copy the original and keep on codin'. PM me if u have questions, George, and welcome to FWT!
     
    unbase, May 29, 2012
    #3