Webmaster Forum

Go Back   Webmaster Forum > Marketing Forums > Marketing Forum

Marketing Forum Marketing, branding and advertising discussions. Online and off-line marketing discussions.


Reply
 
Thread Tools Display Modes
Share |
  #1  
Old 01-24-2006, 02:27 AM
Kalina's Avatar
Kalina Kalina is offline
aka Colleen
 
Join Date: 03-25-04
Location: Canada
Posts: 2,629
iTrader: 0 / 0%
Post Learning HTML & HTML Editors

Learning HTML & HTML Editors

Article by Colleen of Kalina Web Designs

I hold a firm belief that all webmasters should practice validating their code, so all advice I give in this article will be centered around that belief.

If you'd like to create/maintain a website, having some HTML knowledge is necessary in order to create a standard page on the web. HTML is also very easy to learn, you can learn the basics in about an hour. First you'll need some type of software/editor to create your html pages. Here's a few to try out (or not) and see which you feel most comfortable with.


Editors for Hand Coding:

Notepad - This easy-to-use HTML editor is FREE (for Windows version 2.0 and above). If you are interested in learning how to code by hand then this editor is highly recommended. It is not cluttered with tons of features and is handy for all scripting languages, html, perl, php, etc.


Advanced Source Code Editors:

These editors are similar to Notepad by allowing you to create your webpage via hand coding, but they help to speed up the process of coding by hand with features such as syntax highlighting, spell checking, global find/replace, code libraries, code snippets, file explorers, page previews, and much more. Ideal for all scripting languages.

AlleyCode - This award winning HTML editor is fast and comes with many great features. You can view your progress in real time using it's Synchro View feature. Another great editor if you want to learn to code by hand, comes with handy code snippets. Supports all scripting languages. Alleycode is FREE!

1stPage - This html editor comes packed with many features you won't even find in the high-priced editors, and it's free. This editor is perfect for everyone, from novice to expert. Some of it's features include, 400+ javascripts, 15 dhtml scripts, 17 perl scripts, 6 html scripts, 2 cgi scripts.

HomeSite - $99 (Free 30-day trial). HomeSite provides a lean, code-only editor for web development. Advanced coding features enable you to instantly create and modify HTML, CFML, JSP, and XHTML tags, while enhanced productivity tools allow you to validate, reuse, navigate, and format code more easily.


WYSIWYG: (What You See Is What You Get)

I do not personally recommend using these. Reason being that the code can be messy, unnecessary tags can get put in, and most importantly, the code will NOT be valid. Valid code is important for a properly functioning, SEO-friendly webpage. Once you learn how to hand code you can use these editors to save time and just go over the source code and clean it up to be sure it's valid. We will get into valid code later. WYSIWYG is a type of editor/software which allows the user to see the web page as it's being created. In other words, you can drag and drop images exactly where you want them, place text where you want it and not really have to deal with the code side of creating a web page.

DreamWeaver 8-Free to try; $399 to buy. Generally known as the best of the WYSIWYG editors. Comes with an easy to use interface, expanded CSS support, background FTP.

FrontPage 2003 - 30 Day Free Trial, $199 to buy. While being a popular choice and commonly used, FrontPage is also known to produce bloated, messy, invalid code, you're best not to use this program. Features include the ability to upload your web site without requiring an FTP program, hit counters, feedback forms, and more. GoLive - $399. Adobe® GoLive® CS2 software lets you unlock the power of CSS with intuitive visual tools such as prebuilt CSS objects that you can drag and drop to build sophisticated sites. Jump-start your designs by easily converting Adobe InDesign® layouts into Web pages. Or, design Web and mobile content in an advanced, standards-based coding environment.


To learn HTML it's best to make use of the tutorials offered at such sites as W3Schools and WebMonkey. That's how I learned. Also be sure to check out these excellent HTML resources, Website Tips and HTML Goodies. To do the HTML tutorials I would advise using Notepad or one of the advanced source code editors listed above. Learning the HTML basics is easy and should take less than an hour.

Written By Colleen Chard. Owner of Kalina Web Designs.

Last edited by Kalina; 01-24-2006 at 02:40 AM.
 
Reply With Quote

Advertisement

Advertisement

  #2  
Old 01-25-2006, 08:34 AM
Aaron Aaron is offline
Junior Member
 
Join Date: 01-19-06
Location: Pennsylvania
Posts: 17
iTrader: 0 / 0%
Excellent resource. Thanks.

Another good editor is NotePad++. It does syntax highlighting as well. I love it and you can use it in place of notepad as well.
 
Reply With Quote
  #3  
Old 01-25-2006, 12:26 PM
Kalina's Avatar
Kalina Kalina is offline
aka Colleen
 
Join Date: 03-25-04
Location: Canada
Posts: 2,629
iTrader: 0 / 0%
Quote:
Originally Posted by Aaron
Excellent resource. Thanks.

Another good editor is NotePad++. It does syntax highlighting as well. I love it and you can use it in place of notepad as well.
Thanks, Aaron. I wrote this a few months back.

That will be my first and last article.
 
Reply With Quote
  #4  
Old 01-26-2006, 04:21 AM
Brian's Avatar
Brian Brian is offline
Super Trooper
 
Join Date: 10-12-03
Posts: 4,810
iTrader: 0 / 0%
I'm a fan of Textpad, myself.
 
