Создаем простой сайт (не динамический)

[Создатель Миров]

У читателей, мало знакомых с интернетом, сразу возникает вопрос : а что такое "не динамический" и какой бывает еще.

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

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

[Создатель Миров]

Для начала берем лист бумаги и рисуем общую композицию.
Если это сайт Васи Пупкина и его собак, то в центре может быть фотография Васи, а по краям - уменьшенные фотографии его собак
Далее рисуем план гиперссылок - например, если кликаем мышью по фото Васи - пользователь должен перейти на вторую страницу с например текстом-биографией Пупкина, по кликанью на каждую маленькую собаку - на страницу с большой фото этой собаки, под каждой большой собакой - ссылка на еще страницу - ее описание - когда родилась, что кушает, чем болела.
Итак, имеем план в 12 статичных страниц - первая, всегда обязання иметь имя index.htm, вторая с биографией, 3-4-5-6-7 с крупными фото собак и 8-9-10-11-12 с биографиями собак.

[Создатель Миров]

Самый простой способ нарисовать сайт - сделать страницу в Word'е и "Сохранить как html"
Однако я им не пользуюсь - страница получается очень тяжелая (много килобайт) и иногда неаккуратная - все-таки ворд не совсем правильно сохраняет пропорции, если на сайте много мелких изображений и много текста и ссылок.
Поэтому рекомендую использовать специальную простенькую программу для создания сайтов - Нетскейп Композер. Скачать ее можно тут (18 мб)
http://humanclub.ru/rars/2008/cc32e47.exe
После запуска открывается окно Нетскейп 4.7.
В меню Коммуникатор нужно выбрать строку Композер, и откроется новое окно для создания сайта.
Далее на окно кладется таблица, ячейки которой должны соответствовать по размеру плану, нарисованному нами на бумаге - например, если в центре картинка Васи Пупкина размером 400х300 пикселей, то центральная часть таблицы должны быть 400х300 пикселей.

[Создатель Миров]

Пример : кнопка "Расположить таблицу" (на кнопку показывает зеленая стрелка)

[Создатель Миров]

Нажав кнопку, получаем такое окно с параметрами таблицы (красная стрелка)
В первой строке - слева "Сколько строк в таблице" (желтая стрелка), справа - "Сколько колонок" (синяя стрелка). Ставим например 4 строки и 3 колонки.
Ниже - расположение таблицы : в центре, слева или справа в окне браузера - ставим в центре
Далее идет Бордюр - то есть видны ли будут границы между ячейками таблицы - если нужно, чтобы были видны - ставим 2, если нет - ставим 0.
Далее в поле Table Wedth ставим ширину таблицы - рекомендую ставить 1000 пикселей, тогда она будет нормально смотреться на мониторах с шириной 1024 пикселей. Рядом в окошке выбираем не проценты, а pixels
Можео ставить 1200 пикселей, тогда таблица будет нормально смотреться на 17" и 19" мониторах, а на 15!, где ширина 1024, будет не полностью умещаться в окно монитора по ширине.
Далее поле - минимальная высота таблицы. Можно ничего не ставить, так как высота автоматически повышается до нужной, если в поле ячейки вставить фото или текст.
Итак, мы сделали например такую таблицу

[Создатель Миров]

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



ЗЫ Вместо Васи Пупкина я положил картинку Дюка Нукема, ну неважно.

[Создатель Миров]

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

[Создатель Миров]

Переходим на зкладку вверху LINK и вписываем в строку имя файла, в котором будет описание биографии, например bio.html

[Создатель Миров]

Нажав ОК, получим картинку с линком - то есть если посетитель сайта кликнет по картинке, то он попадет на страницу с описанием биографии Васи Пупкина.

Точно так же кладем картинки собак на другие пустые клетки, а на них - линки на соответствуюшие страницы, назвав их sob1.html, sob2.html и так далее.

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

Вверху - можно написать крупными буквами "Сайт Васи Пупкина и его собак"

[Создатель Миров]

Размер букв выбирается в окошке с цифрами, цвет букв - в окошке с цветом (на картинке - второе слева сверху), толстый шрифт - значком А (на картинке - следующий за цветом), наклонный шрифт - значком А (следующий значок)

