Как создать и разместить свой веб-сайт или страницу в сети Интернет?

Итак, вы решили создать собственный веб-сайт, разместить в сети Интернет страничку с информацией о себе или о вашей компании. Что вам для этого понадобится?

Программа для создания страниц веб-сайта

Это может быть Microsoft Frontpage, отличным выбором будет Dreamweaver или вы можете выбрать одну из бесплатных или условнобесплатных программ для создания веб сайтов. Конечно, вы можете написать HTML код и вручную, если у вас достаточно знаний и опыта, но гораздо удобнее воспользоваться специальными программами для создания веб-страниц.

Программа для редактирования изображений

Ваш выбор и здесь весьма широк - начиная от Adobe Photoshop и заканчивая Microsoft Imaging, которая входит в состав операционных систем Microsoft Windows. Также вы можете воспользоваться и другими программами для редактирования изображений, которые можно свободно скачать из сети.
Программа для редактирования изображений необходима вам потому, что если вы захотите разместить какие-либо картинки, фотографии и другую графику в сети Интернет, то вам будет необходимо адаптировать ее под требования сети.
Изображения для интернет-сайтов должны быть экранного разрешения, чтобы умещаться на странице целиком, без прокрутки. Должны иметь минимальный размер ("вес") в килобайтах. Типичная картинка для веб - размером с экран - должна "весить" до 300 кб. Картинки меньшего разрешения должны быть и меньшего размера в килобайтах. Так, картинка с логотипом должна быть порядка 7-15 килобайт.
Для этого изображения необходимо править в графических редакторах, уменьшая их разрешение, сжимая и сохраняя в сжатых форматах (например, jpeg).
Картинки с малым колличеством цветов (например, логотипы) рекомендуется сохранять в формате gif, устанавливая при сохранении количество цветов с адаптивной палитрой, достаточное для передачи изображения.
Картинки с большим колличеством цветов (например, фотографии) рекомендуется сохранять в формате jpeg, выбирая степень сжатия medium (порядка 50 %) или более низкую. Для просмотра на экране компьютера такого качества будет достаточно для передачи сюжета фотографии.

Cтруктура будущего сайта

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

Шаблоны страниц

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

Контроль ссылок

При создании локальной версии сайта или страницы, т.е. открывающейся с жесткого диска вашего компьютера, сохраняйте html страницы, файлы и изображения в одной папке на диске. Используйте локальные относительные ссылки. Т.е. ссылка на изображение должна выглядеть как image.jpg, а не как C://Documents and Settings/Администратор/Мои Документы/Мой сайт/image.jpg. При использовании относительной ссылки, т.е. ссылки от текущей папки - так, как будто эта папка и есть папка на веб-сервере, - ваш сайт будет корректно отображаться после закачки на веб-сервер. При использовании же абсолютной ссылки, в которой указан путь к файлу на диске вашего компьютера, изображения или ссылки на другие страницы сайта будут недоступны после закачки на веб-сервер. Практически это выглядит так: у вас есть папка Site, в которой хранятся странички вашего сайта и внутри нее находится папка Images, содержащая все изображения для вашего ресурса. Так вот, ссылка на картинку image.jpg, расположенную в папке Images, из html страницы, расположенной в папке Site, должна выглядеть как "../Images/image.jpg".

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

После всех описанных выше мучений вы получили работающую локальную версию сайта. С жесткого диска вашего компьютера она открывается, вы можете переходить по ссылкам, расположенным на страницах сайта, изображения не превышают 300 кб и отображаются корректно, страницы вашего сайта умещаются на экране без горизонтальной прокрутки. Осталось сделать сайт доступным всему Интернет-сообществу. Для этого вам необходим хостинг. Вы можете воспользоваться бесплатным хостингом, например на http://narod.yandex.ru/ или, http://by.ru/ или каким-либо другим, коих немало в сети. Можете купить платный хостинг у нас или не у нас :-)
Разница между платным и бесплатным хостингом примерно как между личным автомобилем и общественным транспортом. И тот, и другое, конечно, довезет. Но личный автомобиль -- это свобода, независимость, больше возможностей, большая надежность. Однако и ездить на нем дороже.
То же самое и с хостингом.
Платный хостинг -- широкие возможности, наличие техподдержки, надежность, скорость, адаптация под ваши нужды, удобство, статистика, отсутствие чужой рекламы на вашей странице.
Бесплатный хостинг -- ограниченный ряд функций, чужие рекламные модули на вашем сайте, отсутствие помощи, в случае каких-то вопросов или проблем, невозможность поддержки домена первого уровня, недостаток дополнительных сервисов, базы данных.
Конечно, каждый выбирает свое, но если вы планируете разработку сайта компании, то по сути у вас нет выбора. Вы же не можете приехать на деловую встречу на троллейбусе?

Закачка сайта на хостинг по FTP

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

На полках магазинов вы найдете достаточно литературы по HTML, созданию сайтов и работе в сети Интернет. Кроме того, никто не отменял и http://www.yandex.ru/.

Если у вас возникли какие-либо вопросы или вы решили доверить создание вашего сайта профессионалам, то пишите на slava@in4net.info. Также вы можете выбрать любой другой способ связи.