Saturday, 12 October 2013

Server-side programming

               Server-side programming

Some web sites are collections of static (X)HTML documents and image files,
but most commercial sites have more advanced functionality such as forms
handling, dynamically generated pages, shopping carts, content management
systems, databases, and so on. These functions are handled by special web
applications running on the server. There are a number of scripting and programming
languages that are used to create web applications, including:

  1. CGI Scripts (written in C+, Perl, Python, or others)
  2. Java Server Pages (JSPs)
  3. PHP
  4. VB.NET
  5. ASP.NET
  6. Ruby on Rails

Developing web applications is programmer territory and is not expected of all
web designers. However, that doesn’t mean you can’t offer such functionality to
your clients. It is possible to get shopping carts, content management systems,
mailing lists, and guestbooks as prepackaged solutions, without the need to
program them from scratch.


CSS (Cascading Style Sheets)

CSS (Cascading Style Sheets)

While (X)HTML is used to describe the content in a web page, it is Cascading
Style Sheets (CSS) that describe how you want that content to look. In the
web design biz, the way the page looks is known as its presentation. CSS is
now the official and standard mechanism for formatting text and page layouts.
CSS also provides methods for controlling how documents will be presented
in media other than the traditional browser on a screen, such as in print and
on handheld devices. It also has rules for specifying the non-visual presentation
of documents, such as how they will sound when read by a screen

Style sheets are also a great tool for automating production, because you can
make changes to all the pages in your site by editing a single style sheet document.
Style sheets are supported to some degree by all modern browsers.
Although it is possible to publish web pages using (X)HTML alone, you’ll
probably want to take on style sheets so you’re not stuck with the browser’s
default styles. If you’re looking into designing web sites professionally, proficiency
at style sheets is mandatory.



                                           HTML and XHTML

HTML (HyperText Markup Language) is the language used to create web page
documents. The updated version, XHTML (eXtensible HTML) is essentially
the same language with stricter syntax rules.

(X)HTML is not a programming language; it is a markup language, which
means it is a system for identifying and describing the various components of
a document such as headings, paragraphs, and lists. You don’t need programming
skills—only patience and common sense—to write (X)HTML.
Everyone involved with the Web needs a basic understanding of how HTML
works. The best way to learn is to write out some pages by hand.

If you end up working in web production, you’ll live and breathe (X)HTML.
Even hobbyists will benefit from knowing what is going on under the hood.
The good news is that it’s simple to learn the basics.

Thursday, 10 October 2013

Footer in HTML5

 A Little Information about Footer in HTML5

The <footer> element is defined in the spec as representing “a
footer for its nearest ancestor sectioning content or sectioning
root element.” (“Sectioning content” includes article, aside, nav,
section, and “sectioning root elements” are blockquote, body,
details, fieldset, figure, td).

For now,
we’re just having one footer on the page that is a child of the
body element. As the spec says, “When the nearest ancestor
sectioning content or sectioning root element is the body element,
then it applies to the whole page.”

The spec continues “A footer typically contains information
about its section such as who wrote it, links to related documents,
copyright data, and the like.”
Our footer holds copyright data, which we’re wrapping in a
<small> element, too. <small> has been redefined in HTML5;
previously it was a presentational element, but in HTML5 it represents
small print: “Small print typically features disclaimers, caveats,
legal restrictions, or copyrights. Small print is also sometimes
used for attribution, or for satisfying licensing requirements.”
Your site’s footer probably has more than just a single copyright
notice. You might have links to privacy policies, accessibility
information (why are you hiding that out of the way?), and other
such links. These should be wrapped in <nav>, despite the spec’s
It is legitimate to wrap the links to other pages on the site
with an <aside> inside the footer. After all, the links to other pages are presumably tangentially
related to the whole page rather than just the content
of the footer.
Here, I would use the following markup:

<div id=mainContent>
<h2>Twitter </h2>
<ul> ... </ul>

<h2>Flickr </h2>
<ul> ... </ul>
<h2>How to learn HTML5</h2>
<ul> ... </ul>
<h2>Upcoming Lessons on HTML5 </h2>
<ul> ... </ul>
<small>&copy;2007 </small>

like . share . comment

What are XML and XHTML

                                 What are XML and XHTML

An introduction to explain the confusing terminology or acronym

There is a language related to HTML called Extensible Markup Language (XML) that programmers use to create their own tags. It’s widely used for Web databases, for example, because it can define tags for each data field. Because XML can be so completely customized, programmers can create almost any other markup language within it, just by re-creating all the officially accepted tags of that language.

The W3C did just that: they re-created the entire HTML language in XML, and called it Extensible HTML (XHTML). Version 1.0 was released in 2001; the current version is XHTML 2.0, released in 2004.

XHTML, then, is HTML written within the larger language of XML. Because it is virtually identical to HTML in its functionality, the basic set of tags is the same, and you can learn both HTML and XHTML at the same time. You can also use XHTML to create new tags and extensions, which is a valuable feature for advanced Web

