Html Code

Delphi for PHP 2.0 wad created by Codegerar, you can purchase it at http://www.codegear.com/products/delphi/php, to end of July 2008 it’s for 153 Euro. I thought that I’ve find my favorite Ajax framework - Qooxdoo, but now I think about Delphi for PHP 2.0. Internally it has gooxdoo based components, and Delphi alway has nice visual enviroment. You can alway build forms with only dragging visual components to form canvas. You can always easy set any property. You can build own components. I read that this delphi has integrated debugger for php. So I now confused what choose for my project. Now I download qwt (Qooxdoo Widget Toolkit) http://qooxdoo-contrib.sourceforge.net/downloads/qwt/releases/qwt-0.2.0.zip so I goong now to test it, if it will be suitable for my purpouses i choose it, else I purchase Delphi for php 2.0 or maybe i find another solution. I let you know what I choose on this blog.
P.S You can see video presenting features of Delphi for php 2.0 http://video.codegear.com/pix/NickHodges/DelphiforPHP/New20Features/New20Features.html

<div style="width:150px;margin:0 auto;background-color:#0f0;" >
<b style="display:block;background-color:#fff;">
<b style="display: block; height: 1px; overflow: hidden;margin: 0 5px;background-color:#0f0"></b>
<b style="display: block; height: 1px; overflow: hidden;margin: 0 3px;background-color:#0f0"></b>
<b style="display: block; height: 1px; overflow: hidden;margin: 0 2px;background-color:#0f0"></b>
<b style="display: block; overflow: hidden;margin: 0 1px;background-color:#0f0; height: 2px"></b> </b>
<ul><li>item 1</li>
<li>item 2</li>
<li>item 3</li>
<li> item 4</li></ul>
<b style="display:block;background-color:#fff;">
<b style="display: block; overflow: hidden;margin: 0 1px;background-color:#0f0; height: 2px;background-color:#0f0"></b>
<b style="display: block; height: 1px; overflow: hidden;margin: 0 2px;background-color:#0f0">
</b> <b style="display: block; height: 1px; overflow: hidden;margin: 0 3px;background-color:#0f0"></b>
<b style="display: block; height: 1px; overflow: hidden;margin: 0 5px;background-color:#0f0"></b> </b></div>
I don't apply css, i think it's simple, and you can easy apply css in place of inline styles. This code is exactly code for above rounded green rectangle.

Best place for HTML tutorial is http://www.w3schools.com/html/

Please give in comments your source of HTML knowledge.

To be a good HTML coder need a lot of practice. Difference between browsers can be painful. In IE not always DIVs are stay in the right place, in this could help clear:both,

<div>

<div style=”float:left”> </div>

<div style=”float:right”> </div>

<div style=”clear:both”> </div>
</div>

In above example we have two columns

for three columns I recomand this way of coding:

<div>

<div style=”float:left”>

<div style=”float:left”> </div>

<div style=”float:right”> </div>

<div style=”clear:both”> </div>

</div>

<div style=”float:right”> </div>

<div style=”clear:both”> </div>

</div>

“Dojo is an Open Source DHTML toolkit written in JavaScript. It builds on several contributed code bases (nWidgets, Burstlib, f(m)), which is why we refer to it sometimes as a “unified” toolkit. Dojo aims to solve some long-standing historical problems with DHTML which prevented mass adoption of dynamic web application development.

Dojo allows you to easily build dynamic capabilities into web pages and any other environment that supports JavaScript sanely. You can use the components that Dojo provides to make your web sites more usable, responsive, and functional. With Dojo you can build degradable user interfaces more easily, prototype interactive widgets quickly, and animate transitions. You can use the lower-level APIs and compatibility layers from Dojo to write portable JavaScript and simplify complex scripts. Dojo’s event system, I/O APIs, and generic language enhancement form the basis of a powerful programming environment. You can use the Dojo build tools to write command-line unit-tests for your JavaScript code. The Dojo build process helps you optimize your JavaScript for deployment by grouping sets of files together and reuse those groups through “profiles”.

Dojo does all of these things by layering capabilities onto a very small core which provides the package system and little else. When you write scripts with Dojo, you can include as little or as much of the available APIs as you need to suit your needs. Dojo provides multiple points of entry, interpreter independence, forward looking APIs, and focuses on reducing barriers to adoption. “

more http://dojotoolkit.org

I use this toolkit for handling forms. Nice tooltip, calendar picker and ajax integration.

Making forms takes time. Dojo can help but it’s also takes time.  If anybody know how to speed up making forms please share ideas in this article  comments.

 

 

Below I write  basic xhtml 1.0 transitional template:

<!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 profile=”http://gmpg.org/xfn/11″>

<meta http-equiv=”Content-Type” content=”text/html; charset=UTF-8” />

<title>Site title</title>

<link rel=”stylesheet” href=”style.css” type=”text/css” media=”screen” />

<meta name=“description” content=“description of site” />
<meta name=“keywords” content=“ste keyword1,site keyword2″ />

</head>

<body>

Site content

</body>

</html>

If you want to validate html code, you can use this tool  http://validator.w3.org/