Tag: HTML

HTML Color Specification - Guide

How many colours do you think are actually explicitly supported in HTML and CSS specifications. Well the number is surprisingly quite high even though many web designers only seem to use a handful when setting up their sites. There are only 17 standard colors and the specification include an additional 123 to reach a total of 140 defined.

Color Name HEX Color Shades Mix
AliceBlue #F0F8FF Shades Mix
AntiqueWhite #FAEBD7 Shades Mix
Aqua #00FFFF Shades Mix
Aquamarine #7FFFD4 Shades Mix
Azure #F0FFFF Shades Mix
Beige #F5F5DC Shades Mix
Bisque #FFE4C4 Shades Mix
Black #000000 Shades Mix
BlanchedAlmond #FFEBCD Shades Mix
Blue #0000FF Shades Mix
BlueViolet #8A2BE2 Shades Mix
Brown #A52A2A Shades Mix
BurlyWood #DEB887 Shades Mix
CadetBlue #5F9EA0 Shades Mix
Chartreuse #7FFF00 Shades Mix
Chocolate #D2691E Shades Mix
Coral #FF7F50 Shades Mix
CornflowerBlue #6495ED Shades Mix
Cornsilk #FFF8DC Shades Mix
Crimson #DC143C Shades Mix
Cyan #00FFFF Shades Mix
DarkBlue #00008B Shades Mix
DarkCyan #008B8B Shades Mix
DarkGoldenRod #B8860B Shades Mix
DarkGray #A9A9A9 Shades Mix
DarkGreen #006400 Shades Mix
DarkKhaki #BDB76B Shades Mix
DarkMagenta #8B008B Shades Mix
DarkOliveGreen #556B2F Shades Mix
DarkOrange #FF8C00 Shades Mix
DarkOrchid #9932CC Shades Mix
DarkRed #8B0000 Shades Mix
DarkSalmon #E9967A Shades Mix
DarkSeaGreen #8FBC8F Shades Mix
DarkSlateBlue #483D8B Shades Mix
DarkSlateGray #2F4F4F Shades Mix
DarkTurquoise #00CED1 Shades Mix
DarkViolet #9400D3 Shades Mix
DeepPink #FF1493 Shades Mix
DeepSkyBlue #00BFFF Shades Mix
DimGray #696969 Shades Mix
DodgerBlue #1E90FF Shades Mix
FireBrick #B22222 Shades Mix
FloralWhite #FFFAF0 Shades Mix
ForestGreen #228B22 Shades Mix
Fuchsia #FF00FF Shades Mix
Gainsboro #DCDCDC Shades Mix
GhostWhite #F8F8FF Shades Mix
Gold #FFD700 Shades Mix
GoldenRod #DAA520 Shades Mix
Gray #808080 Shades Mix
Green #008000 Shades Mix
GreenYellow #ADFF2F Shades Mix
HoneyDew #F0FFF0 Shades Mix
HotPink #FF69B4 Shades Mix
IndianRed #CD5C5C Shades Mix
Indigo #4B0082 Shades Mix
Ivory #FFFFF0 Shades Mix
Khaki #F0E68C Shades Mix
Lavender #E6E6FA Shades Mix
LavenderBlush #FFF0F5 Shades Mix
LawnGreen #7CFC00 Shades Mix
LemonChiffon #FFFACD Shades Mix
LightBlue #ADD8E6 Shades Mix
LightCoral #F08080 Shades Mix
LightCyan #E0FFFF Shades Mix
LightGoldenRodYellow #FAFAD2 Shades Mix
LightGray #D3D3D3 Shades Mix
LightGreen #90EE90 Shades Mix
LightPink #FFB6C1 Shades Mix
LightSalmon #FFA07A Shades Mix
LightSeaGreen #20B2AA Shades Mix
LightSkyBlue #87CEFA Shades Mix
LightSlateGray #778899 Shades Mix
LightSteelBlue #B0C4DE Shades Mix
LightYellow #FFFFE0 Shades Mix
Lime #00FF00 Shades Mix
LimeGreen #32CD32 Shades Mix
Linen #FAF0E6 Shades Mix
Magenta #FF00FF Shades Mix
Maroon #800000 Shades Mix
MediumAquaMarine #66CDAA Shades Mix
MediumBlue #0000CD Shades Mix
MediumOrchid #BA55D3 Shades Mix
MediumPurple #9370DB Shades Mix
MediumSeaGreen #3CB371 Shades Mix
MediumSlateBlue #7B68EE Shades Mix
MediumSpringGreen #00FA9A Shades Mix
MediumTurquoise #48D1CC Shades Mix
MediumVioletRed #C71585 Shades Mix
MidnightBlue #191970 Shades Mix
MintCream #F5FFFA Shades Mix
MistyRose #FFE4E1 Shades Mix
Moccasin #FFE4B5 Shades Mix
NavajoWhite #FFDEAD Shades Mix
Navy #000080 Shades Mix
OldLace #FDF5E6 Shades Mix
Olive #808000 Shades Mix
OliveDrab #6B8E23 Shades Mix
Orange #FFA500 Shades Mix
OrangeRed #FF4500 Shades Mix
Orchid #DA70D6 Shades Mix
PaleGoldenRod #EEE8AA Shades Mix
PaleGreen #98FB98 Shades Mix
PaleTurquoise #AFEEEE Shades Mix
PaleVioletRed #DB7093 Shades Mix
PapayaWhip #FFEFD5 Shades Mix
PeachPuff #FFDAB9 Shades Mix
Peru #CD853F Shades Mix
Pink #FFC0CB Shades Mix
Plum #DDA0DD Shades Mix
PowderBlue #B0E0E6 Shades Mix
Purple #800080 Shades Mix
Red #FF0000 Shades Mix
RosyBrown #BC8F8F Shades Mix
RoyalBlue #4169E1 Shades Mix
SaddleBrown #8B4513 Shades Mix
Salmon #FA8072 Shades Mix
SandyBrown #F4A460 Shades Mix
SeaGreen #2E8B57 Shades Mix
SeaShell #FFF5EE Shades Mix
Sienna #A0522D Shades Mix
Silver #C0C0C0 Shades Mix
SkyBlue #87CEEB Shades Mix
SlateBlue #6A5ACD Shades Mix
SlateGray #708090 Shades Mix
Snow #FFFAFA Shades Mix
SpringGreen #00FF7F Shades Mix
SteelBlue #4682B4 Shades Mix
Tan #D2B48C Shades Mix
Teal #008080 Shades Mix
Thistle #D8BFD8 Shades Mix
Tomato #FF6347 Shades Mix
Turquoise #40E0D0 Shades Mix
Violet #EE82EE Shades Mix
Wheat #F5DEB3 Shades Mix
White #FFFFFF Shades Mix
WhiteSmoke #F5F5F5 Shades Mix
Yellow #FFFF00 Shades Mix
YellowGreen #9ACD32 Shades Mix