There’s just one thing about XHTML to watch out for: it’s not tolerant of mistakes.
For example, in HTML, technically you are supposed to begin each paragraph with <p> and end each paragraph with </p>. But in HTML you can leave out the closing </p> tag if you want (or if you forget it). That won’t work in XHTML. There are lots
of little ways that XHTML is picky like that. At one point, it was thought that XHTML would eventually replace HTML4 as its
successor, but due to interoperability problems, that has not happened; instead HTML5 is poised to succeed HTML4.
Like . share . Comment


Sunday, 6 October 2013

The Basics on How TO Start Making Money with Adsense

The Basics on How TO Start Making Money with Adsense

Adsense is considered as one of the most powerful tool in a website publisher’s
arsenal. It enables a person to monetize their sites easily. If used properly, it can
generate a very large and healthy income for them. However if you are not using
them rightly and just maximizing the income you squeeze from it, you are actually
leaving a lot of money on the table. Something all people hate doing.
How you can start earning money with Adsense can be done easily and quickly. You
will be amazed at the results you will be getting in such a short period of time.
Start by writing some quality content articles which are also keyword incorporated.
There are a lot of people given the gift of being good with words. Writing comes
easy for them. Why not make it work in such a way that you will be earning some
extra cash in the process.
There are actually three steps to put into mind before you begin writing your ads
and having an effective Adsense.
Keyword search. Find some popular subjects, keywords or phrase. Select the
ones which you think has more people clicking through. This is actually a keyword
selector and suggestion tool that some sites are offering to those who are just their
Adsense business.
Writing articles. Start writing original content with keywords from the topics that
you have achieved in your search. Take note that search engines are taking pride in
the quality of their articles and what you will be writing should keep up with their
Quality content site. Build a quality content site incorporated with Adsense ads
that is targeting the subject and keywords of your articles and websites. This is
where all that you’ve done initially will go to and this is also where they will prove
their worth to you.
The proper positioning of your ads should be done with care. Try to position your
ads where surfers are most likely to click on them. According to research, the one
place that surfers look first when they visit a certain site is the top left. The reason
behind this is not known. Maybe it is because some of the most useful search
engine results are at the top of all other rankings. So visitors tend to look in that
same place when browsing through other sites.

Some of those who are just starting at this business may think they are doing
pretty well already and thinking that their clickthrough rates and CPM figures are
quite healthy. However, there are more techniques and styles to generate more
clicks to double your earnings. By knowing these techniques and working them to
your advantage, you will realize that you will be getting three times more than
other people who have been previously doing what they are doing.
Finally, Adsense has some excellent tracking statistics that allows webmasters and
publishers to track their results across a number of site on a site by site, page by
page, or any other basis you wanted. You should be aware of this capability and
make the most of it because it is one powerful tool that will help you find out which
ads are performing best. This way, you can fine tune your Adsense ads and focus
more on the ones being visited the most rather than those who are being ignored.
Another thing you should know. Banners and skyscrapers are dead. Ask the
experts. So better forget about banners and skyscrapers. Surfers universally ignore
these kinds of ad formats. The reason behind this is that they are recognized as an
advert and advert are rarely of any interest that’s why people ignore them.
To really start making money with Adsense, you should have a definite focus on
what you wanted to achieve and how you will go about achieving them. As with any
other kind of business ventures, time is needed coupled with patience.
Do not just ignore your site and your Adsense once you have finished
accomplishing them. Spare some time, even an hour, making adjustments to the
Adsense ads on your sites to quickly trigger your Adsense income.
Give it a try and you would not regret having gotten into Adsense in the first place.
Featured Product: Keyword Elite: New Keyword Software - Create
1000s Of Adsense Keywords, Dominate Adwords

You might want to check here out for more information

Tuesday, 1 October 2013

HTML tables and TABLE tags

--- #series6(HTML 4 and 5 tables) #Chapter1

-----HTML Tables and the TABLE tags--------

:::Note:::: hi guys, its your favorite Admin, Biigzee, i would like to know how serious my fellow geeks are to increase their programming knowledge. Do you know i Have a self built operating system like windows and mac? of course that a lot of work, but i was able to archived it. it all depend on hard work and our zeal to grow. the web design tutorials was off for some time and no body noticed. This could mean no body was following??? i will plead with us all to learn once and move on to other tasks. it depends on you, and you alone, The will to learn is derived, not given --- (ZinoAdidi 2013) :::::::::

Tables were introduced to HTML as a way to make textual data look more presentable on the screen. Things like statistics could be presented in neat rows and columns, making them easier to read.

Tables can also be used for web pages layouts, but the practice is now frowned upon. Some people even have a pathological hatred for layouts using tables. Don't let this put you off, however. Using tables for layouts can actually be easier than using CSS! We won't be using tables for web page layouts, though, but simply to present tabular data.

