Wednesday, January 11, 2012

Using CSS in a HTML code - Integrate CSS with a Website

3:47 PM dpk No comments

Quick look-up about how to integrate CSS with a website.

We can write CSS coding inline with HTML or keep it as a separate file.


Here how we can use it as separate CSS file


<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml"> <head>

<link rel="stylesheet" type="text/css" href="style.css" />

<title>Web Site TItle</title>
</head>
<body>
    Web Site Content Will goes here...
</body>

</html>

In above example you can see style sheet linked to the web page as a external file. Now you can write CSS rules in external CSS file.

Here how we can use it inline with HTML


<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml"> <head>

<style type="text/css">
All the style (CSS) Will goes here...
</style>


<title>Web Site TItle</title>
</head>
<body>
    Web Site Content Will goes here...
</body>

</html>

Above example you can see tag called 'style'. Between these tags you can use your CSS coding on web page. Also there are another way you can use inline CSS. It is write style codes inside of tag.


<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml"> <head>

<title>Web Site TItle</title>
</head>
<body>
    <div style="color:#000;">Web Site Content Will goes here...</div>
</body>

</html>


In above example code CSS styles are written inside of style tag of div elements.
Read more »

What is Table less design or CSS based websites ?

11:49 AM dpk No comments

I think all of you have heard about CSS based websites. If not, now you heard it. :D


Ok, What is this CSS based websites called? 


We know that in the past, developers used Table structure as their based layout for a website design. Most developers are able to do great websites with this table layout system and not it has become a old technique. 


When used table structure, the main problems comes with Rendering and Loading. 
If the site uses more and more tables, it's get more time load the page.
Also some of the rendering problems like wrong image placements, Padding errors etc. 


But when CSS (Cascade Style Sheets) become popular, table layout system get outdated. 
Because CSS has great flexibility when it comes with layout designing. 


Advantages when use CSS

  • CSS makes faster loading
  • Easy to code for cross browsers
  • Website weight reduce by more than 50%
  • Very simple when need to change the color theme or any style update. 
  • And many more... you will find them when using it

Latest version is CSS3 and most of the browsers currently has great support for CSS2 / CSS2.1 versions.

If you need to add CSS Styles for your website you can do it as Inline CSS or as a Separate Document. 
We will see how to use this styling in future... 
Read more »

Monday, January 9, 2012

What is Domain Privacy Protection

3:05 PM dpk No comments

Again another domain name lesson...

Let's see about Domain name Privacy Protection.
At beginning, word says it's meaning. Yes, it is all about privacy.

When someone make domain request / order a domain, he/she need to enter Billing / Admin and Technical details such as Name, address, Email, Contact No's etc.

These details are very very important, because these details tells domain ownership's. Unfortunately, there is a service called, 'Domain Who is look-up' and it will display all these details. But displaying these details are a great help for the thefts (Domain thefts).

And there is a way to prevent this privacy security issue. It's called Privacy Protection for domain name. Not all the domain service providers serve's this feature and some of them charging for this service. Also there are some registrars / service providers not charging for this.

Once you have this option enabled for your domain name, No one can see your actual details for Admin / Technical and Billing contacts fields. They only can see some dummy address / name / contact details only.

But at the registrar, use can see the actual registration details correctly. With this option No More Domain Steals without owner behaviors. So, these option is available and don't forget to select any service provider that serves this Privacy Protection.
Read more »

Friday, January 6, 2012

What is Domain EPP code ?

4:18 PM dpk No comments

In here EPP stands for Extensible Provisioning Protocol. 


Everyone who has registered a domain, know what is this EPP code. But most of the people are having trouble when they have knowledge about EPP code. 


Once you have registered a domain, also it assign a EPP code for your domain name. Then once you want to transfer or do anything regarding domain, they requires EPP code to authorize you are the domain owner. 


Also EPP code gives protection against domain thefts. 


When someone find a domain registrar and registered new domain, once active the domain name, he / she can find the EPP code request form / button on user area. Then they can get / view EPP code for their Domain name. 


Some registrars and Hosting service providers are giving FREE Hosting and Domain names OR FREE Domain Name with a Hosting package. Most of these kind registrar / Hosting providers are playing a game with users. They does not offer a EPP code for the users and once Domain name got popular, They asking users for pay for EPP code or they will place a higher BID for the particular domain name.


So, first of all, it is better to ask / find is your selected service provider gives EPP code. 
Read more »

Thursday, January 5, 2012

Default sizes for a web page - width and height

1:51 PM dpk No comments


Let's see what are the default sizes for a web page

Here I like to say that we should be care about devices that users are uses for browsing websites. Mainly we are point the desktop view of the website.

