Download CV
I`m Antony Titson web designer from Ernakulam,Welcome to my personal website. Within this u can find my recent and past web design projects, as well as my online resume and contact information .I prefer simple, elegant and uncluttered designs. Code-wise,I strive to make valid XHTML and CSS, compatible with most browsers and resolutions.
   
I have 1 year experience in graphic designing ,designing the brochure,sterio,sticker,logo,flux .The term graphic design can be refer to a number of artistic and professional disciplines which is focus on visual communication and presentation .
2+ years of Web experience, Web design is the skill of designing use typography,visual arts and page layout techniques to Produce the final result.
 
 

 
Html and php tutorials:
  HTML Contents PHP Contents  

History of HTML
What is HTML
HTML Tags and Documents
HTML code
Using Table Structure
Using Div
Div Border Style
Refresh button code
To close a window
Alert message on click html button
Pop-up window
Using css in Html
Google Map
Marquee
Anchor Point
Link an image with no border
Image rollover using css button
Iframe
Favicon
Search text in page without database
blog for seo services
Meta tags for better search
Url submiting for seo
History of PHP
What is PHP
What is MYSQL
PHP Syntax
Include() function
Connection query to DB
Javascript form validation
Inserting data into the database
Updating a record
Deleting a record
Retrieving data from the database
String
Variable
Session start
Search
Flag setting
Login		  
   

History of HTML

In 1980, physicist Tim Berners-Lee, who was an independent contractor at CERN, proposed and prototyped ENQUIRE, a system for CERN researchers to use and share documents. In 1989, Berners-Lee and CERN data systems engineer Robert Cailliau each submitted separate proposals for an Internet-based hypertext system providing similar functionality. The following year, they collaborated on a joint proposal, the WorldWideWeb (W3) project,[1] which was accepted by CERN. In his personal notes[2] from 1990 he listsd html.

  
 

HTML is a language for describing web pages.

HTML stands for Hyper Text Markup Language
HTML is not a programming language, it is a markup language
A markup language is a set of markup tags
HTML uses markup tags to describe web pages

 
 

HTML markup Tags and Documents

HTML tags are keywords surrounded by angle brackets like <html>
HTML tags normally come in pairs like <b> and </b>
The first tag in a pair is the start tag, the second tag is the end tag
Start and end tags are also called opening tags and closing tags.
HTML documents contain HTML tags and plain text
HTML documents are also called web pages

  
 

HTML code

<html>
<body>
<h1>My First Heading</h1>
<p>My first paragraph.</p>
</body>
</html>

 

Using Table Structure

<html>
<body>
<table width="1000px" border="0" cellspacing="0" cellpadding="0">
<tr>
<td>text</td>
</tr>
</table>
</body>
</html>

 

Using div:

Definition and Usage

The <div> tag defines a division or a section in an HTML document.
The <div> tag is often used to group block-elements to format them with styles.

<html>
<body>
<div style="background-color:#00CCFF;">text </div>
</body>
</html>

 

Div Border Style :

border-width: 2px; border-style: solid; border-color: red;
 

Refresh button code :

onClick="window.location.reload()"
 

To close a window :

<button onClick="window.close()">Close</button>
 

Alert message on click html button :

onclick="alert('xxxxxxxxxx')"
 

Pop-up window :

<a href="#" onclick="window.open('pdf/printbr.pdf','popup','width=600,height=450,top=10,left=10,toolbars=no,scrollbars=yes,status=no,resizable=yes');">Print MIS Brochure</a>
 

Using css in html :

CSS stands for Cascading Style Sheets
Styles define how to display HTML elements

In css using ID and Class

class="download" .download { font-size:11px; color:#000000; }

id="download" #download {font-size:11px; color:#000000; }
 

GOOGLE MAP CODE:

"<iframe width=""214"" height=""271"" frameborder=""0"" scrolling=""no"" marginheight=""0"" marginwidth=""0""

src=""http://maps.google.com/maps?f=q&amp;source=s_q&amp;hl=en&amp;geocode=&amp;q=Infopark,+Kakkanad,+Ernakulam,
+Ernakulam,+Kerala,+India&amp;
sll=10.009023,76.362662&amp;sspn=0.012341,0.022745&amp;ie=UTF8&amp;ei=P54nSviDEJuAuwOw7ZzhCQ&amp;
cid=12622649292530672554&amp;action=open&amp;
ll=10.010671,76.360918&amp;spn=0.006295,0.006295&amp;output=embed""></iframe>"

  
 

Marquee Code

"<marquee onmouseover=""this.stop()"" onmouseout=""this.start()"" scrollamount=""1""scrolldelay=""5"" direction=""up"" height=""150"">"
 

Anchor Point

"<a href=""#vision""> Vision & Mission </a>
<a name=vision> Mision & Vission detail </a>
<a href=""aboutus.html#vision""> Vision & Mission </a> to anotherpage"
 

Image link no border

<a href="#" onclick="window.open('image/port.gif')"> <img src="image/port.gif" border="0" width="170" height="74"/> </a>
 

Image rollover using css button

<a href="#" class="rollover"></a>
.rollover { margin-left:2px; background-image:url(../image/downloadbut.jpg); height: 33px; width:110px; display:block; }
.rollover span { display:none; }
.rollover:hover { background-image:url(../image/downloadbut2.jpg); }
 

Iframe

"<script type=""text/javascript"">
//specify path to your external page:
var iframesrc=""index.html"
"

//You may change most attributes of iframe tag below, such as width and height:
document.write('<iframe id=""datamain"" src=""'+iframesrc+'"" width=""1000px"" height=""750px "" marginwidth=""0"" marginheight=""0"" hspace=""0"" vspace=""0"" frameborder=""0"" scrolling=""no""></iframe>')
</script>"
 

Favicon

<link href="image/favicon.ico" rel="SHORTCUT ICON" />
 

Meta tags for better search

"<meta name=""keywords"" content=""webpixonline, web pix online, webpix online, webpixonline.com,
webpixonline india,
webpixonline, web developer, web designer, templates, search engine optimization,
optimize site, webpixonline kerala,
web, website description, mits web designer, www.webpixonline.com "" />
<meta name=""description"" content="" To our Technical proficiency and xpertise, we offer a new range of Web Page designs with dynamic features to build your Business Progressively.:: antony.titson@gmail.com ::!""/>

<meta name=""robots"" content=""web solutions, Technical proficiency and xpertise, we offer a new range
of Web Page designs with dynamic features to build your Business Progressively.:: antony.titson@gmail.com ::!!"" />

<meta name =""GOOGLEBOT"" content=""web development, Technical proficiency and xpertise, we offer a new
range of Web Page designs with dynamic features to build your Business Progressively.:: antony.titson@gmail.com ::"" />

<meta name=""ROBOTS"" content= ""At Webpixonline, we specialize in dynamic Website development and web
design. We design web sites for small businesses, large corporations, non-profit orgranizations,With
over 5 years of experience in Website web design, our staff of graphic designers, programmers, and
professional photographer give s us the ability to consistently deliver quality websites to our
clients.In addition to providing web site design and development to your company, we also make sure
people can find your web site.We can guarantee you #1 position on some of the top search engines listings.
We put our customers first.""/>"

  
 

Search text in page without database

"<script type="text/javascript" src="javascripts/searchfield.js"></script>
<input type=""text"" name=""findthis"" size=""15"" title=""Press 'ALT s' after clicking submit to repeatedly search page"" />
<input type=""submit"" value=""Find in Page"" ACCESSKEY=""l""></form>
<p align=""left"">Ignore the following, which is just some
dummy text to stretch the height of the document. Ignore the following, which is just some dummy text to stretch the height of
the document.</p>"
 

Url submiting for seo (artical&directory)

http://www.searchme.com/support/submit.php
http://www.bing.com/docs/submit.aspx
www.freewebsubmission.com
www.sulekha.com/blog/post/.../webpixonline.htm
www.siliconindia.com/.../titson_Antony_designerdeveloper.html
titsonwebpixonline.blogspot.com/.../titson-webpixonline.html?...
www.google.com/s2/profiles
 
 
 

History of PHP

PHP originally stood for Personal Home Page(Hypertext Preprocessor). It began in 1994 as a set of Common Gateway Interface binaries written in the C programming language by the Danish/Greenlandic programmer Rasmus Lerdorf. Lerdorf initially created these Personal Home Page Tools to replace a
small set of Perl scripts he had been using to maintain his personal homepage.PHP is a scripting language originally designed for producing dynamic web pages.

 

What is PHP

PHP is a server-side, cross-platform, HTML-embedded scripting language.
PHP is a powerful tool for making dynamic and interactive Web pages.
 

 

What is MYSQL

MySQL is a database.
The data in MySQL is stored in database objects called tables.
 

PHP Syntax

<?php
echo "HI USER";
?>
 

Include() function

The include() and require function takes all the content in a specified file and includes it in the current file.

<?php
include ('../include/header.php');
?>
require("../include/header.php");
 

Db Connection query

<?php
$con = mysql_connect("localhost","root","");
if (!$con)
{
die('Could not connect: ' . mysql_error());
}
mysql_select_db("dbname",$con);
?>
 

Javascript form validation

<script language="javascript">
function valid()
{
if (document.form.txt_name.value==""){
alert("please enter Name");
document.form.txt_name.focus();
return false;
}
}
return true;
}
</script>
 

Value inserting to Db

<?php

// db inserting

if(isset($_REQUEST['nme']))
{
$nme=$_REQUEST['nme'];
}
if(isset($_POST['btn_Submit']))
{
$nme=$_POST['txt_name'];
$addres=$_POST['txt_addres'];
$phone=$_POST['txt_phone'];
$email=$_POST['txt_email'];

//echo $nme;
$dd="insert into contact value('','$nme','$addres','$phone','$email')";
//select *from login
//echo $dd;
mysql_query($dd) or die(mysql_error());

$string= " saved successfully ";
}

?>
 

String declaration

<?php echo ($string); ?>
 

Variable creating

<?php
$var_1="Antony";
$var_2="Titson";
echo "Name: $var_1 . $var_2";
?>

 

Updating a record

<?php

if($_REQUEST['id'])
{
$id=$_REQUEST['id'];
//echo $id;
$rs=mysql_query("select * from contact where id='$id'") or die(mysql_error());
$arr=mysql_fetch_array($rs);
}
if(isset($_POST['btn_Submit']))
{
$nme=$_POST['txt_name'];
$addres=$_POST['txt_addres'];
$phone=$_POST['txt_phone'];
$email=$_POST['txt_email'];

//echo $nme;
$dd="update contact set name='$nme',addres='$addres',phone='$phone',email='$email' where id='$id'";
//select *from login
//echo $dd;
mysql_query($dd) or die(mysql_error());

$string= " saved successfully ";
}

?>
 

Delet a record

if(isset($_POST['delete']))
{
$id=$_POST['radiobutton'];
$id="$id";

mysql_query("DELETE FROM contact WHERE name='$id' ");
$str= " deleted successfully ";
}
?>php
 

Retrieving data from the database

<?php $result = mysql_query("SELECT id FROM contact ") or die(mysql_error()) ;
while($row = mysql_fetch_array($result))
{
?>

<?php echo $result; ?>
<?php } ?>
 

Session start

<?php
ob_start();
session_start();
?>php

Remove all the variables in the session
session_unset();

To destroy the session
session_destroy();

 

Flag

if(isset($_REQUEST['nme']))
{
$nme=$_REQUEST['nme'];
//echo $nme;
$dd=mysql_query("select * from contact where name='$nme'") or die(mysql_error());
$n=mysql_num_rows($dd);
//echo $n;
if($n>=1)
{
$arr=mysql_fetch_array($dd);
}
else
{
$flg=1;
}
}

?>
<?php
if($flg==1)
{
echo "Invalid user";
}
?>

 

Login

if(isset($_POST['btn_submit']))
{

$login_rs = mysql_query("select * from login where user='" . $_POST['txt_name'] ."' and password='" . $_POST['txt_password']."'");
if (mysql_num_rows($login_rs) >0 ){

$nme=$_POST['txt_name'];
header("location:contact.php?nme=$nme");
}else{
$str= "login error";
$_SESSION['str']=$str;
//echo $_SESSION['str'];
header("location:login.php?im=1");

}
}
?>php

Relax it's time to play
Play and win :
 
 
 
 
 
   
Copyright © 2010 webpixonline.com   Home | About Me | Portfolio | Contact