Фон всей страницы или фоновый рисунок всей страницы выбирается так.
На пустом поле щелкаем правой кнокпой мыши и во всплывающем меню выбрать Page Propertiеs



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

[Создатель Миров]

Собственно все для 1-й страницы.

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

На страницах не забываем класть ссылку "вернуться в начало", набрав текст "Вернуться в начало", затем выделив этот текст и щелкнув по кнопке LINK, затем в окно линка вписываем имя 1 страницы - index.html.

[Создатель Миров]

После того, как все страницы сайта нарисованы, нужно переслать их на ХОСТИНГ - то место в интернете, куда можно будет зайти посетителям интернета и посмотреть сайт.
Есть бесплатные хостинги - например, Яндекс, Хотбокс.
Как правило, они удаляют сайты, если на эти сайты ходит мало посетителей.
Можно купить собственный хостинг - его цена примерно 200 рублей в месяц.
Для создания сайта на бесплатном хостинге Яндекса нужно завести на нем почту, а затем почитать инструкции, как открыть бесплатный хостинг.
В инструкциях указано, какую кнопку наждать, чтобы переслать все свои созданные страницы на этот хостинг.
После чего сайт станет доступен всем посетителям интернета под именем, если например почта названа morda@yandex.ru -
то сайт будет иметь имя http://morda.narod.ru

[Cracoon]

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

[Создатель Миров]

Это программа чудовищно устарела - ей больше 10 лет

Тем не менее, как ни удивительно, она работает и с ее помощью сайт сделать можно!

не знала о такой чудесной программе.

На здоровье :)

[Cracoon]

Это программа чудовищно устарела - ей больше 10 лет

у меня был миди-проигрыватель для клавишных, которому около 8 лет и ничего- весит мало, работает как монстр

[Создатель Миров]

Кстати информация по беслатным хостингам Яндекса и Хотбокса устарела - Хотбокс вообще закрылся, ЯНдекс продал все свои бесплатные сайты Укозу, а тот напихал рекламы так много, что уже противно туда ходить.

Я глянул - раньше еще Майл ру и Рамблер предоставляли место для бесплатного сайта.
Увы!
Все они закрыли свои проекты.
Причина в одном - 90% убежали в Контактик, Одноклассники, Инстаграмм и сайты делать перестали...
Но Инстаграмм и так далее заточены ТОЛЬКО под фотки - ничего более умного там нет.
Так что если кто хочет делать сайт про себя - лучше все-таки потратить 200 р в месяц (каждый месяц) и купить платный хостинг, вот этих - навалом!

Cracoon
По секрету скажу - для тебя могу предоставить место у себя, только не больше 2 гб - то есть сайт с картинками/фото/сотней страниц с текстом там поместится, а вот если много видео - тогда увы... я свое видео даже унес с хостинга и завел вебсервер дома, так как видео - это огромные объемы, класть его на платный хостнг крайне дорого выходит. А на "облака" - ненадежно...

Для примера - еще маленький статический сайт, который я сделал (нарисовал в Нескейп Композере) для любителей творчества писателя Оксана Панкеева:
http://humanclub.ru/delta

[Cracoon]

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

[Создатель Миров]

А вот много - смотря чего.
Текст занимает 20 кб страница, так что если просто страниц с текстом 1000 - это ерунда, это 20 мб и в 100 раз меньше критического объема (у меня)
Фотографии: вот оригиналы (RAW) занимают уже больше - около 5 мб в среднем. Тысяча оригиналов уже не поместится...
А вот jpeg уже занимает даже в слабом сжатии 500 кб (в сильном и до 100 можно сжать), тогда 2000 таких фото разместить можно запросто.
Проблема только в видео: один файл FullHD длиной час займет 1 гб (это уже сильно сжатый).

Я пользуюсь хостингом Славхост, вот их расценки:
https://ruskyhost.ru/
PS Там и конструктор сайтов есть
PSS Самый дешевый Эконом я бы не советовал - там бекапов нет (то есть безусловной гарантии восстановления сайта после сбоя их сервера)

[Cracoon]

Гляну, почитаю, спасибо)