Все технические форумы на одном сайте Удобный поиск информации с популярных форумов в одном месте
Вопрос: Что нужно изучать для HTML верстки? Повышение квалификации

Приветствую, форумчане!

У меня большой опыт в верстке для полиграфии. И тут решил уйти в напревлении HTML.

У меня вопрос прямо относительно требований вакансии.
Например, там написано:

1) Хорошее знание HTML5, CSS, JavaScript, jQuery
2) Поддержка последних версий Chrome, Opera, Firefox, IE
3) Знание фреймворка Angular.js

Очень прошу вас пояснить, что же конкретно в каждом пункте мне надо изучать, хотя бы кратко, сжато. Ну типа "вот эти разделы смотри, а эти не так актуальны"

Еще попрошу порекомендовать мне как начинающему какими конкретно материалами пользоваться - книги, уроки \ видео-уроки, какие-нибудь Lynda.com или нечто похожее.

Надеюсь на ваши советы.

Спасибо!
Ответ:
А с чего вообще верстку лучше изучать? Сразу верстать сайт по примерам или вначале выучить HTML и CSS?
Вопрос: Что нужно изучать для HTML верстки? Повышение квалификации

Приветствую, форумчане!

У меня большой опыт в верстке для полиграфии. И тут решил уйти в напревлении HTML.

У меня вопрос прямо относительно требований вакансии.
Например, там написано:

1) Хорошее знание HTML5, CSS, JavaScript, jQuery
2) Поддержка последних версий Chrome, Opera, Firefox, IE
3) Знание фреймворка Angular.js

Очень прошу вас пояснить, что же конкретно в каждом пункте мне надо изучать, хотя бы кратко, сжато. Ну типа "вот эти разделы смотри, а эти не так актуальны"

Еще попрошу порекомендовать мне как начинающему какими конкретно материалами пользоваться - книги, уроки \ видео-уроки, какие-нибудь Lynda.com или нечто похожее.

Надеюсь на ваши советы.

Спасибо!
Ответ:
Хорошее знание HTML5, CSS
JavaScript
jQuery
Знание фреймворка Angular.js

Если ты задаешь такие вопросы, то эта вакансия (может быть пока что) не для тебя.
Вопрос: Нужно раскодировать html-файл

Помогите пожалуйста. Заказчик прислал html-файл для правок, открываю, а там следующее (это фрагмент):
HTML5
1
2
3
4
5
6
7
8
9
3c21 444f 4354 5950 4520 6874 6d6c 3e0a
3c68 746d 6c3e 0a3c 6865 6164 206c 616e
673d 2265 6e22 3e0a 2020 2020 3c6d 6574
6120 6368 6172 7365 743d 2255 5446 2d38
223e 0a20 2020 203c 6d65 7461 206e 616d
653d 2276 6965 7770 6f72 7422 2063 6f6e
7465 6e74 3d22 7769 6474 683d 6465 7669
6365 2d77 6964 7468 223e 0a20 2020 203c
7469 746c 653e d09a d0bb d0b8 d0bd d0b8
Но если открыть файл в браузере, там страничка сайта.
Как раскодировать? Гуглил "ряд из 32 символов", "раскодировать ряд из 32 символов" и т.д. - не помогло.
Онлайн декодер тоже не помог.

p.s. простите, если создал не в том разделе.
Ответ: Сложно просто понять что требуется. Зачем-то гуглите "ряд из 32 символов"..
Нужно раскодировать html-файл - расшифровали. Все равно не так.
Как раскодировать? Тоже рассказал. И тут не тот вектор.
Что конкретно требуется?
Вопрос: Что должен знать и уметь HTML-верстальщик?

Всем привет)

Решил заняться изучением HTML-верстки .Знаю ,что 80% важных знаний и навыков вырабатываются в ходе практики .

Но все же хотелось бы выделить для себя список обязательных навыков и знаний ,использующихся в HTML-верстке.

К примеру ,в обязательном порядке нужно знать HTML ,CSS ,Photoshop ,принципы кроссбраузерной верстки и т.д.

Помогите мне расширить этот список ,чтобы понимать в общем ,с чем придется столкнуться на пути самообучения)))

Так же было бы неплохо иметь представление о том:

- Сколько в среднем требуется времени на верстку одного проекта средней сложности
- За какое примерно время можно научиться верстать сайты среднего уровня сложности (из вашего личного опыта)
- Какие основные инструменты использует HTML-верстальщик
- Как лучше всего организовать свое самообучение

Заранее спасибо всем ,кто мне поможет
Ответ:
CSS/HTML , валидность, адаптивность, кроссбразузерность

всякие less,sass, ну это не везде требуется

js/jquery - хотя смотря какой уровень, одним достаточно просто подключить и по мелочи настроить, а кто то требует написание сприптов

ну а вообще нужно зайти на сайт по вакансиям и посмотреть что там требуют

и вообще нужно следить за всеми новыми технологиями и развиваться, то что актуально сегодня, завтра уже может появится что то более продвинутое

