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

Легко и быстро создать сайт

Автор: Максим Тигулев
Опубликовано: 19.04.2011
Источник: SoftKey.info

Строим сайт. Часть 1

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

Теперь на смену тестовым редакторам пришли целые системы управления содержимым (Content Management Systems - CMS), а статичные странички превратились в динамические. Благодаря этому создать хороший сайт можно буквально за несколько кликов, а поддержание его в порядке больше не является сложной задачей. Крупные порталы предлагают готовые "конструкторы" сайтов, а хостинги - предустановленные CMS.

"О влиянии изначального наименования на показатели плавучести маломерных судов"

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

Как было сказано выше, быстро создать страничку и даже целый сайт позволяют крупные порталы, например "Яндекс" или Google. Однако путь к страничке, создаваемой по умолчанию, будет привязан к названию портала и может оказаться довольно длинным и неудобным для запоминания. К тому же если говорить о коммерческой фирме, то название ее сайта должно быть запоминающимся и связанным с торговой маркой, чему название вида http://narod2.ru/mycompany (это "Яндекс") или http://sites.google.com/site/mycompany (Google) не очень способствует.

Поэтому для компании необходимо зарегистрировать собственное доменное имя. Это имя можно будет использовать для сайта (www.mycompany.ru), для ящиков корпоративной почты (user@mycompany.ru), для подчиненных доменов (sales.mycompany.ru), его будет не стыдно написать на визитках и дать в рекламных сообщениях.

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

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

"Site is under construction"

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

Давайте сделаем сайт на базе инструментов Google "Сайты". Первое, что надо сделать, — получить аккаунт на Google. Так как все сервисы Google привязаны к электронной почте, то сначала придется создать почтовый ящик, а потом использовать этот же логин для доступа ко всем службам Google. После регистрации ящика и входа в систему надо выбрать раздел "Сайты" в сервисах Google или сразу перейти к сервису "Сайты".

После нажатия на большую синюю кнопку нам предложат дать название сайту, указать уникальный адрес страницы в иерархии сайтов Google (например, адрес /site/mycompany - не пройдет, уже занято), а также выбрать шаблон оформления. Осталось правильно ввести неразборчивую CAPTCHA, и сайт будет создан. Справедливости ради стоит отметить, что у меня получилось только раза с пятого. То название страницы не получалось уникальным, то мозг отказывался воспринимать кривые символы CAPTCHA. В итоге разум победил и сайт создан. Сейчас он состоит только из главной страницы. Находясь на ней, нажмем кнопку "Создать страницу" и сотворим другие разделы структуры сайта (для фирмы это обычно разделы "О компании", "Контакты", "Услуги" и прочие). Все разделы, каждый из которых является отдельной страницей, будут представлены в боковой панели сайта и к ним легко можно будет добраться. Для размещения страницы внутри раздела просто надо находиться на этой странице и создавать новую страницу там, она сама будет размещена в "дереве" разделов.

Изменение текста страниц также не вызывает сложностей. Надо зайти на страницу и нажать кнопку "Редактировать страницу". Откроется интерфейс, похожий на "Ворд", и в большом поле можно просто писать текст. Когда будет готово, нажать кнопку "Сохранить". Легко и просто через меню "Вставить"/"Изображение" внедряются картинки, настраиваются их размер и форматирование текста вокруг. Несмотря на то что загруженные большие файлы также вполне нормально отображаются, настоятельно рекомендуется уменьшить их размер в любом редакторе, так как общее место на сайте не слишком велико (100 Мб) и забить его фотографиями, взятыми прямо с камеры, ничего не стоит.

Для любителей "чистого" HTML-кода в редакторе есть кнопка просмотра того, что получилось в результате редактирования. Когда мне не удалось в нужное место вставить горизонтальную линию-разделитель в сложной верстке, я полез смотреть: то, что получилось, меня совсем не обрадовало - в коде очень много "мусора", особенно если производилось много изменений, пришлось подчистить и подправить руками. Тем не менее сайт работает и без вмешательства в код, а самое главное, наполнять его дальше может любой работник, мало-мальски знакомый с компьютером, - услуги программиста для этого не требуются.

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

У всякой уважающей себя компании должен быть логотип. Поместить его на сайт можно, пройдя в раздел меню "Оформление сайта"/"Макет сайта", а затем щелкнуть по ссылке "Изменить логотип" в поле "Заголовок". Нам предложат загрузить картинку, а потом поместят ее в левом верхнем углу. В том же поле "Заголовок" можно изменить выравнивание и размеры заголовка и логотипа.

В меню "Цвета и шрифты" можно изменить темы оформления, а также цвета и вид отдельных элементов. Мне очень понравилась идея вставить в заголовок сайта фоновый рисунок. Делается это так: в меню "Дополнительные действия"/"Управление сайтом" выбираем пункт "Цвета и шрифты", в правом окне прокрутки находим строчку "Фоновое изображение заголовка сайта", выбираем подходящий рисунок, устанавливаем выравнивание и повторение (если требуется), смотрим, что получается (чуть ниже в окне предварительного просмотра все изменения тут же будут видны), и сохраняем изменения. Единственное, что выяснилось, - окно предварительного просмотра верстает изображение по своей собственной ширине, поэтому в окне браузера абсолютные положения рисунков могут быть другие (это я выяснил, напрасно пытаясь точно подогнать взаимное положение логотипа сайта и фонового рисунка).

Выводы

Современные средства создания сайтов больше не требуют специальных знаний, поэтому позволяют создавать и поддерживать сайты вполне профессионального вида даже не очень опытным пользователям. Крупные порталы размещают странички и сайты пользователей по типовым адресам своих серверов. Для серьезной компании необходимы свои отличительные знаки: логотип, название и собственный сайт с именем. Зарегистрированное доменное имя можно "припарковать" не только на профессиональном хостинге, но и на бесплатных площадках. Таким образом, создание за сутки вполне профессионально выглядящего сайта становится реальностью. А вот как происходит регистрация собственного имени для сайта, мы расскажем в следующий раз.



Статистика
Всего программ 28602
Скачиваний сегодня 915
Скачиваний вчера 1560