Total Noob: How to setup a drag and drop page?

Firstly:

The Host:

Apache -

Apache is a powerful webhost used across many standarized professional and otherwise companies. Apache can be installed very swiftly, and moreover, is wrapped into a powerful package called 'WAMP' (Windows/Apache/MySQL/PHP(myadmin)), LAMP (Linux/Apache/MySQL/PHP(myadmin)), and XAMP (*(where *is any other OS)/Apache/MySQL/PHP(myadmin)). These preconfigred packages take approximately 10 minutes to fully install and become live. Not much configuration is needed on the Apache side beyond Advanced and Expert settings for Security and Page delivering.

The Layout:

XHTML -

This is the same as regular HTML. It just has rules, rules which you must code by. Wherein, you can write in XHTML Transitional or Strict, etc. Each writing style requires you to place certain elements and objects in certain places within the document in order for your browser to read it properly.

CSS -

CSS is simply a Cascade Styling Sheet. The name makes it more difficult than it is. Instead of writing inline, <div style="background:black">, or embedded, <style type="text/css"> //styles here </style>, you place it an external sheet, such as, mystyles.css. You will reference objects with IDs and Classes, so you can manipulate their display. For instance, <div id="hello">, in your style sheet, you could modify this by writing something like ->, div#hello{ background: black } - which would produce a black background in the <div> with the id hello. Alternatively, to affect more than one element, you could use <div class="goodbye">, and in your style sheet ->, div.goodbye{ background: black }, which would make every div with the class of 'goodbye' appear with a black background. You attach external CSS Documents by providing the reference to it, -> <link rel="stylesheet"

type="text/css"

href="mystyles.css" /> (With XHTML, we close out our tags with a /> instead of using </lInk> in older, deprecated HTML 2.0-4.0).

JavaScript -

JavaScript is for modifying the principal and primary functions and displays of elements and objects that you developed for, and created in your XHTML document. Within JavaScript, you may modify any element by referencing it, once again with an ID, or a Class. You also may create new objects as well. I won't go into a great deal of detail concerning javascript, because it's basically limitless. A good example of how to create a simple javascript function -

function sayHello(){

alert('Hello');

}

Apply the 'name of the function' to an action of an element, such as...

<div id="hello" onclick="sayHello()">

You should click this

</div>

Under these circumstances, on clicking the div of 'hello', the user will receive an alert box that says just that, Hello.

MySQL -

MySQL is a database Language. It's developed and built in a tabular format so you may store information in columns and rows. Most newbie-mysql users prefer an interface that allows them to see the physical changes / creations / deletions, instead of just using a text-based console. One great example of a strong interface for MySQL Database handling, is phpmyadmin. I once more, won't go into great deal about MySQL, as once you install phpmyadmin along side it, it's very simple to use. Create Columns with 'header names' such as, 'ID', 'Name', 'Age', 'City', Once you do this, you'll end up with a MySQL table that looks like ->

[ID] [NAME] [AGE] [CITY]

Now let's insert some data....

Let's say...John is 16 and lives in Arizona

Joan is 87 and lives in New York

[ID] [NAME] [AGE] [CITY]

1 John 16 Arizona

2 Joan 87 New York

(without seeing how the data got here, you get the idea of the visual appearance of data being inserted into the table.)

Let's wrap up the MySQL section. You can find documentation all across the internet about this.

phpMyAdmin -

I won't barely touch on phpmyadmin, other than it includes the very important three letters, 'p h p'.

PHP - PHP is very flexible. It can be used to develop your website completely, or you can just use it as a scripting language. Either way, PHP is very powerful. In this case, we would be using it to communicate between our (XHTML/JavaScript template) and our MySQL (Database Information). In order for your page to dynamically communicate with the mysql database, you must connect it with a language that can interpret both the client and server-side requests, then deliver the user the information in a fashion that you dictate. Principally speaking, PHP/phpMyAdmin/MySQL is a very straight forward setup. As you could figure out how to dynamically display data within 10 minutes of a php/phpmyadmin/mysql/apache setup. PHP will be the based ocument name. where, Myhomepage.php contains your XHTML.

a majority of those human beings have supposedly suggested it, and however the question continues to be there. this is going to no longer artwork whether this is ultimately deleted. The question will nonetheless exist in cached version someplace, so this is going to arise on a seek. i might rehearse the "See my image?" element if I have been you. yet you weren't doing something incorrect.