 |
Создание личного сайтаДелаем это точно так же, как и в прошлый раз. Мы выбираем, например, вот такой таинственный. Нашему файлу зададим имя Ссылка... Он будет иметь расширение html. Нажмем на кнопку Дальше. Сейчас мы можем определенным образом настроить дизайн. Как мы это сделаем? Показывать ли заголовок про меня? Мы сбросим этот флажок. Выберем цвет фона. Пусть это будет вот такой сиреневый цвет. Приветствие. Введем, например, Привет всем... Цвет текста. Выберем вот такой синий. Шрифт - Жирный. Курсив. Выберем размер побольше, например, 32. Фотографий у нас в данный момент нет, но с помощью кнопки Обзор мы с Вами можем выбрать любое изображение, которое нам сейчас доступно. К сожалению, ничего подходящего, по-моему, даже в Моих рисунках, нет. Здесь имеются образцы рисунков. Выберем, к примеру, водяные линии. Текст Вашей странички. Напишем следующее: Сюда Вы перешли по ссылке... Вот так. Цвет текста у нас будет вот такой зеленый. На этой странице точно таким же образом можно организовать до пяти ссылок на другие страницы, но мы с Вами сейчас не будем этого делать. Нажмем на кнопку Готово. Именно так будет выглядеть та страница, которую мы только что создали. Привет всем. Именно синими буквами. То есть, именно так, как мы с Вами и устанавливали. Кроме того, сейчас открывается та страница, которую мы загрузили в качестве фотографии. Информация у нас осталась здесь сбоку. Эта фотография сейчас открывается. Посмотрим, что у нас здесь получилось. Если мы обновим эту страницу и попробуем перейти на только что созданную страницу с помощью этой ссылки (пробуем), то у нас ничего не получится. Почему это произошло? Дело в том, что возможность перехода мы с Вами поставили на Ссылка без html (без .html). А здесь наша страница называется "Ссылка, точка, html". Вернемся в Мастерскую и получим с помощью этого простого инструмента сервера narod.ru вполне работающую страницу. Перейдем на нашу главную страницу, выберем что-нибудь еще раз и нажмем на кнопку Дальше. Нам сообщают, что у нас уже имеется страничка с таким именем Index.html и пока не предоставляют нам возможность редактирования данной страницы. Но мы попробуем нажать на кнопку Дальше и посмотрим, может, все-таки, нам предоставят эту возможность. Нет, такую возможность нам не предоставляют. Вернемся в Мастерскую и попробуем отредактировать нашу страницу. Редактировать нашу страницу мы можем с помощью этой группы, которая расположена справа. Управление файлами, html-редактор. Это именно редактирование и управление. Мы щелкаем мышью вот сюда. Сейчас мы видим все те страницы, которые имеются на нашем сервере. У нас имеются страницы по шаблону, index и ssilka. Имеется та страница, которую мы с Вами загрузили совершенно отдельно и еще имеется картинка. Предположим, нас интересует вот эта самая страница по шаблону. Здесь устанавливаем флажок и нажимаем на кнопку Свойства. Сейчас у нас имеются данные об этом самом файле Index.html. У нас имеется имя и описание, имеется счетчик, его каталог, текстовый редактор и редактор по шаблону. Выполним щелчок мыши по Текстовому редактору. Посмотрим, что мы при этом получим. Мы здесь сейчас получаем в виде html (а мы уже знакомы с этим языком) вот эту нашу страницу с помощью текстового редактора. Если мы вызовем Редактор по шаблону, то мы увидим тот самый редактор, с помощью которого мы и создавали эту страницу. Попытаемся отредактировать это в HTML. Мы уже знаем, как это делается. Мы помним, что у нас была ссылка, которая называется HREF-ссылка, а должна была быть ссылка HREF-ssilka.html. - Нажмем на кнопку Сохранить. Изменения сохранены. Мы можем продолжить редактирование, а можем и просто закрыть окно. Давайте, закроем это окно и посмотрим, что у нас здесь получилось. В другой копии приложения мы вернемся назад, то есть, фактически, мы возвращаемся на головную страницу. Сейчас она откроется. Будет открыта страница www.narod.ru. Теперь нажмем на эту самую ссылку html. Причем, если Вы обратите внимание, на статусной строке уже указывается правильная ссылка. Если же мы сейчас щелкнем здесь (а файл ссылка.html на веб-сервере у нас уже имеется), то мы перейдем в правильном направлении. У нас открылась та страница, которую мы с Вами создали во второй раз. Имеется приветствие, имеется пара ссылок. Именно сюда мы перешли по ссылке. И сейчас здесь постепенно будет открываться нужная фотография, которая называется Picture.jpg. На этом завершим наш урок. Итак, нам с Вами удалось создать вполне нормальную страницу, которая уже опубликована и находится в Интернете. Сейчас у нас данная страница открывается. Текст расположен вот здесь справа. Может, это не самый удачный вариант дизайна, но представление о том, как публикуются страницы в Веб, Вы получили. |
На нашем сайте Вы можете скачать статьи, уроки, книги, учебники по web дизайну, пройти интерактивный курс обучения по Quarkxpress 6 и 7, adobe photoshop CS2 и CS3, а так же познакомиться с HTML, CSS, WEB 2.0, WWW, XHTML, CSS 2.0 и другими технологиями создания Интернет сайтов. После прочтения статей и уроков Вы без труда сможете создать html cod и content, guestbook, forum, addguest, message, page и прочие интерактивные формы на своем internet сайте. Данный сайт не содержит различные серийники, ключи, активацию, русификаторы, кряк, crack, keygen, серийные ключи, кейгены и других программ, нарушающих лицензионные соглашения.