HTML

Dec. 7th, 2015 09:34 am
[identity profile] nintendocore1.livejournal.com posting in [community profile] useful_faq
Чем руководствоваться для изучения, собственно? Информации тонны, хотелось бы услышать рекомендации касательно определенных сайтов или книг.
Спасибо.

Date: 2015-12-07 06:55 am (UTC)
From: [identity profile] kvvk63.livejournal.com
Лучшая книга для старта (http://www.ozon.ru/context/detail/id/119117/) (а дальше сами поймете, что нужно) Книга правда древняя

Date: 2015-12-09 02:37 pm (UTC)
From: [identity profile] 1assie.livejournal.com
спасибо, напомнили — у меня вот такая была первой, с нежностью храню ;)
Image
Edited Date: 2015-12-09 02:39 pm (UTC)

Date: 2015-12-09 02:47 pm (UTC)
From: [identity profile] kvvk63.livejournal.com
У мну ее отстартапели у сожалению.

Date: 2015-12-09 02:52 pm (UTC)
From: [identity profile] 1assie.livejournal.com
понимаю... Сканы, наверное, можно найти, но это ж виртуальность одна.
...А у вас был оригинал ? Только сейчас пришло в голову, что картинка не та: моя была переводная. Забылось, на каком языке читалось :)

Date: 2015-12-09 02:54 pm (UTC)
From: [identity profile] kvvk63.livejournal.com
На вполне русском.

Date: 2015-12-09 02:57 pm (UTC)
From: [identity profile] 1assie.livejournal.com
Тогда вы наверняка помните примеры про коров и стихи про веб-дизайн. :)

Date: 2015-12-09 02:59 pm (UTC)
From: [identity profile] kvvk63.livejournal.com
Уже нет. Склероз уже местами.

Date: 2015-12-07 06:58 am (UTC)
From: [identity profile] 1way-to-english.livejournal.com
это написано под изучение английского,
но касается любой сферы знаний, достойной изучения:

1. Изложение принципов
2. Логическая взаимосвязь тем
3. Наглядные схемы
4. Расставление акцентов
5. Минимум слов при объяснениях
6. Эти слова максимально простые
7. Начинаем с центральной идеи
8. Деление на уровни
9. Комплексные задания на перевод
10. На них ответы с толкованиями
11. Представлены самые важные слова
12. Рекомендуются продвинутые источники

детали в моей статье * Самоучитель английского для начинающих - как выбрать - 12 правил (http://10-steps-to-learn.info/samouchitel-angliyskogo-dlya-nachinayushix-kak-vybrat/)

Date: 2015-12-07 07:00 am (UTC)
From: [identity profile] kvvk63.livejournal.com
Хорошо структурированный сайт (http://htmlbook.ru/)

Date: 2015-12-07 08:44 am (UTC)
From: [identity profile] l-osokin.livejournal.com
яростно плюсую. при наличии желания больше ничего и не нужно.

Date: 2015-12-07 04:43 pm (UTC)
From: [identity profile] oyx.livejournal.com
http://www.w3.org/TR/

Date: 2015-12-08 08:09 pm (UTC)
From: [identity profile] 1assie.livejournal.com
плюсую.
стандарты — на w3.org; учеба — на w3schools, как советуют ниже.
все актуально, системно, структурировано; в школе — песочницы для экспериментов.
важно также изучить сервисы для вебмастеров: Google и Яндекс соответственно.

Date: 2015-12-08 04:12 am (UTC)
From: [identity profile] japson.livejournal.com
Для того чтобы не бессмысленно изучать, необходимо определить для себя задачу, что написать.
РЕкомендую: http://rio-shaman.ru/sozdat-blog/

Date: 2015-12-08 04:53 am (UTC)
From: [identity profile] morfizm.livejournal.com
http://www.w3schools.com/html/ неплохой сайт.
Для новичка рекомедую сочетание из трёх вещей:
- работы с этим или подобным сайтом,
- в понравившиеся вам сайты тыкать в браузере "view source" и читать исходник,
- экспериментировать, желательно в контексте своего проекта (придумайте, какой сайт вы хотите сделать и целенаправленно делайте, изучая вещи не невпопад, а именно то, что вам нужно для проекта - напр., нужна таблица - ищем как делать таблицы, и т.п.)

Date: 2015-12-08 08:16 pm (UTC)
From: [identity profile] 1assie.livejournal.com
плюсую по всем пунктам.
и желательно еще завести (и изучить функционал) что-то более продвинутое, чем «Блокнот». У меня Notepad++, но более опытные кодеры, возможно, посоветуют другой инструмент

Date: 2015-12-08 09:32 pm (UTC)
From: [identity profile] morfizm.livejournal.com
(Опытный кодер, правда, веб девелопментом занимался мало)

Для редактирования нужен инструмент, умеющий делать auto-indent (автовыравнивание), поиск, поиск и замену, копирование и перемещение блоков (минимум "поточных блоков", желательно также прямоугольных) и очень желательно syntax highlight. Надо чтобы редактор показывал номера строк - чтобы искать где в исходнике ошибка по тексту сообщения об ошибке.

Я использую Far Manager с плагином Colorer, когда на Windows, или vim на *nix.
Не знаю, подходит ли для этих целей Notepad++, наверное, да, но я не пробовал.

Какие-то громоздкие IDE я не советую начинающему, т.к. это лишния дополнительная учебная нагрузка, которая отвлечёт от сути.

По поводу "примеров других сайтов" добавлю, что иногда исходники сайтов громоздкие и нечитаемые, их надо сразу пропускать, искать простые. Сайты-визитки обычно простые. Скажем, портфолио художников или что-то вроде "сайт строительной компании" ("о нас", "примеры работ", "обратная связь"). Кроме того, именно сайт-визитка это отличный старт для изучения HTML. Там нужно будет познакомиться и со вставкой картинок, и с разметкой, и со стилями (если хотите красиво), но не нужна никакая динамика, JavaScript. Кроме того, для статического сайта (без динамики) не нужен хостинг. Можно просто сделать html-файл и в туже директорию бросить картинки и стили как отдельные файлы, и прямо открывать в браузере из папки, всё будет работать. А чтобы "выложить на настоящий сайт" достаточно скопировать эти файлы куда-то на сервер.

Date: 2015-12-09 02:32 pm (UTC)
From: [identity profile] 1assie.livejournal.com
ППКС

Date: 2015-12-08 09:35 pm (UTC)
From: [identity profile] morfizm.livejournal.com
Ещё желательно научиться использовать плагин Firebug для Firefox или DevTools для Chrome (https://developer.chrome.com/devtools). Это позволит "отлаживать" страницу - искать где что не так в DOM (document object model), если что-то не отображается или отображается неправильно.

Date: 2015-12-09 02:34 pm (UTC)
From: [identity profile] 1assie.livejournal.com
+100. Если не с самого начала, когда закладывается принципиальное понимание, то когда начнется настоящая практика — это серьезная помощь.