если хотите заниматься веб, то желательно знать серверную часть, уже где то я это писал на этом форуме, верстальщик не востребованная специальность и мало оплачиваемая

при очень хорошем знании всего этого у нас на солидной фирме предлагают зп от 250 у.е в остальных фирмах от 150 y.е, конечно сейчас еще мягко говоря ситуация хреновая в стране

но и раньше оплата была у верстальщиков не очень, другое дело у прогеров от 500 y.e и до 2500-3000 y.e, ну в среднем 700-1000

у меня на освоение верстки ушло где то месяца 3, а потом по ходу дела в чем то новом разбирался, если это нужно было, хотя и сейчас я многого в этой верстке не знаю

я упор на верстку не делал, а разбирался в ней паралельно с освоением серверной части, возможно есть изучать именно верстку то намного быстрее все будет, как писали выше где то до месяца

а там уже зависит от ваших способностей и сколько этому будете уделять времени
Вопрос: Только начинаю изучать азы верстки, посоветуйте новичку

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

Изучаю html и css еще буквально неделю и уже впал в кататонический ступор на одном из проверочных заданий учебного материала. Так как старших товарищей, хоть как то знакомых с версткой у меня нет, прошу помощи у Вас.



В общем дело такое:

Дан html код и css правила без селекторов, задача правильно расставить селекторы и дописать пару правил.
Код 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
<!DOCTYPE html>
<html>
****<head>
********<meta charset="utf-8">
        <link rel="stylesheet" type="text/css" href="123.css">
********<title>Испытание. Дуэль</title>
****</head>
****<body>
********<div class="shooter-1">
************<ul class="target">
****************<li>
********************<div class="hitbox"></div>
********************<div class="lever"><i></i></div>
****************</li>
****************<li class="miss">
********************<div class="hitbox"></div>
********************<div class="lever"><i></i></div>
****************</li>
****************<li class="miss">
********************<div class="hitbox"></div>
********************<div class="lever"><i></i></div>
****************</li>
****************<li>
********************<div class="hitbox"></div>
********************<div class="lever"><i></i></div>
****************</li>
****************<li class="miss">
********************<div class="hitbox"></div>
********************<div class="lever"><i></i></div>
****************</li>
************</ul>
********</div>
********<div class="shooter-2">
************<ul class="target">
****************<li>
********************<div class="hitbox"></div>
********************<div class="lever"><i></i></div>
****************</li>
****************<li>
********************<div class="hitbox"></div>
********************<div class="lever"><i></i></div>
****************</li>
****************<li>
********************<div class="hitbox"></div>
********************<div class="lever"><i></i></div>
****************</li>
****************<li>
********************<div class="hitbox"></div>
********************<div class="lever"><i></i></div>
****************</li>
****************<li>
********************<div class="hitbox"></div>
********************<div class="lever"><i></i></div>
****************</li>
************</ul>
********</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
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
body {
    width: 280px;
    margin: 0;
    padding: 0;
}
 
.shooter-1 {
    padding: 55px 0 55px 0;
    border-bottom: 1px dashed #cccccc;
    background: #fcf8e3;
}
 
.shooter-2 {
    padding: 55px 0 55px 0;
    background: #d9edf7;
}
 
.target {
    width: 200px;
    height: 25px;
    margin: 0 auto;
    padding: 10px 15px 10px 15px;
    border-radius: 2px;
    background: white;
    box-shadow: 0 0 3px rgba(0, 0, 0, 0.5);
    overflow: hidden;
    list-style: none;
}
 
selector {
    position: relative;
    float: left;
    width: 22px;
    height: 22px;
    margin-right: 20px;
    border: 1px solid black;
    border-radius: 50%;
    background: #333333;
    font-size: 0;
}
 
selector {
    margin-right: 0;
}
 
selector {
    width: 10px;
    height: 10px;
    margin: 6px auto;
    border-radius: 50%;
    background: #999999;
}
 
selector {
    position: absolute;
    top: -2px;
    left: -2px;
    width: 26px;
    height: 26px;
    border-radius: 50%;
    background: #f5f5f5;
    box-shadow: 0 0 2px rgba(0, 0, 0, 0.5);
}
 
selector {
    position: absolute;
    top: 12px;
    left: 11px;
    width: 5px;
    height: 25px;
    background: #f5f5f5;
    box-shadow:
        -1px 15px 2px rgba(0, 0,0 , 0.3),
        1px 15px 2px rgba(0, 0, 0, 0.3);
}
 
selector {
    display: none;
}
 
selector {
    display: none;
}
 
selector {
    display: none;
}
 
selector {
    display: none;
}

Результат должен быть таким:

Ответ: Сдается мне стырили они этот курс) Небось еще и платно
Вопрос: Include php в html

Всем доброго времени суток!!!

Второй месяц самостоятельно изучаю html, css.

Помогите подключить в index.html другой файл html.