Simply now days, developers are trying to use big width websites with a huge height. Actually this is not a usability targeted design.

Most of website designers / developers are using 1024 / 800 / 600 as width of a website. And 900 / 1200 and more for the height.

We know website are views on a monitor. So, main thing we need to set width / height for the monitor sizes. As we know that you and most of the users are does NOT like to scroll horizontally. And vertically is not a big problem, but does NOT like to scroll down for an hour time to see the website.

Main issue is comes with width of a website. The best width size is 960px / 1000 px.

With 960px width size never users will not need to scroll horizontally even they uses 15" monitor. Also 1000px width size has the same result.

Some of the fresh developers are trying to set width as 1024px. Because of internationally minimum screen resolution size is 1024 X 768. But when vertical scrolling shows it is reduce view-able area to 1002px. That's why we cant use 1024px as max width for a website.

Best height is depend on website type. It is good to limit height as 1200px maximum.   
Read more »

Wednesday, January 4, 2012

How to select a good Domain name for a website

3:34 PM dpk No comments



























Lets talk about Domain names.


This is very important thing when you are willing make a website.
Every website should have domain name. Actually domain means web address. The address identification on the internet. It gives a strong preview for your Website / Organization or Any other matter that you are making a website for.


What are the popular Domain name extensions


.com / .org / .net / .biz / .info
And also there so many domain name over the internet you can find like .us / .tv / .mobi / .co.uk etc.


How to choose a best domain name


  1. Is should relative to your organization / website target or any service

    This is very important when we are looking for a domain name. We should select domain that relative to our website. Means targeting product or any other main purpose of new website.

    As an example, we are going to make a website for the company 'NewYork Web design agency', we should remember to find a domain like 'newyorkwebdesign.com'. Otherwise we can find a domain like 'NYdesign.com'. But first domain name has the their product, name and place. It will be a help to users to find this web design agency easily over the internet.
  2. Domain name should be a sweet name

    This will help your customers to remember it within single eye-contact.
  3. Keep it shorter

    This also we need to remember when registering domain name. We know that including keywords, will be drive some visitors to our website from search engines. But we need to keep it sorter with the maximum limit of 15 characters. Because users will misspell it or does not remember it or etc.
  4. Best price with a good registrar

    When we are going to register a New domain name, we should find a good registrar that gives DNS management facility and Theft protection.

    Also we should find the best prices. There are so many popular domain registrars over the internet and some of them pricing domain name much higher. Actually they are charging for the Company Caption too.

    You can find low priced domain name registrars and if they are providing DNS Management and Theft Protection, just choose them. Because all the registrars are finally register the domain for you.
  5. Register main domain extensions with your domain.

    This will brings you more traffic and popularity over the internet. As an example we used above, if available for registration

    newyorkwebdesign.biz
    newyorkwebdesign.org
    newyorkwebdesign.net
    newyorkwebdesign.info     

    You should register them. Then redirect domain names to your official domain name. 
Read more »

Tuesday, January 3, 2012

Standards of a website

4:49 PM dpk No comments















Standards of a website




Why websites has a Internationally recognized standard and Why we want to follow them ?


The answer is, Standards are placed to make Internet a very better place for the visitors (Website users) and who is develop websites. 


Not only that, also web browsers also need to follow these standards very clearly. If not, web developer cannot meet these standards guides never. 


Web standards ensure that total website is working very perfectly without having any trouble to visitors or developer. Then this is the main target of placing web standards. 


Lets see some standards (Short introductions);



  1. Quality of the code (Website) 
    Standard for the Quality of coding will be includes,
    • Is your website uses correct Doc Type
    • Is your website uses correct Character set 
    • Is your website uses valid (X)HTML coding 
    • Is your website uses valid CSS 
    • Is your website uses proper coding structure 
    • Is your website has a good loading speed
    • Is your website uses correct javascripts
  2. Presentation 
    This is stands for the user side. Developer should use proper colors, images, page layout and other elements to present a good website.
  3. Accessibility for users (Website visitors)
    • Proper usage of alt tag for the images
    • Brightness / Contrast of website colors
    • Ensure will not break website elements on font size changes
    • Ensure that no delays for any of menu you uses inside the webpage
  4. Accessibility for devices 
    • Website should able to view in modern and older browsers
    • Website content should accessible even CSS does not supported in any browser
    • When printed any website page, should remain the correct layout in hard copy
    • Website should run over the handheld devices correctly
    • Website should have enough META DATA applied
  5. Website management 
    • Is site have meaningful 404 error page.
    • Website should have favicon placed 
    • Website should use friendly URL's 
These are some important standards and keep in mind when you are going to create website. 
Read more »

Twitter Delicious Facebook Digg Stumbleupon Favorites More