pBook‎ > ‎InterNet‎ > ‎Framework‎ > ‎

Diff. roles of PHP, MySQL, HTML, CSS in modern web dev.


1. we send a request URL to the server. 
Then the server runs PHP and MySQL then gets the message and returns the result in text and tables in HTML, fonts and styles in CSS and might have some Javascript (not required)
The below image shows this interactions (Jquery, prototype); does client side scripting; dynamic user interactions.

On the server side we have scripting, logic in the server side. It does harder parts in the server sides to make it lighter for the user.
---
HTML:

<html>
...
</html>
generates the output in the static sense. It's good for putting images and text in the website. 
---
If we want to have style in the webpage the part of CSS jumps in. 
What ever is putted in the 
<style>
....
</style>
is called CSS. It has margin, ....

We can have container class in the 
<html>
<head>
    <title> Coders Cult  </title>
     <style>  <!-- css part -->
            body {padding: 20px 0; font-family: sans-serif; fon...}
            .container {width: 600px; margin; 0 auto;}
            .header {border: 1px solid #999; padding 10px;}
            .header h1 {padding: 0 0  5px 0; margin; 0; color: #005}
            .header div {font-size: 9pt;}
            .content {padding: 10px;}
            .footer {font-s9ze 9pt; border-top: 1px solid #999; ...}
     </style>
    <script> <~-- java script part that does client side validation -->
        function validateAnswer(fld) {
                    if (fld.value < 2 || fld.value > 20)
                        alert('your answer has to be a number from 2 to 20');
                     fld.focus();
                      return false;
        }
       </script>

</head>
<body>
<div class ="container"">
    <div class ="header">
        <h1> Today is hello day ~ </h1>
    </div>
    <div class = "content">
        <form method="post" onsubmit = "return validateAnswer(this.answer)">
            <p> what is 2 + 3" </p>
            <label> Your Answer is:  </label>
            <input type ="text" name ="answer" size ="5" value ="">
            <input type ="submit"  value ="Check my answer">
            </form>
    </div>
    <div class = "footer">
        <p> Copyright &copy; 2013 CodersCult.com</p>
    </div>
</div>
</body>
</html>

ċ
Default_0.html
(1k)
Javad Taghia,
Dec 19, 2014, 7:08 AM
ċ
Web.config
(1k)
Javad Taghia,
Dec 19, 2014, 7:09 AM
ċ
default.aspx
(2k)
Javad Taghia,
Dec 19, 2014, 7:08 AM
ċ
default.aspx.cs
(0k)
Javad Taghia,
Dec 19, 2014, 7:08 AM
ċ
default.aspx.designer.cs
(0k)
Javad Taghia,
Dec 19, 2014, 7:08 AM
ċ
emal-validation.js
(0k)
Javad Taghia,
Dec 19, 2014, 7:09 AM
ċ
form-style.css
(1k)
Javad Taghia,
Dec 19, 2014, 7:09 AM
Comments