So you can see in the table above that, if you were designing a website about collecting silver - like this site - http://www.anythingsilver.org/ for instance then you would use the code #c0c0c0 when using the colour in your code. The metallic tone of silver makes it a very popular choice for web sites as it can also be subtly adjusted.

For instance you can make it more metallic which makes the site almost glitter and stand out. For a more conservative site you could ignore the metallic elements and push silver towards the greyish tone of polished silver.

Leave Markup Language For The Nerds!

Website creation for many years was something left only to those who can decipher the consumer languages used to create them, be it HTML, XML, SGML, CCS and many more. People that would build sites in this manner are known as “hard coders” meaning they do not need a web editor tool such as X Site Pro, or WordPress to build their sites; they have the skills and knowledge of the code used to make sites and place them on the internet.

Well thankfully we are at a day and age where you no longer need to know these intricate mathematical languages to build a website; in fact it is so easy kids in middle school should be able to do it. Many programs have WYSIWYG widget that stands for (what you see is what you get) basically if you have common knowledge of Microsoft Word than there stands a good chance that you will be able to master the basics of setting up a website. Just last week I set up my first credit card debt relief site for my boss. It took me a few days, but I got a beautiful site up, and I don’t know a lick of markup language. For me this was amazing, I feared so greatly the task of creating a site since I thought I would need to go and learn HTML or something crazy like that. Now I can say I am a web professional.

Website Owners Don’t Need To Know XML

Things have gotten much easier for anyone who wants to start a website or blog. In 2012, I’d say that most website owners know little to nothing about XML or even HTML. This is because they don’t need to anymore with all the automation and WordPress themes that are available today.

I first got started with my website (DayJobNuker.com) in 2007 and I was extremely worried that I would have to learn all sorts of computer languages in order to get my website live on the Internet. I didn’t know much about Dreamweaver but I was sure I didn’t want to have to learn something that complicated. It turned out that while I did have to learn some basic HTML and how to go into the back end of my website, it was all a lot easier than I thought it would be.

Now it seems, each year things get easier and easier for blog owners and it has come to the point where absolutely anyone can start a blog. There is hardly any reason or need to learn XML or HTML at all. The great majority of coding issues and behind the scenes work that was once important to start a website is no longer needed and people with very little computer and Internet experience can easily create great looking websites.

There are dozens of free blogging platforms that are now available and nothing more than point and click skills are needed to get started. People can choose from thousands of themes and change their headers and styles within their chosen theme with nothing more than a push of a button. Easy!

So, if you are one of the people who is scared to jump into the world of blogging or having your own website, it is a lot easier technically than you might think. Gone are the days where you had to sit down with a thick computer XML or HTML manual and toil late into the night trying to understand the basics. Now, if you know how to navigate your way around the Internet, chances are good that you also have the skills to put up your own website.

 

 

Good Courses to Learn XML

I’m not a web designer but it is becoming apparently clear that I need to understand XML and HTML when I work on my company’s merchant account website. Even though I only have to make changes to the copy and head tags on the website, it would just make sense for me to know exactly what I’m doing. Usually when something more “difficult” pops up, I send it on to our in-house designer who knows how to hand code and understands the basics way better than I do.

Since I want to show that I am a valuable employee, I would like to be able to do the majority of the things the designer does (except designing logos and headers). I decided to start looking into taking some classes and “getting my knowledge on.” Of course, I started searching online hoping that I would get some good free information. Here’s what I found:

1. XML Tutorial at W3Schools.com: This is a free online tutorial and it looks pretty substantial. The website indicated to me that I need to have an understanding of HTML and JavaScript first. Yikes! I have a lot to learn.

2. XML Basics - An Introduction to XML at XMLFiles.com: It tells me that after studying the chapter presented on their site, I will know what the difference is between HTML and XML and that I will begin to know how to use XML. This sounds promising!

3. XML Tutorial at quackit.com: This site assures me that XML is easy to learn even if I don’t have much experience with HTML or databases (uh-oh, databases?) but the information will be easier to understand if I know both of these, as well as CSS. Ouch - I’ve just added another technology to my “need to learn” list!

I’ve determined that I need to delve into HTML, CSS, JavaScript, and XML and I am going to get as much as I can out of the free information online. Database technology might be something for the future, but we’ll see. I wish I had known at the age of 18 that I was going to love the internet this much. If I had, I would have received my degree in computer programming, not communication. Wish me luck!