• The Successful Marketing Approach

    Date: 2011.02.24 | Category: Promotion | Response: 0

    In today’s volatile and competitive marketplace, the strategic manager must possess a sophisticated perspective regarding creating and maintaining the overall image of the organization.

    In order to accomplish this goal, marketing must play a key role, regardless of the company’s size.

    To be truly effective, a company must be up-to-date with it’s marketing ‘psyche’. In bygone times, companies concentrated on items it was able to produce, not on customer needs and wants. This type of outdated thinking will most likely lead to a rather short lifespan.

    Today, marketing is a holistic approach that is often more complex than first thought.

    What Is Marketing?

    It is a process through which an organization identifies a need and then provides a means of filling or satisfying that need.

    Customers are more informed and savvy than in the past and they expect more – in the quality of both products and service. Today’s customer is not willing to merely sit passively by and consume – he wants a voice and relationship with the companies with whom he chooses to conduct business.

    Marketing is not deciding where and how to advertise. This is only one component of the process. Effective managers make sure they have a well-defined and mapped out strategy that deals with the entire lifecycle of the process. The most successful companies have a keenly honed customer-centric marketing model.

    This model outlines a process that allows the company to determine the needs and wants of a “target market” and deliver this while instilling in the customer the belief their company’s ‘satisfaction solution’ is better value than the competition’s.

    The first step in a marketing strategy involves the identification of unmet needs within a market and delivering/developing products and/or services to meet those needs.

    Define Your Market First.

    Is it a business-to-consumer company, a business-to-business company, or both? Regardless of the target(s) a company must be able to clearly identify a common need amongst a large portion of this market, as well as that portions propensity and ability to buy that product or service.

    Once the target market has been identified it is time to do some analysis. The depth, complexity and related cost should remain proportionate to the ratio of overall business this product or service is anticipated to generate.

    Analyze Internally.

    What will be involved in creating this product or service? Is there access to all of the necessary components? How much volume can be handled? Are their efficient distribution channels? What will it cost to make or provide this? The next phase is an external analysis that looks at specific trends within the target market. With this information in hand, a company is then able to make an informed decision as to whether or not it is feasible to proceed. Now that the target market has been identified and the operational side has been flushed out, a strategy can be addressed. How a company decides to communicate its message should be in correlation to its overall marketing strategy. Whether the most effective method of conveying you message to the target audience is through traditional advertising channels, the Internet or more innovative activities, it should be apparent from the prior analysis. The final phase of a marketing strategy should examine the component of customer relationship management: What processes are in place to service our customers? How do we ensure a positive resolution of customer complaints? What performance measurements will be used to determine how well clients are being serviced? And, most importantly: How will customer relationships be maintained so they will do business with us again and again? By developing a comprehensive strategy that spans the entire lifecycle of new to repeat client, a company will find it is able to effectively address the present needs and wants of it’s target markets, as well as being able to incorporate new areas as they develop. Article written by Lee

  • Getting Webmaster Traffic To Your Design Site

    Date: 2011.02.22 | Category: General, Promotion | Response: 0

    Just starting in the design biz? Well you’re going to need some traffic to your design work. You need to get your name out to as many people as humanly possible. If you don’t have the contacts, then you don’t have the work. Network, communicate, and setup your portfolio. These are the 3 most important steps when starting your design company, preceding these three steps are advertising and demonstrating.

    When I first started designing, I had no clue what I was doing except for designing websites. I knew I needed clients, but had no idea where to start. I met up with a ouple of other webmasters one night. I told them I had just started and was looking for some work. They took me in and taught me the trade. They showed me a few tricks in how to design things much quicker, and also subconsciously taught me to make sure as many people as possible see my work, and that they know who its from.

    I worked with my friends for a few months when things started to get slow, so I took it upon myself to start my own company. I still got outsourced work from them, but now was taking on my own clients, but I had forgotten one important step. Advertising, the biggest step to forget. So I started posting on message boards to get my name in the dirt. I received a few clients, but nothing large. Then one day out of the blue a man came to me and wanted 4 pay sites designed. Wow, a real client at last. He said he saw my posts on a resource forum and decided to use me for his work.

    I worked for this client for about 2 months, and more and more people were coming to me. I had been doing something good, but work started to slow and finally I realized I had been working for the same few clients and had not been getting anyone else in the door. Maybe board posting wasn’t enough? Exactly, its not, I asked around to see what I could do I had gotten a few suggestions like banner trades, recip’s, work for advertising. So I did them all. And soon enough I had more clients than I could shake a stick at.

    Network.

    Talk to people, people that are in the biz. Webmasters and designers. Talk to anyone you possibly can that could further spread your name of even bring work to you. If you do not network, then don’t plan on anything coming your way.

    Communicate.

    Get on boards, ICQ, AIM, MSN, whatever. Just make sure that people see you and know you are there. Send them emails with different offers, not spam, but personal emails. Take it upon yourself to try and get your name into the field.

    Portfolio.

    If you do not have one of these, then you might as well try to sell a spider to an arachnophobe. Design some fakes sites if you don’t have anything to show. Do some banners, tours, anything that shows the potential of your work. Make sure you present it as efficiently as possible. People do not want to root around not knowing what they are looking at.

    Advertise.

    Make banners, buttons, links, ads, and anything that you can stick your name on. Get listed on any and all Webmaster resource sites, and design sites. This will help you establish a name base and let people know you are around.

    Demonstrate.

    Write articles for resource sites, create different tutorials also, this will let people know you know what your doing. The more people that like your ideas, the more they will like you. Therefore the more likely you will get work.

    Follow these steps as I did and you will be on your way to having clients beating down your door. Also, make sure you really have something to offer before trying to sell your work. Be unique in what you design and how you present it. Clients love it when their sites are different from others, obviously.

    Article written by John

  • Quick Loading Pages Plus Saving Bandwidth

    Date: 2011.02.24 | Category: WebDesign | Response: 0

    Have you noticed how many of the sites out there are trying to make themselves look better than they actually are by using heavy graphics and media files? The fact of the matter is this, most surfers who visit your we pages are viewing them on a screen that is between 15 and 19 inches wide, can only see 216 colors and, are on a connection of 33.6 kb per second (If they are lucky).

    What Does All This Mean?

    What does this mean to you as a webmaster? Simple, try this test.

    Connect to the internet on a 33.6 connection, type in your url and, hold your breath. Does the page load before you need to start gasping for air? If so then you are designing your sites correctly, if not, your pages are far to big in file size.

    I’m pretty sure that some of you can hold your breath for a long period of time so, here is a basic rule of web design. Your pages should, be no larger in file size than 50k in fact, I would even go so far as to say try getting your pages under 30k in size.

    How Can I Get It Under 50K? 30K?

    First, all your graphic images should be as small as possible. Try to get them smaller than 4k. Going up to 6k is reasonable. When designing a graphic for the web site keep in mind the number of colors being used.

    I know, from designing banners myself, it was hard for me to go from millions of color to only 216. Yes, 216 is the number of colors you have on a web safe color pallet.

    Use solid colors when designing your image. PhotoShop has made the gradient such a popular tool. It looks good to fade things in and out. I always see a background border made up of this gradient. I always right click on that image to see the size. The 8k-12k is not worth the space. The problem with the gradient is it uses many colors and dithering. Both take up big time K. The more color you have in an image the bigger it’s going to be.

    Use design more, graphics less. For a web page to be successful it needs to download quickly and look good.

    Here is the dilemma download quick or look good? Instead of designing graphics and taking pictures and turning them into jpgs to make your web page look good, try using color schemes. Use cell colors to make borders. Use the negative space on your web site. What is not there is just as important as what is there.

    Remember sometimes less is more. When in doubt think of a typical visitor coming to your web page. Would that extra graphic sell them or keep them coming back again and again. If the answer is yes, by all means keep it. If the answer is “well maybe” or “it just looks good there”, yank it.

    Your surfers will appreciate not waiting more then they have to. The web is here to make our life easier not to sit in front of a screen waiting for heavy web pages to download.

    Article written by Lee

  • Favicon.ico – What Does It Do?

    Date: 2011.02.22 | Category: WebDesign | Response: 0

    Favicon.ico is the name of the graphic Internet Explorer 5+ uses in the address bar and when someone views their favorite bookmarks. There should be one beside the address of this page now if you are using IE5+. If you want to see favicon.ico in action among your favorites bookmark our site now by right clicking and selecting ‘Add to favorites’.

    Internet Explorer looks for this file in the same directory as the HTML page currently being displayed, if it cant find favicon.ico it will then display the default Internet Explorer icon in the address bar. As for viewing of favorites, IE will check its temporary folder to see if favicon.ico is there again, if it is not located it will display the default white background with a blue ‘e’ icon.

    For a webmaster there are three main advantages to using the favicon.ico ‘trick’.

    The first, is that it helps to brand your site with a nice little icon that is easy to recognize.

    The second, is that it makes your website more professional.

    The third, is that your entry will stand out in surfers bookmarks over the others. This is especially good as, if you can get a surfer back to your site then you have another chance at making a sale.

    Many internet users have a multitude of site bookmarks so, you need to use favicon.ico to give you an edge. I highly recommend using it and, now I’m going to tell you how.

    First, you will need to create an icon file which is exactly 16 x 16 pixels. If the icon is larger or smaller IE5+ will just ignore it. As for the colors in it, 16 is standard. You can use more colors if you want but, the more colors you use, the larger the .ico file becomes and, the longer it takes to load.

    You now know the standards the favicon.ico file has to be, now to actually create this file you can take one of two routes.

    The first is to convert and existing 16 x 16 BMP or GIF graphic with 16-32 colors into an .ico file using converter software making sure to save it as favicon.ico.

    You know the standards the favicon.ico file has to be, now to actually create favicon.ico . The easiest way of creating a favicon.ico file is to convert an existing 16 X 16 BMP or GIF graphic with 16 – 32 colors into a .ico file using converter software making sure to save it as favicon.ico.

    Once you have created your favicon.ico file all you need to do is to upload it to any directory on your server that contains html pages. This way, when IE5+ searches for favicon.ico it will be bale to find it regardless of which page you are on.

    That’s nearly all the areas of favicon.ico covers apart from, what if you want different icons for different parts of your website? Can this be done? The answer is yes it can. All you have to do is place the following HTML code between the <head> and </head> tags of your web page.

    <LINK REL=”SHORTCUT ICON” HREF=”differenticon.ico”> (SHORTCUT ICON should be kept in uppercase).

    Now when someone adds a web page with that code to their favorites, IE5+ will not look for favicon.ico but will look for differenticon.ico and if it’s there it will display it, if not the default icon will be displayed.

    Using favicon.ico or the SHORTCUT ICON code is nice way to add a unique touch to your site, and of course will result in more repeat visitors than if you were not using it – which is always good for any webmaster.

    Article Written By Le

  • Redirecting Questionable Adult Traffic

    Date: 2011.02.24 | Category: 2257, Scripts | Response: 0

    The one thing almost all reputable adult webmasters agree on is that one way or the other, we want to rid the net of those webmasters that profit from traffic primarily gained from either the direct promotion of or, targeting of, keywords relating to child pornography however, how can you tell what traffic you are being sent and, more importantly, how can you do something about the type of traffic that you receive to your site in order to filter out this unwanted traffic? The answer is simple, use a script to redirect the traffic elsewhere before it even hits your site.

    Child Porn Redirection Php Script.

    The following php script when used on your server will enable you to send unwanted traffic gained by the promotion of using ‘illegal’ keywords in the search engines and sites which link to your own.

    <!– Start Copy Here –>

    <?

    // Redirect “Lolita” traffic

    $refer_full_path = “$HTTP_REFERER”.”$PATH_INFO”;

    if(( preg_match(“/lolita/i”, $refer_full_path)) ||
    ( preg_match(“/child/i”, $refer_full_path)) ||
    ( preg_match(“/preteen/i”, $refer_full_path)) ||
    ( preg_match(“/pre-teen/i”, $refer_full_path)) ||
    ( preg_match(“/pedo/i”, $refer_full_path)) ||
    ( preg_match(“/underage/i”, $refer_full_path)) ||
    ( preg_match(“/beast/i”, $refer_full_path)) ||
    ( preg_match(“/rape/i”, $refer_full_path)) ||
    ( preg_match(“/kinder/i”, $refer_full_path)) ||
    ( preg_match(“/incest/i”, $refer_full_path)) ||
    ( preg_match(“/kiddie/i”, $refer_full_path))) {

    header(“Location: $refer_full_path”);
    exit;
    }

    ?>

    <?
    $words=array(“childporn”,”underage”,”beast”,”interracial”,”lolita”,”preteen”);
    for($i=0;$i<count($words);$i++){
    if(eregi($words[$i],$HTTP_REFERER)){
    header(“Location: http://www.fbi.gov/?CHILD_PORN_ON_DISK_LOGGED_AND_REPORTED”);
    }
    }
    ?>

    <!– End Copy Here –>

    In order to use this script, simply add additional keywords or partial word matches to the top part of the script and, include the bottom half of the script at the top of your HTML coding.

    Any traffic being sent to your site via keywords which you have specifically told the script not to allow access to your web site will be forwarded to the url in the bottom part of the php script which again, can be changed to wherever you like.

    Article written by Lee

  • Cell Phone Porn – Closer Than We Think?

    Date: 2011.02.21 | Category: General | Response: 0

    Cell Phone Porn – Closer Than We Think?

    From dialup to broadband, from standard to reality, from multiple pages to single magazine style tours, one thing is for certain adult pornography is constantly evolving and adapting to the both the marketing savvy of the surfer and, more importantly the technological advances hitting the web and, with the sudden impact of PDA’s (Personal Digital Assistants) and Cell Phones able to connect to the web could cell phone porn be the next big thing? This is what we will take a brief look at in this article.

    What Is Cell Phone Porn?

    Cell phone porn is a method of displaying not only images but streaming video feeds to a surfers portable cellular phone many companies (specifically in Europe) at the present time are starting to roll out 3gsm network cell phones this means that the surfers we get to our sites may not only be using a computer or a PDA to visit our sites but, in all reality they may already be surfing our sites on their cell phones.

    Building Cell Phone Porn Sites.

    In order to profit from this newly evolving cell phone porn market we have to diversify the methods in which we build our sites for example, we need to use WAP (Wireless Application Protocol) on our sites in order for them to be readable easily by the 3G cell phones for starters and then, we need to ensure that not only do our pages flow but, they load quickly and further still, how easy is it for the surfer to fill out the required join forms in order for them to actually access the cell phone porn they are being offered?

    Cell Phone Porn Statistics.

    Currently, if you head across to http://www.google.com and type in ‘cell phone porn’ as your search query you will find a total of 173,000 pages listed in the search results, now, combine this number with the amount of cell phones currently in circulation across the globe that are able to use WAP, 743 Million, those 173,000 sites in Google have an advantage that you don’t, they are already most likely getting cell phone traffic.

    Mobile Porn – An Overview.

    Will cell phone porn become a thing of the past as quickly as it is emerging as a medium of the future? Quite possibly however, until you start attracting your share of cell phone porn surfers you will not realize the benefits to this new source of traffic, in fact, even 12 months ago when the PDA Porn was a huge thing, many webmasters neglected to cash in on the latest craze and were surprised at the figures others were reporting to them. There is one thing that will always remain constant in the adult industry, the latest fads and crazes change as quickly as the arrive and, webmasters have to be quick off the mark in order to cash in on these new crazes. Will cell Phone Porn be a craze that you cash in on?

    Article written by Lee

  • Why Have More Than One Index Page?

    Date: 2011.02.21 | Category: Search Engine Optimization | Response: 0

    The first thing you should do when you start designing a web site is to create an index page. You would think that this is a basic knowledge in web design, but I still encounter web sites that are lacking in this.

    If there’s no index page, and if the web host server has not set a directory access limitation, any visitor will see a directory listing of all the images, html pages, CGI-scripts, and other files in the directory. Everything will then be accessible for reading and downloading, and the CGI-scripts will also be executable!

    So, for a basic security it is most important to have an index page in all your directories, whether they contain only pictures or garbage. In the directories that are private or containing things other then HTML pages, the index pages need only to print out a text like “access forbidden” or something in that spirit. In the directories containing one or more HTML pages, one of the pages must be named “index.html,” whether it is a page with real content or for security reason.

    If you have a directory specifically for CGI-scripts, it will run a higher security risk, because most of the times these directories are called CGI-bin, or a variant of that, and anyone who is after your scripts is undoubtedly familiar with this and can access the directory by typing the directory name in the targeted site’s URL, if it’s not properly protected by an index page. Imagine the horror when someone uses your mailing list program to Spam all your subscribers or decides to sell your email list. It’s quite a big business in selling email lists. A large email list is worth thousands of US dollars nowadays.

    I could have done all these things if I had any bad intentions when I accidentally bumped into an unprotected site. Actually, I bumped into two unprotected, huge subscribers lists in the last two months, which prompted me to write this article. But of course, I did the proper thing and emailed the web sites’ webmasters about their oversight. You would think that these professional looking and operating web sites with email lists of respectively 8,000 and 15,000 subscribers would know better.

    Even if your site is made by a web design company, make sure all your directories are protected. In fact, one of the two unfortunate web sites I uncovered is a web design company. So, check out your site for this unnecessary security gap, right now.

    Article written by Lee

  • Online Billing Alternatives – Token Payment Systems

    Date: 2011.02.24 | Category: Billing Solutions | Response: 0

    In this article we will continue our look at the various payment solutions that are available to webmasters for use on a global scale and, this time we will look at the ‘Token’ system of generating income to our sites.

    Token Payments – What Are They?

    Token payments, as they name suggests is a way by which your surfers can access your members area by using pre-purchased tokens as a cash alternative. These tokens are available in a variety of values ranging from US$1 to US$5 and above.

    Token Payments – What Are The Costs?

    The cost to the surfer (as mentioned above) can vary from solution to solution however, on average the tokens which are redeemed for payment are bought in amounts ranging from US$1 to US$5 and above, these tokens then grant the surfer access to any of the sites that uses the specific token system the surfer purchased ‘credits’ for.

    Token Payments – Price Comparisons.

    Okay so based on our previous articles we will again say that access to your members area costs an average of US$30 for a months access, now, using the token payment method, you are now able to set certain ‘restrictions’ immediately on the level of ‘access’ your new member can have although, the reality of it is, these restrictions are set by the token provider themselves.

    Lets say a surfer has gained access to your site using a US$5 token, what can they get actually have access too – not a lot. Your surfer only has access to as much of the content in your site that his ‘credits’ or ‘tokens’ will allow him to, in fact, the token system itself is much like the current pay-per-view model only, IMHO, not as satisfying to the surfer.

    back to the issue at hand, how much will you make from this surfer with the US$5 token who has just accessed your site, well, if your members area is good and you have enough content to keep the surfer there until their tokens run out of credit, then, you will make upto 95% of the initial US$5 token purchase.

    The good thing about this payment solution from a webmasters perspective however, is that YOU can actually set how much time each token will last on your site. Therefore, the reality of it is, you could have a surfer join your site with a US$5 token and only see one movie file whereas, a surfer who joined with a Credit card for 30 days access, could in effect strip your site of its content and move onto the next paysite.

    Token Payments – Overview.

    All in all, i strongly feel that there is a place in todays adult industry for the token payment solution after all, webmasters have to limit access to the amount of content surfers are able to see for free (or cheaply) and start to ‘educate’ todays sufer that they need to spend some money in order to access ‘the good stuff’.

    By allowing webmasters to control the content and value of the token payments on their sites this payment solution could, somewhat start this education process for the surfers. Whether this will be a good or, a bad thing however, will depend entirely on the amount of use these relatively new payment solutions get from both webmasters and, ultimately, surfers.

    Article written by Lee

  • The Ins and Outs of European Domain Name Registration

    Date: 2011.02.22 | Category: Domain Names | Response: 0

    A domain name is more than just your online adult business address; it’s a crucial aspect of your online adult business. It is closely linked to the way a surfer thinks of and, more importantly, remembers your site. In many European countries, domain names that end with a country code carry more weight with the Internet-surfing public than dot.com domain names. So, if you want to have of a chance of selling to a foreign adult surfer in a European country you might consider registering a European country code top-level domain name (ccTLD) for your site.

    Obtaining a ccTLD could potentially:

    • Increase your chance of getting listed on a national search engine. Many national search engines require a company to be local, however that may be defined, to be listed with them.
    • Get you a higher ranking with a local search engine.
    • Make your business more accessible to customers and vendors in a specific country.
    • Make your business seem more local and thus help overcome any fear local customers might have of buying from a non-European outfit.

    What Is a ccTLD, Anyway?

    Generic top-level domains (TLDs) are not linked to any geographic area. They include the well-known and familiar .com, .org, and .net domain names. In contrast to these generic TLDs, there are ccTLDs: Each country and territory in the world has its own TLD. They include, for example, .at for Austria, .be for Belgium, and so on.

    Essentially the domain name policies regulate who can register what type of a domain. In principle, nearly anyone can register a generic TLD.

    It is important to keep in mind that you might lose a domain name you recently registered in Europe if another company can prove in court that the name is rightfully theirs. If the court decides that the plaintiff has a right to it, you will lose that domain name however, I am assuming that nobody reading this is going to be considering registering ccTLD’s for the purpose of cyber squatting.

    Each country or region has its own rules, policies, and regulations about who can register a ccTLD, and how. Common restrictions include the requirement to be a local registered company or to have registered the company and/or company name as a national trademark in a specific country. However, some countries are less strict about who can register. As always, it depends on the country and its particular rules.

    The table below is meant to give you easy access to the information you will need when you are ready to register a European domain name for your site.

    Here is an explanation of the categories used in the domain registration table:

    • Country: Name of the country you might want to obtain a domain name for your business in.
    • Name of domain: The ccTLD (a two-letter abbreviation).
    • Must be local: This can mean that your business presence, your company’s physical presence, or your trademarks must be local.
    • More domains possible: Some countries limit the number of domains that you can register.
    • Same name as owner: Some countries require that the registered name be the same name as the owner’s company name or trademark.
    • Signed contract: Some domain name registration agencies demand a written, signed declaration or contract to be sent in. If in doubt, read up on specific rules relative to the specific domain name registrars you will be using.
    Country Name of Domain Must be local More domains possible Same name as owner Signed contract
    Austria .at No Yes No No
    Belgium .be Yes Yes No Yes
    Denmark .dk No Yes No No
    Finland .fi Yes No Yes No
    France .fr Yes Yes No No
    Germany .de Yes Yes Yes No
    Greece .gr Yes No No No
    Iceland .is Yes No Yes Yes
    Ireland .ie No Yes No No
    Italy .it No Yes No Yes
    Luxembourg .lu No Yes No No
    Netherlands .nl Yes Yes No Yes
    Norway .no Yes No Yes Yes
    Portugal .pt Yes Yes No No
    Spain .es Yes No No No
    Sweden .se Yes No Yes Yes
    United Kingdom .uk No Yes No No

    Now you can see the possibilities available in respect of registering more than just dot.com addresses perhaps you might like to find a country you would want to gain some extra traffic from and see about registering a ccTLD and developing it.

    Also, you could improve your chances of gaining additional traffic to your new ccTLD domain by having some country specific language on that domain, again, how your site comes across to the surfer is just as important than the domain and, there are plenty of Adult Site Translation companies out there who can assist you with this part of the ccTLD development.

    There are, of course, other ways to gain additional foreign surfers other than just registering a ccTLD for example, on European Webmasters we have a domain name registration section that will allow you to translate specific text in order to gain type in foreign traffic on dot.com TLDs perhaps, if you don’t want to or, cant register a ccTLD in the country of your choice you might like to take this approach at gaining additional foreign traffic to your sites.

    I hope this article has given you a little insight into the varieties of domain names available in and around Europe and that you might just register a domain and see for yourself how profitable the European markets are.

    Article written by Lee

  • Cascading Style Sheet Basics

    Date: 2011.02.21 | Category: WebDesign | Response: 0

    CSS (Cascading Style Sheets) have been around for a while now, and act as a complement to plain old HTML files.

    Style sheets allow a developer to separate HTML code from formatting rules and styles. It seems like many HTML beginners’ under-estimate the power and flexibility of the style sheet. In this article, I’m going to describe what cascading style sheets are, their benefits, and two ways to implement them.

    Cascading What’s?

    They’re what chalk is to cheese, what ice-cream is to Jell-O they complement HTML and allow us to define the style (look and feel) for our entire site in just one file!

    They get their name from the fact that each different style declaration can be “cascaded” under the one above it, forming a parent-child relationship between the styles.

    They were quickly standardized, and both Internet Explorer and Netscape built their latest browser releases to match the CSS standard (or, to match it as closely as they could).

    So, you’re still wondering what a style sheet is? A style sheet is a free-flowing document that can either be referenced by, or included into a HTML document (Kind of like using SSI to call a file but not, if that makes sense). Style sheets use blocks of formatted code to define styles for existing HTML elements, or new styles, called ‘classes’.

    Style sheets can be used to change the height of some text, to change the background color of a page, to set the default border color of a table the list goes on and on. Put simply though, style sheets are used to set the formatting, color scheme and style of an HTML page.

    Style sheets should really be used instead of the standard , < b >, < i > and < u > tags because:

    One style sheet can be referenced from many pages, meaning that each file is kept to a minimum size and only requires only extra line to load the external style sheet file

    If you ever need to change any part of your sites look/feel, it can be done quickly and only needs to be done in one place: the style sheet and furthermore, it is done globally.

    With cascading style sheets, there are many page attributes that simply cannot be set without them: individual tags can have different background colors, borders, indents, shadows, etc.

    Style sheets can either be inline (included as part of a HTML document), or, referenced externally (Contained in a separate file and referenced from the HTML document). Inline style sheets are contained wholly within a HTML document and will only change the look and layout of that HTML file.

    Open your favorite text editor and enter the following code. Save the file as styles.html and open it in your browser:

    Cascading Style Sheet Example.

    h1
    {
    color: #636594;
    font-family: Verdana;
    size: 18pt;
    }

    This is one big H1 tag!

    When you fire up your browser, you should see the text “This is one big H1 tag!” in a large, blue Verdana font face.

    Let’s step through the style code step by step. Firstly, we have a pretty standard HTML header. The page starts with the tag followed by the tag. Next, we use a standard tag to set the title of the page we are working with.

    Notice, though, that before the tag is closed, we have our tag, its contents, and then the closing tag.

    h1
    {
    color: #636594;
    font-family: Verdana;
    size: 18pt;
    }

    When you add the style sheet code inline (as part of the HTML document), it must be bound by and tags respectively. Our example is working with the tag. We are changing three attributes of the ’s style: the text color (color), the font that any tags on the page will be displayed in (font-family), and lastly, the size of the font (size).

    The code between the { and } are known as the attributes. Our sample code has three. Try changing the hexadecimal value of the color attribute to #A00808 and then save and refresh the page. You should see the same text, just colored red instead of blue.

    An Example Of An External Style Sheet.

    External style sheets are similar to internal style sheets, however, they are stripped of the and tags, and need to be referenced from another HTML file to be used.

    Create a new file called “whatever.css” and enter the following code into it:

    h1
    {
    color: #a00808;
    font-family: Verdana;
    size: 18pt
    }

    Next, create a HTML file and name it test.html. Enter the following code into test.html:

    External Style Sheet Reference Example.

    This is one big H1 tag!

    As mentioned above, you can see that the actual code in whatever.css is exactly the same as it was in the inline example. In our HTML file, we simply place a tag in the section of our page. The rel=”stylesheet” attribute tells the browser that the link to the external file is a style sheet. The type=”text/css” attribute tells the browser that whatever.css is a text file containing CSS (cascading style sheet) declarations. Lastly, the href=”whatever.css” attribute tells the browser that the actual file we want to load is whatever.css.

    Conclusion.

    Well, there you have it, a quick look at style sheets and how to implement both an inline and external version. Checkout the links below if you’ve never worked with cascading style sheets before. You will be surprised at some of the things you can do with them!

    Article written by Lee.

Premium Sponsors















Categories

Site Links