webdesign articles


The Secrets to Successfully Learning Basic HTML





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. Learning the HTML basics is easy and should take less than 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:

(http://www.notepad.org) 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.

(http://www.alleycode.com) 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!

(http://www.evrsoft.com/download.shtml) 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.

(http://www.macromedia.com/software/homesite) Macromedia 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.

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.

(http://www.macromedia.com/software/dreamweaver) 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.

(http://office.microsoft.com/en-us/FX010858021033.aspx) 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.

(http://www.adobe.com/products/golive/main.html) 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 (http://www.w3schools.com/html/default.asp) W3Schools and (http://webmonkey.wired.com/webmonkey/authoring/html_basics) WebMonkey. That's how I learned. Also be sure to check out these excellent HTML resources, (http://www.websitetips.com/html) Website Tips and (http://www.htmlgoodies.com) HTML Goodies. To do the HTML tutorials I would advise using Notepad or one of the advanced source code editors listed above.

Colleen Chard is a professional web designer based in the greater Toronto, Ontario Canada area. She has been designing websites since 2001 and runs her own online business Kalina Web Designs, http://www.kalinawebdesigns.com. Colleen is also the webmaster of many other web sites including Directory Source, http://www.directorysource.info, and Apex Templates, http://www.apextemplates.com.


MORE RESOURCES:

Indiana Web Design Company Radically Changes Approach to Web Development
PR Web (press release)
Effect Web Agency, an Indiana web design company, redefines their entire develop process to focus on achieving sales results for clients. Effect Web Agency says they know why websites do not work for many businesses. Steve Schmidt, President and Web ...

and more »


EQuicknews

Web Design Tips
EQuicknews
Launching а website іs bоth exciting аnd potentially rewarding. A wеll planned site can have а positive effect оn уour business, wіth online sales bucking thе trend in an othеrwisе downbeat economy. Creating a website can аlѕо bе a daunting task, ...

and more »


HigherVisibility Named Eleventh Best Web Design Company by topseos.com for ...
Press Media Wire
The independent authority on Search vendors, topseos.com, has named HigherVisibility the eleventh best web design company in the online marketing industry for the month of February 2012. Their position in the rankings of top web design companies is ...

and more »


PR Web (press release)

Algonquin Studios Shares Thought Leadership Reports on Web Design, SEO ...
PR Web (press release)
These are people who have started successful businesses, built enterprise-level software systems, and work hard to actively keep abreast of changes and advancements in technology, software development, web design, and online marketing,” says ...

and more »


Crumpler C List Celebrity Backpack Reviewed by Intown Web Design
PR Web (press release)
Intown Web Design review of Crumpler C List Celebrity Backpack acknowledged the backpacks design and functionality. These backpacks by Crumpler were noted as some of the best backpacks for photographers. Overall, these backpacks were exactly what I was ...

and more »


Positive Web Design Utilises Brand New Wireframes For Clients
PR Web (press release)
The team at Positive Web Design has announced that they will be creating pre-designed wireframes and templates in order to speed up the development process for new clients. Positive Web Design, a web design and development firm well-known for its ...

and more »


Why I treat IE6 like a Nokia 3210
ZDNet UK (blog)
Webolutionary Ethan Marcotte, the chap who brung us Responsive Web Design Big Time, does battle with IE6 in his canonical classic Responsive Web Design. Essentially, IE6 doesn't support the max-width property and flexible images (pp49). The solution?



5 Top Trends in Web Design for 2012
Caribbean Media Vision
In the world of web design, what is considered to be up to the minute and trendy can quickly become outdated and old fashioned in just a short amount of time. It is important for anyone with a website to stay up to date with their web designs and make ...

and more »


SEO.in Named Fourth Best Android Development Company by bestwebdesignagencies ...
Press Media Wire
The independent authority on web design and development, bestwebdesignagencies.com, has released their list of the best Android development companies for the month of February 2012. SEO.in has been named the fourth best Android development company ...



Positive Web Design Now Able To Build Websites In Variety Of Programmes
PR Web (press release)
Positive Web Design has recently adjusted its design procedures and is now in a position to offer clients websites built in a huge variety of programmes. Positive Web Design, a website design and development company based in Chelmsford, Essex, ...

and more »

Google News

home | site map
Webdesign-box © 2006