Reply With Quote
  #5  
Old 01-26-2006, 07:23 AM
Aaron Aaron is offline
Junior Member
 
Join Date: 01-19-06
Location: Pennsylvania
Posts: 17
iTrader: 0 / 0%
Quote:
Originally Posted by Colleen
Thanks, Aaron. I wrote this a few months back.

That will be my first and last article.

So why is this the last article you will write?
 
Reply With Quote
  #6  
Old 01-26-2006, 01:47 PM
Kalina's Avatar
Kalina Kalina is offline
aka Colleen
 
Join Date: 03-25-04
Location: Canada
Posts: 2,629
iTrader: 0 / 0%
Quote:
Originally Posted by Aaron
So why is this the last article you will write?
I don't like writing, I don't think I am that good at it. This article was encouraged by a business associate so I tried it out.
 
Reply With Quote
  #7  
Old 02-04-2006, 08:37 AM
LazyJim's Avatar
LazyJim LazyJim is offline
v7n Mentor
 
Join Date: 10-13-03
Location: UK
Posts: 2,469
iTrader: 0 / 0%
I use textpad too
 
Reply With Quote
  #8  
Old 02-04-2006, 08:39 AM
LazyJim's Avatar
LazyJim LazyJim is offline
v7n Mentor
 
Join Date: 10-13-03
Location: UK
Posts: 2,469
iTrader: 0 / 0%
Is there any text-based editors that visually represent HTML as a heirachical tree of objects that you can easily edit?

- Like a cros between a WYSIWYG, Visual Studio and Firefox DOM Inspector ??
 
Reply With Quote
  #9  
Old 02-04-2006, 09:48 AM
noob_0001's Avatar
noob_0001 noob_0001 is offline
Senior Member
 
Join Date: 02-17-05
Posts: 595
iTrader: 0 / 0%
LazyJim, have you tried NVU?
 
Reply With Quote
  #10  
Old 02-21-2006, 04:43 PM
LazyJim's Avatar
LazyJim LazyJim is offline
v7n Mentor
 
Join Date: 10-13-03
Location: UK
Posts: 2,469
iTrader: 0 / 0%
not before no,
I've just had a look and it doesn't do as I said, it does look quite nice though, although I do not wish to use it now I might keep it incase!

It has two features that come close to what I'm after, the status bar shows the current context as a list of tags (e.g. <body> <div> <p> <link> for a link inside a p inside a div) and each tag on the list as a menu when you right-click offering a few functions to apply to that element, once of which is the second feature I like - "Advanced Property Editor". This demonstrates partly what I've been looking for with the tables of property = value pairs. However it is restricted, and clearly shows that NVU is not designed for the professional (simply bacause this feature is prefixed with "advanced").
 
Reply With Quote
  #11  
Old 02-22-2006, 09:33 AM
Pretend's Avatar
Pretend Pretend is offline
Contributing Member
 
Join Date: 10-13-03
Location: Ft. Lewis, WA
Posts: 1,168
iTrader: 0 / 0%
Dreamweaver sucks. I hate it.

I use textpad, easiest to use.

I used to have some HTML tutorials, probably still have them somewhere. Course, who doesn't? hah.
 
Reply With Quote
  #12  
Old 02-24-2006, 04:59 AM
dynn dynn is offline
Contributing Member
 
Join Date: 02-13-06
Posts: 90
iTrader: 0 / 0%
i hope this is not your last article....keep it up..
 
Reply With Quote
  #13  
Old 03-03-2006, 10:48 AM
sims2 sims2 is offline
Member
 
Join Date: 03-03-06
Posts: 31
iTrader: 0 / 0%
Nice article. You do great articles like dynn just said!
 
Reply With Quote
  #14  
Old 03-03-2006, 10:57 AM
Kalina's Avatar
Kalina Kalina is offline
aka Colleen
 
Join Date: 03-25-04
Location: Canada
Posts: 2,629
iTrader: 0 / 0%
Thanks to both of you. It's great to know some people think so.
 
Reply With Quote
Go Back   Webmaster Forum > Marketing Forums > Marketing Forum

Reply


Currently Active Users Viewing This Thread: 1 (0 members and 1 guests)
 
Thread Tools
Display Modes

Posting Rules
You may not post new threads
You may not post replies
You may not post attachments
You may not edit your posts

BB code is On
Smilies are On
[IMG] code is On
HTML code is Off

Forum Jump

Similar Threads
Thread Thread Starter Forum Replies Last Post
HTML: 2 simple html codes. mybluehair Coding Forum 6 04-20-2007 11:59 AM
HTML: What if html tidy messes with the page layout ? Linda in NY Coding Forum 63 04-18-2007 08:54 AM
Google Toolbar About.HTML HTML Injection Vulnerability imaginemn Google Forum 5 09-21-2004 11:06 AM
Is there a scipt adding new html to existing html automatic? crazyhorse Coding Forum 6 07-29-2004 03:32 PM


V7N Network
Get exposure! V7N I Love Photography V7N SEO Blog V7N Directory


All times are GMT -7. The time now is 03:54 AM.
Powered by vBulletin
Copyright 2000-2014 Jelsoft Enterprises Limited.
Copyright © 2003 - 2018 VIX-WomensForum LLC