Cool and Useful Tools & Websites Part 1

Cool And Useful Tools & Websites #1 Free Alternatives To Expensive Software… Here are a few cool tools and websites to help you beat the economy! Remember to subscribe to our blog to stay updated on new cool tools and sites! Splashup –A cool & free online image editing alternative to Photoshop that allows you to work with photos online! http://www.blogger.com/www.splashup.com Open Office –Need to open and write MS Word®, Excel & PowerPoint Docs but don’t want to shell out the $$$? Why not try Open Office. A completely free alternative that works! http://www.blogger.com/www.openoffice.org 7 Zip –Open and compress zip, rar, tar and many other compressed files. Great alternative to Winzip! http://www.blogger.com/www.7-zip.com Kompozer –A free WYSIWYG Web Design application that you can use as an alternative to Dreamweaver or FrontPage. http://www.blogger.com/www.kompozer.com

What the heck is CSS? What every web site owner should know—part two

What the heck is CSS?

Cascading Style Sheets, better known as CSS allows web designers to add styles and other formatting to web pages by creating classes or modifying existing HTML tags.
OK, well then, what the heck does that mean?

Well, to really understand CSS it is important to understand at least the very most basic elements of HTML. HTML stands for Hypertext Markup Language. It is the basic language of the Internet. What HTML does in a nutshell is add links and pictures to, modify, and format simple text documents hence its name. For the purposes of this article I am going to assume that you already know a little bit about HTML. If not click here for a crash course in HTML.

But I have digressed…

CSS can be used in many different ways. It can be written and saved in a separate file that can be accessed by several pages, added to the head section of a web page, or written "in-line". How and where the CSS is written and attached to the web page determines how you can use it within the web site.

By attaching a stand-alone CSS file two one or more web pages, you can make changes directly to the CSS file and it will affect all the files that are attached to it. In other words; let's say that you have a CSS file that is attached to every page in your web site. If you have a CSS style that formats whenever text is applied to as bold, 14 point, red, with the verdana font in your CSS file and you would like to change it from red to black, all you need to do is change the style within the CSS file. The change that you made will change all of the text from every page in your web site that has that particular style applied to it, from red to black.

By adding the CSS styles to the head of an HTML file; any changes you make to the CSS will affect only that document. For clarity's sake; if you have a style named emphasisText that does the same thing as the above paragraph and you change the font color from red to black it will only affect all the text that has had that style applied to it within that particular document.

When you add a CSS style in-line it will only affect the text that is directly applied to. Therefore, CSS can be used both broadly and very precisely depending upon your needs.

As I said before CSS can be applied as a style, class, or modifier. When it is used in-line it is typically refer to as a style, otherwise it is either a class or modifier.

The easiest way to use it is as a simple HTML tag modifier.
When you define a CSS style that modifies an HTML tag; every time that HTML tag is used the CSS style is applied. For example; if you modified the bold tag to not only bold the enclosed text, but to also italicize it and make it red, then, every time the bold tag is used the text will appear bold, italic and red.

Are you still with me? OK, hang in there. Take a deep breath if you need to…

If you want to create a style that is not attached to any particular HTML tag than you would create a class. A class is a set of styles that can be applied to text are images accordingly.

Classes can be very simple or very complicated. They can be applied without having to modify an HTML tag across the entire document and/or web site.

Now I must admit that CSS can get pretty complicated. Not only is it more in depth then your standard HTML, styles are applied in a certain order. They can overlay one another. Sometimes, they can be hard to keep track of. A style applied directly to a text or image (or any other element for that matter) takes precedence over a class applied to an entire page, which in turn, takes precedence over a style applied to an attached style sheet.

To make matters worse… Many times styles may have the same name, but be located in different areas. This can have unexpected and undesired results. These and other issues can be difficult to track down. Even so, CSS provides an extraordinarily powerful tool that gives web developers are enormous amount of power over their code. Ultimately, despite any complicated issues they can create, it does help to simplify web design and when used properly saves a lot of time.

The actual mechanics of CSS are a little bit outside of the skill of this particular article, but if you subscribe to this blog or join as a member (it's free and easy) my website (click here) I will soon include; and in depth tutorial, a step by step walkthrough with images and some cool and useful CSS code snippets that you can cut copy and paste and your own site (the code snippets will be available only to members of my website).

As usual, if you have any questions or comments then please feel free to e-mail me or post into the comments section. Even better, if you post them to my community forum I will make an extra effort to take care of you.

A crash course in HTML

Unless you've spent the last 20 years under rock you've probably heard of HTML. However, in less your extremely tech-savvy or a web developer you may not have any idea what it is or what it does.

I'm here to fix all that… HTML is an acronym that stands for hypertext markup language. HTML is not really a programming language. All it does is format text. It accomplishes this by using special tags enclosed in angle brackets. Different tags do different things. I.e. The bold tag formats the enclosed text as bold. Not really rocket science huh?

Most (but not all) HTML tags will have an opening tag and a closing tag. The opening tag is placed at the start of the text that you would like formatted and the closing tag is placed at the end everything in between will be affected by that tag. For instance if you want to format a portion of text in Italics the HTML code would look like this;

The quick brown fox ‹I› jumped over ‹/I› the lazy dog.

In the above example the words " jumped over" would appear in Italics when viewed in a browser.

Easy cheesy see? Piece of cake right?

There is a handful of HTML tags that are used a lot and a few more that you don't see very often. So there really is not very much to learn to understand basic HTML. It does however get complicated when you start to add different elements such as cascading style sheets, scripting language and SQL amongst others. That however is beyond the scope of this humble blog posting… If you are interested in learning more be sure to check out my comprehensive HTML tutorial located here http://realestatetechonline.com/Tutorials/LearnHTML/tabid/96/Default.aspx

It can show you in far greater depth what you need to know and give you a thorough understanding of how HTML, browsers and web pages in general work. Armed with this knowledge, you can accomplish much. By understanding the basics you are sure to become a much more effective website owner.

Feel free to leave any comments or questions that you may have and I will do my best to answer them for you. Until next time; keep surfin'!