Теперь пару слов о тегах, которые мы использовали, чтобы сделать эту страницу.
Описание html тегов из примера
1. - эти теги должны присутствовать на каждой веб-странице обязательно. Они сообщают браузерам и поисковым машинам, что это html-страница.
Любая html страница имеет следующую структуру:
... Заголовочные теги ... ... Тело страницы ...
2.
- между этими тегами заключается весь видимый контент страницы.4.
Теперь перейдем к тегам, которые находятся в теле html страницы (внутри
5.
6.
- это один из класса тегов заголовочных тегов..
, обычно в него заключают название страницы. Например, у этой странице заголовочный тег "Пример создания html страницы".
Примечание
эти теги имеют большой вес в ранжировании сайта , поэтому ими необходимо пользоваться аккуратно и с умом.
При составлении html-кода нужно придерживаться простого правила: сначала должен идти заголовочный тег
, а дальше могут идти уже
,
и т.д. Главное, чтобы не было сначала
, потом
, потом
и т.п. Должна быть строгая иерархия. Заголовков
,
и т.п. может быть много.
и т.д. Главное, чтобы не было сначала
, потом
, потом
и т.п. Должна быть строгая иерархия. Заголовков
,
и т.п. может быть много.
, потом
и т.п. Должна быть строгая иерархия. Заголовков
,
и т.п. может быть много.
,
и т.п. может быть много.
7.
- это одиночный тег, который не требует закрывающего тега. Он осуществляет переход на следующую строку. В моем примере написаны два одиночных тега подряд, чтобы дважды перейти на следующую строку.
8. - это одиночный тег, который выводит изображение.
- src
- обязательный параметр, в котором указывается адрес изображения (вместо URL_ИЗОБРАЖЕНИЯ необходимо прописать адрес, где хранится Ваше изображение).
Примечание :- Если изображение находится в одной папке с Вашей html-страницей, то достаточно написать название изображения, иначе нужно прописывать либо абсолютный или относительный URL ;
- Не забудьте указать расширение изображения. Например, .jpg , .gif , .jpeg .
- alt или title - в эти параметры можно записать описание к Вашему изображению. Когда Вы наведете мышкой на изображение, то появится это описание. Эти параметры важны для продвижения сайта , особенно в поиске по картинкам. Если изображение не удалось загрузить, то будет выведен этот текст, что также является плюсом.
9. - эти теги созданы для изменения шрифта, фона, размера и т.д. Короче говоря, все, что связано с форматированием текста можно настроить в одном теге. Это тег имеют довольно много атрибутов, о которых я расскажу в отдельном уроке.
Примечание: - аналогичный тег.
Есть также свойство CSS font , в котором можно задавать все эти параметры.
10. - выделить жирным. Все, что заключено между и будет выделено жирным. Например, если Вы напишите его в самом начале контента, а закроете в самом конце, то весь текст на странице будет выделен жирным. Это довольно часто встречающийся тег, аналогом которого является .
Поисковые системы обращают внимание на этот тег в плане усиления влияение ключевых слов. Но нужно быть аккуратным, поскольку выделять каждый раз жирным ключевые слова будет воспринято за спам.
В тексте первого урока я уже писала, что для пользователя в сети интернет предлагается очень много различной информации для потребления , а также существуют различные интернет-сервисы
, с помощью которых можно и самому поучаствовать в различных творческих процессах и даже создать личную страницу в интернете.
Внимание! Служба Яндекс в августе 2014г. закрыла описанный в этом уроке сервис "Я.ру", см. информацию о переносе созданных вами данных здесь:
http://blog.yandex.ru/post/81530/
Текст о создании личной страницы на Яндекс из этого урока удалён.
Рассмотрим более подробно некоторые возможности, предлагаемые нам, например, службой Яндекс.
Для этого наберите в адресной строке вашего компьютера (предварительно откройте новую вкладку) уже известный вам адрес сайта Яндекс: yandex.ru Откроется главная страница Яндекс.
В самом верху страницы располагаются свежие мировые новости. Заголовки новостей подчёркнуты, значит, они являются активными ссылками . То есть, кликая на любом заголовке, вы попадёте на страницу с более подробным описанием анонсируемого события или происшествия. Как правило, на открытой странице присутствует много активных ссылок на другие сюжеты, а также фотографии маленького размера. Кликая мышкой на фотографиях, вы сможете просматривать их в укрупнённом виде. Экспериментируйте, щёлкайте на фотографиях и активных ссылках. Для того чтобы узнать, можно ли увеличить фотку ещё раз, наведите на неё курсор, если он принимает изображение руки, значит можно.
После серии кликов и открывания разных страниц вверху появятся узкие прямоугольные вкладки с названием страниц. Закрыть вкладки можно крестиком в их правом углу.
Активные ссылки могут быть сделаны по-разному: при нажатии на ссылку новая страница открывается в новой вкладке (тогда вверху появляется узкий прямоугольник этой вкладки) или новая страница открывается вместо той, которую вы просматривали. Если страница открылась не в новой вкладке, то вернуться на предыдущую страницу можно с помощью стрелки влево в зелёном кружке в левом верхнем углу экрана.
Ознакомившись с новостями, вернитесь на главную страницу Яндекс. Кстати, вернуться на главную страницу Яндекс, можно щёлкнув мышкой на логотип сайта "Яндекс". Это правило применяется практически во всех сайтах, которые вы будете в дальнейшем посещать.
Например, на сайте "Петербургская пенсионерка " вернуться на главную страницу всегда можно, щёлкнув мышкой на логотип , который в данном случае расположен вдоль верхнего края и состоит из трёх строк, включающих название сайта, ленту фотографий и категорию интернет-журнала .
Над жёлтой полосой для поиска написаны темы, разделы сайта Яндекс. Нажмите на слово "Ещё", в выпадающем меню показан более подробный список разделов. Каждое название раздела также является активной ссылкой, на которую можно нажать и посмотреть открывшиеся страницы.
Возиться с созданием личного сайта придется долго. Нужно иметь специфические знания и разбираться в сфере программирования, верстки, копирайтинга, маркетинга и т.д. Но с шаблонами от конструктора сайтов Нетхаус этого можно избежать.
Сервис разработал много вариантов шаблонов для индивидуальных сайтов. Все они легки в использовании и имеют легкую навигацию. Нужно только заполнить страницы информацией и создать обратную связь – тогда клиенты быстро найдут вас и предложат сотрудничество.
Как создать свой личный сайт – становится всё более актуальным вопросом. В мире цифровых технологий это для многих становится востребованным и необходимым. Создание персональных сайтов может быть нужно не только для праздного ведения странички, но и для создания своего личного блога, который со временем может начать приносить ощутимый доход. Но как открыть личный сайт без обращения в дорогостоящие студии, которые ещё и будут делать всё невообразимое количество времени? Конструктор по созданию сайтов Nethouse решает этот вопрос для миллионов пользователей, помогая воплощать даже самые смелые идеи!
Личный сайт создать своими руками за час, да ещё и бесплатно – это не фантастика. С Nethouse это доступно каждому. Просто попробуйте, вы удивитесь, насколько это легко!
Персональная страница - ваша личная страница, страница компании/организации/исследования, на которой собраны все ваши анкеты. Удобна для централизованного сбора информации.
Создать персональную страницу можно через подвал сайта http://anketolog.ru/ , раздел Персональные страницы: http://anketolog.ru/personalpage.html , нажав кнопку .
Или через ваш Личный кабинет - блок Персональные страницы - Создать персональную страницу .
На Бесплатном тарифе доступны 3 персональные страницы, на тарифе Базовый - 5, на тарифе Профи - бесконечное число персональных страниц.
Настройка содержания страницы
Внимание! Обязательные для заполнения поля выделены звёздочкой .
В поле Название введите наименование вашей компании/организации/исследования, если это ваша страница, то персональные данные или ту информацию, которую считаете необходимой.
Нажмите ссылку Прикрепить анкеты , из списка в появившемся окне выберите ваши анкеты, которые хотите прикрепить к персональной странице. Количество прикрепленных анкет не ограничено. Вы можете удалять или перемещать анкеты при помощь нажатия на соответствующие значки "Крестик" (для удаления) и "Стрелочка" (для перемещения).
В поле Описание введите необходимую информацию, которую хотите донести до респондентов.
Настройка внешнего вида
Вы можете изменить стандартный вид персональной страницы, добавив логотип, фоновое изображение для шапки страницы, цвет фона.
- Логотип
Обратите внимание на следующие условия при добавлении логотипа. Вы можете использовать картинки формата.jpg, .jpeg, .png. Размер картинок будет выставлен автоматически. Рекомендуемый размер - 205*165 пикселей.
Чтобы прикрепить/удалить логотип, нажмите кнопку Прикрепить/Удалить под ним.
- Фоновое изображение в шапке
Обратите внимание на следующие условия при добавлении фонового изображения. Вы можете использовать картинки формата .jpg, .jpeg, .png. Рекомендуемый размер - 1140*360 пикселей.
- Цвет фона
Цвет фона можно выбрать из палитры представленных цветов (нажмите на квадрат в строке Цвет фона). Также можно ввести в представленное поле html-код цвета.
- Логотип Анкетолога
Чтобы убрать наш логотип, установите галочку в соответствующем пункте.