Web Designer Ahemdabad

There are many web design companies in Ahmedabad in the state of Gujarat. Though IT outsourcing is not as prominent in Ahmedabad nevertheless its presence is being felt. The city is making swift strides in service IT needs of many countries and web design is one of them.

There are both amateur and professional web designers in Ahmedabad who offer service at various rates. The rates depend upon the type of technology implemented and service provided. Most of the companies are comfortable with implementing latest technologiesby retaining those with professionl skills. IT professionals in Ahmedabad are hard to come by as the lucrative salaries paid to them in Bangalore or Hydrabad etc draw them to these towns and Delhi and Mumbai of course.

But web design is growing in Ahmedabad with profesional many web design company attracted by sound infrastructre and affluent base. The companies are successful in making static and dynamic eccommerce and corporate websites. In time ot come Ahmedabad will challange metros in this field and in software programming.

CSS: Changing Font

The font tag is not supported by HTML anymore but the browsers still support it. Hence It is better to switch over to CSS. Simply put CSS can do more to the tag. Added advantage is that Cascading Style Sheets can change the background color behind the text which traditional HTML font tag cannot do.

text is purple

All web design service should use CSS as it makes much more search engine friendly websites as well as accords much better appearance to the web page design on the browsers.

This is how fant face called family is defined in CSS.

Use this: this font is not sans-serif

Similarly for colors

Use this: Font is purple

While implementing CSS one should know how to change the font attributes - Font color, font size, and font face. Learning is easy and you will be surprised to know how much control CSS gives over fonts.

You can make your pages unique by proper usage of font properties defined in CSS.Change
color, size, and face of the website text using CSS font property.


To change the text color style.

color Syntax:

color: | attr(,color) |inherit

* - a color code
* attr(,color) - use the color value assigned to the attribute identified in this line

Best to use browser safe colors.
this font is colored red
this font is colored blue

While setting the font size define relative sizes or use pixels, cm or inches to make the size specific. But it is better to let the font size be flexible as users have different monitor confugeration and browser types. Best is to implement (em) meant for screen rendering.

Use the following style to change font size:

this font is 1em
this font is .75em this font is 1.25em

Using CSS define any font and specify a list of font faces as well in case the user does not have that specific font face installed in his PC the list will help declare other font face rather than the default setting which may not appealing.

this font is

sans-serif
this font is serif

Web design articles

Web design Articles

Web Programming Article

.Net

Microsoft F# Programming

Protect SQL Database

Network VoiP

Voip over TCP/IP

Reducing HTTP requests

One of the key aspect of on page optimization in web design process is to reduce the number of HTTP requests to the server for each page. This is one way to reduce the downloading time of the page.

Packet size and http requests

In order to make fewer requests we need to transmit fewer packets. To achieve this reduce size of the page hence the number of bytes and packets sent are reduced on Net. The number of embedded objects as image must be less and less in size as well. The images sent http request for each image separately hence a web designer should use less images which are properly optimized and their dimensions should be properly coded as well.

The effort is to reduce the number of packets sent and not necessarily their size. One method is putting files together and cutting down a the number of requests into one request. This can be achieved by putting multiple CSS files into one file and suturing images.

Making less http: requests

Web browsers limit the number of concurrent HTTP connections with server as HTTP 1.1 Specification to two. In Internet Explorer version 8 the limit is now six requests. The limit for Mozilla Firefox is eight requests. In this case the speed of server and connection is immaterial.

In case of images CSS sprites are useful.

They are small fragmented images grouped into one image in order to make few http requests.For example in case of website navigation having ten links this will translate to ten http: requests. If you create one image add all the small icons the server requests will come down.
Thus have the same background image for all containers and reposition the background image with fire bug to display the desired part of the whole image.

#link1{
background:url(background_image_sprite.png) -100px -20px;
}
#link2{
background:url(background_image_sprite.png) -100px -30px;
}

The real trick here to is re-position the background image to render the desired image in the whole image. We can use this image as fast rollovers too.

The CSS and Javascript can be grouped by suturing.

Actually there is a way. They call it suturing. Consider this fragment of code for PHP.

< ?php // Tell the browser we are outputting a css document type header('Content-type: text/css'); //and we can cached them too header('Cache-control: must-revalidate'); header('Expires: ' . gmdate('D, d M Y H:i:s', time() + 10800) . ' GMT'); // group the css CSS files and output them as one include("css1.css"); include("css2.css"); include("css3.css"); ?>

For ASP/ASP.NET pages we can open them as stream and output them in the browser.

Response.ContentType = "text/css";
Response.Cache.SetExpires(DateTime.Now.AddDays(1));

Response.WriteFile ("css1.css");
Response.WriteFile ("css2.css");
Response.WriteFile ("css1.css");

We can also do that with javascript files. The idea is just the same.

Knowing the client server communication and the limitations is beneficial in web development.

The tips have been taken from this article here: Optimization Article

Website design articles

I am adding link to some very useful web design articles that cover a long range of subjects and are useful for on page optimization as well.

Web design articles

Declaring Character Sets

Compliance to W3C recommendation means following guidelines set by the organization. One such guidelines is document text declaration or DTD in short. For optimum website design it is best to follow the recommendation made by the World wide web consortium.

The effort is create properly structured pages that speak to International audience uniformly and in cases to specific linguistic audience. The effort to standardize web site development technology is what W3C is aiming at.

When making DTD the < meta > tag should be placed just after the as this is to override default browser setting for character sets. Not many web designers know about this fact. Correctly placing the DTD helps the the latest version of browsers and earlier versions as well to properly render the page on the users web browser.

A website that does not contain the DTD tag does not conform to W3C recommendations. When you implement the tag correctly on the web pages it leads to compliance of W3C standards. Web designers should make a detailed study of W3C recommendation for declaring character sets on web pages as per the language used on the web page. Example for web page with mixed language structure should use UTF-8 as follows:



Thus character set enabled on webpage will render the text correctly on the users browsers.

Web Design:Creating Navigation

Most people leave if the navigation of the website is fuzzy and confusing. Creating a good navigation architecture for a web site is a must to help users easily find a way around your site. Users must fine the information they are looking for in one or two clicks.

The best web design technology is one that keeps the navigational ease into account.

Basics

Define your information architecture and define a hierarchy of importance based on the taxonomy of your site. Example: Products, Support, Technical Information, Brochure, About, Organization etc. Once you have determined your site's architecture implement it properly organized depending upon how the user would serf through the site. There should always be a link to major pages on the front page.

If the site hierarchy is complex than add a resource page to link pages and link this resource page from the home page and all other pages of your website. This web design process starts right from the story board which helps create an effective flow chart.

Design

Once you have fixed the architecture move to design. Make it accessible to the user and search engine spiders as well. Avoid complex technologies as Flash, Java, Java Script and Ajax which are not search engine friendly. Make the links clear and use anchor text to create links. The users should know where the link is leading them. Highlight links which are very important use tag lines as well. Use alt text or captions to link your images.

Your navigation should appear on every page of your site such that the basic structure is same on each page of the website.