First, we'll create a basic HTML table. This will work in all versions of HTML, and not just version 5. The table presents information about each browser's support for CSS version 3. From the table, it's easy to see that CSS animations only work in Chrome and Safari (the latest browser versions here are Firefox 10 and greater, Internet Explorer 9, Chrome 10, Safari 5, and Opera 11.1).
We'll create another table later that uses HTML5 and CSS3.

The Table Tags

To create a table you need to use the following basic table tags: TABLE, TR, TD. They are laid out like this:


The table tags come in pairs. To set up the table, the TABLE tag is used. There is a start tag and end tag. In between these two tags are the table Row tags <TR> </TR>. For every Row in your table, you need at least one Table Data tag <TD> </TD>. The Table Data tags represent the cells in each row. In the example picture above, we have a table with four rows. In each row we have a CSS property followed by 5 cells for browser information. So each Row in our table has six Cells in it. For one individual Row, the code would look like this:


That code means set up a table with one Row, and put six cells into the Row.

The information you want people to see goes between the two TD tags:

<TD>Cell 1 Data</TD>
<TD>Cell 2 Data</TD>
<TD>Cell 3 Data</TD>
<TD>Cell 4 Data</TD>
<TD>Cell 5 Data</TD>
<TD>Cell 6 Data</TD>

You can also add an optional CAPTION tag, after the pair of TABLE tags:

<CAPTION>CSS3 Browser Support (latest browser versions)</CAPTION>

Table Attributes

The TABLE tag comes with optional attributes you can use:


(There's also Frame, Rules, and Summary, but we won't be discussing these.)

The table from our image had a border of 1 pixel. The cellpadding was 10 and the cellspacing was 2. We also centre-aligned our table. The TABLE tag code was, therefore, this:

<TABLE Border = "1" CellPadding = "10" CellSpacing = "2" Align="center">

We didn't specify a width, as the default is the length of your text plus any borders, padding and spacing. The default colour is none. Like all colours, though, it can take a value like "Red", or a HEX/RGB colour.

Cellpadding, incidentally, is the space between the text and the cell borders; cellspacing is how far apart each cell is from its neighbour.

Row Height and Row Width

You can make changes to the Height and Width of not only the entire table, but to each individual cell, or row of cells. Just add Width and Height attributes to the TR or TD cell. Like this:

<TR Height = 50 Width = 100>
<TD>Cell 1 Data</TD>
<TD>Cell 2 Data</TD>
<TD>Cell 3 Data</TD>
<TD>Cell 4 Data</TD>
<TD>Cell 5 Data</TD>
<TD>Cell 6 Data</TD>

You can add the Height and Width attributes to individual TD cells, too, but the results are often erratic. If you want one big cell next to smaller cells, the ROWSPAN and COLSPAN tags are used.

by #AdminBiigzee

HTML tables, cell alignment, colours, images

--- #series6(HTML 4 and 5 tables) #Chapter2

>>>>HTML tables: cell alignment, colours, images<<<<<

Aligning contents in a cell

You can align the contents in a cell, so they look more presentable. To align a cells contents, the ALIGN attribute is used in the TD part of the tag. To centre-align our headings, the code would be this:

<TD align="center">CSS Property</TD>
<TD align="center">Internet Explorer</TD>
<TD align="center">FireFox</TD>
<TD align="center"> Chrome</TD>
<TD align="center">Safari</TD>
<TD align="center">Opera</TD>

The other two Horizontal alignment options are "Left" and "Right".

Alignment can also be vertical. You use the VALIGN tag for vertical alignment. The positions for vertical alignment are: TOP, MIDDLE and BOTTOM.

<TD VALIGN = Middle>
<TD VALIGN = Bottom>

You can combine horizontal and vertical alignment to give nine positions in all:

<TD VALIGN = Top Align = Left>
<TD VALIGN = Top Align = Center>
<TD VALIGN = Top Align = Right>
<TD VALIGN = Middle Align = Left>
<TD VALIGN = Middle Align = Center>
<TD VALIGN = Middle Align = Right>
<TD VALIGN = Bottom Align = Left>
<TD VALIGN = Bottom Align = Center>
<TD VALIGN = Bottom Align = Right>

save your template and preview in a browser.
-----Changing the Background Colour of Tables and Cells-----

Individual cells can have their background colour changed. The background colour of the entire table can be changed, too. To change the colour of the entire table, just add the BGCOLOR tag to the TABLE tag. Like this:

<TABLE Bgcolor = "Blue">

You can add a splash of colour to individual cells. The BGCOLOR attribute is just added to the TD tag whose colour you want to change. Like this:

<TD Bgcolor= "Yellow">Safari</TD>

-----Using Images in Tables-----

Images can be used in tables, either as the background image of the table, or in individual cells.

<TABLE Background = "image_name.jpg">

<TD Background = "image_name.jpg">

Note that the attribute is BACKGROUND. After an equal sign you type the name of the image you want to use./-

by #AdminBiigzee dont forget to ask questions and share your views. we love you all!!!