Archive for the ‘Education Web Design’ Category

February 15th, 2012  Posted at   Education Web Design
, ,    |   Comments Off

PSD to HTML Conversion Coding

Every online business needs a good web portal for their organization. Web portal plays a major role because interactive, unique and attractive website is face of an organization. But every portal needs to be well coded by a web developer.  Most important task for a web developer is to convert PSD based web template into HTML. But, how to convert these PSD files to HTML. For this, there is a PSD to HTML conversion process. Some of the common steps involved in PSD to HTML conversion coding:

File Format: First and foremost task in PSD to HTML conversion process is to avoid any mess or avoid any kind of confusion. But why this confusion arises every time when conversion process takes place? There is one solution to this problem. For this, web developer has to create three separate files which are index.html (HTML codes), style.css (CSS styling codes) and reset.css (Reset CSS codes).

Slicing of a PSD file:  Slicing of PSD file results into various layers.

You can easily edit the theme according to the need of your site because it is developed in HTML format. Once the changes have been made in the PSD file then you can save your files in the JPEG, GIF or any other compatible format.

PSD to HTML Conversions: After slicing PSD based web template, it comes to coding. Web Developer provides a perfect HTML codes bit by bit. Once this conversion takes place, it adds life to pre-designed web template.
Add quality content: Once PSD to XHTML conversion is over, a web developer has to add quality content, brand logo and has to perform certain activities to make a website more interactive and user friendly.

Testing: Most important step is testing of website in different browsers. Website should be tested by web developer in different web browsers (like Firefox, Internet Explorer, Opera, Safari, Chrome) to check its accessibility.

These are some of the steps involved in PSD to CSS/HTML conversion process for building a SEO friendly website.

Xhtml.pixelcrayons.com converts your design files from various common image formats (PSD, JPG, GIF, PNG, AI) into best quality cross-browser compatible W3C validated XHTML/CSS markup. Check xhtml.pixelcrayons for our PSD to HTML Conversion and integration such as PSD to WordPress, PSD to Drupal etc.

February 10th, 2012  Posted at   Education Web Design
, ,    |   Comments Off

PHP and MySQL for Scalable Web Applications

Scalability is an important consideration when building web applications. Scalability generally refers to the capability to handle a growing traffic load. Traditionally, PHP hasn’t been considered overly scalable. However, that has more to do with how PHP applications have been written in the past rather than any limitation in PHP itself. WordPress and Drupal are both excellent examples of scalable applications built in PHP. Scaling your web application with PHP and MySQL simply involves following some of the practices used in WordPress and Drupal.

Employ Modular Design
Building a modular application is one sure way of scaling your web application with PHP and MySQL. If you examine the code in WordPress, you’ll find that it has been built in a very modular fashion. All the database code in one place. All the layout and rendering code is in another.

There are places in the modules to add additional functions called hooks and filters. These make it easy to extend WordPress without recoding parts of the underlying application. This modular architecture makes it easy to scale a web application with PHP and MySQL.

Maintain Layers of Abstraction
Abstraction is another important consideration. The higher level interfaces in your code should abstract things like access to the database. The functions that are retrieving data should have functions that simply “get” the data without understanding the underlying details. This is important for scaling your web application with PHP & MySQL because you won’t know in advance how the database is deployed. You might initially deploy your PHP code on the same server as your MySQL database. Later, MySQL might be on a separate server. And even later, you may be load balancing among several MySQL servers. Changing the underlying architecture should require only minimum changes to your PHP code. Design with this in mind and you’ll have no problems scaling your web app with PHP and MySQL.

Use a PHP Framework
Of course, the easiest way to do both of the above things and ensure the scalability of your PHP and MySQL web application is to use a framework. There are many PHP frameworks that follow the model-view-controller pattern used in systems like Ruby on Rails. These frameworks already provide a modular system and strong abstraction of the database layer. Some of them also support caching and handle database driven sessions to maximize your ability to scale your web application with PHP and MySQL.

Cache, Cache, Cache!
Speaking of caching, a common technique for scaling web applications with PHP and MySQL is to use a caching system for data or page content that does not change frequently. Think about how you might use caching in the future as you develop your application. If you can separate data and pages that can be cached from those that cannot, you’ll have an easier time using a cache to scale your web application with PHP and MySQL.

Scalability is an important consideration in web development today. There are a number of techniques for scaling your web application with PHP and MySQL. Modular design, abstracting the underlying details, using a framework and considering the impact of caching will all help you scale your web application with PHP and MySQL.

Michael Dorf is a professional software architect and instructor with a M.S. in Software Engineering and 12 years of industry experience. He teaches for LearnComputer! (learncomputer.com), which offers public and onsite instructor-led PHP and MySQL Training courses. Whether you prefer to sign up for our PHP/MySQL Course or just read an article on Best PHP Books, you will find many useful resources on our website.