Я создаю свой собственный персональный сайт

Приветствую всех собравшихся в нашем классе для изучения предмета, который мы назовем: «Я создаю свой собственный персональный сайт» из серии «Не боги горшки обжигают».

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

Не обращайте на них внимания. И еще один практический совет: держитесь подальше от специалистов, которые орудуют мышкой и клавиатурой как напёрсточники на базаре. Возможно, что они большие специалисты, но никак не учителя. Учитель будет рассказывать подробно, смотря за тем, как усваивается материал, а не показывать свое мастерство, как он быстро все делает и как он все хорошо знает.

Второе. Вы не должны опускать руки и говорить себе, что вы это не понимаете и вы это не можете.

Вы это можете, и вы это поймете!

Приведу свой собственный пример.

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

В 1990 году я и компьютер — это звучало совершенно дико, примерно, как неандерталец, которому в пещеру принесли ноутбук и сказали:

— Мужик, вот тебе машинка, будешь по ней новости узнавать.

Как настоящий неандерталец, я должен был при помощи дубины раздолбать этот компьютер, чтобы посмотреть, что там внутри и какие там новости.

Для обучения мне был выделен инженер, который стал объяснять мне устройство и принцип действия компьютера, что-то там про модули, шины, процессоры, вентиляторы, обдуватели, преобразователи и прочее. Я слушал его как тот неандерталец, а на второй день сказал:

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

Он мне снова про процессоры и вентиляторы.

Я его снова останавливаю и требую, чтобы он мне по пунктам продиктовал, что мне нужно сделать для того, чтобы создать документ. И пришлось ему делать то, что приказывал я. Оказалось не так уж и сложно, хотя в то время это был текстовый редактор по имени Fortran. Кто помнит этот редактор? Вероятно, единицы и такие вот старички, как я.

Инженер доложил руководству, что не специалист не сможет освоить компьютер, а я снова поехал в свою часть, хотя уже умел работать на том старом и допотопном компьютере. Где сейчас тот инженер? Вот тебе фига с маслом, на ее выкуси, я умею работать на компьютере и могу создавать свои собственные сайты и наполнять их нужным мне содержанием. И вы тоже должны так же относиться ко всем, кто будет говорить, что вы не способны к изучению того, для чего мы с вами собрались здесь.

Следующий пример. В 1977 году я был направлен на изучение китайского языка, так как отношения с Китаем у нас были не ахти какие, чуть ли не война, а вести дипломатию на границе некому — нет переводчиков. И мне преподаватель тоже сказал, что мне китайский язык не выучить. А я выучил и каждые два года на отлично подтверждал квалификацию переводчика.

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

Итак, что нам нужно для работы?

1. Человек, умеющий читать и писать, чтобы прочитать, что здесь написано и написать (напечатать) то, что ему рекомендовано.

2. Человек должен знать латинские буквы.

3. Человек должен уметь включать и выключать компьютер.

4. Человек должен хотя бы раз побывать в Интернете.

5. Человек хотя бы раз в жизни создавал текстовый документ.

И мы предполагаем, что вы все сидите около своих компьютеров.

Тогда начинаем.

Включаем компьютер.

Открываем браузер.

Всегда задается вопрос: а что такое браузер?

Браузер или веб-обозрева́тель (от англ. Web browser) — прикладное программное обеспечение для просмотра веб-страниц; содержания веб-документов, компьютерных файлов и их каталогов; управления веб-приложениями; а также для решения других задач. В глобальной сети браузеры используют для запроса, обработки, манипулирования и отображения содержания веб-сайтов.

К примеру, браузер Internet Explorer и Microsoft Edge поставляются в составе операционной системы Microsoft Windows; Mozilla Firefox — отдельно или в составе дистрибутивов Linux (например, Ubuntu); Safari — в составе операционной системы Mac OS X; Google Chrome, Opera и другие браузеры — как самостоятельные программы.

Затем мы открываем блокнот.

Нам потребуется один из вот этих блокнотов:

— AkelPad

— NotePad

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

NotePad у вас в компьютере и его будет вполне достаточно для первоначальной работы.

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