Код Code
1
2
3
4
5
6
<body>
<?php
    include "../name_file.html"; - и так и так встерчал.
    include("../name_file.html"); - 
?>
</body>
Не стработало.

google по этому поводу пишет: ".htaccess", в школе этого не проходили, и "не один" не указывает где ЭТО - ".htaccess".
Воспользовался:
Код Code
1
sudo find / -name "htaccess"
нашлось четыре файла. В два уже прописал ".htaccess"...

Пробовал:
<iflame???> выводит, но это не то. И если я првильно понял значит, все я правильно прописал и фай css подключен.
В <head> простым <link> пробовал..., на всякий случай все подряд пробовал...

Как запустить php в html, с помощью include?

P.S. Xubunty LAMP.
Ответ: На скриншоте нет внутреннего перенаправления. Через AddHandler вы говорите вебсерверу, что нужно html-файлы отдавать на обработку PHP. Проблема в том, что сейчас Apache часто работает в связке с фронтальным вебсервером, в конфигурационном файле которого может быть указано, что html-файлы являются статичными и запросы к ним не нужно передавать в Apache. К тому же, если вы измените конфигурацию фронтального вебсервера, а потом действительно захотите разместить статичную страницу, запросы к ней все равно будут передаваться на обработку в Apache и PHP, на что совершенно напрасно будет тратиться время.

Что касается поисковых запросов, пробуйте использовать соответствующие фразы из моих текстов.

Добавлено через 6 минут
Существует способ "обмануть" фронтальный сервер. Вам нужно разместить html-файлы не там, где он рассчитывает их найти. Например, перенести большую часть сайта в подкаталог корневого каталога сайта и сделать внутреннюю трансляцию адресов с учетом нового местоположения запрашиваемых файлов.
Вопрос: Не поздно ли изучать HTML,CSS в 16 лет

Здравствуйте, мне 16 лет. Знаю полностью HTML, а CSS не очень. Потом хочу изучить языки PHP, XML, Jquery, C++ #C, Java Script, Delphi сколько лет мне понадобиться изучать выше указанные языки? а не поздно ли? ежедневно смотрю по 1 видеоурок (видео уроки специалист).
Ответ: многие в универ поступают на программистов не имея понятия что это вообще такое . . .

Сообщение от Ali_jumagaliev
Знаю полностью HTML
я бы не был так категоричен, як говорят - чем больше я знаю, тем бОльшего я не знаю

это хорошо, что в таком возрасте есть вот такая картина понимания к чему стремится, на будущее главное не растерять этот запал
Вопрос: Последовательность блоков в html

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

Пытаюсь сверстать свой первый адаптивный шаблон на bootstrap и упёрся в непонимание того, в какой последовательности вставлять информационные блоки в html коде, какая должна быть html верстка.

С толку сводит например то, что на широком экране лого, телефон, магазины и корзина идут выше строки с меню, а в компоновке для узкого экрана - после меню. Или например поиск находит в сайдбаре на широком экране, но на узком в верхней строке после кнопки меню.

Схемы представлений на соответственно широком и узком экранах прилагаю.

Какой под это должен быть html? Научите, пожалуйста
Ответ:
то есть вы предлагаете сделать дизайны максимально близкими, чтобы не было таких глобальных отличий, какие я допустил?
Реализовать можно все что угодно, другое дело для чего это нужно, и что это принесет. Возможно, в твоем случае имеет смысл сделать что-то вобще через абсолютное позиционирование. Скорее всего через бутстрап сделать это очень сложно (или невозможно). Читай про media-query.
Вопрос: Форорум на сайт с html -версткой без php?

как Выделить блок под форум на собственной html странице, чтобы он заходил на сайт с форумом?
хочется сделать у себя форум простой, а php на хостинге нет(((
Ответ:
Сообщение от 269
хочется сделать у себя форум простой, а php на хостинге нет(((
Ну что сказать, Вам не повезло... Смените хостинг...
Вопрос: Литература по CSS и HTML

Привет,интересует такая тема,нужна литература для дальнейшего развития навыков.
В данный момент заканчиваю читать "Изучаем HTML XHTML и CSS.Автор: Элизабет Робсон и Эрик Фримен"
а также имеется в планах прочесть "HTML и CSS. Автор: Джон Дакетт" и "HTML,CSS3,Javascript. Автор:Дженнифер Роббинс" Однако этого явно будет не достаточно,хотелось бы выбрать книги для дальнейшего обучения,посему жду ваших ответов.. спасибо!
Ответ: тут можно холивар развести, но как по мне, то что вы прочитали этого вполне достаточно, нужно просто практиковаться каждый день и тогда будет результат, web технологии развиваются, и про все в книгах не пишут. А так, стандартно это хабрахабр с веткой css, html, javascript, веб стандарты это подкаст их канал с конференциями , дайджесты uWebDesign / Дайджест интересных материалов из мира веб-разработки и IT за последнюю неделю (уже 203) ресурсы и блоги, бтуб каналы как снг так и зарубежья и так далее.