HTML5 and CSS3 The foundations of a modern website

flag language

You can do websites in at least several ways using a variety of technologies. The latest trends prefer "light", fast pages, enriched with attractive colors, graphics and even movies and sound. The easiest way to design just such websites is to use free tools and free programming languages.

HTML5 and CSS3 The foundations of a modern website

HTML5 and CSS3 The foundations of a modern website

 

In this course you will first learn the basics of knowledge about two basic technologies: HTML5 and CSS3, then you will get the minimum necessary knowledge of jQuery, which is nothing more than a JavyScript library. The next step is the analysis of the HTML5 website code files attached to the training, which will mean that you can combine the outline of the theory with the practical records of actually working websites.

 

HTML5 and CSS3 The foundations of a modern website

When building a website in HTML5, you can of course write completely from scratch html, css or jQuery code, but a faster solution will be to reach for already existing files, e.g. the provided html structure (files attached to the training). Especially that the beginning of the construction of the html page is the development of the html 5 tree - so-called DOM (Document Object Model). Of course, the attached files are based on an example tag layout and in the future you will probably make changes in the attached html structure yourself, making your code the best suited to your projects. While some div tags can be set very differently, the basic structure is always immutable. Take a look at HTML 5 below.
HTML5 is the structure (so-called DOM of the Document Object Model) of a website.

The page is built using markers that define different parts of the website. Here is an example of the HTML 5 code for a simple web page:
<! Doctype html>
<html>
 <head>
 <meta charset = "UTF-8">
 <title> Designing and creating responsive websites </title>
 </head>
 <body>
 <p> WEBSITE CONTENT </p>
 </body>
</html>
The above page (or the actual web page code) contains all the basic elements.
At the beginning of the document there is a declaration of the document type:
<! Doctype html>
next the <html> tag - in angle brackets, the <head>
header

 

Each tag is closed and the document ends with a closing tag </html>. Analyze the place of opening and closing each of the markers. This arrangement will be in built web pages based on HTML, CSS and JS.

The HTML5 tag: <! Doctype html> is a new type of document written in HTML5. This language - HTML5 - compared to its predecessors (eg HTML4) is to be easier to use, simpler than previous versions and is to be only the structure of the page, all kinds of "embellishments" and interaction leaving other technologies, such as CSS and JS. Therefore, it is avoided to give tags properties directly in the html document. In html 5 only links to selectors and their properties contained in the css style sheet file are placed. Just lost? Do not worry. There is a good chance that after getting acquainted with this training and analyzing the attached html and css files - you will understand the basics of building responsive css pages.
Important information - a file with the extension .html
• you edit in your editing program, eg Notepad ++
• you open in a web browser.

 

HTML5 and CSS3 The foundations of a modern website

HTML 5 structure - a minimum of what must be included in the HTML 5 code

    <!DOCTYPE html>
    <html lang="pl">
    <head>
       <meta charset="utf-8">
       <title>Page Title</title>
       <link rel="stylesheet" href="//www.poswojsku.info/style.css">
       <script src="//www.poswojsku.info/script.js"></script>
    </head>
    <body>
    ... <!-- The rest is content -->
    </body>
    </html>

 HTML 5 includes simplified js script loading:

    <script src="//www.poswojsku.info/script.js"></script>


 STATIONARY TRAINING and IT CONSULTING

If you are interested

* stationary training - I conduct both open and closed trainings and / or

* IT consulting - I create responsive and mobile websites, I advise on necessary changes to existing websites

in the field of Creating responsive and mobile websites, including HTML5, CSS3, JavaScript, Drupal 7, JSON, jQuery, Angularjs, Backbonejs, nodejs - please contact: marketing@poswojsku.eu


 

 Continued: Free programs for writing html code best free css editors ..

See in the side menu similar articles to: HTML5 and CSS3 The foundations of a modern website ..

szkolenia bezpłatne kolejne lekcje
kursy, porady, artykuły znajdziesz w Menu Tematycznym