понимаю... Сканы, наверное, можно найти, но это ж виртуальность одна. ...А у вас был оригинал ? Только сейчас пришло в голову, что картинка не та: моя была переводная. Забылось, на каком языке читалось :)
это написано под изучение английского, но касается любой сферы знаний, достойной изучения:
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/)
плюсую. стандарты — на w3.org; учеба — на w3schools, как советуют ниже. все актуально, системно, структурировано; в школе — песочницы для экспериментов. важно также изучить сервисы для вебмастеров: Google и Яндекс соответственно.
http://www.w3schools.com/html/ неплохой сайт. Для новичка рекомедую сочетание из трёх вещей: - работы с этим или подобным сайтом, - в понравившиеся вам сайты тыкать в браузере "view source" и читать исходник, - экспериментировать, желательно в контексте своего проекта (придумайте, какой сайт вы хотите сделать и целенаправленно делайте, изучая вещи не невпопад, а именно то, что вам нужно для проекта - напр., нужна таблица - ищем как делать таблицы, и т.п.)
плюсую по всем пунктам. и желательно еще завести (и изучить функционал) что-то более продвинутое, чем «Блокнот». У меня Notepad++, но более опытные кодеры, возможно, посоветуют другой инструмент
(Опытный кодер, правда, веб девелопментом занимался мало)
Для редактирования нужен инструмент, умеющий делать auto-indent (автовыравнивание), поиск, поиск и замену, копирование и перемещение блоков (минимум "поточных блоков", желательно также прямоугольных) и очень желательно syntax highlight. Надо чтобы редактор показывал номера строк - чтобы искать где в исходнике ошибка по тексту сообщения об ошибке.
Я использую Far Manager с плагином Colorer, когда на Windows, или vim на *nix. Не знаю, подходит ли для этих целей Notepad++, наверное, да, но я не пробовал.
Какие-то громоздкие IDE я не советую начинающему, т.к. это лишния дополнительная учебная нагрузка, которая отвлечёт от сути.
По поводу "примеров других сайтов" добавлю, что иногда исходники сайтов громоздкие и нечитаемые, их надо сразу пропускать, искать простые. Сайты-визитки обычно простые. Скажем, портфолио художников или что-то вроде "сайт строительной компании" ("о нас", "примеры работ", "обратная связь"). Кроме того, именно сайт-визитка это отличный старт для изучения HTML. Там нужно будет познакомиться и со вставкой картинок, и с разметкой, и со стилями (если хотите красиво), но не нужна никакая динамика, JavaScript. Кроме того, для статического сайта (без динамики) не нужен хостинг. Можно просто сделать html-файл и в туже директорию бросить картинки и стили как отдельные файлы, и прямо открывать в браузере из папки, всё будет работать. А чтобы "выложить на настоящий сайт" достаточно скопировать эти файлы куда-то на сервер.
Ещё желательно научиться использовать плагин Firebug для Firefox или DevTools для Chrome (https://developer.chrome.com/devtools). Это позволит "отлаживать" страницу - искать где что не так в DOM (document object model), если что-то не отображается или отображается неправильно.
no subject
Date: 2015-12-07 06:55 am (UTC)no subject
Date: 2015-12-09 02:37 pm (UTC)no subject
Date: 2015-12-09 02:47 pm (UTC)no subject
Date: 2015-12-09 02:52 pm (UTC)...А у вас был оригинал ? Только сейчас пришло в голову, что картинка не та: моя была переводная. Забылось, на каком языке читалось :)
no subject
Date: 2015-12-09 02:54 pm (UTC)no subject
Date: 2015-12-09 02:57 pm (UTC)no subject
Date: 2015-12-09 02:59 pm (UTC)no subject
Date: 2015-12-07 06:58 am (UTC)но касается любой сферы знаний, достойной изучения:
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/)
no subject
Date: 2015-12-07 07:00 am (UTC)no subject
Date: 2015-12-07 08:44 am (UTC)no subject
Date: 2015-12-07 04:43 pm (UTC)no subject
Date: 2015-12-08 08:09 pm (UTC)стандарты — на w3.org; учеба — на w3schools, как советуют ниже.
все актуально, системно, структурировано; в школе — песочницы для экспериментов.
важно также изучить сервисы для вебмастеров: Google и Яндекс соответственно.
no subject
Date: 2015-12-08 04:12 am (UTC)РЕкомендую: http://rio-shaman.ru/sozdat-blog/
no subject
Date: 2015-12-08 04:53 am (UTC)Для новичка рекомедую сочетание из трёх вещей:
- работы с этим или подобным сайтом,
- в понравившиеся вам сайты тыкать в браузере "view source" и читать исходник,
- экспериментировать, желательно в контексте своего проекта (придумайте, какой сайт вы хотите сделать и целенаправленно делайте, изучая вещи не невпопад, а именно то, что вам нужно для проекта - напр., нужна таблица - ищем как делать таблицы, и т.п.)
no subject
Date: 2015-12-08 08:16 pm (UTC)и желательно еще завести (и изучить функционал) что-то более продвинутое, чем «Блокнот». У меня Notepad++, но более опытные кодеры, возможно, посоветуют другой инструмент
no subject
Date: 2015-12-08 09:32 pm (UTC)Для редактирования нужен инструмент, умеющий делать auto-indent (автовыравнивание), поиск, поиск и замену, копирование и перемещение блоков (минимум "поточных блоков", желательно также прямоугольных) и очень желательно syntax highlight. Надо чтобы редактор показывал номера строк - чтобы искать где в исходнике ошибка по тексту сообщения об ошибке.
Я использую Far Manager с плагином Colorer, когда на Windows, или vim на *nix.
Не знаю, подходит ли для этих целей Notepad++, наверное, да, но я не пробовал.
Какие-то громоздкие IDE я не советую начинающему, т.к. это лишния дополнительная учебная нагрузка, которая отвлечёт от сути.
По поводу "примеров других сайтов" добавлю, что иногда исходники сайтов громоздкие и нечитаемые, их надо сразу пропускать, искать простые. Сайты-визитки обычно простые. Скажем, портфолио художников или что-то вроде "сайт строительной компании" ("о нас", "примеры работ", "обратная связь"). Кроме того, именно сайт-визитка это отличный старт для изучения HTML. Там нужно будет познакомиться и со вставкой картинок, и с разметкой, и со стилями (если хотите красиво), но не нужна никакая динамика, JavaScript. Кроме того, для статического сайта (без динамики) не нужен хостинг. Можно просто сделать html-файл и в туже директорию бросить картинки и стили как отдельные файлы, и прямо открывать в браузере из папки, всё будет работать. А чтобы "выложить на настоящий сайт" достаточно скопировать эти файлы куда-то на сервер.
no subject
Date: 2015-12-09 02:32 pm (UTC)no subject
Date: 2015-12-08 09:35 pm (UTC)no subject
Date: 2015-12-09 02:34 pm (UTC)