Senin, 14 November 2011

PHP Fundamental Syntax & Semantics

Specifying the DOCTYPE
Problem
You want to create an HTML5 page.
Solution
Specify the HTML5 DOCTYPE at the very beginning of your page:
       <!DOCTYPE html>
         <html>
        <head>
           <title>HTML5, for Fun &amp; Profit</title>
       </head>
            <body>
            </body>
      </html>
Note that the DOCTYPE is not case-sensitive. Feel free to go CaMeL
cAsE with the characters..

Discussion
The Document Type Definition, or DOCTYPE, tells browsers and validators what version of HTML the page is written in. Previous versions of HTML specified the version number, such as the DOCTYPE for XHTML 1.0 Strict:
     <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.With HTML5, the version is dropped from the DOCTYPE.
This allows HTML5 to be backwards compatible in terms of syntax and, hopefully, makes the transition to
HTML5 easier.

Let’s say you have a site that is valid HTML 4.0, but you want to transition to HTML5. Start with just the DOCTYPE change, and you not only have a valid site, but also a valid HTML5 site.
Additionally, all browsers recognize the shortened DOCTYPE and render in strict standards mode. There are some elements that have changed between HTML4 and HTML5, so some now removed or deprecated parts of your HTML4 document.
For example, <center>) might not technically validate as HTML5.

Baca selengkapnya »
Posted by at 07.28 0 comments
Labels:

Sabtu, 12 November 2011

Code Your Website With HTML 5

As evident, we have the following elements: header, last posts container, archive with a list of posts and blocks that usually we find in the sidebar of website, such as personal information, blogroll and contact details.
You may check out complete code here: index.html – style.css.

Step 1 – Basic Structure
First of all I define the basic structure of the HTML page, including Doctype, links to stylesheets, the title of the page and charset details. The following image explains the structure and highlights the tag that I use to create the basic structure.

this code

<!DOCTYPE html>
<html lang="en">
<head>
 <meta http-equiv="Content-Type" content="text/html; charset=utf-8"/>
 <title>mubarok leto| personal blog</title>
 <link href="style.css" rel="stylesheet" type="text/css" media="screen" />
</head>
<body>
 <header id="site_head">
  <div class="header_cont"><!--useful to create the 1024px limit-->
  <!--header stuff-->
  </div>
 </header>

 <div id="main_content"><!--useful to create the 1024px limit-->

  <section id="last_posts">
  <!--last posts here-->
  </section>
Baca selengkapnya »
Posted by at 19.46 0 comments
Labels:

Jumat, 11 November 2011

Awesome Best HTML5 and CSS3 Templates Free Guys

Beadysite
( Demo || Download )
html5template_05


iPhone Application Template
( Demo || Download )


html5template_06

Baca selengkapnya »
Posted by at 20.45 0 comments
Labels:

Kamis, 10 November 2011

10 tips MASTER COMPOSITING Digital Camera

1. BACKGROUND, BACKGROUND, BACKGROUND, BACKG…
When framing a shot, pay as much attention to the background as you do your subject. A complimentary background can enhance a mundane subject – a poor choice of background will make a great subject fall flat.

2. KEEP IT SIMPLE
The strongest compositions are ones that get their message across quickly. Look for the building blocks of a great photograph in lines and shapes.

3. PERSONALISE IT
Ask yourself what you’re drawn to in a scene – the height of a building, the patterns in a field, the shape of a flower – and bring that element out.

Baca selengkapnya »
Posted by at 21.43 0 comments
Labels: ,
Langganan: Postingan (Atom)