Где создать личную интернет страницу. Создание персональной страницы. Топ бесплатных CMS-систем

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

* * *

Приведённый ознакомительный фрагмент книги Как сделать карьеру с помощью Интернета (В. Г. Соломенчук, 2002) предоставлен нашим книжным партнёром - компанией ЛитРес .

Как создать персональную страницу

Семейство Яндекс

Сегодня поисковая машина Яндекс не просто поисковая система, а целое семейство удобных и бесплатных сервисов для пользователей. Если заглянуть на первую страницу Яндекса (http://www.yandex.ru ), то вы обнаружите, кроме уже традиционного каталога, ссылки на бесплатную электронную почту, службы Яндекса и многое-многое другое.

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

Вы можете спросить, почему так много нужно говорить об Яндексе – ведь есть другие серверы, которые предоставляют подобный же сервис. На это можно ответить достаточно просто – команде Яндекса удалось создать наиболее удачный и взвешенный проект в Рунете. К тому же им удалось избежать рекламных перегибов, которыми, например, изобилует проект Атрус и многие другие помельче.

Кроме того, все сервисы Яндекса интегрированы с самой мощной поисковой системой в России. Даже можно сказать, что в Рунете Яндекс выполняет роль поисковой системы AltaVista, без которой немыслим англоязычный Интернет. Поэтому информация с вашей персональной страницы очень быстро начинает попадать в список результатов поиска по ключевым словам, а ее веб-адрес в базу данных поисковой системы. То есть, можно сказать, что ваша информация оказывается на людном перекрестке Интернета, где у нее максимальные возможности попасть на глаза тому, кто вам очень нужен!

Примечание

Обратите внимание, что для поисковой системы Яндекс используется несколько вариантов названия: Яндекс, Yandex, Япс1ех.

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


Тем, кто ищет: Поиск по регионам, Семейный Яndex, Быстрый поиск, Аскетичный поиск.


Очень удобен тематический каталог Яндекс, который имеет следующие основные разделы:

Культура и искусство

Общество и политика

Развлечения и отдых

Дом и семья

Наука и образование

Структуры экономики

Компьютеры и связь

Производство и поставки

Организация бизнеса

Товары и услуги

Справочники

С анализом состояния Рунета можно познакомиться в разделах:


Всем о Рунете: Сказки, Статистика запросов (НИНИ), Статистика запросов (политика), Числа, Прямой эфир.


Для владельцев сайтов предлагаются следующие возможности:


Добавить сайт, Формы для поиска, Яndex.Site БЕСПЛАТНО, Индекс цитирования.


Ряд проектов Яндекса сгруппирован в СЛУЖБЫ ЯНДЕКСА

Почта: бесплатная, удобная и безопасная.

Новости: свежие новости от ведущих агентств.

Народ: неограниченное пространство для твоего сайта.

Товары: лучшие предложения в интернет-магазинах.

Открытки: праздник, который всегда с тобой.

Фотки: твои пленки в электронном виде.

Dz online: журнал для настоящих компьютерщиков.

Подписка: информация по теме с доставкой на дом.

Гуру: интеллектуальная система выбора товаров.

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

Для тех, кто претендует на командные (руководящие) должности или имеет виды на карьеру, например аналитика, будут интересны НОВОСТИ ЯНДЕКСА, Курс доллара (ЦБ), Индекс РТС.

Для жителей Москвы и Санкт-Петербурга полезен прогноз погоды, который пригодится перед походом на собеседование. К примеру, вы можете вспомнить, что нужно взять с собой зонтик, чтобы не выглядеть мокрой курицей.

Конечно, кроме Яндекса существуют и иные, не менее популярные места в России и в других странах. Например, на сервере Chat.RU очень много интересных сайтов, но вот поисковые роботы не производят по нему тотальный поиск. И если вы сами не предпримете действий по популяризации своего сайта, то он так и останется в неизвестности. Другие российские публичные серверы находятся в еще большем забвении – ведь часто об их существовании большинство пользователей даже не подозревают.

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

Если ваша цель – работа, например, в США, то это в какой-то степени оправдано. Только вам придется учесть, что подобных страничек на наиболее популярных серверах десятки миллионов. Поэтому можете поверить, ваша страница просто потеряется в дебрях самых разнообразных сайтов. Так что лучше все же использовать российские серверы, которые не так перегружены, да и работодатель будет иметь более ясное представление о вашем происхождении.

Яндекс – Narod.Ru

Давайте познакомимся с Народом по адресу http://narod.yandex.ru или http://www.narod.ru (рис. 3.2).

Рис. 3.2. Сервер Narod.Ru


Первое, что бросается в глаза, это лозунг: «Постройте свой сайт за 60 секунд!». В принципе это возможно, но обычно требуется чуть-чуть больше времени.

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

Первый раз с народом? – Зачем это надо, Что здесь дают, Пробный тур, Образцы страниц.

Познакомься с народом – Каталог, Чаты, Форумы, Лучшие сайты, Семейный фильтр.

Сообщества народа – Что такое сообщества, Обзорный тур, Регистрация.

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

После первичного осмотра поля вашей будущей битвы загляните в тематический каталог Народа:

Автомобили и мотоциклы (2227)

Бизнес и финансы (7117)

Дом и семья (2398)

Здоровье (1433)

Знакомства (11513)

Компьютеры, Интернет и технологии (6564)

Красота и мода (351)

Культура, религия, философия (2142)

Литература и искусство (4594)

Музыка и кино (6584)

Наука и образование (2085)

Политика и право (1165)

Работа и карьера (2696)

Свободное время, развлечения и игры (9778)

Спорт (2626)

Техника и производство (1040)

Туризм (2771)

В скобках указано количество сайтов в данной категории на начало 2001 года.

Так как мы зашли на Народ для вполне конкретной цели – создать страничку с резюме, то надо тщательно просмотреть содержание раздела Работа и карьера. Возможно, если вам сопутствует удача, вы даже найдете то, что так долго искали. Обратите внимание, что надо просмотреть все подразделы, а не ограничиться только, например, подразделом Вакансии. Можно даже поискать по ключевым словам, используя поисковую систему Народа – Искать по Narod.RU. Смыл такой рекомендации в том, что пользователи не всегда правильно регистрируют свои сайты в каталоге Народа.

Еще можно посоветовать прочитать свежий выпуск Народной газеты (http://gazeta.narod.ru/ ), чтобы познакомиться с новостями народной жизни, обзорами, конкурсами и опросами. Полезен и интересен раздел, посвященный обзору «народных сайтов». Кроме того, возможно получить важную информацию, познакомившись с объявлениями и письмами читателей.

Строительство сайта

Сервер Narod.Ru предлагает достаточно большое пространство для вашего сайта (есть вполне определенные ограничения). Правда, вам вряд ли понадобится более 200 Кбайт для вашей персональной страницы с резюме. Возможно, потребуется даже меньше места, особенно если вы будете использовать готовые варианты дизайна, которые предлагаются на сервере. Но всегда приятно знать, что у вас в запасе «почти» неограниченные возможности.

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

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

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

Так как объем книги ограничен, мы остановимся на создании персональной страницы на основе готовых шаблонов. Заметим, что не надо «шарахаться» от предлагаемых решений – они все профессионально сделаны и оставляют много простора для творчества. Тем более, подходя с практической точки зрения, это сэкономит ваше драгоценное время. Заметим, что с помощью шаблона Сделайте свой можно создать достаточно оригинальный дизайн страницы.

Регистрация

Процесс регистрации очень простой, за единственным исключением – трудно подобрать имя для страницы. Сложность здесь в том, что на начало 2001 года зарегистрировано более 200 тысяч сайтов. А это значит, что выбрать короткое и звучное имя уже не удастся. Конечно, можно попробовать, но обратите внимание, что в большинстве словарей количество слов в два-три раза меньше.

Но все же для первого шага, который нужно сделать, можно выбрать любое слово для инициализации процесса регистрации на сервере. Для этого в поле ввода укажите ваше любимое слово или словосочетание (только латинские символы, цифры и ряд знаков) и щелкните на кнопке Занять.

После этого вы попадете на страницу регистрации (рис. 3.3), где надо будет ввести ваши персональные данные. Обратите внимание, что для возможности регистрации на сервере вашему обозревателю (браузеру) надо разрешить выполнять сценарии JavaScript и принимать файлы cookie.

Рис. 3.3. Страница регистрации


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

Для проверки вашего варианта щелкните на гиперссылке Проверить. Вероятнее всего, если выбрано короткое и звучное слово, вы получите сообщение об ошибке:


Введенный Вами логин уже занят!

Использование этого логина запрещено!


Не волнуйтесь и подберите какую-нибудь другую комбинацию слов и цифр или очень длинное название. Если ваше имя будет одобрено, то ответ будет следующим:


Это имя можно использовать.


В полях Пароль и Повторите пароль введите цепочку символов, которых должно быть не менее 4 (оптимальный вариант пароля – 8-10 символов). Для пароля всегда используйте латинский алфавит, цифры и печатаемые знаки. Применение кириллицы почти обязательно приведет к потере доступа к вашей странице (из-за технических проблем с перекодировкой у вас на компьютере и сервере).

Не желательно для пароля использовать какие-то распространенные слова или имена, например pass, login, name, sex и т. д. Для упрощения запоминания пароля можно воспользоваться русскими словами, набранными при английской раскладке клавиатуры. Но, заметьте, не надо использовать русские имена в латинском исполнении, например, Дима (Lbvf), Иван (Bdfy), и в особенности ваше собственное. Лучше придумать комбинацию коротких слов с цифрами. Подробную информацию о паролях и безопасности в Интернете вы найдете в следующей главе.

Наиболее существенный этап при заполнении регистрационной формы – это указание ваших персональных данных:

Фамилия*;

Отчество;

Дата рождения;

Страна проживания;

Город (село);

Адрес E-Mail* (будет использован для пересылки пароля, если вы его забудете).

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

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

Примечание

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

Заметьте, если ваша цель – создание персональной страницы с резюме, то при регистрации надо указать подлинные персональные данные. Но все же, даже в этом случае, при указании почтового адреса рекомендуется ограничиться названием вашего города и микрорайона.

Электронный почтовый адрес (E-mail) также входит в число обязательных сведений. Если у вас его нет, то введите адрес еще не созданного почтового ящика на сервере Яндекс – логин_ сайта@уапс1ех.ш. Так можно действовать потому, что регистрируясь в какой-либо службе Яндекса, вы автоматически резервируете за собой то же имя (логин) и во всех остальных. Но можно вернуться на главную страницу Яндекса и зарегистрировать почтовый ящик с другим именем или при желании получить почтовый ящик на сервере Mail.RU или Rambler, а также на многих других серверах.

Заполнив все поля регистрационной формы, проверьте еще раз правильность всей указанной вами информации. Если все правильно, то щелкните на кнопке Зарегистрировать.

Мастерская

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

Фактически, все предлагаемые сервисы делятся на две основные группы: Создание сайта и Редактирование и управление. Нас, в данный момент, интересует создание персональной страницы с резюме, поэтому посмотрите, какими возможностями вы обладаете (каждый пункт – это отдельная веб-страница):


Главная страница


Про меня

Фотоальбом


Для фанатов и поклонников


Объявления

Романтика

Объявление или приглашение


Бизнес

Деловая страница

Прайс-лист


Мнения

Гостевая книга


Общение

Персональный чат

Персональный форум

Сообщества


Дополнительная графика

Функциональный клипарт

Новогодний клипарт

Логотипы и баннеры Narod.ru


Поиск

Формы поиска

Индексирование в поисковых системах


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

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

Главная страница

Любой сайт начинается с главной страницы, имеющей имя index.htm или index.html. Эту веб-страницу всегда ищут обозреватели (браузеры) по умолчанию, если не указано конкретное имя файла. Самих веб-страниц может быть сколько угодно: одна, две, три, десять, сто… В принципе, можно ограничиться одной страницей с текстом резюме, но лучше, тем более что Яндекс вам в этом поможет, сделать несколько страниц: главную – вашу «визитную карточку», страницу с резюме и, скажем, страницу с фотографиями вашего домашнего любимца – кота или собаки.

Для начала строительства сайта на странице Мастерская – Проект: ваше_имя.narod.ru щелкнем мышью на гиперссылке Создание сайта/Главная страница (рис. 3.4).

Рис. 3.4. Мастерская Народа


На следующей странице Мастерская/Выбор варианта шаблона «Главная страница сайта» – Проект: ваше_имя.narod.ru (рис. 3.5) выберите один из шаблонов, который наиболее полно отвечает вашим требованиям (отметим, что названия шаблонов не слишком удачны):

Апельсиновый

Сиреневый

Школьный

Пустынный

Исследовательский

Конструктивный

Простой

Каменный

Сделайте свой

Рис. 3.5. Шаблоны для главной страницы сайта


Выберем, например, шаблон Простой, который довольно удачно подходит для наших целей – представить самого себя работодателю (рис. 3.6). Его довольно часто используют для сайтов с резюме, т. к. посетителю не надо долго искать навигационные элементы – кнопки с названиями других разделов сайта. Но вы можете выбрать на свой вкус любой другой шаблон. Заметим, что в дальнейшем можно заменить шаблон, т. к. корректировка дизайна страниц, созданных с их помощью, весьма проста и не требует полной переделки того, что вы создали.

Рис. 3.6. Шаблон Простой для главной страницы


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

Наиболее существенный с точки зрения достижения вашей цели – пункт О чем сайт. Вот тут надо серьезно подумать, как написать. Глупое или не культурное название привлечет только любителей «клубнички». Неграмотное предложение создаст о вас не слишком хорошее мнение. Поэтому, не найдя интересного или оригинального названия, ограничьтесь либо – Персональный сайт Ивана Ивановича, либо чем-нибудь нейтральным: Резюме, Ищу работу и т. д.

Название вашей страницы будет выполнено в виде заголовка. Цвет, размер и стиль букв можно выбрать в находящихся ниже полях. Не рекомендуется выбирать слишком крупный или мелкий кегль шрифта. Текст должен читаться на выбранном вами фоне. Если у вас нет любимых цветосочетаний, то загляните в главу 19 "Психологические тесты" (сначала прочтите раздел "Веб-дизайн", а потом уже обратитесь к самим тестам).

Под заголовком размещается текст, который должен пояснить гостю, куда он попал. Можно поместить, например, маленький кусочек вашего резюме (только не анкетные данные). Неплохо воспринимается несколько фраз о причинах создания сайта. Вообще-то, вариантов бесчисленное множество, поэтому все зависит только от вашей личности и вашего умения сжато изложить суть того, что вы хотите сказать.

Параметры шрифта устанавливаются так же, как и для заголовка. Но размер кегля должен быть меньше в 3–4 раза. Во-первых, это достаточно большой текст, который будет неудобно читать по одному слову в строке, а во-вторых – вы выделяете второстепенную часть информации на вашей странице. Возможно, посетитель прочтет заголовок, после чего обратит внимание на гиперссылки, ведущие на другие ваши страницы. Очень занятым людям, к которым относятся работодатели, обычно некогда досконально изучать все, что расположено на персональной странице возможного кандидата на вакантное место. Часто достаточно глянуть на заголовок и пройти по одной гиперссылке, чтобы решить: не нужен… Вот если вам удастся вашего гостя заинтересовать чем-то, то, возможно, он даже захочет прочитать то, что вы написали, или, в нашем случае, даст указание отделу кадров более подробно о вас узнать. Так что все то, что вы разместите на сайте, может сыграть положительную или отрицательную роль.

Следующий этап – это создание ссылок на другие веб-страницы. Это могут быть ваши страницы на Народе, которые вы еще не создали, но запланировали это сделать. Может быть, у вас есть сайт на других серверах, который может вас рекомендовать с нужной стороны. Иногда можно сделать ссылку на сайты своих рекомендателей или фирмы, где вы работаете или работали. Правда, нужно очень тщательно взвесить все факторы, чтобы не попасть впросак. Единственное, что надо заметить, не следует делать ссылки с вашей первой страницы на общеизвестные серверы, и в особенности, на каталоги и поисковые системы. Если вы все-таки желаете создать свой каталог ссылок, то разместите его на одной из внутренних страниц своего сайта, сделав на него недвусмысленную ссылку. Полезно использовать сервис Закладки (см. рис. 3.10) на вашей веб-странице Мои любимые ссылки (links.html).

При указании ссылки на внутренние страницы вашего сайта в адресном поле указывается не полный URL-адрес нужной страницы, а только имя файла с расширением (если вы не создаете каталоги). Вам может помочь выпадающее меню, в котором присутствуют названия стандартных на Народе или ваших существующих страниц.

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

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

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

Для подтверждения того, что веб-форма заполнена, щелкните на кнопке Готово.

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

Резюме

Создав главную страницу, следует приступить к строительству веб-страницы с резюме. Конечно, можно сделать и наоборот, но «лицо» вашего сайта задаст определенный стиль всем остальным страницам. В первую очередь это касается цветовой гаммы и стиля текста. Бывает, что, разработав заглавную страницу, вебмастер переделывает весь проект. А т. к. большинство россиян сталкиваются с проблемой оплаты за Интернет, то предлагаемый в книги план строительства наиболее разумен. Только надо заметить, что предполагается наличие у вас подготовленных текстов и файлов для размещения на веб-страницах, которые вам будет не трудно сделать, прочитав эту главу до конца (о том, как написать резюме, вы узнаете в главе 10).

Выбор шаблона для резюме происходит на странице Мастерская / Выбор варианта шаблона «Резюме», на которую лучше пройти с главной страницы Мастерской, воспользовавшись ссылкой Резюме в разделе Про меня. Вам предлагаются следующие варианты шаблонов:

Классическое

Оригинальное

Фанерное

Изысканное

Строгое

Современное

Яркое, как вы

Для примера выберем шаблон Классический (рис. 3.7), но если он вам не понравится, то установите флажок около другого шаблона. Только не делайте наиболее часто встречаемую ошибку – подбор шаблона по его названию. Присмотритесь к иконкам с образами предлагаемых шаблонов. Может быть, вы узнаете понравившийся вам до этого дизайн, который встретился, когда вы просматривали страницы с чужими резюме. Если вы все же колеблетесь, не можете сделать свой выбор, то вспомните – дизайн шаблона всегда легко сменить. Проблемы могут возникнуть только тогда, когда вы откорректировали свою веб-страницу в HTML-редакторе и загрузили ее на сервер.

Рис. 3.7. Шаблон Классический для резюме


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

Следующий этап, заметим, что он наиболее ответственный, заключается в заполнении веб-формы вашими личными сведениями. Любая ошибка во введенных вами данных может привести к отрицательным результатам – ваше резюме сработает против вас. Поэтому настоятельно рекомендуется заранее подготовить текст для всех полей в текстовом процессоре MS Word. Ниже перечислены поля Личные данные, которые вы должны заполнить, а также даны комментарии.

Фамилия.

Отчество.

Год рождения – укажите четыре цифры, а не две.

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

Адрес – не желательно указывать номер дома и квартиры, т. к. ваша страница доступна для всех.

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

E-mail – лучше всего указать адрес вашего почтового ящика на сервере провайдера, а не на публичном сервере.

Ваше фото – надо указать полный путь к файлу на вашем винчестере, но удобнее это сделать, щелкнув мышью на кнопке Обзор.

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

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

Образование – сведения в этом поле должны подтверждать вашу квалификацию.

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

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

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

Внимание!

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

Фотоальбом

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

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

Наиболее же просто решается проблема дополнительного рассказа о себе при использовании шаблона Фотоальбом. Наверняка у вас достаточно хороших фотографий, которые можно отсканировать и разместить на сайте. К тому же, сканирование фотографий перестало быть экзотическим делом. Даже больше, можно воспользоваться еще одним сервисом Яндекса (рис. 3.8).

Рис. 3.8. Сервис Яндекса Фотки: твои пленки в электронном виде


Примечание

Пока сервис Яндекса Фотки: твои пленки в электронном виде доступен только гостям и жителям Москвы.

Для создания фотоальбома на главной странице Мастерской найдем ссылку Фотоальбом и щелкнем на ней мышью. На новой странице Мастерская / Выбор варианта шаблона «Фотоальбом» можно выбрать следующие шаблоны:

Зеленый, по одной на странице, с листанием

Синий, по одной на странице, с листанием

Зеленый, с предпросмотром

Синий, с предпросмотром

По три в ряд

По одной оригинального размера

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

Первая проблема решается достаточно просто: просмотрите свои фотоальбомы и отберите нужные фотографии. Обязательно посоветуйтесь с родственниками или друзьями – взгляд со стороны позволит удалить из подборки явно лишние снимки. Возможен вариант, когда, например, ваша жена (всегда надо просить разрешение у того, кто сфотографирован) не захочет, чтобы ее рассматривали в Интернете. Также не рекомендуется размещать свои детские фотографии, а тем паче грудного возраста, – работодателя не интересует, каким вундеркиндом вы были в детстве! Лучше всего, когда фотографии не старее 2–3 лет. Ведь ваша удача может отвернуться от вас, когда в отделе кадров спросят о том, зачем вы поместили очень-очень старые фотографии, или, не дай бог, фотографию своего друга или киноактера, выдав их за себя. Заметим, что такая практика весьма распространена в Интернете, но абсолютно не годится для сайта с резюме.

Фотографии, размещаемые на веб-страницах, хранятся на сервере в виде графических файлов. К сожалению, те файлы, которые вы получаете после сканирования, чаще всего не подходят для Интернета по двум параметрам – формату и размеру.

Во-первых, графические файлы должны быть в формате JPG (JPEG), который хорошо подходит для художественных фотографий, хотя качество изображения в нем хуже, чем в других популярных форматах. Во-вторых, лучше оптимизировать изображение для разрешения 800x640, что сократит размер файла, да и обозревателю будет легче с ним работать (может просто не хватить оперативной памяти для расшифровки графического файла). В-третьих, при создании файла используйте максимальное сжатие информации, что опять-таки уменьшает его размер (правда за счет качества). Если вы сделаете все как надо, то размер ваших графических файлов будет в пределах от 15 до 35 Кбайт. Заметим, чем меньше – тем лучше.

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

Примечание

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

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

Примечание

Тип шаблона не влияет на время загрузки с сервера готовой страницы Фотоальбома.

На странице Мастерская / Редактирование фотоальбома (photoalbum.html) вам в первую очередь надо указать, какие фотографии будут находиться в фотоальбоме. Заметим, что авторам шаблона удалось найти довольно удачное решение проблемы внедрения в веб-страницу разношерстных рисунков и фотографий, но оно, как и следовало ожидать, накладывает определенные ограничения, которые надо учитывать (возможно, будут разработаны и другие шаблоны).

При использовании предлагаемых шаблонов надо помнить, что обозревателю для отображения страницы, созданной при помощи этих шаблонов, необходимо загрузить с сервера все без исключения графические файлы, которые вы указали при ее создании. До окончания загрузки файлов на мониторе будет показана только не слишком красивая заставка с вашей текстовой информацией. Но зато по окончании загрузки фотографии мгновенно перелистываются. Из такой особенности предлагаемых шаблонов вытекает следующая рекомендация – общий объем всех графических файлов для одной страницы фотоальбома не должен превышать 100–150 Кбайт. В противном случае, скорее всего, вашему гостю не хватит терпения дождаться окончания загрузки. Следовательно, можно сделать примерный расчет максимального количества фотографий, которые можно использовать для фотоальбома – это 5–7 штук. Заметим, что и веб-мастера редко предлагают серии более чем из 10 фотографий. Если же вы хотите разместить большее количество фотографий, то сделайте несколько Фотоальбомов, указав на них отдельные ссылки. Сгруппируйте все фотографии по темам, считая, что каждый создаваемый Фотоальбом (одна веб-страница, созданная с помощью шаблона) – это один лист вашего большого Фотоальбома.

Как видите, подготовительные работы при создании Фотоальбома занимают достаточно много времени. Зато построить Фотоальбом с помощью шаблона необычайно просто и быстро. Для каждого графического файла надо в разделе Новая фотография (рис. 3.9) указать в поле Закачать полный путь к этому файлу на вашем винчестере. Но, конечно, лучше воспользоваться для этого кнопкой Обзор. Если же вы до этого уже загружали графические файлы на сервер, то их полный список находится в выпадающем меню Уже на сайте.

Рис. 3.9. Шаблон Фотоальбом


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

Повторите вышеуказанные операции для каждой фотографии.

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

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

Больше проблем возникает с полями Заголовок и Текст. Используйте их только в том случае, если вы желаете указать на странице под фотографиями ссылки на какие-то ресурсы Интернета. Но, заметьте, в этом случае страница будет перегружена лишней информацией. Скорее всего, здесь больше всего подошло бы размещение ссылок на другие Фотоальбомы, но ссылки на них все же лучше поместить на главную страницу сайта (вспомните, какую цель вы преследуете). Можно порекомендовать использовать только поле Заголовок, скажем, для девиза или названия цикла фотографий.

Когда вы решите, что все работы с шаблоном вами выполнены, щелкните мышью на кнопке Готово.

На следующей странице Выбор рубрики, которая будет вам выслана с сервера, если все сделано правильно, обратите внимание на фразу:


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


Если Главную страницу и Резюме можно было сразу зарегистрировать в каталоге Народа, т. к. их содержание, надеюсь, вы заранее многократно отредактировали, то Фотоальбом надо сначала полистать самому и исправить возможные ошибки. Вероятно, какая-то фотография может оказаться не подходящей для данного типа Фотоальбома. Поэтому, не снимая флажок Не размещать мой сайт в каталоге, щелкните мышью на кнопке Дальше.

Закладки

Часто, весьма неплохо показать будущему работодателю свою эрудицию и круг интересов. Конечно, это не так легко сделать, если использовать традиционные методы подачи информации. Кроме того, для создания такого насыщенного сайта требуется хорошо владеть веб-программированием. Но, к счастью, технологии Интернета предоставляют вам возможность ссылаться на чужие ресурсы Всемирной сети для демонстрации ваших интересов и знания виртуального пространства. Это является довольно распространенной практикой среди пользователей Интернета. А вершиной коммерческого успеха в применении гиперссылок считается каталог Yahoo!

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

Конец ознакомительного фрагмента.

Теперь пару слов о тегах, которые мы использовали, чтобы сделать эту страницу.

Описание html тегов из примера

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

Любая html страница имеет следующую структуру:

... Заголовочные теги ... ... Тело страницы ...

2. - между этими тегами заключается весь видимый контент страницы.

4. - между этими тегами прописывается заголовок страницы, которое отображается в самом вверху браузера. Кстати, когда Вы что-то ищите в поисковиках, то первое, что отображается, это как раз название страницы. Тег часто сокращенно называют "тайтлом". Советую ознакомиться со статьей: как составить тег </p> <p>Теперь перейдем к тегам, которые находятся в теле html страницы (внутри <body> и </body> ).</p> <p>5. <center></center> - эти теги выравнивают все, что находится внутри них по центру. В данном случае центром будет - центр экрана. В будущем рекомендуется отказаться от использования этих тегов.</p> <p>6. <h1></h1> - это один из класса тегов заголовочных тегов <h1>..<h6> , обычно в него заключают название страницы. Например, у этой странице заголовочный тег "Пример создания html страницы".</p> Примечание <p>эти теги имеют большой вес в ранжировании сайта , поэтому ими необходимо пользоваться аккуратно и с умом.</p> <p>При составлении html-кода нужно придерживаться простого правила: сначала должен идти заголовочный тег <h1> , а дальше могут идти уже <h2> , <h3> и т.д. Главное, чтобы не было сначала <h2> , потом <h1> , потом <h3> и т.п. Должна быть строгая иерархия. Заголовков <h2> , <h3> и т.п. может быть много.</p> <p>7. <br/> - это одиночный тег, который не требует закрывающего тега. Он осуществляет переход на следующую строку. В моем примере написаны два одиночных тега подряд, чтобы дважды перейти на следующую строку.</p> <p>8. <span><img src='https://i2.wp.com/URL_ИЗОБРАЖЕНИЯ' loading=lazy> </span> - это одиночный тег, который выводит изображение.</p> <ul><li>src - обязательный параметр, в котором указывается адрес изображения (вместо URL_ИЗОБРАЖЕНИЯ необходимо прописать адрес, где хранится Ваше изображение). <br><u>Примечание </u>: <ul><li>Если изображение находится в одной папке с Вашей html-страницей, то достаточно написать название изображения, иначе нужно прописывать либо абсолютный или относительный URL ;</li> <li>Не забудьте указать расширение изображения. Например, .jpg , .gif , .jpeg .</li> </ul></li> <li>alt или title - в эти параметры можно записать описание к Вашему изображению. Когда Вы наведете мышкой на изображение, то появится это описание. Эти параметры важны для продвижения сайта , особенно в поиске по картинкам. Если изображение не удалось загрузить, то будет выведен этот текст, что также является плюсом.</li> </ul><p>9. <font></font> - эти теги созданы для изменения шрифта, фона, размера и т.д. Короче говоря, все, что связано с форматированием текста можно настроить в одном теге. Это тег имеют довольно много атрибутов, о которых я расскажу в отдельном уроке.</p> <p>Примечание: - аналогичный тег.</p> <p>Есть также свойство CSS font , в котором можно задавать все эти параметры.</p> <p>10. - выделить жирным. Все, что заключено между <b> и </b> будет выделено жирным. Например, если Вы напишите его в самом начале контента, а закроете в самом конце, то весь текст на странице будет выделен жирным. Это довольно часто встречающийся тег, аналогом которого является <strong></strong> .</p> <p>Поисковые системы обращают внимание на этот тег в плане усиления влияение ключевых слов. Но нужно быть аккуратным, поскольку выделять каждый раз жирным ключевые слова будет воспринято за спам.</p> <p>Еще десять лет назад не все знали об Интернете, а своими сайтами владели только серьезные компании.</p><p>Сегодня собственной нишей во всемирной паутине никого не поразить. Современные технологии позволяют личный сайт создать бесплатно всем желающим.</p><i> </i><h2>Собственный ресурс: зачем он</h2><p>Пользователи обзаводятся страницами в различных целях. Для некоторых это шанс продемонстрировать свой профессионализм. Например, врачи могут давать бесплатные консультации онлайн и привлекать реальных клиентов.<span><br><img src='https://i2.wp.com/profi-biz.ru/wp-content/uploads/2015/01/sobstvennii-resurs.jpg' width="100%" loading=lazy></p><p>Финансовое вознаграждение – приятное дополнение к личному проекту. Возможные варианты для заработка:</p><ul><li>Продать рекламное место;</li><li>Выбрав себе партнера, получать комиссионные за помощь в продаже определенного товара;</li><li>Разместить рекламные блоки поисковых систем. Деньги поступают за клики по ссылкам;</li><li>Поставить за вознаграждение ссылки на другой сайт;</li><li>Помещать заказные статьи.</li> </ul><p>Есть пользователи, которые создают личный сайт «для души». Они не ждут финансовой выгоды и не ищут новых клиентов. Для таких людей страничка – дневник, средство общения с единомышленниками.</p><h2>Как быстро получить свою нишу в Интернете</h2><p>Онлайн-конструктор – способ личный сайт создать бесплатно в кратчайшие сроки. Для этого нужно пройти регистрацию, выбрать понравившийся шаблон. Выложив информацию (тексты, фото), пользователь получает свой ресурс.</p> <p>В тексте первого урока я уже писала, что для пользователя в сети интернет предлагается очень много различной информации для потребления , а также существуют различные <i>интернет-сервисы </i>, с помощью которых можно и самому поучаствовать в различных творческих процессах и даже <i>создать личную страницу в интернете. </i> <br><span>Внимание! Служба Яндекс в августе 2014г. закрыла описанный в этом уроке сервис "Я.ру", см. информацию о переносе созданных вами данных здесь: <br>http://blog.yandex.ru/post/81530/ <br>Текст о создании личной страницы на Яндекс из этого урока удалён. </p><p>Рассмотрим более подробно некоторые возможности, предлагаемые нам, например, службой Яндекс. </p><p>Для этого наберите в адресной строке вашего компьютера (предварительно откройте новую вкладку) уже известный вам адрес сайта Яндекс: yandex.ru Откроется главная страница Яндекс. </p><p>В самом верху страницы располагаются свежие мировые новости. Заголовки новостей подчёркнуты, значит, они являются <b>активными ссылками </b>. То есть, кликая на любом заголовке, вы попадёте на страницу с более подробным описанием анонсируемого события или происшествия. Как правило, на открытой странице присутствует много активных ссылок на другие сюжеты, а также фотографии маленького размера. Кликая мышкой на фотографиях, вы сможете просматривать их в укрупнённом виде. Экспериментируйте, щёлкайте на фотографиях и активных ссылках. Для того чтобы узнать, можно ли увеличить фотку ещё раз, наведите на неё курсор, если он принимает изображение руки, значит можно.</p> <p>После серии кликов и открывания разных страниц вверху появятся узкие прямоугольные <b>вкладки </b> с названием страниц. Закрыть вкладки можно крестиком в их правом углу. </p><p>Активные ссылки могут быть сделаны по-разному: при нажатии на ссылку новая страница открывается в <b>новой вкладке </b> (тогда вверху появляется узкий прямоугольник этой вкладки) или новая страница открывается вместо той, которую вы просматривали. Если страница открылась не в новой вкладке, то <span>вернуться на предыдущую страницу </span> можно с помощью стрелки влево в зелёном кружке в левом верхнем углу экрана.</p> <p><img src='https://i1.wp.com/pensionerka.spb.ru/kompyuternye_uroki/kompyuternye_uroki_07/images/001_400x114_web.jpg' width="100%" loading=lazy></p> <p>Ознакомившись с новостями, вернитесь на главную страницу Яндекс. Кстати, вернуться на главную страницу Яндекс, можно щёлкнув мышкой на логотип сайта "Яндекс". Это правило применяется практически во всех сайтах, которые вы будете в дальнейшем посещать.</p> <p>Например, на сайте "<span>Петербургская пенсионерка </span>" вернуться на главную страницу всегда можно, щёлкнув мышкой на логотип , который в данном случае расположен вдоль верхнего края и состоит из трёх строк, включающих <span>название сайта, ленту фотографий и категорию интернет-журнала </span>. </p><p>Над жёлтой полосой для поиска написаны темы, разделы сайта Яндекс. Нажмите на слово "Ещё", в выпадающем меню показан более подробный список разделов. Каждое название раздела также является активной ссылкой, на которую можно нажать и посмотреть открывшиеся страницы.</p> <footer> Сайтостроение от А до Я<br />Все права защищены </footer> </div> </body> </html></p> <p>Скопируйте этот код в новый текстовый файл и сохраните его на своем компьютере. Задайте для сохраняемого файла имя index.html . Затем откройте этот файл в любом браузере и посмотрите на результат.</p> <p>Обратите внимание, что по умолчанию любой веб-сервер пытается выдать браузеру именно страницу с названием index.html . Поэтому в 99% случаев исходный код главной страницы сайта сохраняется в файле под таким названием и это считается хорошим тоном.</p> <p>Полную версию этого простейшего HTML-сайта вы можете скачать в виде <span>архива </span> (10,8Mb) . После распаковки архива запускаем html/index.html .</p> <h4>Ключевые этапы создания сайта</h4> <p>Самостоятельное создание сайта с нуля состоит из трех основных этапов:</p> <ul><li><span>Создание макета сайта </span>. Именно на этом этапе появляется четкое визуальное представление, как будет выглядеть создаваемый интернет-ресурс. Чаще всего используется Adobe Photoshop или другие растровые редакторы.</li> <li>Верстка сайта . На этом этапе приступают к верстке сайта из макета .psd , мобильной адаптации и тестированиюна корректное отображение в различных браузерах.</li> <li>Внедрение PHP . На этом этапе сайт превращается из статичного в динамический.</li> </ul><p>Давайте разберемся со всеми этими этапами более подробно.</p> <h4>Создание макета сайта</h4> <p>Чаще всего макет (<span>в данном случае под этим словом стоит понимать визуальное оформление </span>) сайта создается в программах, которые принято называть графическими редакторами. Наиболее популярными являются Adobe Photoshop и CorelDRAW . Мы рекомендуем использовать именно Photoshop , так как он чуть проще в освоении и при этом обладает богатейшими возможностями. Кроме того, именно им пользуются все веб-дизайнеры.</p> <p>Создаем новый документ в Adobe Photoshop . Задаем ему имя – MySite .</p> <p>Выбираем разрешение 1000 на 1000 пикселей. Оно гарантирует корректное отображение у любого пользователя, размер по вертикали в дальнейшем можно будет увеличить.</p> <p>Выбираем разрешение 72 пикселя на дюйм и RGB-цвет . Эти установки делаем обязательно, так как именно они отвечают за корректное отображение веб-страницы.</p> <p>Затем устанавливаем цвет фона F7F7C5 в шестнадцатеричном формате или выбираем его с помощью палитры цветов.</p> <p>После этого выбираем пункт меню «<span>Просмотр » – «Направляющие » </span> и активируем отображение линеек и направляющих.</p> <p>В пункте меню «<span>Просмотр » - «Привязка к » </span> необходимо проверить, что включена привязка к направляющим и границам документа.</p> <p>С помощью инструмента «<span>Текст» </span>, вводим текстовое название будущего сайта, слоган под ним, а также контактный номер телефона справа вверху макета.</p> <p>Слева от логотипа и справа от контактного номера телефона проводим направляющие, которые позволят обозначить рамки по ширине сайта.</p> <p>Затем с помощью инструмента «<span>Формы » </span> создаем прямоугольник с закруглёнными краями (радиус – 8 точек ) и с его помощью обозначаем место под изображение, которое будет располагаться в шапке сайта.</p> <p>Теперь пришло время вставить изображение в шапку сайта.</p> <p>С помощью инструмента «<span>Текст » </span>, и шрифта Georgia , входящего в стандартный набор операционной системы Windows , создаем навигационное меню и заголовок главной страницы сайта.</p> <p>Затем, используя инструмент «<span>Текст » </span> и шрифт «<span>Arial » </span>, добавляем текст главной страницы. В данном случае лучше всего использовать блочный текст для последующей работы с ним.</p> <p>Для заголовка в тексте используем черный шрифт. Для навигационного меню – белый.</p> <p>Перемещая правую границу основного текстового блока, вставляем изображение в текст страницы (<span>справа от текста </span>).</p> <p>Используя инструмент «<span>Формы » </span> - «<span>Прямая » </span>, проводим заключительную линию под текстом страницы.</p> <p>C помощью инструмента «<span>Текст » </span> (<span>шрифт Arial </span>) размещаем копирайт в подвале страницы (под линией ).</p> <p>Нарезаем необходимые для вёрстки сайта фрагменты изображений с помощью инструмента «<span>Раскройка » </span> (<span>мы выделили основную картинку в шапке и картинку в тексте страницы </span>).</p> <p>В результате проделанной работы мы создали полноценный макет сайта. В случае если вы захотите внести собственные изменения в макет страницы, PSD-файл также можно найти в архиве .</p> <p>Для того чтобы сохранить и использовать результаты проделанной работы в виде изображений для последующей вёрстки сайта, переходим в меню «<span>Файл » </span> и выбираем пункт <span>«<span>Сохранить для Веб </span>» </span>. Затем настраиваем качество выходных изображений и сохраняем их.</p> <p>В результате этого мы получим множество графических фрагментов для нашего будущего шаблона. В папке, где был сохранен сам шаблон, появится папка с изображениями (<span>images </span>). Отбираем нужные и переименовываем.</p> <p>Макет страницы создан, необходимые фрагменты получены, можно переходить к верстке.</p> <h4>Верстка сайта</h4> <p>Прежде всего, необходимо создать новый текстовой файл и сохранить его под названием index.html .</p> <p>Первая строка этого файла должна выглядеть следующим образом:</p> <p><!DOCTYPE html></p> <p>Она сообщит браузеру, как именно обрабатывать содержимое страницы. Далее следует набор тегов:</p> <p><html><head> «Голова» документа</head><body> «Тело» документа</p> <p>Пара тегов <html>…</html> говорит о том, что внутри содержится HTML-код .</p> <p>Внутри <head>…</head> располагаются теги, которые не отображаются в окне браузера пользователя. Как правило, они начинаются со слова meta, и называются мета-тегами, а вот тег <title>… отображается в качестве заголовка окна браузера и анализируется поисковыми системами.

Также важно понимать, что существует несколько способов организации контента. Наиболее популярные из них – организация с помощью блоков (

) и в виде таблиц (…
).

Что касается формата отображения элементов, то он может быть задан как напрямую, с использованием соответствующих тегов, так и с помощью таблиц стилей CSS . При этом именно второй способ является наиболее предпочтительным, так как он позволяет повторно применять стили компонентов. Таблица стилей задается либо в внутри тега , либо в отдельном файле (чаще всего этот файл имеет имя style.css ), ссылка на который также располагается внутри .

В нашем случае структура элементов сайта выглядит следующим образом:

Основополагающими документами, в которых описываются все компоненты того или иного языка, применяемого при создании сайтов, являются спецификации.

Более подробно изучить все основные HTML-теги, их назначение, использование таблиц стилей (CSS ) можно воспользовавшись книгами, представленными в разделе « » , кроме того, полезные советы по организации контента, верстке, CSS приводятся в .

Создание сайта с помощью PHP

На HTML-странице , созданной в предыдущем примере, все определено заранее и не будет изменяться при обращении со стороны пользователей. Такие страницы принято называть статичными, для их создания вполне хватает средств, предоставляемых языком гипертекста HTML.

Если же предоставляемая пользователям сайта информация изменяется в зависимости от каких-либо факторов или запросов, говорят, что веб-страница содержит динамический контент (является динамической ).

Для создания таких страниц необходимо использовать языки веб-программирования . Среди них наиболее широко распространены PHP, Python и Ruby on Rails для Unix-систем , а для Windows характерна разработка динамического контента с использованием средств .NET .

Это все касается серверной части, а для программирования на клиентской стороне чаще всего используется JavaScript .

В подготовленном нами архиве есть папка php , в которой сохранен файл index.php . Именно он позволяет реализовать три странички нашего тестового сайта с помощью PHP .

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

В рамках этой статьи мы не будем углубляться в дебри PHP-программирования и для наглядности ограничимся простыми вставками фрагментов кода.

Суть этих действий заключается в том, что мы выносим шапку и подвал сайта в отдельные файлы: header.php и footer.php соответственно. А затем на страницах с текстовым содержанием вставляем их в макет сайта с помощью PHP . Сделать это можно с помощью приведенного ниже кода:

...

Попробуйте запустить в браузере файл php/index.php . Не получилось? Конечно нет. Ведь браузер не знает, что ему делать с командами, из которых состоит PHP-файл (он же PHP-скрипт ).

Для того чтобы любой PHP-скрипт выполнился успешно, он должен быть обработан интерпретатором языка. Такой интерпретатор обязательно присутствует на всех веб-серверах и позволяет обрабатывать PHP-код . Но как же посмотреть, что изменилось в результате нашей работы?

Для отладки веб-приложений и реализации полноценного веб-сервера на компьютерах, работающих под управлением операционной системы Windows , был создан бесплатный пакет Denwer (для вашего удобства он присутствует в подготовленном нами архиве ). Он включает в себя веб-сервер Apache , интерпретаторы таких языков веб-программирования как PHP и Perl, базу данных MySQL , а также средства для работы с электронной почтой.

Установка пакета приложений Denwer не требует каких-либо серьезных усилий. Запускаем установочный файл, выполняем все его требования. Выбираем букву виртуального диска для быстрого доступа к веб-серверу, создаем ярлыки. Вот и все! Denwer готов к работе!

Только что установленный нами веб-сервер запускается кликом по ярлыку Start Denwer (у вас он может называться иначе ). После старта веб-сервера скопируйте в папку home/test1.ru/www/ , расположенную на появившемся в системе виртуальном диске (обычно Z ), содержимое папки php из архива , с которым мы работаем, кроме файла index.html .

После этого наберите в адресной строке браузера test1.ru . Знакомая картина? А теперь пройдитесь по ссылкам, расположенным сверху страницы. Работает? Отлично!

Создавать сайт с нуля или на конструкторе сайтов?

Ключевое отличие создания с нуля (будь то с помощью CMS-систем или исходного кода) от конструктора сайтов заключается в том, что создание сайта с нуля подразумевает возможность не только создать сайт, отвечающий именно вашим потребностям, но и управлять всеми возможностями, которые вы сами и заложили.

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

В приведенной ниже таблице мы постарались обобщить ключевые преимущества и недостатки сайта с нуля VS конструктора сайтов:

Сравнительная характеристика Сайты, созданные с помощью конструктора Сайты, созданные самостоятельно с нуля
Простота создания Просто Сложно
Скорость создания Очень быстро Долго
Возможность редактирования исходного кода Нет Есть
Возможность продвижения в поисковых системах Возможны нюансы Полная свобода
Гибкость в настройке дизайна и функциональности Ограничена Не ограничена
Возможность перенести на другой хостинг Чаще нет Есть

Какой же способ создания сайта наиболее предпочтителен?

На самом деле, однозначного ответа на этот вопрос не существует. Все зависит от ваших целей и задач. Может быть, вы хотите изучить наиболее популярные CMS-системы? А может, научиться самостоятельно формировать исходный код создаваемого сайта? Нет ничего невозможного!

Но если вы хотите создать современный и действительно качественный сайт в предельно короткий срок, мы рекомендуем воспользоваться именно !

Полезные программы для начинающих вебмастеров

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

Notepad++ - текстовый редактор, позволяющий создавать и редактировать исходный код создаваемого сайта. Отличная замена программе «Блокнот », входящей в состав операционной системы Windows .

Adobe Dreamweaver - мощная и многофункциональная программа для создания сайтов. Помимо всего прочего она включает в себя возможность предварительного просмотра создаваемого ресурса.

NetBeans – среда разработки приложений, которая позволяет эффективно работать с такими языками разметки и Веб-программирования, как HTML , CSS , JavaScript и PHP .

Публикация созданного сайта в сети Интернет

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

Что такое «домен» и зачем он нужен

Домен — это имя сайта. Кроме того, под термином «доме н» зачастую понимают адрес вашего сайта в сети «Интернет ».

Отличным примером домена может быть имя сайта, на котором вы сейчас находитесь — сайт .

Как видно из приведенного выше примера доменное имя сайта состоит из двух частей:

  • непосредственно названия сайта — в нашем случае это internet-technologies ;
  • выбранной доменной зоны. В нашем случае была выбрана доменная зона «.ru ». Доменная зона указывается в адресе сайта после его названия.

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

  • сайт – домен второго уровня;
  • forum.сайт – домен третьего уровня (он же поддомен).

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

Наиболее часто используются следующие доменные зоны:

  • .ru - наиболее популярная доменная зона в рамках русскоязычного сегмента Всемирной паутины;
  • .biz - часто доменная зона используется для сайтов бизнес-тематики;
  • .com - эта доменная зона чаще всего используется для коммерческих и корпоративных сайтов;
  • .info - в этой доменной зоне достаточно часто располагаются именно информационные сайты;
  • .net - еще одна популярная доменная зона, подходящая для проектов, связанных с Интернетом;
  • .рф - официальная доменная зона Российской Федерациию

Если большая часть целевой аудитории находится в России, мы рекомендуем регистрировать домен в зоне «.ru ».

Как выбрать домен

При выборе домена для собственного сайта мы рекомендуем руководствоваться следующими принципами:

  • оригинальность и легкость запоминания;
  • максимальна длина – 12 символов;
  • легкость набора на латинице;
  • отсутствие в имени домена знака «тире» (желательно, но не обязательно).
  • Чистота истории домена и отсутствие на нем каких-либо санкций со стороны поисковых систем. Это можно проверить с помощью сервиса «whois history ».

Где можно купить домен?

Помимо всего прочего, сайт этого регистратора позволяет прямо в режиме онлайн подобрать имя (домен) для своего сайта. Сделать это довольно просто.

Для этого достаточно ввести в соответствующее поле желаемое имя домена и нажать кнопку «Искать домен ».

Что такое «хостинг»

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

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

Так как практически любой сайт состоит из разных типов файлов (базы данных, тексты, картинки, видео ), доступ к ним с разных компьютеров осуществляется путем обработки запроса, обращенного к сайту, который располагается на сервере компании-хостера.

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

Как выбрать хостинг

При выборе хостинга для создаваемого сайта мы рекомендуем руководствоваться следующими критериями:

  • Стабильная работа . Выбранный вами хостинг должен стабильно работать 24 часа в сутки, 7 дней в неделю. Иначе вы будете нести репутационные потери в глазах посетителей, а также потеряете доверие со стороны поисковых систем. В этой связи стоит обратить особое внимание на такой параметр, как uptime хостинга. Uptime — это время, в течение которого сайт работает в штатном режиме и посетители могут его открыть в своем браузере без каких-либо проблем. Оно должно быть максимально приближено к 100%. В свою очередь время отклика сайта демонстрирует, насколько быстро ваш сайт отвечает на запрос, поступающий от браузера пользователя. Чем меньше время отклика, тем лучше.
  • Простота и удобство пользовательского интерфейса . При входе в личный кабинет вся панель управления должна быть не только доступна, но и интуитивно понятна. В частности, вы должны видеть текущий баланс, а также иметь быстрый доступ ко всем основным функциям хостинга.
  • Профессиональная русскоязычная служба поддержки . Быстрая, квалифицированная и говорящая на родном для вас языке техническая поддержка очень важна в случае возникновения различных сбоев в работе сайта и необходимости их оперативного устранения.
  • Стоимость услуг . Этот аспект важен как для начинающих вебмастеров, которые имеют в своем распоряжении ограниченный бюджет, так и для владельцев масштабных интернет-проектов, требующих использования действительно дорогостоящего хостинга.

Со своей стороны мы можем порекомендовать вам таких надежных и проверенных временем хостинг-провайдеров, как Beget (для начинающих и продвинутых вебмастеров ), а также FastVPS (для тех, кому нужен высокопроизводительный хостинг ).

Размещение готового сайта на сервере

Допустим, вы уже создали сайт, купили домен и хостинг. Что делать дальше?

Теперь нужно разместить все файлы нашего сайта на сервере выбранного вами хостинг-провайдера. Есть сразу несколько способов сделать это. Давайте поговорим о них.

  1. Это загрузка содержимого вашего сайта по HTTP-протоколу с помощью панели управления хостингом.
  2. По протоколу FTP с помощью так называемого FTP-клиента .

Именно второй способ является наиболее быстрым. Для этой задачи мы рекомендуем один из лучших бесплатных FTP-клиентов – FileZilla .

После установления связи с FTP-сервером выбранного вами хостинг-провайдера (обычно после оплаты хостинга провайдер передает IP-адрес, логин и пароль входа ) доступное дисковое пространство отобразится в виде логического устройства (как и обычные жесткие диски компьютера ) на одной из двух панелей используемой программы. После этого останется запустить процесс копирования и дождаться его окончания.

Ответы на распространенные вопросы

С чего начать обучение будущему вебмастеру (создателю сайтов)?

  • основы HTML ;
  • основы CSS ;
  • основы PHP .

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

Как найти и выбрать специалистов для создания сайта

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

Есть сразу несколько критериев, на которые следует опираться при выборе специалистов для создания сайта. Выделим основные:

  • Наличие портфолио успешно завершенных проектов. Если у выбранного вами исполнителя или команды исполнителей нет портфолио, это вызывает вопросы.
  • Умение объяснять сложные вещи простым языком. Если вас с самого начала общения «грузят » сложными терминами и не дают им каких-то понятных объяснений, лучше найти другого исполнителя.
  • Желательно наличие у исполнителя собственного сайта. Помните выражение «сапожник без сапог »? Часто это аналогия верна, но здесь бывают исключения.
  • Положительные отзывы от реальных клиентов. Отлично, если удастся пообщайтесь с клиентами, попросив их контакты у исполнителя.

Как показывает практика, вы всегда сможете найти специалистов, готовых создать вам сайт, на биржах фриланса. Вот лишь некоторые из них:

  • fl.ru ;
  • weblancer.net ;
  • freelance.ru ;
  • work-zilla.com .

Где можно пройти профессиональное обучение созданию сайтов?

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

  • дизайнер;
  • верстальщик;
  • программист;
  • менеджер.

В этой связи необходимо понимать, что специализированные курсы позволяют освоить конкретную профессию и закрыть определенный фронт работ, связанных с созданием сайта. Если вы ищите именно такие курсы, обратите внимание на следующие обучающие онлайн-платформы:

  • geekbrains.ru ;
  • netology.ru .

Можно ли бесплатно изучить основы сайтостроения?

Можно ли самостоятельно создать собственный сайт?

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

Можно ли создать полноценный сайт абсолютно бесплатно?

Нет, нельзя. Даже если вы будете все разрабатывать сами (с нуля или на CMS ), вам все равно понадобится купить хостинг и домен. Это стоит не больших денег, но все-таки денег.

Если брать конструкторы сайтов, то на них можно бесплатно создать и протестировать сайт, но при этом нельзя бесплатно привязать к созданному ресурсу собственное доменное имя.

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

Поэтому вложения, пусть и минимальные, потребуются. Но не стоит расстраиваться – стоит это обычно, как пара чашек кофе в месяц.

Можно ли заработать на создании сайтов?

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

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

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

Да-да, разные типы сайтов (их создание ) стоят по-разному. Если говорить о средних ценах по рынку, на данный момент они таковы:

  • создание сайта-визитки – от 100$ ;
  • создание корпоративного сайта – от 500$ ;
  • создание интернет-магазина – от 1000$ ;
  • создание новостного сайта – от 700$ ;
  • создание информационного SEO-сайта – от 300$ ;
  • создание интернет-портала – от 3000$ ;
  • создание одностраничного сайта – от 400$ ;
  • создание блога – от 50$ ;
  • создание форума – от 300$ .

Кроме того, не стоит забывать, что можно успешно монетизировать и свой собственный сайт. Этому вопросу мы посвятили сразу две интересные статьи. Первая рассказывает о том, как , а вторая посвящена тому, . Обязательно ознакомьтесь с ними!

Создать свой сайт бесплатно!

Вместо заключения

Благодарим вас за прочтение этой статьи. Мы будем очень рады, если вам помогут нашими рекомендации. Кроме того, благодарим вас за лайки и шаринги. Оставайтесь с нами, и вы узнаете еще много интересного!

Может быть, у вас есть какие-то вопросы по созданию сайтов? Задайте их в комментариях, и мы постараемся вам помочь!