A tutorial on creating web sites for beginners - CSS, HTML, PHP, MySQL, JavaScript

In fact, course page creation is saying too much, but this article will present the basic, useful information for those wishing to get started with web development.
People who design web pages relatively short, or just do not feel this good, it will find the information and sometimes do not go in the wrong direction.
A tutorial on creating web sites for beginners - CSS, HTML, PHP, MySQL, JavaScript
At the beginning we know very foundations, that is, what language to what is (or rather what should .. I know that a Pole can be and how he wishes was surfing on the ironing board).


HTML is used to create the skeleton - the logical layer (header, menu, footer, content, paragraph, etc.) - should not be used to shape the appearance of the HTML page, the background color, font, size anything (blocks of text, fonts, header etc). It is a knock once and for all: HTML is responsible for distributing the content into logical sections.


Cascading Style Sheets, or CSS are used to shape the look of our website. So we created using skeleton HTML page (header, menu, block the main text, footer, etc) and now using CSS, we can have an impact on the appearance of these elements, the size, margins, alignment (relations between) the color, etc. CSS can written (in fact we should do so) to an external file. Pointing to using CSS to specific elements of HTML tags is done by class (class = "name") and identifiers (id = "name").

HTML and CSS is used to make static pages. If you want to have a dynamic page (CMS, forum, portal, etc.) comes to us with the help of PHP.


PHP is a programming language similar to C / C + + server-side (or on our hosting). By. me is quite simple, simpler than C / C + + (because its syntax is much simpler, such as the lack of variable declarations, and has a very substantial base built-in functions), some argue that by this simplification easier to program and easier to make mistakes - perhaps this is true, I find it hard to assess (rather encodes only in PHP).
Why do we need it PHP? If you want to create a dynamic page, then just write a script in PHP that such "sticky" We header, menu, content and footer. Depending on your choice from the menu script doklei us the right content to the header and footer menu. It's a simple example.
It is worth noting (for those green especially) that the PHP on the server generates HTML and sends it to the browser. So you can not preview a PHP page, we'll see only the effect of this script, which said generated HTML. In addition, application of this begs the obvious - PHP is an HTML generator, therefore, does not in itself be used to create pages and to make use of it you need to know HTML.


MySQL is a type of SQL database - one of the most popular (eg FOR IN zemnie used ;)). The database comes to our aid if we are a fairly comprehensive site that is growing all the time - comes its content. So it is such a forum, website, blog, etc. MySQL is based on SQL queries (like MS Access). All MySQL data can be represented precisely in these queries. But the base itself will not help us. To use MySQL you must also use PHP. Using PHP to connect to our database, we send the request (eg, "Get a list of userów" - "SELECT * FROM tabela_userzy ') charge response in the form of a PHP array and do this on what we want, for example, list the userów) .

Nowadays, web development is very fast and HTML itself is not enough. Increasingly, it is necessary to connect HTML + CSS + PHP + MySQL. But there is


JavaScript, in a nutshell is the JS language for scripting, client-side - that is, in our browser. The script is sent to the browser on your computer and perform an action. In some cases it is quite a big convenience. A simple example: I am writing this guide and now I want to add bold, Select the text in the editor, click on the bold, JS performs an action - adds the appropriate bbcode to text in the editor.
This is just a small example. But the JS in conjunction with other languages ​​can be a powerful tool for adding high interactivity on the site and reduces the load on the server (eg, AJAX).

To sum up everything
We want to start to create a website? Let's start in the correct order, such as I stated previously, the first beginning to learn the HTML, then CSS, PHP, MySQL. JavaScript is still, I left at the end, because it is not necessary to create pages, for example I am using ready-made solutions. As we would like to start learning JS that's for sure, this should take place after mastering HTML "and CSS.

Related entries:

  • Good editor for HTML, CSS, PHP, MySQL, JavaScript

    Good editor for HTML, CSS, PHP, MySQL, JavaScript

    As a webmaster with many years of experience used a relatively small number of editors to create web pages. Nevertheless, the desire to share your insights. As for HTML editor then you should make a distinction at the start of two types: text editor - direct editing of HTML WYSIWYG editor (called What You See Is What You Get which means literally, What you see is what you get) When creating pages using WYSIWYG editor does not need to know HTML, ...
  • Why do not we do the parties based on a grid

    Why do not we do the parties based on a grid

    Very briefly describe the construction of the problem based on the tables. Present drawbacks and advantages (if any come to my mind when writing). The term site based on the tables refers to the main structure of the website and its smaller parts. In practice, this often manifests itself by hiding table borders and multiple nesting them in ourselves. Then creates a kind of grid, where you can design the page. For example, Home ...
  • Unethical SEO - Black Hat SEO

    Unethical SEO - Black Hat SEO

    Unethical SEO, English-speaking market called Black Hat SEO is a very popular method of shill sites ranking on Google. In principle, the same positioning is already quite controversial, because artificially affect the position of your website in search engines. Thus, to determine whether the positioning is ethical or not, is quite smooth. But surely some techniques clearly among those from the black hat. Popular methods used in ...
  • What is SEO

    What is SEO

    Search engine optimization (SEO - Search Engine Optimization) is the position of influencing the results of search engines. Nowadays, SEO refers mainly to Google and is not surprising, since it is this search engine generates the most traffic on the Internet. SEO because of the chosen method can be divided into two groups: White Hat SEO (white hat) is a term for ...
  • Quick Guide conditional if

    Quick Guide conditional if

    More than once I was looking on the internet write a conditional statement if abbreviated. It is often useful, especially when assigning a value to a variable. In this case it is a conditional assignment of values ​​for the variable. There is not much to write, these things are best explained and illustrated with examples. Standard if statement: if ($ condition) {/ / do the if $ condition is true} else {/ / do the if $ condition is not satisfied} slightly shorter version of the if statement: if ...
  • Rounded corners with CSS

    Rounded corners with CSS

    Everyone wants to have rounded corners on its website. Practically, as their is not a party is not suitable for viewing must keep up with fashion trends otherwise poorly done some time ago it was quite embarrassing. Such rounding had to be done by using files. Fortunately, now it is much simpler method. With the help comes to us CSS3. To round off an item, just add this code to your CSS:. Element_z_zaokraglonymi_rogami {...


  1. On Monday, 26 March 2012, at 16:46 Slawek wrote / a:

    Where can I find this course? I see only have any simplified introduction.

Add a comment

* - Required field