Основная часть
Задание к работе. Ознакомиться в общем, без заучивания всего подряд, с уроками на сайте http://mm-business.ru/. Что надо знать, можно узнать из перечня контрольных вопросов. Главное – знать и понимать основы языка HTML, чтобы при необходимости можно было воспользоваться справочником по этому языку при разработке сайта. Надо проработать и понять материал уроков 1-10. Уроки оформлены доходчиво, понятно, методически грамотно, хотя местами с опечатками, орфографическими и синтаксическими ошибками (не учите по этим урокам русский язык!). Если серьезно, преподаватель относится с большим уважением к автору уроков – сам бы так хорошо не написал. Вероятно, очень многих не очень понятливых он научил. Уроки 1, 9, 10 надо проработать особенно тщательно.
Теперь, по мнению лабописца, следует проработать уроки, а уже потом читать остальной текст «лабника» (этот текст лучше бегло прочесть, а шпаргалку, указатель и вопросы – просмотреть, освоить уроки, а затем уже прочитать внимательно). Для перехода к урокам (для этого должен работать интернет!) этого скопируйте и вставьте адрес http://mm-business.ru/ в строку навигации браузера (самое верхнее текстовое окно). Слева (боковое меню), примерно в нижней трети, будет синяя подчеркнутая надпись «Уроки создания сайта». При наведении на нее указателя мыши появляется «лапа» – значит это ссылка (гиперссылка). Каждой ссылке соответствует своя страница или точка на странице (этой же или другой). При нажатии на ссылку (левой кнопкой мыши) Вы попадете на страницу с первым уроком. Внизу страницы каждого урока будут ссылки на оставшиеся уроки.
Кстати, в строке навигации отображается путь к отображаемой странице – полезная информация при подготовке сайта. Если Вы изменили html-файл (и сохранили изменения!), то, если он уже открыт в браузере, для визуального контроля изменений необязательно снова открывать его – достаточно нажать кнопку «Обновить» браузера (обычно 2 круглые стрелки одна над другой).
Основные определения
HTML – Hyper Text Marker Language – язык гипертекстовой разметки.
HTML-файл – текстовый файл с расширениями html или htm. Открывается и редактируется в Блокноте.
HTML-теги – команды в треугольных скобках. Бывают непарные (<br> – перенос строки – может быть в любом месте HTML-файла) и парные (<head> </head> теги. Тег может занимать часть строки, строку или несколько строк в любом месте HTML-файла. Внутри тега могут быть параметры (атрибуты), которые отделяются пробелами. В параметрах могут быть числа в обычном (десятичном целом) формате, они обрамляются парными кавычками, например, ”80” или 16-ричными – тогда перед числом ставится символ «#», например, #005A7F.
Сайт с точки зрения разработчика и интернет-обозревателя (браузера) (примеры – Internet explorer, Opera) – это совокупность html-файлов на компьютере.
Движок сайта – программное обеспечение сайта (программа управления сайтом) или CMS (с англ. – система управления содержимым) обеспечивает доступ браузера к сайту. Браузер читает html-файлы, картинки и т.д., и вырисовывает на экране то, что называется интернет-страничкой, которую мы и видим. Иными словами, обозреватель интерпретирует HTML-код (читает и выполняет команды (теги) языка HTML).
Стартовая страница сайта обязательно должна называться index.{html/htm/php}. В фигурных скобках перечислены возможные расширения.
Советы
Не рекомендуется использовать в именах html-файлов большие буквы, русские буквы, пробелы – только маленькие английские буквы (нежелательно большие латинские1), цифры, дефис, символ подчеркивания. Имена могут быть длинными (примерно до 250 символов). Дело здесь в том, что программное обеспечение сайтов часто работает под бесплатной ОС Linux, которая, в отличие от ОС Windows, некорректно работает с этими символами.
Если на экране отображаются не те символы, дать команду Вид/Кодировка/Кириллица (Windows-1251).
Чтобы не путаться с расширениями файлов и при необходимости их легко изменять, рекомендуется включить отображение расширений. В Windows XP это делается так: Проводник/Сервис/Свойства папки/Вкладка Вид/В поле (списке) «Дополнительные параметры» снять галочку (щелкнуть левой кнопкой по ней) «Скрывать расширения…». В Windows 7 последовательность Проводник/Упорядочить/Параметры папок и поиска/ Вкладка Вид/В поле (списке) «Дополнительные параметры» снять галочку (щелкнуть левой кнопкой по ней) «Скрывать расширения…». В файл-менеджере Total Commander расширения отображаются по умолчанию.
Далее в шпаргалке и уроках есть раздел «Цвет». Когда Вы сделаете страницу, поэкспериментируйте с цветами фона и букв: хорошо ли читается текст при просмотре в браузере? Иногда текст иных сайтов читать невозможно, не инвертировав текст и фон путем выделения мышью участка страницы или только скопировав в буфер и вставив в Блокнот или Word.