Website Design & Developemet
                 at Thymus World




                  By: Apurva Tripathi
Topics
•   Introduction of HTML
•   CSS
•   Scripts
•   Server side scripting: PHP
•   Project Details

 Sorry to being informal, It would be my pleasure to answer
  your queries while going through slides, Kindly ask any
  question at anytime you feel like asking.
Introduction To Web

• How it started?
                                 In 1991,Tim Berners-Lee created the World Wide
    Web at the European Laboratory for Particle Physics (CERN) in Geneva, Switzerland


•   Web Browser

•   Web Server
              The most popular Web server software is Apache HTTP Server (Apache)
How It Works?
       http://www.google.com/help/index.html



  Protocol   Domain name      Directory   Filename




             WebSite
HTML           CSS         SCRIPTING            DB
Into Depth

• Client- Server Architecture
Into Depth

• What is IP Address?
                   It is like your house address so anybody can reach there.

•   What is DNS?
                               This service helps browser to resolver the address

• Domain Name
• Hosting Space
• Name Servers
• FTP
HTML



• Hyper Text Markup Language
• Intoduced in 91,Nov 92 Nov 95, Jan 97, Dec 97, May 11
• Tim Burners-Lee was the Man
• Currently version is 5
• How it works?
CSS




Preparing the outlook and put the content inside it. We are almost there.
CSS

•   Cascading Style Sheet
•   Added in HTML 4.0
•   December 1996
•   Site-wide consistency
•   Bandwidth
•   Types: Inline, Internal, External
Scripting
JavaScript and Client-Side Scripting


JavaScript is:

    A client-side scripting language that allows Web page authors
    to develop interactive Web pages and sites.


Client-side scripting is:

    a language that runs on a local browser (on the client tier)
instead of on a Web server (on the processing tier)
Scripting
Server-Side Scripting and PHP

Server-side scripting refers to a scripting
language that is executed from a Web server

Hypertext Preprocessor (PHP) is a server-side
scripting language that is used to develop
interactive Web sites
   Is easy to learn
   Includes object-oriented programming capabilities
   Supports many types of databases (MySQL, Oracle etc.)
Scripting
Scripting
                     PHP

We never start PHP Deamon when we start apache it
start PHP interpreter.

PHP is linked to Apache with SAPI

PHP consist 3 modules (CORE, Zend Engine,
Extension Layer.

Core php handles requests, file streams, error
handling.

Zend Engine convert Human Readable code into
machine/ op-code in to a virtual machine.
Scripting
                 Operating System


                Web Server (Apache)



                       SAPI



                  PHP Interpreter



Zend API            Extension               Core PHP



  Zend Engine                       MySql Server
Scripting
Connectivity of PHP with DB Server
Here Comes The Project
       A Website for Electricity Department

 What do we need?

 Front End

 Back End

 Utilities

 Platform
The Project
A Website for Electricity Department
  Getting things ready to start working.
The Project
A Website for Electricity Department
               Home
The Project
A Website for Electricity Department
             Calculator
The Project
A Website for Electricity Department
             Back End
The Project
A Website for Electricity Department
            In a Nutshell
My Experiences!

 To start a project

 Code to Software

 Do the Needful

 Don’t waste time
Thank You!!
Got a Question?




            Contact me:
            alonemayank@gmail.com

Website design & developemet

  • 1.
    Website Design &Developemet at Thymus World By: Apurva Tripathi
  • 2.
    Topics • Introduction of HTML • CSS • Scripts • Server side scripting: PHP • Project Details  Sorry to being informal, It would be my pleasure to answer your queries while going through slides, Kindly ask any question at anytime you feel like asking.
  • 3.
    Introduction To Web •How it started? In 1991,Tim Berners-Lee created the World Wide Web at the European Laboratory for Particle Physics (CERN) in Geneva, Switzerland • Web Browser • Web Server The most popular Web server software is Apache HTTP Server (Apache)
  • 4.
    How It Works? http://www.google.com/help/index.html Protocol Domain name Directory Filename WebSite HTML CSS SCRIPTING DB
  • 5.
    Into Depth • Client-Server Architecture
  • 6.
    Into Depth • Whatis IP Address? It is like your house address so anybody can reach there. • What is DNS? This service helps browser to resolver the address • Domain Name • Hosting Space • Name Servers • FTP
  • 7.
    HTML • Hyper TextMarkup Language • Intoduced in 91,Nov 92 Nov 95, Jan 97, Dec 97, May 11 • Tim Burners-Lee was the Man • Currently version is 5 • How it works?
  • 8.
    CSS Preparing the outlookand put the content inside it. We are almost there.
  • 9.
    CSS • Cascading Style Sheet • Added in HTML 4.0 • December 1996 • Site-wide consistency • Bandwidth • Types: Inline, Internal, External
  • 10.
    Scripting JavaScript and Client-SideScripting JavaScript is: A client-side scripting language that allows Web page authors to develop interactive Web pages and sites. Client-side scripting is: a language that runs on a local browser (on the client tier) instead of on a Web server (on the processing tier)
  • 11.
    Scripting Server-Side Scripting andPHP Server-side scripting refers to a scripting language that is executed from a Web server Hypertext Preprocessor (PHP) is a server-side scripting language that is used to develop interactive Web sites Is easy to learn Includes object-oriented programming capabilities Supports many types of databases (MySQL, Oracle etc.)
  • 12.
  • 13.
    Scripting PHP We never start PHP Deamon when we start apache it start PHP interpreter. PHP is linked to Apache with SAPI PHP consist 3 modules (CORE, Zend Engine, Extension Layer. Core php handles requests, file streams, error handling. Zend Engine convert Human Readable code into machine/ op-code in to a virtual machine.
  • 14.
    Scripting Operating System Web Server (Apache) SAPI PHP Interpreter Zend API Extension Core PHP Zend Engine MySql Server
  • 15.
  • 16.
    Here Comes TheProject A Website for Electricity Department  What do we need?  Front End  Back End  Utilities  Platform
  • 17.
    The Project A Websitefor Electricity Department Getting things ready to start working.
  • 18.
    The Project A Websitefor Electricity Department Home
  • 19.
    The Project A Websitefor Electricity Department Calculator
  • 20.
    The Project A Websitefor Electricity Department Back End
  • 21.
    The Project A Websitefor Electricity Department In a Nutshell
  • 22.
    My Experiences!  Tostart a project  Code to Software  Do the Needful  Don’t waste time
  • 23.
    Thank You!! Got aQuestion? Contact me: alonemayank@gmail.com