CSS (Cascading style sheets) is a language used to describe look and formatting of HTML documents. CSS is designed to be used to separate document content and document formatting. The most common use of CSS is to style the web pages written in HTML and XHTML.
There are various levels and profiles of CSS. Each level of CSS is an incremental release, which adds new features and is denoted as CSS1, CSS2, and CSS3. The profiles are mainly a division of one or more levels of CSS developed for a particular device or user interface. Presently there are profiles for printers, mobile devices and television sets.
The CSS syntax consists of three parts:
• A selector
• A property
• A value
Example: selector {property: value}
What is CSS Background opacity?
One of the things that can be done with no difficulty in print design, but not on the Web is superimposing text on an image or colored background, and changing the transparency of that image so that the text fades into the background. The problem can be solved with help of CSS Background opacity which has a property in CSS 3 that will allow you to change the opacity of your elements so that they fade in and out.
The opacity property takes a value of the amount of transparency from 0.0 to 1.0. 0.0 is 100% transparent - anything below that element will show completely through. 1.0 is 100% opaque - nothing below the element will show through.
So to set an element to 50% transparent, you would write: opacity: 0.5;
A few points to remember about CSS Background opacity is:
• Neither Internet Explorer v6 nor v7 support the CSS 3 opacity property. Instead, IE supports a Microsoft-only property "alpha filter". Alpha filters in IE accept values from 0 (completely transparent) to 100 (completely opaque). So, to get your transparency in IE, you should multiply your opacity by 100 and add an alpha filter to your styles:
filter: alpha(opacity=50);
• For some older Mozilla browsers you need to use the property "-moz-opacity" to change the transparency. It works the same as the CSS 3 property.
-moz-opacity:0.5;
• You can also make Images transparent too by setting the opacity on the image itself and it will fade into the background. This is really useful for background images.
Here is an example for CSS Background Opacity in Action
A)
B)
Note: You can notice the difference in the code between the first row, which uses the same color value for each row, combined with an opacity value, and the second, which uses RGB values: maintained by safari3, firefox3, chrome not hereditary, on results on child elements not able to be applied to images. Although RGBA is not supported by the browser, employs previous colour values or defaults. It is extremely a development enhancement or a needed feature. The opacity property is just as well hardly difficult for complex plan, but enormous for single element.
Saturday, February 13, 2010
Friday, February 12, 2010
CSS Background Position
The CSS background position is nothing but how we change a background of we gage using CSS. The full form of CSS means cascading style sheets. The main purpose of using CSS means we can set different fonts, colors to the page for example if we want to change
The background as black color we should write the code as below
body
{
background-color=”black”;
}
In this way if we want to change background image it should be written as shown below
body
{
background-image=”child.jpg”;
}
In this way we can change background using following properties
top left;
top right;
center right;
center left;
center top;
center bottom;
bottom left;
bottom right;
x position,y position;
inherit: which specigies that the positions of x and y are inherited from the parent element;
Syntax: background position :< value>
value:% value [center|top|bottom][right|left|center]
appiles to:block level and replaced elements
The background property value gives the initial poison of background image.
For example the below code will explain the usage of background positioning using cascading style sheets.
body
{
background-color=”red”;
}
The usage of cascading style sheets
we have different properties to be used
The background as black color we should write the code as below
body
{
background-color=”black”;
}
In this way if we want to change background image it should be written as shown below
body
{
background-image=”child.jpg”;
}
In this way we can change background using following properties
top left;
top right;
center right;
center left;
center top;
center bottom;
bottom left;
bottom right;
x position,y position;
inherit: which specigies that the positions of x and y are inherited from the parent element;
Syntax: background position :< value>
value:% value [center|top|bottom][right|left|center]
appiles to:block level and replaced elements
The background property value gives the initial poison of background image.
For example the below code will explain the usage of background positioning using cascading style sheets.
body
{
background-color=”red”;
}
the example of the background color cascading style sheets
the usage is very lot of cascading style sheets when we use them as background
this is an example of cascading style sheets
we have different properties to be used
we can make web page as we want to change
this is the main usage of cascading style sheets
The above program will give the out put as like below
the example of background color using cascading style sheets
The example of body background color using cascading style sheets
the usage is very lot of cascading style sheets when we use them for background changing
This is an example of using cascading style sheets we have different properties to be used
we can make web pages as went to change
this is the main usage of cascading style sheets
The easiest way to assign background position is with keywords
Horizontal keywords ( left center right );
Vertical keywords ( top center bottom );
we can change the height and width of an image by mentioning them with values
If we give beyond the values it will lead to appear the image ugly
the background position will give the intial position of the image we can change that bye
using cascading style sheets
syntax: background-repeat;
The above syntax will be used to repeat the image as how many wants we want to change
now let me explain the above property with an example
body
{
background-repeat (“6”);
}
This is the main functionality of the background repeat which leads to repeat an image
6 times
now let me explain this by writing html code
the example of background repeat
the background repeat will permit us to repeat the background as how many wants to repeat as we want
This is very easy for CSS background-position you can just add the image to the background. Which types of image add you web page, you have to look at construct page of area and then put the image considering both horizontally and vertical.
we can make web page as we want to change
this is the main usage of cascading style sheets
The above program will give the out put as like below
the example of background color using cascading style sheets
The example of body background color using cascading style sheets
the usage is very lot of cascading style sheets when we use them for background changing
This is an example of using cascading style sheets we have different properties to be used
we can make web pages as went to change
this is the main usage of cascading style sheets
The easiest way to assign background position is with keywords
Horizontal keywords ( left center right );
Vertical keywords ( top center bottom );
we can change the height and width of an image by mentioning them with values
If we give beyond the values it will lead to appear the image ugly
the background position will give the intial position of the image we can change that bye
using cascading style sheets
syntax: background-repeat;
The above syntax will be used to repeat the image as how many wants we want to change
now let me explain the above property with an example
body
{
background-repeat (“6”);
}
This is the main functionality of the background repeat which leads to repeat an image
6 times
now let me explain this by writing html code
the background repeat will permit us to repeat the background as how many wants to repeat as we want
This is very easy for CSS background-position you can just add the image to the background. Which types of image add you web page, you have to look at construct page of area and then put the image considering both horizontally and vertical.
Thursday, October 15, 2009
Diwali
Deepavali is a festival of lights or we can say Awareness of the inner light. They light diyas-cooton string wicks inserted in small clay pots filled with oil—to signify victory of good over the evil within an individual. Just as we light our homes and streets we need to recognize the inner light that is present in all of us. This inner light is connecting with god and guides us during our arduous journey through life.
It brightness all aspect of life. Literal meaing of this diwali is row of light and lamps.The birth of laxmi is celebrated by Hindus and Sikhs throughout the world.
Diwali is the most festive and joyful time of the year. As per Hindu Culture, God Laxmi , goes from one house to another house in that night.
On Diwali We Line our home And Lightens with streets. Light Colorful fire works and watch the children play with sparklers. These festivals are expressing our happiness in the form of burning candles and sparkles.Diwali signifies the light, this dispels the darkness of ignorance.
Diwali also marks the be worshiped and also start with new business in this diawali only.
Goddess of Wealth and Property, Mahalaxmi, enters the house in this celebraton.
During this time Every one ( Members Of Hose) Worship the god Mahalaxmi, in that time Clean the each and every room of our house. And also if we have any new or old instruments we just improve that items as per our wishness. So Every mind think that god will enters their home with property as well as wealth.
In diwali Time Every one in house wear a well suited dress to celebrate this diwali.
So Ignoring the disappointment and Unhealthy we Specialy take more care on that time.
In Diwali time we take 3 important aspect as mention below:
1. Celebration of light
2. Beginning of new Year
3. Pooja For Mahalaxmi
Apart from this there are many historical aspects are there . Some of them mentioned below:significance of the new year as per hindu cuture. In this festival only most of things can
Return of Rama To Ayodhya: Diwali also celebrates the Ram returns to the ayodhya with sita and brother Laxmana after 14 years exile, and a war in which killed ravana.
The killing of Narakasure: Celebrated as Narakachatrudasi one day before diwali.In this day killing of naraka raja at this time.This happened in the Dwapara Yuga .
It brightness all aspect of life. Literal meaing of this diwali is row of light and lamps.The birth of laxmi is celebrated by Hindus and Sikhs throughout the world.
Diwali is the most festive and joyful time of the year. As per Hindu Culture, God Laxmi , goes from one house to another house in that night.
On Diwali We Line our home And Lightens with streets. Light Colorful fire works and watch the children play with sparklers. These festivals are expressing our happiness in the form of burning candles and sparkles.Diwali signifies the light, this dispels the darkness of ignorance.
Diwali also marks the be worshiped and also start with new business in this diawali only.
Goddess of Wealth and Property, Mahalaxmi, enters the house in this celebraton.
During this time Every one ( Members Of Hose) Worship the god Mahalaxmi, in that time Clean the each and every room of our house. And also if we have any new or old instruments we just improve that items as per our wishness. So Every mind think that god will enters their home with property as well as wealth.
In diwali Time Every one in house wear a well suited dress to celebrate this diwali.
So Ignoring the disappointment and Unhealthy we Specialy take more care on that time.
In Diwali time we take 3 important aspect as mention below:
1. Celebration of light
2. Beginning of new Year
3. Pooja For Mahalaxmi
Apart from this there are many historical aspects are there . Some of them mentioned below:significance of the new year as per hindu cuture. In this festival only most of things can
Return of Rama To Ayodhya: Diwali also celebrates the Ram returns to the ayodhya with sita and brother Laxmana after 14 years exile, and a war in which killed ravana.
The killing of Narakasure: Celebrated as Narakachatrudasi one day before diwali.In this day killing of naraka raja at this time.This happened in the Dwapara Yuga .
Monday, October 12, 2009
W3C VALIDATION
W3C basically it stand World Wide Web Consortium allows users to check HTML documents for conformance to HTML (hyper text markup language) or XHTML. It also provides a quick method for web page authors to check their posted pages for mark-up errors.
Most Web documents are written using markup languages, such as HTML or XHTML. These languages are defined by technical specifications, which usually include a machine-readable formal grammar (and vocabulary). The act of checking a document against these constraints is called validation, and this is what the Markup Validator does.
W3C home page for the XHTML2 Working group, which was chartered in March 2007. XHTML2 Working group is to fulfill the promise of XML for applying XHTML to a wide variety of platforms with proper attention paid to internationalization, accessibility, a device –independence, usability and document structuring. The group will provide an essential piece for supporting rich Web content that combines XHTML with other W3C work on areas such as math, scalable vector graphic, synchronized multimedia, and forms, in cooperation with other Working Groups.
W3C produces what are known as “Recommendations”. These are specifications, developed by W3C working groups, and then reviewed by Members of the Consortium. A W3C Recommendation indicates that consensus has been reached among the Consortium Members that a specification is appropriate for widespread use.
There are also many excellent tools developed outside W3C to help improve the quality of Web pages.
HTML tidy, originally developed at W3C, is a program that can help automatically clean up HTML pages.
Validome offer a very reliable validator for HTML, XHTML and WML, in different languages.
The WDG HTML validator is another excellent online validation service.
Site Valet by Nick Kew is a comprehensive set of Quality Assurance tools for checking and monitoring your web sites.
The W3C also hosts a number of other Open Source software projects. In addition to this validator, the W3C is offering a number of other tools to help you check other types of documents (CSS, RDF, P3P…), find broken links in your Web pages, and so on.
Validation Web documents is an important step which dramatically help improving and ensuring their quality, and it can save a lot of time and money (read more on why validating matters). Validation is, however, neither a full quality check, nor is it strictly equivalent to checking for conformance to the specification.
This validator can process documents written in most markup languages. Supported documents types include the HTML (through HTML 4.01) and XHTML (1.0 and 1.1) family. The Markup Validator can also validate web documents written with an SGML or XML DTD, provided they use a proper document type declaration.
This validator is also “An HTML validating system conforming to International Standard ISO/IEC 15445—Hypertext Markup Language, and International Standard ISO 8879—Standard Generalized Markup Language (SGML)” – which basically means that in addition to W3C recommendations, it can validated according to these ISO standard.
Most Web documents are written using markup languages, such as HTML or XHTML. These languages are defined by technical specifications, which usually include a machine-readable formal grammar (and vocabulary). The act of checking a document against these constraints is called validation, and this is what the Markup Validator does.
W3C home page for the XHTML2 Working group, which was chartered in March 2007. XHTML2 Working group is to fulfill the promise of XML for applying XHTML to a wide variety of platforms with proper attention paid to internationalization, accessibility, a device –independence, usability and document structuring. The group will provide an essential piece for supporting rich Web content that combines XHTML with other W3C work on areas such as math, scalable vector graphic, synchronized multimedia, and forms, in cooperation with other Working Groups.
W3C produces what are known as “Recommendations”. These are specifications, developed by W3C working groups, and then reviewed by Members of the Consortium. A W3C Recommendation indicates that consensus has been reached among the Consortium Members that a specification is appropriate for widespread use.
There are also many excellent tools developed outside W3C to help improve the quality of Web pages.
HTML tidy, originally developed at W3C, is a program that can help automatically clean up HTML pages.
Validome offer a very reliable validator for HTML, XHTML and WML, in different languages.
The WDG HTML validator is another excellent online validation service.
Site Valet by Nick Kew is a comprehensive set of Quality Assurance tools for checking and monitoring your web sites.
The W3C also hosts a number of other Open Source software projects. In addition to this validator, the W3C is offering a number of other tools to help you check other types of documents (CSS, RDF, P3P…), find broken links in your Web pages, and so on.
Validation Web documents is an important step which dramatically help improving and ensuring their quality, and it can save a lot of time and money (read more on why validating matters). Validation is, however, neither a full quality check, nor is it strictly equivalent to checking for conformance to the specification.
This validator can process documents written in most markup languages. Supported documents types include the HTML (through HTML 4.01) and XHTML (1.0 and 1.1) family. The Markup Validator can also validate web documents written with an SGML or XML DTD, provided they use a proper document type declaration.
This validator is also “An HTML validating system conforming to International Standard ISO/IEC 15445—Hypertext Markup Language, and International Standard ISO 8879—Standard Generalized Markup Language (SGML)” – which basically means that in addition to W3C recommendations, it can validated according to these ISO standard.
Thursday, October 8, 2009
WEB HOSTING SERVICES
Web hosting services is a type of internet hosting services, web hosting services are provides, space on internet (www).
You can create websites and web albums for your photos and etc., those web sites you can start making money with an online shop application and find new friends, customers, and business partners.
Those web sites are placed on inter net ,you can chose web hosting, on web hosting services different type, such as free web hosting and shared and reseller web hosting services and etc.
Web hosting needs to estimate the requirements of the submission to choose what kind of hosting to use. Such considerations include database server software, scripting software, and OS, Most hosting contributors provide Linux-based web hosting which offers a wide variety of different software.
1) Free web hosting services:
Free hosting services are offered by different companies with limited services.
2) Reseller web hosting services:
Learn how to add and use reseller credits, how to activate an account, how to renew an account, how to manage an account, how to manage a domain name; how to add extra features, how to get technical support, how to change my details, how to use My Billing section.
Web hosting services are provides so many companies, basically small and single web pages are hosted, those sites are personal websites.
You can create websites and web albums for your photos and etc., those web sites you can start making money with an online shop application and find new friends, customers, and business partners.
Those web sites are placed on inter net ,you can chose web hosting, on web hosting services different type, such as free web hosting and shared and reseller web hosting services and etc.
Web hosting needs to estimate the requirements of the submission to choose what kind of hosting to use. Such considerations include database server software, scripting software, and OS, Most hosting contributors provide Linux-based web hosting which offers a wide variety of different software.
1) Free web hosting services:
Free hosting services are offered by different companies with limited services.
2) Reseller web hosting services:
Learn how to add and use reseller credits, how to activate an account, how to renew an account, how to manage an account, how to manage a domain name; how to add extra features, how to get technical support, how to change my details, how to use My Billing section.
Web hosting services are provides so many companies, basically small and single web pages are hosted, those sites are personal websites.
Web Server in Linux
A web server provides ability or takes advantage of web based applications. In simple it is where a website physically resides. The softwares required are redhat, suse, fedora etc. Many versions of redhat such as 7.0, 8.0 etc can also be used. The webpages are directly served from the directory as configured by the document root directive. The apache may be configured to run as a host of a single website or it can also be configured to run multiple domains. This can be achieved in two ways such as Virtual hosts and multiple IP based virtual hosts.
First change the default value for server name. It is prudent to limit apache’s view only to necessary directories. It can be done by not granting access to everything but only grant access to necessary directories. The Apache web server allows to congfigure a single computer to represent multiple websites. This can be done in two ways such as name based virtual host and IP based virtual host. Once you do this your default system domain will stop working and the default domain must now be considered as virtual domain. There must be a limit on maximum number of clients who can simultaneously connect. If this limit is exceeded then the clients will be locked out There is no need to grant a shell account which allows only the user more potential security holes it can be included in the file when creating the user . The Chroot blind provides an extra security also. You can use a single Linux server to forward requests to a cluster of servers.
First change the default value for server name. It is prudent to limit apache’s view only to necessary directories. It can be done by not granting access to everything but only grant access to necessary directories. The Apache web server allows to congfigure a single computer to represent multiple websites. This can be done in two ways such as name based virtual host and IP based virtual host. Once you do this your default system domain will stop working and the default domain must now be considered as virtual domain. There must be a limit on maximum number of clients who can simultaneously connect. If this limit is exceeded then the clients will be locked out There is no need to grant a shell account which allows only the user more potential security holes it can be included in the file when creating the user . The Chroot blind provides an extra security also. You can use a single Linux server to forward requests to a cluster of servers.
HTML
Html: Hyper Text Markup language
What actually an HTML means??... Who developed this language for the first time? Where is it been used??... In what way does it help an web developer??... Answers to these questions will end here.
Definition:
HTML is a MarkUp language used by web browsers in creating a website.
HTML helps you to create your own website. It is not a programming language as it name itself tells you its“Markup”… A Markup language consists of tags which are basically used as commands in publishing a web site.
The structured documents are created using tags, which are semantics used in formatting text such as headings, paragraphs, titles, header, images and so on. I have been speaking about tags what actually does it mean and in what format do they need to be written??..
HTML Tags:
HTML tags are keywords surrounded by angle brackets like . There is a format involved in using these tags, they come in pairs like and . Each is respectively called as start tag and end tag.
You were introduced to the world of HTML. Lets go in depth, starting of wit its origin.
History
In 1989, Physicist Tim Berners-Lee who was working as a contractor in CERN wrote a memo proposing an Internet-based hypertext system. Berners-Lee specified HTML and wrote the browser and server software in the last part of 1990.
Tim Berners-Lee
In the late year, along with Robert Cailliau made a joint request for funding this project to come alive but the project was not formally adopted by CERN. Now HTML is been standardized to many versions such as HTML 1.0, HTML 2.0 in the consequent years .
Now we shall study HTML with an example.
My First Heading
My first paragraph.
What all these tags tell you all about its start of an heading or paragraph or title. Once we have started with any tag it has to compulsorily end.
The element defines the body of the HTML document
The element has a start tag and an end tag
The element content is another HTML element (a paragraph). Similarly the tags refer.
You could think how actually a link is inserted in the content of a web page, its using attributes.
HTML Attributes
Attributes provide additional information about HTML elements.
HTML elements can have attributes
Attributes provide additional information about the element
Attributes are always specified in the start tag
Attributes come in name/value pairs like: name="value"
The link address is provided as an attribute:
This is a link
So what will the above statement look like on the web page??
Try yourself here.
Similarly formatting, styles, images forms, lists, colors, tables are done using tags.
Getting started with HTML
To get started with HTML what all you need is editors like front page or Dreamweaver. Once you have finished with editing you need to save the file having an extension either .htm or .html.
Publishing the content onto the site
This requires a protocol for the delivery of the HTML, ie., HTTP.
Subscribe to:
Posts (Atom)