Авторизация

Создаем первую страницу сайта

Создаем первую страницу сайта

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

Для этого потребуется любой текстовый редактор, включая блокнот Windows или WordPad Windows, в зависимости от привычек и опыта. Выбрать можно здесь: "Выбор текстового редактора. Видео обзор ОНЛАЙН"

Скачиваем шаблон страницы, распаковываем архив, в котором лежит сама страница index.html и описание инструкция по редактированию.
В дальнейшем с подобным описанием Вы столкнетесь, редактируя шаблоны сайта.

Вся суть изменений в HTML коде сводится к тому, чтобы в указанных и отмеченных местах заменить или добавить Ваш текст.
Изменить название страницы в title, если потребуется расширение (jpg, png, gif), новой картинки.

Скачайте шаблон заставки сайта к себе на компьютер: zastavka_host.rar [28,53 Kb] (cкачиваний: 106)

Вы найдете, там примерно следующую инструкцию:
0. Откройте для просмотра и будущего сравнения файл index.html в браузере, увидите следующее:
Увеличить нажмите на картинку
Создаем первую страницу сайта

1. Откройте его же (файл index.html) с помощью блокнота: правой кнопкой мыши кликаем по файлу и выбираем "Открыть с помощью" > выбираем Блокнот >> Жмем. Можно открыть с помощью любого текстового редактора.

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

Также меняете русский текст в начале кода, который не виден в браузере, но его видят и любят поисковые системы: Яндекс, Google.
Сайт на профилактике: title - заголовок браузера, description - описание сайта в поисковике, keywords - ключевые слова.

Вместо ссылки http://sitey.ru/ ставим ссылку на любой ваш ресурс, например зайдите к себе в Мой Мир, ВКонтакте, скопируйте ссылку из адресной строки браузера и вставьте ее в зеленое место.

3. Ставим в "Сайт существует" вчерашнее число и месяц только в переводе на английский !!!
Допустим March 01, 2012 -март

d0 = new Date('February 25, 2012');
d1 = new Date();
dt = (d1.getTime() - d0.getTime()) / (1000*60*60*24);
document.write('Сайт существует ' + Math.round(dt) + '-й день.');

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

4. Картинка. Создаем или редактируем подходящую картинку или фото, размещаем ее в нашу папку: Заставка.
Меняем в коде размер картинки на вновь созданный:
width - это ширина
height - это высота

Проследите за форматом картики: .png .jpg .jpeg .gif и за ее названием, оно должно совпадать.
Вариант 1: если картинка, созданная Вами, является vasia.jpg, то замените в коде logo.png на vasia.jpg
Вариант 2: при создании картинки сохраняйте ее, как logo.png и тогда изменения в код вносить не потребуется.

5. Сохраняем файл открытый в блокноте в том же месте: вверху слева жмем: Файл >> Сохранить
Обновляем (F5) страницу открытую в браузере или открываем заново. Видим перемены.

Внимание: в нашем случае файл index.html и файл картинки должны находится в одной папке!!!

Заливаем оба файла: index.html и картинку logo.png в корень сайта, т.е. в папку с название Вашего сайта, она уже автоматически создана провайдером



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


Остановимся подробнее на загрузке готового файла на сервер хостинга.
Для начала разберем загрузку файла посредством администраторской части Вашего аккаунта на хостинге, в дальнейшем осветим более эффективный способ загрузки файлов, используя протокол передачи данных FTP, используя различные программы. Там ничего сложного, Вы переносите файлы и папки точно так же, как и у себя на компьютере, но только при этом перед Вами открыта удаленная папка на сервере хостинге, а именно папка с названием сайта, например: sitey.ru

Объяснять буду на примере target="_blank">хостинга Джино, на других серверах другой интерфейс клиентской части, но суть не меняется.

Заходим в свой аккаунт хостинга на главную страницу:

1. Переходим в файловый менеджер и выбираем папку domains.
Создаем первую страницу сайта

2. Переходим в папку с именем Вашего сайта
Создаем первую страницу сайта

3. Здесь у Вас только один файл: index.html - заставка (заглушка) от Jino.

Нажимаем на него один раз, после этого активируется панель управления сверху.
Далее два варианта:
1 вариант. Нажмите значок с карандашом - откроется ненужный код - выделите его и удалите. Скопируйте код, из созданного Вами файла index.html (выделить, правой кнопкой мыши копировать), и вставьте его вместо удаленного ненужного кода. Нажмите сохранить.
2 вариант. В активированной панели сверху, нажмите удалить - удалите. Ниже окошко для загрузки файла. ОБЗОР, выберите Ваш готовый файл, загрузите его.

Готово. Заходите на свой сайт и увидите созданную первую страницу, хоть и временную.

Оставить комментарий
Навигация по сайту
  • Скачать 1
  • Скачать 2
  • Скачать 3
Универсальный шаблон готового сайта UseSite

Универсальный шаблон готового сайта UseSite


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

Подробнее →  

  • Просмотров: 25 369
Готовый сайт оплаты и доставки электронного товара. OnPay Система платежей

Готовый сайт оплаты и доставки электронного товара. OnPay Система платежей


Готовый шаблон сайта для продажи и доставки электронных товаров. Автоматическая оплата товара и мгновенная его отправка покупателю. Шаблон настроен для работы с платежной системой OnPay. Персональный аттестат WebMoney не...

Подробнее →  

  • Просмотров: 7 749
Редактируем шаблоны готового сайта. Скачать книгу для начинающих вебмастеров

Редактируем шаблоны готового сайта. Скачать книгу для начинающих вебмастеров


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

Подробнее →  

  • Просмотров: 13 444

 

 

Нименование Количество Цена / 1 шт.
Всего: 0 руб.