Мечтаете о собственном сайте и не знаете с чего начать? Пугают сложные программы и непонятный HTML язык? Не переживайте, можно обойтись и без них. Благо что сервисов по размещению и разработке домашних страничек в Интернете немало.
Полностью публикация приведена в формате PDF:Скачать/Просмотреть(Для просмотра необходима программа Adobe Reader или ее произвольный аналог).
Для начала надо найти подходящий хостинг – услугу по размещению сайта и предоставлению ему имени. Есть платные и бесплатные хостинги. Новичку, чтобы научиться создавать собственные страницы, лучше воспользоваться бесплатным сервисом, не затратив при этом ни копейки.
Оставим за пользователем наполнение сайта и перейдем к описанию некоторых ресурсов Интернета, которые помогут начинающему web-дизайнеру освоить это увлекательное и захватывающее дело.
На заглавной странице сайта www.ru.gg – многообещающий заголовок – «Всего за 3 минуты к собственной домашней странице» (рис. 1). Авторы данного ресурса, кстати, живущие в Германии, помимо бесплатного хостинга предлагают собственный домен, 1гб дискового пространства и множество различных функций для воплощения вашей мечты.
Прежде чем приступить к созданию собственного сайта, надо зарегистрироваться. Вопросы очень простые: выбрать адрес будущей страницы, придумать пароль для входа в редактор, вписать в пустую ячейку свой электронный адрес и возраст. Затем следует отправить регистрационную форму. Как только это сделаете, тут же откроется новая страница, в которой появится поздравление с рождением нового сайта. Здесь же можно заметить ссылку, которая в точности повторит адрес только что созданной страницы. Нажав на нее, тут же окажемся на своей домашней страничке. Правда, пока она выглядит очень блекло. Бедный дизайн, ни текстов, ни картинок, ни ссылок. Но лиха беда начало!
Нажимаем на кнопку «Вход» и попадаем в редактор, который и будет воплощать в жизнь наши замыслы. Именно с его помощью мы наполним страницу разнообразным контентом. В левой колонке редактора – список функций: Выбрать дизайн, Организация фотоальбома, Редактировать страницы, Расширения и так далее. Постепенно освоим нужные инструменты. Придумаем рубрики, заполним страницы, улучшим дизайн (рис. 2). В редакторе находятся несколько десятков готовых шаблонов страниц. Среди них – праздничный, спортивный, анимационный и другие, на любой вкус и цвет.
Перейдем к текстовой информации сайта. Для этого активируем функцию Редактировать страницы. Пока страница пуста. Кнопки в верхней части призывают начать работу. Кстати, интерфейс редактора очень похож на Word (рис. 3). Те же команды: Форматирование, Вставка, Гиперссылка и тому подобное. Поупражняйтесь с ними – напечатайте и отредактируйте текст, выберите подходящий размер и цвет шрифта. Сохраните изменения, а потом войдите в Интернет, введите в строке браузера имя своего сайта и посмотрите, что же получилось. Если что-то не понравилось, вернитесь в редактор и исправьте ошибки. В набранный текст можно добавить фотографии, рисунки, таблицы. Для вставки фотографии воспользуйтесь кнопкой Добавить фото, которая расположена внизу страницы. Нажимаем на нее, затем открываем Обзор и выбираем на компьютере нужный файл из папки, в которой хранятся фото. Итак, первая страница готова. Если мало одной, легко добавить вторую, третью и так далее. Нажимаем на кнопку Добавить страницу и повторяем все то, что уже проделали с первой. Так постепенно сайт «обрастет» новым материалом, приобретет привлекательную форму. Конечно, данный редактор страниц далеко не идеален. Кому-то он покажется примитивным и ограниченным. Но для первых проб он вполне пригоден.
Другой бесплатный хостинг находится по адресу www.ucoz.ru. Он сложнее по устройству, но богаче по функциональным возможностям. Как и в предыдущем случае, алгоритм начальных действий незамысловат: придумываем имя сайта, регистрируемся, а потом шаг за шагом осваиваем основные, довольно разнообразные, функции. Даже не погружаясь в тэги, можно произвести на свет очень приличный сайт.
Маленький совет: прежде чем приступить к работе, ознакомьтесь с «образцовыми» домашними страничками, созданными пользователями при помощи этой программы.
Итак, придумав адрес и произведя регистрацию, заходим в редактор и выбираем модули, из которых будет состоять сайт. Их список расположен слева на странице (рис. 4). Он довольно обширен. Здесь не только привычные для сайта рубрики – Новости, Форум, Каталог файлов, но и весьма редкие для этого рода сервисов функции. Именно они привлекательны для учителя. Например, Опросы и Тесты. С помощью этого редактора учитель может построить для себя и своих учеников дистанционную информационно-методическую среду, наполнив ее дидактическими материалами, нужными ссылками, статьями и диагностическими работами.
Все файлы, которые надо выложить в редактор, сначала помещают в файловый менеджер. В него можно положить тексты, картинки, таблицы, звуковые фрагменты. Правда, очень большие файлы грузятся долго. Если, например, требуется поместить на странице видеоклип, то лучше «залить» его на FTP-сервер, а в Ucoz’е дать соответствующую гиперссылку. Не забывайте, что размер дискового пространства хостинга ограничен 300 Мб. Для размещения крупных файлов подойдет, например, FTP-сервер на www.pochta.ru. Он позволяет загружать файлы размером до 200 мб. На этом сайте войдите в раздел Загрузить видео. Затем в открывшейся форме заполните необходимые сведения. Нажмите кнопку Обзор. Выберите нужный файл и загрузите его. По окончании процесса появится гиперссылка, которую и надо поместить на странице в редакторе Ucoz. А когда зайдете на свой сайт, ссылка будет активной. Один клик мышки – и через некоторое время клип запустится на компьютере.
Описать все функции данных редакторов невозможно. Их надо изучать, постепенно и скрупулезно. А если возникли вопросы, можно зайти на форумы, которые есть и на том и на другом сайте. Здесь есть ответы на самые трудные и неожиданные вопросы. Изучая премудрости сайтостроения, общаясь с другими пользователями, открывая новые функции и возможности редакторов, вы сможете со временем превратить мечты о собственном сайте в реальность.
Алексей АЗЕВИЧ, доцент кафедры информатизации образования МГПУ
Комментарии