Возникает вопрос? Что такое файловый менеджер?

Файловый менеджер (англ. filemanager) — компьютерная программа для работы с файловой системой и файлами. Файловый менеджер позволяет выполнять наиболее частые операции над файлами — создание, открытие/проигрывание/просмотр, редактирование, перемещение, переименование, копирование, удаление, изменение атрибутов и свойств, поиск файлов и назначение прав. Помимо основных функций, многие файловые менеджеры включают ряд дополнительных возможностей, например, таких, как работа с сетью (через FTP, NFS и т. п.), резервное копирование, управление принтерами и пр.

Менеджер нам будет очень нужен, когда мы при его помощи будем загружать наши файлы в Сеть.

Я пользуюсь файловым менеджером Total Commander.

Скачать дистрибутив или potable можно в интернете.

Второе, при помощи менеджера мы легко создаем новые директории и папки. Директория звучит загадочно, но это просто каталог, в котором находятся ваши папки и сайты.

Например, для работы я создал каталог Proza, а в нем я создал папку chainik для хранения наших файлов, чтобы они не валялись беспорядочно в компьютере, а были там, где вы их легко найдете.

Очень многие люди работают с документом, затем нажимают комбинацию «файл + сохранить» и файл улетает в неизвестно куда и потом человек годами не может найти этот файл или же сохраненный файл сохраняется на заставке монитора, залепляя экран и съедая оперативную память, замедляя работу компьютера.

Запомните самое главное правило работы с файлами:

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

Итак. Создаем новый документ в блокноте. Копируем в файл один из выше написанных абзацев, например: «Разница в них небольшая, просто во втором блокноте все строки пронумерованы и подсвечиваются теги. Что такое теги, мы выясним чуть попозже» и сразу же сохраняем файл в папке chainik под именем proba.html, тип файла: все файлы (*.*) в кодировке windows 1251 (ANSI — кириллица).

Я не буду объяснять, почему мы все так делаем, просто прошу повторять и все делать вместе со мной.

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

Затем мы открываем вновь созданный документ proba.html в браузере (в программе для просмотра страниц интернета).

Это делается двумя способами:

1. Традиционный: Файл — Открыть… в диалоговом окне ищем файл в каталоге Proza и в папке chainik и открываем.

2. При помощи клавиш: Ctrl + O в открывшемся диалоговом окне находим нужный файл в каталоге Proza и в папке chainik и открываем.

Необходимые пояснения: знак + показывает следующее действие, а не нажатие на знак «плюс». «O» это не ноль, а латинская буква «о».

В браузере мы видим текст: «Разница в них небольшая, просто во втором блокноте все строки пронумерованы и подсвечиваются теги. Что такое теги, мы выясним чуть попозже». То есть тот текст, который мы разместили в файле proba.html

Поздравляю вас! Вы создали свой первый интернет-документ.

Сейчас мы выясним путем внесения изменений в файл proba.html как это будет отображаться в браузере. Как бы немного поиграемся.

В набранном в блокноте тексте мы поставим вот такие значки: «Разница в них небольшая, <s> просто во втором блокноте </s> все строки пронумерованы и подсвечиваются теги. Что такое теги, мы выясним чуть попозже».

Сохраняем текст в блокноте: Файл — Сохранить.

Обновляем текст в браузере: «Обновить содержимое» или нажатием на клавишу F5. Текст волшебным образом зачеркнулся.

Заменяем букву «s» в угловых скобках на букву «u». Сохраняем файл в блокноте и обновляем окно браузера. Текст уже подчеркнутый, а не зачеркнутый.

Заменяем букву «u» на букву «b». Сохраняем файл в блокноте и обновляем окно браузера. Текст уже не подчеркнутый, а жирный.

Заменяем букву «b» на букву «i». Сохраняем файл в блокноте и обновляем окно браузера. Текст уже не жирный, а курсив.

Заменяем букву «i» на «h1». Сохраняем файл в блокноте и обновляем окно браузера. Текст уже не курсив, а огромные буквы, как в заголовке.