Как создать сайт самому


Приветствую на моём сайте уважаемых пенсионеров, а так же тех кто мечтает заработать на сайте.

Как создать сайт самому

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

    Надо познакомиться:
  • • с клавиатурой компьютера;
  • • с браузерами;
  • • с электронной почтой и программой СКАЙП;
  • • с компьютерной мышкой;
  • • с созданием папок и файлов;
  • • с текстовыми редакторами Блокнот и WordPad;
  • • графическим редактором Paint.

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

Бесплатный курс «Технология построения дохода в сети Интернет» .

Во многих из них толковые уроки и прекрасные учителя.
За 1-2 месяца всё освоите,да ещё Вас похвалят и грамоту дадут.

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

Так ,что освоить компьютер самостоятельно можно и нужно!

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

Ещё раз напомню, что же такое сайт

Сайт – это одна или серия web-страниц .
На них размещен контент (изображения, статьи видео и прочая информация).
В сайтостроении известны два основных вида сайтов.

Статический сайт( в основном лендинг) — это обычно набор папок и файлов ,как например в папке Мои Документы Windows.

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

Чтобы было рационально располагать информацию на динамическом сайте используются
специальный способ организации – CMS (Content management system). -это движок сайта

В мире сделаны тысячи разнообразных движков (CMS) для сайтов.
Каждый из них имеет свои минусы и плюсы. Но лидером на сегодня считается движок WordPress, на котором функционируют почти 70% всех блогов и сайтов в сети интернет.Данный движок разрабатывал коллектив высококлассных программистов.Один из главных плюсов данной системы является несложность работы. Для нас пенсионеров- новичков это ВАЖНЫЙ фактор.Любой человек даже школьник,мамочка с ребёнком очень быстро освоит этот простой в использовании движок. Движок совсем бесплатный. Для большего удобства в WordPress сделано приблизостельно миллион всевозможных программ (плагинов) расширяющих возможности движка.

На данном этапе вы должны решить какой сайт вы делаете.

У меня сайт динамический и я установила движок wordpress

Схема расположения основных элементов сайта

Такую схему расположения основных элементов я нарисовала и сделала в фотошопе для себя.У вас она может быть своя.

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

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

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

Что должно быть на странице?

Шапка сайта — это картинка,фото,анимация.

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

Название страницы – Title.
Заголовок статьи H1. Подзаголовки H2-H6. Тексты.

Распределение элементов на поверхности страницы тоже делается в соответствии с порядком человеческого восприятия.

— В верхней части страницы публикуют самую дорогую,оплаченную рекламу.
—В левой части страницы важные навигационные элементы.
—В центральной части страницы – основной контент.
-В правой части страницы чаще дополнительные навигационные блоки.Здесь размещается облако тегов, популярные статьи,фотографии, анимация, Flash-элементы,видеоролики.
-Рекламный контент: контекстные блоки и ссылки, баннеры, тизерная реклама.
—В самой нижней части страницы,называемой подвалом,размещаются ссылки,предложения для партнеров и клиентов. Читатели редко туда смотрят, в подвале находится различная служебная информация.

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

Главная или домашняя страница сайта.

      Новости.

 

      Основные разделы с темами.

 

      Вложенные страницы-посадочные, целевые, продающие страницы.

 

      Служебные страницы :

 

    “О нас”, “Контакты”, “Партнерам”, “Пользовательское соглашение”, “Условия конфиденциальности”, HTML Карта сайта.

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

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

Ниже привожу ссылки на статьи по знакомству с этими программи.

Установки стандартные, и не требует каких-либо дополнительный изменений. Просто запустите установочные файлы и следуйте инструкции по установке.

Первая программа, которую необходимо поставить:  FileZilla — бесплатный FTP клиент

Вервая программа, которую необходимо поставить:  Notepad++ — бесплатный редактор
Эта программа замена стандартному блокноту, с более расширенными возможностями.

Напишите,полезна ли Вам была статья.
Всем удачи!

 

Комментарии 1

  • Для сохранения результатов работы в виде изображений для вёрстки сайта переходим в меню «Файл» выбираем «Сохранить для Веб». Далее настраиваем качество изображений и сохраняем, в результате получаем множество графических фрагментов нашего шаблона. В папке, куда был сохранен сам шаблон, появилась папка images с изображениями. Отбираем нужные и переименовываем.

Добавить комментарий

Ваш e-mail не будет опубликован. Обязательные поля помечены *