Tutorials

Create your first web site. Grid system

In this lesson we'll continue to develop our first project. Today we'll consider very popular and actual approach in html code -grid system. The basis of this approach is float rule and width of block. This approach simplifies web developer's work. You only need...

read more

Create first web site. Create dropdown menu

In this lesson we'll continue to create our first web site, which we started last lesson. Today we'll create main menu and dropdown in our project. There a lot of ways to create dropdown menu. I'll show you one of it. But in future you can use your own way.

read more

Homework

Based on past lessons it is good to summarize. That's why I decided to give you homework. Your results you can send me to my email (in video description). Good luck! List of last lessons: What is the web site? Intro to html Key html tags Intro to CSS Id and classes in...

read more

CSS relative and absolute position

Last lesson we began discuss elements position, concretely  we learnt about fixed position (position:fixed;). In this lesson we'll discuss relative and absolute position. It is important to remember about elements relationship (parent and child elements). Relative...

read more

CSS position

Last lessons we were considering html block layout in detail - margin, padding. Also we were learning behavior and location of elements relative to each other. But how to dispose elements on the page without affecting the location other elements? For this purposes...

read more

CSS floats

In last lesson we considered html block layout. I remind, div tag has got two main characteristics - width and height by default. Bu the question is, how to make several divs in row. For this purpose CSS has got a rule - float. This rule can accept three values -...

read more

HTML block layout

In this lesson we'll talk about html block layout. There two main approaches in html layouts - block html layout and table html layout. Table html layout hasn't already used. it is not comfortable. Html block layout is very comfortable, flexible and understandable....

read more

Pin It on Pinterest