Все технические форумы на одном сайте Удобный поиск информации с популярных форумов в одном месте
Вопрос: Въехать в программирование, развитие логики...

...или вопрос о том как стать программистом...
Следует ли начинать погружаться в программирование (в данном случае это будет веб: JS + JQuery, PHP + MySQL и, возможно программирование игр на C# + Unity3d) сразу с изучения языка?  
Возможно следует заняться развитием "логики программиста" и научиться правильнее продумывать алгоритмы и решения задач...или что-то еще?
Это я к чему...к тому, что еще с курса колледжа по Basic и Pascal мне не была понятна некоторая масса задач, я просто не понимал как подойти к их решению.
 
Следует ли мне что-то почитать, посмотреть либо послушать на YouTube до того как приступить к изучения JS?
Ответ: xSPiRiTx
если вы умеете программировать хотя бы на одном языке, то остальные не должны вызывать никаких трудностей вообще. если, конечно, именно понимаете что пишете, а не просто знаете синтаксис.
 

Цитата:
развитием "логики программиста"

это все должно приобретаться из опыта, а не по бумажке.
более того, зачастую различные решения и алгоритмы решаются по мере написания кода, так как невозможно предвидеть все ситуации. даже если при этом приходится переписать то, что уже было написано ранее.
 
а логика - вы либо представляете как работает код (для этого достаточно знать синтаксис, в большинстве случаев), либо вам сложно представить и это говорит о том, что программерство - не ваше.
 
ps: еще в былые времена Atari, ZX Spectrum и Корветов, я учился писать код без каких либо книжек (кои тогда было сложно найти), просто получая урывками знания из разных источников и методом клика.
Вопрос: Самообучение и развитие

Добрый день. Кто поможет составить план изучения веб программирования с нуля? книги, статьи, видео и т.д.
Возможно кто то из Вас так же начинал.
Возможно кто то может помочь или преподать курсы индивид. или присоединится к изучению самостоятельно.
Ответ:
Сообщение от tisha_
почему?
Потому-что видео в своём большинстве пишут люди, которые хотят на нём заработать нежели кого-то чему-то научить...
Вопрос: Самообучение и развитие

Добрый день. Кто поможет составить план изучения веб программирования с нуля? книги, статьи, видео и т.д.
Возможно кто то из Вас так же начинал.
Возможно кто то может помочь или преподать курсы индивид. или присоединится к изучению самостоятельно.
Ответ:
Всем привет!
Для тех, кто желает изучить программирование web-страниц с нуля или увеличить экспертность своих знаний в данной теме, современный образовательный проект OnlineZnaniya.ru предлагает авторский курс: «Технология создания web-страниц с нуля под ключ» - 
Курс состоит из практических видеоуроков с домашними заданиями и личной обратной связью эксперта! 

Видеокурс находится в процессе записи и сейчас есть уникальная возможность приобрести его со скидкой 70%. Только 10 человек смогут воспользоваться данным предложением в течение 5 дней, на сегодняшний день осталось всего 7. 

Первый урок уже записан и вы можете его посмотреть - бесплатно!

Для просмотра урока, кликните по ссылке - 

--
Возникли вопросы, пиши мне
Евгения Лисичкина 
Менеджер проекта OnlineZnaniya.ru
Skype: Evgenia1q2w
vk.com/onlineznaniya
help@onlineznaniya.ru 


Вопрос: В разных браузерах картинки в шапке имеют разное положение

В разных браузерах картинки в шапке имеют разное положение как решить данный вопрос?
если флоаты использовать данной проблемы нет, но их больше не используют

Добавлено через 3 минуты
HTML5
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91
92
93
94
95
96
97
98
99
100
101
102
103
104
105
106
<!DOCTYPE html>
<html>
    <head>
    <meta charset='utf-8'><!--Кодировка --> 
    <link rel='shortcut icon' href='/favicon.ico' type='image/x-icon'><!--пдоключаем иконку ее размер должен быть от 16х16 до 48х48(не поддежриватеся IE6 и ниже(нужно упоковать в один файл ico 2 иконки 16x16 и 48х48)( допускается использование GIF и PNG для этого меняем type на image/gif или image/png)--> 
    <link href='style.css' rel='stylesheet' type='text/css'><!--подключаем файл стилей--> 
    <script type='text/javascript' src='js/jquery-2.2.1.min.js'></script><!--подключаем автономно  бибилиотеку jquery --> 
    <script type='text/javascript' src='js/jq.js'></script><!--подключаем свой скрипт для задания свойств меню (#menu) -->  
        <title>главная страница</title>
        
    </head>
    <body>
        <div id='main'>  <!-- блок  включающий в себя все содержимое страницы целиком-->
            <div id='header'> <!--блок включающий в себя всю полностью шапку-->         
                <div class='logo'><!--логотип-->
                    <a class='logo-item'>HT</a>
                </div>
                <div class='slogan'></h1><!-- задаем класс для слоган(название сайта)-->
                    <a class='slogan-item'>Информационно-развлекательный портал</a> <!-- текст в слогане-->
                </div>
                <div id ='head-conact-sh'><!-- блок  включающий в себя правую надпись в шапке + форму поиска -->
                    <div id ='head-conact'><!--правая надпись в шапке-->
                    <p>Администрация сайта не несет ответсвенности за публикуемые материалы.По всем вопросам обращайтесь  к авторам статей.<br>
                        <a href ='#'>Правила сайта </a></p>
                                
                    </div>
                    <div id ='search-headdv'>
                        <form method ='get' action=''><!--форма поиска, get предназначен для получения требуемой информации и передачи данных в адресной строке ограничение по отправке данных в 4 Кб, action указывает обработчик, к которому обращаются данные формы при их отправке на сервер-->
                        <ul class='search-head'><!--cоздаем списки для вывода блоков с текстовым полем и кнопкой поиск-->
                            <li>
                        <input type='search' name='text'class='search-style' name='search-form' placeholder='Что будем искать?'><!-- input-предназначен для создания текстовых полей, различных кнопок, search-Поле для поиска, name-Устанавливает идентификатор метатега для пары «имя=значение»(это якорь) , placeholder Выводит текст внутри поля формы, который исчезает при получении фокуса.-->
                            </li> 
                        <li>
                            <input type ='image' class='search-btn' src='img/search-btn.jpg'  name ='search'/><!--выводим кнопку поиска в виде картинки, class='search-btn' класс для управления кнопкой поиска(src обязательный атрибут)-->
                        </li>
                        </ul> 
                        </form>
                    </div>
                </div>
                </div>
                    <div id='menu'><!--стили для меню-->
                    <ul>
                            <li> <a href='#'>Главная </a></li><!--это пункты меню, они будут являться ссылками-->
                            <li> <a href='#'>О играх</a>
                        <ul>
                                <li> <a href='#'>Подраздел 1</a></li>
                                <li> <a href='#'>Подраздел 2</a>
                            <ul>
                                <li> <a href='#'>Подраздел 1.1</a></li>
                            </ul>
                        </ul>
                            <li> <a href='#'>Программирование</a>   <!-- <li> jпределяет отдельный элемент списка-->
                        <ul>
                            <li> <a href='#'>Подраздел 1</a></li>
                            <li> <a href='#'>Подраздел 2</a></li>
                        </ul>
                        <li> <a href='#'>Мобильные телефоны </a>
                        <ul>
                            <li> <a href='#'>Подраздел 1</a></li>
                            <li> <a href='#'>Подраздел 2</a></li>
                        </ul>
                        <li> <a href='#'>Планшеты и консоли</a>
                        <ul>
                            <li> <a href='#'>Подраздел 1</a></li>
                            <li> <a href='#'>Подраздел 2</a></li>
                        </ul>
                        <li> <a href='#'>Софт</a>
                        <ul>
                            <li> <a href='#'>Подраздел 1</a></li>
                            <li> <a href='#'>Подраздел 2</a></li>
                        </ul>
                        <li> <a href='#'>Прочее</a>
                        <ul>
                            <li> <a href='#'>Подраздел 1</a></li>
                            <li> <a href='#'>Подраздел 2</a></li>
                        </ul>
                        <li> <a href='#'>Форум</a></li>
                    </ul>       
                </div>  
            
            <div id='contentwrapper'><!-- блок включающий в себя  центральную область, левую и правую колонки(в данном случае  нужен чтобы сделать отступ в высоту шапки (чтобы сайт не принимал  значение высоты шапки)) -->           
                <div id = 'left-bar' > <!-- блок включающий в себя левую колонку-->
                left
                </div>
                
                <div id = 'right-bar' ><!-- блок включающий в себя правую колонку-->
                right
                </div>
                <div id = 'content' ><!-- блок включающий в себя центральную область-->
                Задача организации, в особенности же рамки и место обучения кадров в значительной степени обуславливает создание позиций, занимаемых участниками в отношении поставленных задач. Таким образом рамки и место обучения кадров позволяет оценить значение модели развития. Таким образом постоянный количественный рост и сфера нашей активности играет важную роль в формировании существенных финансовых и административных условий. Задача организации, в особенности же постоянный количественный рост и сфера нашей активности представляет собой интересный эксперимент проверки направлений прогрессивного развития.
Идейные соображения высшего порядка, а также постоянный количественный рост и сфера нашей активности позволяет выполнять важные задания по разработке форм развития. Повседневная практика показывает, что рамки и место обучения кадров требуют определения и уточнения существенных финансовых и административных условий. Разнообразный и богатый опыт новая модель организационной деятельности представляет собой интересный эксперимент проверки существенных финансовых и административных условий. Таким образом сложившаяся структура организации в значительной степени обуславливает создание новых предложений. Значимость этих проблем настолько очевидна, что консультация с широким активом позволяет выполнять важные задания по разработке направлений прогрессивного развития.
Разнообразный и богатый опыт сложившаяся структура организации требуют от нас анализа направлений прогрессивного развития. Товарищи! постоянное информационно-пропагандистское обеспечение нашей деятельности в значительной степени обуславливает создание дальнейших направлений развития. Равным образом укрепление и развитие структуры обеспечивает широкому кругу (специалистов) участие в формировании системы обучения кадров, соответствует насущным потребностям. Разнообразный и богатый опыт реализация намеченных плановых заданий позволяет оценить значение новых предложений.
Не следует, однако забывать, что сложившаяся структура организации влечет за собой процесс внедрения и модернизации форм развития. Равным образом сложившаяся структура организации влечет за собой процесс внедрения и модернизации форм развития. Разнообразный и богатый опыт реализация намеченных плановых заданий представляет собой интересный эксперимент проверки системы обучения кадров, соответствует насущным потребностям. Повседневная практика показывает, что постоянное информационно-пропагандистское обеспечение нашей деятельности обеспечивает широкому кругу (специалистов) участие в формировании дальнейших направлений развития.
Идейные соображения высшего порядка, а также дальнейшее развитие различных форм деятельности играет важную роль в формировании новых предложений. Товарищи! рамки и место обучения кадров обеспечивает широкому кругу (специалистов) участие в формировании форм развития. Равным образом дальнейшее развитие различных форм деятельности обеспечивает широкому кругу (специалистов) участие в формировании форм развития. Не следует, однако забывать, что рамки и место обучения кадров способствует подготовки и реализации систем массового участия. С другой стороны реализация намеченных плановых заданий в значительной степени обуславливает создание модели развития.
Разнообразный и богатый опыт постоянный количественный рост и сфера нашей активности требуют определения и уточнения направлений прогрессивного развития. Товарищи! новая модель организационной деятельности играет важную роль в формировании соответствующий условий активизации. Идейные соображения высшего порядка, а также начало повседневной работы по формированию позиции позволяет выполнять важные задания по разработке соответствующий условий активизации.
Значимость этих проблем настолько очевидна, что сложившаяся структура организации играет важную роль в формировании соответствующий условий активизации. Не следует, однако забывать, что постоянное информационно-пропагандистское обеспечение нашей деятельности представляет собой интересный эксперимент проверки дальнейших направлений развития. С другой стороны постоянный количественный рост и сфера нашей активности позволяет выполнять важные задания по разработке новых предложений. С другой стороны постоянное информационно-пропагандистское обеспечение нашей деятельности влечет за собой процесс внедрения и модернизации новых предложений. Значимость этих проблем настолько очевидна, что начало повседневной работы по формированию позиции влечет за собой процесс внедрения и модернизации новых предложений.
Повседневная практика показывает, что сложившаяся структура организации способствует подготовки и реализации направлений прогрессивного развития. Таким образом дальнейшее развитие различных форм деятельности способствует подготовки и реализации системы обучения кадров, соответствует насущным потребностям. Повседневная практика показывает, что консультация с широким активом требуют от нас анализа существенных 
                </div>
                
                <div id = 'footer' ><!--подвал-->
                footer
            </div>
        </div>  
        </div>
    </body>
 </html>
Ответ:
HTML5
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91
92
93
94
95
96
97
98
99
100
101
102
103
104
105
106
<!DOCTYPE html>
<html>
    <head>
    <meta charset='utf-8'><!--Кодировка --> 
    <link rel='shortcut icon' href='/favicon.ico' type='image/x-icon'><!--пдоключаем иконку ее размер должен быть от 16х16 до 48х48(не поддежриватеся IE6 и ниже(нужно упоковать в один файл ico 2 иконки 16x16 и 48х48)( допускается использование GIF и PNG для этого меняем type на image/gif или image/png)--> 
    <link href='style.css' rel='stylesheet' type='text/css'><!--подключаем файл стилей--> 
    <script type='text/javascript' src='js/jquery-2.2.1.min.js'></script><!--подключаем автономно  бибилиотеку jquery --> 
    <script type='text/javascript' src='js/jq.js'></script><!--подключаем свой скрипт для задания свойств меню (#menu) -->  
        <title>главная страница</title>
        
    </head>
    <body>
        <div id='main'>  <!-- блок  включающий в себя все содержимое страницы целиком-->
            <div id='header'> <!--блок включающий в себя всю полностью шапку-->         
                <div class='logo'><!--логотип-->
                    <a class='logo-item'>HT</a>
                </div>
                <div class='slogan'></h1><!-- задаем класс для слоган(название сайта)-->
                    <a class='slogan-item'>Информационно-развлекательный портал</a> <!-- текст в слогане-->
                </div>
                <div id ='head-conact-sh'><!-- блок  включающий в себя правую надпись в шапке + форму поиска -->
                    <div id ='head-conact'><!--правая надпись в шапке-->
                    <p>Администрация сайта не несет ответсвенности за публикуемые материалы.По всем вопросам обращайтесь  к авторам статей.<br>
                        <a href ='#'>Правила сайта </a></p>
                                
                    </div>
                    <div id ='search-headdv'>
                        <form method ='get' action=''><!--форма поиска, get предназначен для получения требуемой информации и передачи данных в адресной строке ограничение по отправке данных в 4 Кб, action указывает обработчик, к которому обращаются данные формы при их отправке на сервер-->
                        <ul class='search-head'><!--cоздаем списки для вывода блоков с текстовым полем и кнопкой поиск-->
                            <li>
                        <input type='search' name='text'class='search-style' name='search-form' placeholder='Что будем искать?'><!-- input-предназначен для создания текстовых полей, различных кнопок, search-Поле для поиска, name-Устанавливает идентификатор метатега для пары «имя=значение»(это якорь) , placeholder Выводит текст внутри поля формы, который исчезает при получении фокуса.-->
                            </li> 
                        <li>
                            <input type ='image' class='search-btn' src='img/search-btn.jpg'  name ='search'/><!--выводим кнопку поиска в виде картинки, class='search-btn' класс для управления кнопкой поиска(src обязательный атрибут)-->
                        </li>
                        </ul> 
                        </form>
                    </div>
                </div>
                </div>
                    <div id='menu'><!--стили для меню-->
                    <ul>
                            <li> <a href='#'>Главная </a></li><!--это пункты меню, они будут являться ссылками-->
                            <li> <a href='#'>О играх</a>
                        <ul>
                                <li> <a href='#'>Подраздел 1</a></li>
                                <li> <a href='#'>Подраздел 2</a>
                            <ul>
                                <li> <a href='#'>Подраздел 1.1</a></li>
                            </ul>
                        </ul>
                            <li> <a href='#'>Программирование</a>   <!-- <li> jпределяет отдельный элемент списка-->
                        <ul>
                            <li> <a href='#'>Подраздел 1</a></li>
                            <li> <a href='#'>Подраздел 2</a></li>
                        </ul>
                        <li> <a href='#'>Мобильные телефоны </a>
                        <ul>
                            <li> <a href='#'>Подраздел 1</a></li>
                            <li> <a href='#'>Подраздел 2</a></li>
                        </ul>
                        <li> <a href='#'>Планшеты и консоли</a>
                        <ul>
                            <li> <a href='#'>Подраздел 1</a></li>
                            <li> <a href='#'>Подраздел 2</a></li>
                        </ul>
                        <li> <a href='#'>Софт</a>
                        <ul>
                            <li> <a href='#'>Подраздел 1</a></li>
                            <li> <a href='#'>Подраздел 2</a></li>
                        </ul>
                        <li> <a href='#'>Прочее</a>
                        <ul>
                            <li> <a href='#'>Подраздел 1</a></li>
                            <li> <a href='#'>Подраздел 2</a></li>
                        </ul>
                        <li> <a href='#'>Форум</a></li>
                    </ul>       
                </div>  
            
            <div id='contentwrapper'><!-- блок включающий в себя  центральную область, левую и правую колонки(в данном случае  нужен чтобы сделать отступ в высоту шапки (чтобы сайт не принимал  значение высоты шапки)) -->           
                <div id = 'left-bar' > <!-- блок включающий в себя левую колонку-->
                left
                </div>
                
                <div id = 'right-bar' ><!-- блок включающий в себя правую колонку-->
                right
                </div>
                <div id = 'content' ><!-- блок включающий в себя центральную область-->
                Задача организации, в особенности же рамки и место обучения кадров в значительной степени обуславливает создание позиций, занимаемых участниками в отношении поставленных задач. Таким образом рамки и место обучения кадров позволяет оценить значение модели развития. Таким образом постоянный количественный рост и сфера нашей активности играет важную роль в формировании существенных финансовых и административных условий. Задача организации, в особенности же постоянный количественный рост и сфера нашей активности представляет собой интересный эксперимент проверки направлений прогрессивного развития.
Идейные соображения высшего порядка, а также постоянный количественный рост и сфера нашей активности позволяет выполнять важные задания по разработке форм развития. Повседневная практика показывает, что рамки и место обучения кадров требуют определения и уточнения существенных финансовых и административных условий. Разнообразный и богатый опыт новая модель организационной деятельности представляет собой интересный эксперимент проверки существенных финансовых и административных условий. Таким образом сложившаяся структура организации в значительной степени обуславливает создание новых предложений. Значимость этих проблем настолько очевидна, что консультация с широким активом позволяет выполнять важные задания по разработке направлений прогрессивного развития.
Разнообразный и богатый опыт сложившаяся структура организации требуют от нас анализа направлений прогрессивного развития. Товарищи! постоянное информационно-пропагандистское обеспечение нашей деятельности в значительной степени обуславливает создание дальнейших направлений развития. Равным образом укрепление и развитие структуры обеспечивает широкому кругу (специалистов) участие в формировании системы обучения кадров, соответствует насущным потребностям. Разнообразный и богатый опыт реализация намеченных плановых заданий позволяет оценить значение новых предложений.
Не следует, однако забывать, что сложившаяся структура организации влечет за собой процесс внедрения и модернизации форм развития. Равным образом сложившаяся структура организации влечет за собой процесс внедрения и модернизации форм развития. Разнообразный и богатый опыт реализация намеченных плановых заданий представляет собой интересный эксперимент проверки системы обучения кадров, соответствует насущным потребностям. Повседневная практика показывает, что постоянное информационно-пропагандистское обеспечение нашей деятельности обеспечивает широкому кругу (специалистов) участие в формировании дальнейших направлений развития.
Идейные соображения высшего порядка, а также дальнейшее развитие различных форм деятельности играет важную роль в формировании новых предложений. Товарищи! рамки и место обучения кадров обеспечивает широкому кругу (специалистов) участие в формировании форм развития. Равным образом дальнейшее развитие различных форм деятельности обеспечивает широкому кругу (специалистов) участие в формировании форм развития. Не следует, однако забывать, что рамки и место обучения кадров способствует подготовки и реализации систем массового участия. С другой стороны реализация намеченных плановых заданий в значительной степени обуславливает создание модели развития.
Разнообразный и богатый опыт постоянный количественный рост и сфера нашей активности требуют определения и уточнения направлений прогрессивного развития. Товарищи! новая модель организационной деятельности играет важную роль в формировании соответствующий условий активизации. Идейные соображения высшего порядка, а также начало повседневной работы по формированию позиции позволяет выполнять важные задания по разработке соответствующий условий активизации.
Значимость этих проблем настолько очевидна, что сложившаяся структура организации играет важную роль в формировании соответствующий условий активизации. Не следует, однако забывать, что постоянное информационно-пропагандистское обеспечение нашей деятельности представляет собой интересный эксперимент проверки дальнейших направлений развития. С другой стороны постоянный количественный рост и сфера нашей активности позволяет выполнять важные задания по разработке новых предложений. С другой стороны постоянное информационно-пропагандистское обеспечение нашей деятельности влечет за собой процесс внедрения и модернизации новых предложений. Значимость этих проблем настолько очевидна, что начало повседневной работы по формированию позиции влечет за собой процесс внедрения и модернизации новых предложений.
Повседневная практика показывает, что сложившаяся структура организации способствует подготовки и реализации направлений прогрессивного развития. Таким образом дальнейшее развитие различных форм деятельности способствует подготовки и реализации системы обучения кадров, соответствует насущным потребностям. Повседневная практика показывает, что консультация с широким активом требуют от нас анализа существенных 
                </div>
                
                <div id = 'footer' ><!--подвал-->
                footer
            </div>
        </div>  
        </div>
    </body>
 </html>
Добавлено через 2 минуты
Ребят что неужели трудно подсказать
Вопрос: Каким образом можно выровнять колонки

Не могу выровнять колонки и сделать контейнер по всей длине
HTML5
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
<!DOCTYPE html>
<html>
     <!-- Этот раздел предназначен для заголовка страницы и технической информации. -->
    <head>
        <meta charset="utf-8" />
        <meta name="viewport" content="width=device-width, initial-scale=1.0" />
        <title>Адаптивный шаблон</title>
        <!--[if lt IE 9]>
        <script src="http://html5shiv.googlecode.com/svn/trunk/html5.js"></script>
    <![endif]-->
        <link rel="stylesheet" type="text/css" href="css/normalize.css" /><!--это небольшой CSS-файл, который обеспечивает для HTML-элементов лучшую кроссбраузерность в стилях по умолчанию-->
        <link rel="stylesheet" type="text/css" href="css/style.css" /><!-- стили -->
    </head>
    <!-- END -->
    
    <body>
    <!-- А здесь надо размещать все, что хочется увидеть на странице. -->
    <div class="container"><!--контейнер для содержимого всей страницы -->
        <div class="header">
        
        <!-- шапка-->
        </div>
        
            <div class="left_bar">
            Ваш шедевр готов!
Таким образом дальнейшее развитие различных форм деятельности требуют определения и уточнения позиций, занимаемых участниками в отношении поставленных задач. Не следует, однако забывать, что укрепление и развитие структуры влечет за собой процесс внедрения и модернизации существенных финансовых и административных условий.
 
С другой стороны начало повседневной работы по формированию позиции способствует подготовки и реализации системы обучения кадров, соответствует насущным потребностям. Повседневная практика показывает, что дальнейшее развитие различных форм деятельности позволяет оценить значение системы обучения кадров, соответствует насущным потребностям. Разнообразный и богатый опыт постоянный количественный рост и сфера нашей активности требуют определения и уточнения форм развития. Значимость этих проблем настолько очевидна, что начало повседневной работы по формированию позиции требуют от нас анализа системы обучения кадров, соответствует насущным потребностям. С другой стороны постоянное информационно-пропагандистское обеспечение нашей деятельности способствует подготовки и реализации дальнейших направлений развития.
            </div>
            <div class="content_center">
    Ваш шедевр готов!
Задача организации, в особенности же консультация с широким активом представляет собой интересный эксперимент проверки новых предложений. Разнообразный и богатый опыт новая модель организационной деятельности в значительной степени обуславливает создание форм развития. С другой стороны дальнейшее развитие различных форм деятельности влечет за собой процесс внедрения и модернизации направлений прогрессивного развития. Идейные соображения высшего порядка, а также постоянное информационно-пропагандистское обеспечение нашей деятельности в значительной степени обуславливает создание систем массового участия. Равным образом укрепление и развитие структуры позволяет выполнять важные задания по разработке систем массового участия. Равным образом консультация с широким активом способствует подготовки и реализации системы обучения кадров, соответствует насущным потребностям.
 
Товарищи! дальнейшее развитие различных форм деятельности позволяет оценить значение модели развития. Повседневная практика показывает, что постоянное информационно-пропагандистское обеспечение нашей деятельности влечет за собой процесс внедрения и модернизации позиций, занимаемых участниками в отношении поставленных задач. Товарищи! постоянное информационно-пропагандистское обеспечение нашей деятельности в значительной степени обуславливает создание позиций, занимаемых участниками в отношении поставленных задач. Разнообразный и богатый опыт дальнейшее развитие различных форм деятельности влечет за собой процесс внедрения и модернизации направлений прогрессивного развития.
 
Товарищи! сложившаяся структура организации позволяет оценить значение соответствующий условий активизации. Повседневная практика показывает, что новая модель организационной деятельности способствует подготовки и реализации новых предложений. Не следует, однако забывать, что реализация намеченных плановых заданий требуют от нас анализа дальнейших направлений развития. Повседневная практика показывает, что консультация с широким активом представляет собой интересный эксперимент проверки системы обучения кадров, соответствует насущным потребностям.
 
Не следует, однако забывать, что начало повседневной работы по формированию позиции влечет за собой процесс внедрения и модернизации систем массового участия. Таким образом рамки и место обучения кадров требуют от нас анализа модели развития. Разнообразный и богатый опыт реализация намеченных плановых заданий позволяет выполнять важные задания по разработке модели развития. Разнообразный и богатый опыт сложившаяся структура организации требуют определения и уточнения соответствующий условий активизации.
 
Разнообразный и богатый опыт постоянное информационно-пропагандистское обеспечение нашей деятельности представляет собой интересный эксперимент проверки направлений прогрессивного развития. Товарищи! реализация намеченных плановых заданий обеспечивает широкому кругу (специалистов) участие в формировании системы обучения кадров, соответствует насущным потребностям. Товарищи! начало повседневной работы по формированию позиции в значительной степени обуславливает создание новых предложений. Таким образом дальнейшее развитие различных форм деятельности представляет собой интересный эксперимент проверки дальнейших направлений развития. Задача организации, в особенности же начало повседневной работы по формированию позиции позволяет выполнять важные задания по разработке модели развития. Задача организации, в особенности же рамки и место обучения кадров влечет за собой процесс внедрения и модернизации форм развития.
 
 
            </div>
    
            <div class="footer">
        fg
            
        </div>
<!-- конец блока контейнер  -->
    </div>
    </body>
    <!-- END -->
</html>
CSS
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
body
{width: 100%;
  height: 100%;
  font-family: Arial, Helvetica, sans-serif; 
  text-align: center;
  line-height: 1.5em;
background:#A9A9A9;
}
.header,.left_bar,.content_center,.footer{
    display: block;
 
}
 
.container{background:#fff; width:1000px; margin:0 auto; min-height:100%; display: block;  padding:10px; clear:both;
    box-shadow:0px 0px 20px #999;
-moz-box-shadow:0px 0px 20px #999;
-wekit-box-shadow:0px 0px 20px #999;
-o-box-shadow:0px 0px 20px #999;
 
} 
 
.header{background:url(../img/logo.png); background-size: width:980px; height:190px; no-repeat;}/*".."Путь означает что нужно подняться в родительский каталог, зайти в папку img и найти файл */
 
 
.left_bar{width:200px; background:#FFE4E1; float:left;}
    
 .content_center{width:800px ;background:#fff; float:left;}
    
    
.footer{background:url(../img/1.png); width:980px; height:100px; repeat-x; float:left; clear:both; }
есть ли что то более адекватное чем
position: absolute; и не overflow: hidden; ?
Спасибо вам)
Ответ: Спасибо Федор, ваш способ очень лаконичен и хорошо подходит под дальнейшее развитие верстки

Добавлено через 43 минуты
с картинками только прболемчик
Вопрос: Выравнивание блоков в две колонки

Всем привет!
Есть такой код:
Код HTML5
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
<html>
<head>
    <link rel="stylesheet" href="css/bootstrap.min.css">
    <link rel="stylesheet" href="css/style_one.css">
    <script src="js/bootstrap.min.js"></script>
</head>
<body>
    <div class="container">
        <div class="list_container col-md-12">
            <div class="list_content">
                <div class="con_adv_l">
                    <p>Заголовок новости</p>
                    <p>Повседневная практика показывает, что дальнейшее развитие различных форм деятельности способствует подготовки и реали-</p>
                </div>
            </div>
            <div class="list_content">
                <div class="con_adv_r">
                    <p>Заголовок новости</p>
                    <p>Повседневная практика показывает, что дальнейшее развитие различных форм деятельности способствует подготовки и реали-</p>
                </div>
            </div>
            <div class="list_content">
                <div class="con_adv_r">
                    <p>Заголовок новости</p>
                    <p>Повседневная практика показывает, что дальнейшее развитие различных форм деятельности способствует подготовки и реали-</p>
                </div>
            </div>
            <div class="list_content">
                <div class="con_adv_r">
                    <p>Заголовок новости</p>
                    <p>Повседневная практика показывает, что дальнейшее развитие различных форм деятельности способствует подготовки и реали-</p>
                </div>
            </div>
        </div>
    </div>
</body>
</html>
Код CSS
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
* {
    margin: 0px;
    padding: 0px;
    font-family: Verdana;
}
.container {
    width: 1366px;
}
.list_container {
    margin-top: 15px;
}
.list_content {
    display: inline-block;
    position: relative;
    width: 80%;
    left: 10%;
}
.list_content div:nth-child(1), .list_content div:nth-child(2) {
    display: inline-block;
    width: 49.7%;
}
.con_adv_l, .con_adv_r {
    padding-left: 105px;
}
.con_adv_l::before {
    content: "";
    position: absolute;
    top: 0px;
    left: 0px;
    width: 95px;
    height: 95px;
    border-radius: 100%;
    background-color: #ccc;
}
.con_adv_r::before {
    content: "";
    position: absolute;
    top: 0px;
    left: 0px;
    width: 95px;
    height: 95px;
    border-radius: 100%;
    background-color: #ccc;
}
.con_adv_l p:nth-child(1), .con_adv_r p:nth-child(1) {
    font-weight: bold;
    font-size: 14px;
}
.con_adv_l p:nth-child(2), .con_adv_r p:nth-child(2) {
    font-size: 14px;
}
Мне нужно, чтобы нижние четыре блока стояли по два в колонку. Пробовал использовать display: inline-block, но не помогло. Как сделать, чтобы они встали на свои места? Спасибо!
Ответ: Грид 12-колоночный?
Код HTML5
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
<html>
<head>
    <link rel="stylesheet" href="css/bootstrap.min.css">
    <link rel="stylesheet" href="css/style_one.css">
    <script src="js/bootstrap.min.js"></script>
</head>
<body>
    <div class="container">
        <div class="list_container col-md-12">
            <div class="row">
                <div class="list_content col-md-6">
                    <div class="con_adv_l">
                        <p>Заголовок новости</p>
                        <p>Повседневная практика показывает, что дальнейшее развитие различных форм деятельности способствует подготовки и реали-</p>
                    </div>
                </div>
                <div class="list_content col-md-6">
                    <div class="con_adv_r">
                        <p>Заголовок новости</p>
                        <p>Повседневная практика показывает, что дальнейшее развитие различных форм деятельности способствует подготовки и реали-</p>
                    </div>
                </div>
                <div class="list_content col-md-6">
                    <div class="con_adv_r">
                        <p>Заголовок новости</p>
                        <p>Повседневная практика показывает, что дальнейшее развитие различных форм деятельности способствует подготовки и реали-</p>
                    </div>
                </div>
                <div class="list_content col-md-6">
                    <div class="con_adv_r">
                        <p>Заголовок новости</p>
                        <p>Повседневная практика показывает, что дальнейшее развитие различных форм деятельности способствует подготовки и реали-</p>
                    </div>
                </div>
            </div>
        </div>
    </div>
</body>
</html>
Вопрос: Имеет ли смысл заниматься web-программированием, можно ли этим зарабатывать?

Всем привет!
Мне давно казалась привлекательной идея создания сайтов, чем-то меня это притягивало. И вот наконец собрался и начал потихоньку изучать html, в планах так же и css, php.
Хоть и занимаюсь этим скорее потому что мне просто нравится, но стал задаваться вопросом, можно ли сейчас на этом зарабатывать себе на жизнь(кушать то хочется) и какие есть перспективы развития? может быть какие то отдельные направления, в сторону которых стоит развиваться?
Ответ: Раз так, то да - занимайся. Хорошее направление. Как в веб-программерстве начнешь разбираться быть может дорога еще куда выведет. Может еще какие языки подучишь и перейдешь на них. По мере развития появятся новые интересы быть может. Вполне хороший старт, и на хлеб с маслом всегда заработаешь, если будешь профи в области своей, то и на икру хватит). Дерзай, все получится.
Вопрос: Не работает внешний скрипт

function sluchaynaya_citata() {
// Массив, который содержит цитаты-строки:
var citati = [
'Увеличение размеров мозга продолжается ровно столько, сколько его тренируют. Мощное развитие мозга наблюдается в возрасте от 2 до 11 лет. Уровень образования влияет на вероятность заболеваний, связанных с мозгом человека.',
'В стандартном мячике для гольфа 336 выемок.',
'Первая игра в баскетбол у американских студентов выглядела как забрасывание мяча в корзину из-под персиков, при этом корзина имела дно, и каждый раз игроки вынуждены были залезать на лестницу чтобы достать мяч.',
'Сигналы в нервной системе человека достигают скорости почти в 300 км/ч, однако к моменту наступления старости эта скорость постепенно снижается, показывая разницу в 15% от прежних показателей.',
'Самый высокий показатель IQ в мире у японцев. Его средний показатель равен 111, тогда как у 10% населения этой страны он составляет 130.'
];

// Генерация случайного номера для выборки из массива citati:
var nomer = Math.round(Math.random() * (citati.length-1));

// Возвращаем строку:
return citati[nomer];

}

// для элемента с id=citata:

document.getElementById("citata").innerHTML = sluchaynaya_citata();


вообще скрипт работает если он непосредственно находится в html документе, когда делаю его внешним не работает, либо не подключается, не знаю, с путем к файлу вроде все хорошо, укажите на ошибку
Ответ:
Сообщение от grow
укажите на ошибку
Смотрите в консоль вашего браузера.
И зачем приводить рабочий код, эффективнее было бы привести нерабочий...
Как вы подключаете скрипт к странице?
HTML5
1
2
3
4
5
6
7
8
9
10
11
12
<!DOCTYPE html>
<html>
  <head>
    <meta charset="utf-8">
    <title>Test Random Quotes</title>
  </head>
  <body>
    <a href="#" onclick="set_quote('quote'); return false;">Get Quote</a>
    <div id="quote"></div>
    <script type="text/javascript" src="script.js"></script>
  </body>
</html>
Javascript
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
function random_quote () {
  // Массив, который содержит цитаты-строки:
  var quotes = [
    'Увеличение размеров мозга продолжается ровно столько, сколько его' +
    ' тренируют. Мощное развитие мозга наблюдается в возрасте от 2 до 11 лет.' +
    ' Уровень образования влияет на вероятность заболеваний, связанных с' +
    ' мозгом человека.',
    'В стандартном мячике для гольфа 336 выемок.',
    'Первая игра в баскетбол у американских студентов выглядела как' +
    ' забрасывание мяча в корзину из-под персиков, при этом корзина имела дно' +
    ', и каждый раз игроки вынуждены были залезать на лестницу чтобы достать' +
    ' мяч.',
    'Сигналы в нервной системе человека достигают скорости почти в 300 км/ч,' +
    ' однако к моменту наступления старости эта скорость постепенно снижается' +
    ', показывая разницу в 15% от прежних показателей.',
    'Самый высокий показатель IQ в мире у японцев. Его средний показатель' +
    ' равен 111, тогда как у 10% населения этой страны он составляет 130.'
  ];
 
  // Генерация случайного номера для выборки из массива citati:
  var number = Math.round(Math.random() * (quotes.length - 1));
  console.log('Random number is ' + number);
 
  // Возвращаем строку:
  return quotes[number];
}
 
function set_quote (element_id) {
  document.getElementById(element_id).innerHTML = random_quote();
}
Вопрос: Грамотное оформление текста HTML-тегами

Здравствуйте.

Не могу оформить правильно текст. Уже вариантов использовал кучу и чем больше примеров делал, тем больше себя запутал(( С одной стороны речь идет о тегах, а с другой в плане seo оформления....

Вот сайт kinomost.online текст в самом низу, собственно вот:

HTML5
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
[aviable=main]
            <section class="site-desc clearfix">
                <h2><span>Смотреть фильмы онлайн</span> в хорошем качестве HD</h2>
                <p>
                На нашем сайте все любители интересного и качественного кино могут посмотреть его в HD качестве. Совершенно бесплатно и без регистрации! И, пожалуй, самое главное – это отсутствие каких-либо ограничений. У нас вы сможете смотреть фильмы в любых количествах, абсолютно бесплатно, в отличном качестве и в удобное для вас время.
                В нашем онлайн-кинотеатре собрана большая коллекция разнообразных зарубежных и отечественных фильмов. Наша коллекция регулярно пополняется как новинками, так и полюбившимися кинолентами. Даже самые требовательные посетители не смогут покинуть сайт, не выбрав для себя что-то интересненькое.
                Сегодня без кинематографа довольно сложно представить нашу жизнь. Он охватывает почти все сферы жизнедеятельности человека. Ему немногим более полувека, но это великое искусство изо дня в день становится все лучше. Еще совсем недавно было трудно вообразить, что придут времена, когда всякую киноленту будет возможно смотреть онлайн.
                
                <p><b>Смотреть все жанры в отличном качестве онлайн</b></p>
                
                Сегодня вы можете не идти в кинотеатр, не искать свободную минутку, чтобы успеть купить билеты или забронировать места через интернет-билеты. Вам не придется тратить деньги на покупку дорогих DVD-дисков, стоит всего лишь открыть наш сайт, сделать выбор желаемого фильма и смотреть его бесплатно у себя дома на мягком диване или в удобном кресле на работе. Просмотр фильмов в домашних условиях доставит вам море удовольствия.
                Бесплатный просмотр киноленты – это великолепный шанс оторваться от постоянных проблем и хлопот. Самые известные фильмы онлайн позволят погрузиться с головой в захватывающий, фантастический, волшебный или совершенно реальный мир. Они могут увлечь, растрогать, пощекотать ваши нервы, а классические или последние фильмы учат чему-то необычному, а иногда могут сыграть роль помощника или советчика.
                На нашем портале вы сможете увидеть документальные и исторические фильмы, драмы и комедии, сериалы, фантастику, ужасы и триллеры, военные фильмы, криминал, мелодрамы и многие другие жанры.
                
                <p><b>Мы избавили вас от трудностей</b></p>
                
                Для того чтобы вам было удобнее при нахождении на сайте, была создана строка поиска, применив которую, вы моментально сможете найти нужный фильм. Если же поиск не выдал требуемых результатов, то напишите нам, и мы быстро исправим проблему – добавим необходимое кино на сайт. Мы полностью несем ответственность за то, чтобы в ходе просмотра онлайн-фильма у вас не появлялись технические проблемы. Но если произошло что-то, зайдите в раздел контакты и сообщите нам. Также вы можете по своему усмотрению оставлять комментарии к фильмам, а также делиться в социальных сетях своими любимыми кинолентами.
                
                <p><b>Все лучшее только для вас</b></p>
                
                Мы успешно занимаемся развитием уникального онлайн-кинотеатра для просмотра фильмов в благоприятных для вас условиях. Сайт был серьезно структурирован, и теперь кинокартины стало искать по различным жанрам еще легче. Мы прилагаем все усилия, чтобы удовлетворить интересы всех зрителей, поэтому активно добавляем новейшие киноленты почти сразу после их выхода в прокат. Затем мы очень серьезно работаем над тем, чтобы улучшить их качество.
                Поэтому наш онлайн-кинотеатр является отличным наставником для тех, кто ценит великолепное качество, а также для тех, кто желает увидеть новый фильм как можно скорее. Зовите друзей – и вы великолепно проведете время с родными и близкими. Наш онлайн-кинотеатр станет отличным сопровождением для вашего расслабленного и веселого времяпрепровождения.
                Мы твердо убеждены в том, что смогли заинтересовать вас, а также дать ответы на самые важные вопросы. Так что включайте интересный фильм, располагайтесь поудобнее и получайте наслаждение от просмотра онлайн популярных кинолент в отличном качестве совершенно бесплатно и без регистрации! Приятного вам просмотра!
                </p>
            </section>
[/aviable]
 
[aviable=cat][not-aviable=showfull]
            <section class="site-desc clearfix">
            
            [category=1]
                <h1><span>Лучшие фильмы</span> ОНЛАЙН</h1>
                <p>ОПИСАНИЕ КАТЕГОРИИ С ID 1</p>
            [/category]
            
            [category=2]
                <h1><span>Лучшие фильмы</span> ОНЛАЙН</h1>
                <p>ОПИСАНИЕ КАТЕГОРИИ С ID 2</p>
            [/category]
            
            [category=3]
                <h1><span>Лучшие фильмы</span> ОНЛАЙН</h1>
                <p>ОПИСАНИЕ КАТЕГОРИИ С ID 3</p>
            [/category]
            
            </section>
[/not-aviable][/aviable]
Ответ:
Сообщение от magnet
Fedor92, Как бы вы оформили данный конкретный пример?
Всё зависит от контекста размещаемой информации... Например, всегда надо делать чёткую градацию между заголовками, абзацами, предложениями и просто словами... В зависимости от интонационного выделения, стоит весь текст разбить на группы: основной заголовок, подзаголовки, просто текст... Не надо использовать заголовки разных уровней, просто определите для себя: какого уровня будет основной заголовок, допустим - <h2> и подзаголовок, допустим - <h4>... Каждый абзац оборачиваете - в тег <p>, предложения и отдельные слова в <span>, чтобы не было "плавающего" текста...

Текст оформляется в зависимости от его значимости, пример:

HTML5
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
   [aviable=main]
            <section class="site-desc clearfix">
                <h2><span>Смотреть фильмы онлайн</span> в хорошем качестве HD</h2>
                <p>
                На нашем сайте все любители интересного и качественного кино могут посмотреть его в HD качестве. Совершенно бесплатно и без регистрации! И, пожалуй, самое главное – это отсутствие каких-либо ограничений. У нас вы сможете смотреть фильмы в любых количествах, абсолютно бесплатно, в отличном качестве и в удобное для вас время.
                В нашем онлайн-кинотеатре собрана большая коллекция разнообразных зарубежных и отечественных фильмов. Наша коллекция регулярно пополняется как новинками, так и полюбившимися кинолентами. Даже самые требовательные посетители не смогут покинуть сайт, не выбрав для себя что-то интересненькое.
                Сегодня без кинематографа довольно сложно представить нашу жизнь. Он охватывает почти все сферы жизнедеятельности человека. Ему немногим более полувека, но это великое искусство изо дня в день становится все лучше. Еще совсем недавно было трудно вообразить, что придут времена, когда всякую киноленту будет возможно смотреть онлайн.
                </p>
                
                <h4>Смотреть все жанры в отличном качестве онлайн</h4>
                
                <p>
                    Сегодня вы можете не идти в кинотеатр, не искать свободную минутку, чтобы успеть купить билеты или забронировать места через интернет-билеты. Вам не придется тратить деньги на покупку дорогих DVD-дисков, стоит всего лишь открыть наш сайт, сделать выбор желаемого фильма и смотреть его бесплатно у себя дома на мягком диване или в удобном кресле на работе. Просмотр фильмов в домашних условиях доставит вам море удовольствия.
                    Бесплатный просмотр киноленты – это великолепный шанс оторваться от постоянных проблем и хлопот. Самые известные фильмы онлайн позволят погрузиться с головой в захватывающий, фантастический, волшебный или совершенно реальный мир. Они могут увлечь, растрогать, пощекотать ваши нервы, а классические или последние фильмы учат чему-то необычному, а иногда могут сыграть роль помощника или советчика.
                    На нашем портале вы сможете увидеть документальные и исторические фильмы, драмы и комедии, сериалы, фантастику, ужасы и триллеры, военные фильмы, криминал, мелодрамы и многие другие жанры.
                </p>
                
                <h4>Мы избавили вас от трудностей</h4>
                
                <p>Для того чтобы вам было удобнее при нахождении на сайте, была создана строка поиска, применив которую, вы моментально сможете найти нужный фильм. Если же поиск не выдал требуемых результатов, то напишите нам, и мы быстро исправим проблему – добавим необходимое кино на сайт. Мы полностью несем ответственность за то, чтобы в ходе просмотра онлайн-фильма у вас не появлялись технические проблемы. Но если произошло что-то, зайдите в раздел контакты и сообщите нам. Также вы можете по своему усмотрению оставлять комментарии к фильмам, а также делиться в социальных сетях своими любимыми кинолентами.</p>
                
                <h4>Все лучшее только для вас</h4>
                
                <p>
                Мы успешно занимаемся развитием уникального онлайн-кинотеатра для просмотра фильмов в благоприятных для вас условиях. Сайт был серьезно структурирован, и теперь кинокартины стало искать по различным жанрам еще легче. Мы прилагаем все усилия, чтобы удовлетворить интересы всех зрителей, поэтому активно добавляем новейшие киноленты почти сразу после их выхода в прокат. Затем мы очень серьезно работаем над тем, чтобы улучшить их качество.
                Поэтому наш онлайн-кинотеатр является отличным наставником для тех, кто ценит великолепное качество, а также для тех, кто желает увидеть новый фильм как можно скорее. Зовите друзей – и вы великолепно проведете время с родными и близкими. Наш онлайн-кинотеатр станет отличным сопровождением для вашего расслабленного и веселого времяпрепровождения.
                Мы твердо убеждены в том, что смогли заинтересовать вас, а также дать ответы на самые важные вопросы. Так что включайте интересный фильм, располагайтесь поудобнее и получайте наслаждение от просмотра онлайн популярных кинолент в отличном качестве совершенно бесплатно и без регистрации! Приятного вам просмотра!
                </p>
            </section>
[/aviable]
 
[aviable=cat][not-aviable=showfull]
            <section class="site-desc clearfix">
            
            [category=1]
                <h4><span>Лучшие фильмы</span> ОНЛАЙН</h4>
                <p>ОПИСАНИЕ КАТЕГОРИИ С ID 1</p>
            [/category]
            
            [category=2]
                <h4><span>Лучшие фильмы</span> ОНЛАЙН</h4>
                <p>ОПИСАНИЕ КАТЕГОРИИ С ID 2</p>
            [/category]
            
            [category=3]
                <h4><span>Лучшие фильмы</span> ОНЛАЙН</h4>
                <p>ОПИСАНИЕ КАТЕГОРИИ С ID 3</p>
            [/category]
            
            </section>
[/not-aviable][/aviable]
Вопрос: Развитие стандарта HTML

Вот читаю спецификацию. Ввели они тэги audio/video/progress, menu решили наконец-то сделать нормальным. А то надоело на генерацию контекстного меню тратить килобайты скрипта, создавая десятками div. Давно пора.
Смотрю я уже тэг img уж и svg понимает без всяких там embed и прочей чуши.

Вот этот форум, его движок, мне нравится тем, что нет многократного открывания страниц при редактировании постов. Это удобный плюс!
Но как я понимаю, под этим заложены тысячи строк скрипта, немалый процент который - простое обращение к серверу (jshttprequest) с подгонкой под все типы браузера! Бывают и SWF механизмы...

А вот думают ли они продвинуть HTML ещё до того, чтобы подобное функционирование движка можно было обеспечить парой тэгов? Чтобы не надо было надрываться!

А вообще, когда только Windows вышла в свет со своими визуальными возможностями, всякие там редакторы музыки выглядили в графике на PC как детские игрушки по сравнению с музыкальными студиями Yamaha или Apple.
К чему это я? Да всё к тому, что интернет всё равно выглядит игрушечным. Хоть и появился тэг Canvas, а всё равно не хватает чего-то.
Понимаете, я говорю о том, что Canvas сейчас используют в основном очень примитивно в простых игрушках-демках. А вот серъёзной графики - нет.

Вот допустим мне надо на скорый лад спроектировать схему и печатную плату к ней. Нету вот онлайн сервиса такого!
И не надо говорить, мол проще установить пакет. У меня стоит OrCAD и я уже разработал, отладил и сделал платы нескольких схем.
Я просто говорю о том, что вот нету пока серъёзных ресурсов на Canvas основе. Чтобы Canvas'ом прямо на странице тяп-ляп набросать схему и получить топологию печатной платы. Допустим если я не инженер и не собераюсь ставить студию по электронники, то ожидал бы простой ресурс сетевой. Пусть даже платный!

Вот нашёл я пару серъёзных работ:
и
,
где Canvas используется очень серъёзно!
Почему?
Ну допустим человек услышал про РАДИО-86РК и хотел бы посмотреть на него в реале как он работает и что представляет. А скачивать и ставить - влом. Тогда прям онлайн заходишь и всё!
Честно говоря, теперь больше моих друзей имеют представление о РАДИО-86РК (мой первый комп ещё в школе) благодаря тому вэб-ресурсу. Ни качать, ни ставить. Зашёл и увидел!
Вот это одобряю!
Ответ:
Сообщение от Paguo-86PK
Если что, я записываюсь в те, кто берёт новинку как инструмент.
Как когда-то оставили DOS и перешли писать под Windows, так и я оставляю классический HTML и перехожу на новый...
Какие новинки, какие серезные проекты?! Детский лепет какой-то. ОС приплели зачем-то. Эволюцию web не заметит сегодня разве что глухой и слепой.