Html5 Tutorial - Future Technology

Wednesday, 17 July 2013

HTML5 Tutorial - Create your own blog in minutes using html5,css,php and mysql part 1


HTML5 Tutorial - Create your own blog in minutes using html5,css,php and mysql.

/ Hi friends, I am going to explain you how to create your own blog using html5,css,php and mysql. Requirements : 1) Basic knowledge on html5 and how to use new elements. 2) Basic knowledge on html5 and how to use new elements. 3) Php and mysql hosting(PhpMyAdmin). 4) Notepad++ for editing code. Get a free PHP,MySql account for this project from here http://serversfree.com Now you got all your requirements for free, now go to control panel and create a database,and create one user and add the user to created database.to create database you go to advanced tab in control panel and click on mysql databases icon as shown below. Next enter phpMyAdmin, create a new table for storing blog items. Now Create a table with xyz name and add Blog Title,Description,Image fields. After creating table you have to insert values in to data base by creating one admin panel or one html form to insert data. I have allready written one example showing how to insert form data to php mysql database. Here is the example link to create it and add data to database table. Please check How to insert form data to mysql data base using php For now i will tell you one simple step how to insert data to table directly. Click on table name right side and click insert button and form appears according to your fields.now insert data to our example. Now convert the form data to xml service so, that we can use the data where ever we want to use. For converting mysql data to xml service using php please visit our tutorial converting mysql table data to here Ok now we are ready with our back end services. Now we have to concentrate on front end i.e mostly html5 and css. Here is the HTML5 code for Placing header,content,article,section,aside and footer.

Html5 Tutorial - Future Technology

All Rights Reserved to ss consultancy.
Here is Javascript used to parse xml file and display results in required fields.

Here is css file to align html5 elements.

Ok you are done, Check here for demo. I will update part 2 as soon as posible please write comments or queries and i will solve them.

3 comments: