- •Глава 1. Введение 174
- •Часть 1. Дизайн для Всемирной паутины Глава 1. Пройдемся по «понятиям»
- •Глава 2. «Вид» дизайна
- •Глава 3. Критические ошибки
- •Глава 4. Структура оптимизированных страниц
- •Глава 5. «Непрошеные» окна
- •Глава 6. Студия web-дизайна
- •Глава 7. «Это» — плохо!
- •Глава 8. Дизайн без «дизайна»
- •Глава 9. Гипертекстовый документ
- •Глава 10. Универсальный локатор ресурса
- •Часть 2. Основы создания гипертекстового документа Глава 1. Введение
- •Глава 2. Этикет в «паутине»
- •Глава 3. Структура
- •Глава 4. Внутри документа
- •Глава 5. Тестируйте свой документ
- •Глава 6. Таблица или фреймы
- •Глава 7. Перекодировщики кириллицы
- •Часть 3.Описание языка гипертекстовых документов Глава 1. Гипертекстовый язык
- •Глава 2.Термины гипертекста
- •Глава 3. Использование звуков
- •Глава 4. Создание графического меню
- •Глава 5. Текстовые стили
- •Глава 6. Общий интерфейс и формы языка
- •Глава 7. Фреймы
- •Глава 8.Планирование и взаимодействие фреймов
- •Глава 9.Зарезервированные имена фреймов
- •Глава 10.Создание документа html
- •Глава 11. Формы в html документах
- •Глава 12. Html 4.0
- •Глава 13. Тэги
- •Глава 15. Создание документов в формате html 4.0
- •Глава 16. Sgml и html
- •Глава 17. Как читать html dtd
- •Глава 18. Представление документа в формате html
- •Глава 19. Глобальная структура документа
- •Глава 20. Тело документа
- •Глава 21. Списки
- •Глава 22. Таблицы стилей
- •Часть 4. Редакторы web-страниц Глава 1. Основные требования
- •Глава 2. Adobe ImageReady
- •Глава 3. Corel Xara
- •Глава 4. Macromedia Fireworks
- •Глава 5. Macromedia Dreamweaver
- •Глава 6. Metacreation Headline Studio
- •Глава 7. HomeSite
- •Глава 8. Microsoft FrontPage Express
- •Часть 5. Создание Интернет-портала Глава 1. Что такое портал?
- •Глава 2. Что такое современный корпоративный портал?
- •Глава 3. Для чего нужен корпоративный портал?
- •Глава 4. Использование пакета Cold Fusion
- •Глава 5. Использование пакета Web-Oracle-Web (wow)
- •Часть 6. Cgi, php, Perl, MySql и cms системы Глава 1. Cgi
- •Глава 2. Выбор cms
- •Глава 3. Серверные скрипты
- •Глава 4. Вступление в php и MySql
- •Глава 5. Написание Гостевой книги на рнр
- •Глава 6. Гостевая книга на php — еще один вариант
- •Глава 7. Графический счетчик на php
- •Часть 7. Life Site cms — система создания и развития сайтов Глава 1. Введение
- •Глава 2. Что такое cms?
- •Глава 3. Функциональность системы
- •Глава 4. Часто задаваемые вопросы
- •Часть 8. «Раскрутка» сайта Глава 1.Выгодность хорошей «раскрутки»
- •Глава 2. Как создать вирусный трафик с помощью бесплатных электронных книг
- •Глава 3.Правильная раскрутка проекта и привлечение нужных посетителей
- •Глава 4. Экономика проекта
- •Глава 5. Стратегия эффективной работы с партнерскими программами
- •Глава 6. Преимущества использования Интернета в сетевом маркетинге
- •Глава 7. Как получить более 20 000 посетителей в день на свой сайт?
- •Глава 8. Банерная реклама
- •Часть 9. Заработок при помощи своего сайта Глава 1. Бесплатное место под ваш сайт
- •Глава 2. Как заработать на своем сайте
- •Глава 3. Банер и оплата его размещения
- •Глава 4. Влияние местоположения банера на его эффективность
- •Глава 5. Банерокрутилка на JavaScript
- •Глава 6. Бесплатное размещение web-страницы на сервере www.Geocities.Com
- •Часть 10. Уроки мастерства Глава 1. Выбираем и настраиваем домашний Web-сервер
- •Глава 2. Выводим иллюстрации в отдельном окне
- •Глава 3. Добавляем страницу в Избранное
- •Глава 4. «Откат назад» с помощью JavaScript
- •Глава 5. Индикатор состояния icq
- •Глава 6. Как поменять цвет скролл-бара
- •Глава 7. Как «обмануть» фреймы
- •Глава 8. Свойства тэга mailto
- •Глава 9. Пример практического создания сайта
- •Часть 11. Тонкости и секреты Глава 1. Фреймы
- •Глава 2. Ускоряем загрузку графики
- •Глава 3. Создаем систему быстрой навигации
- •Глава 4. Защитим страницу паролем
- •Глава 5. Устанавливаем счетчик
- •Глава 6. Десять советов web-дизайнеру
- •Глава 7. Каскадные таблицы стилей — css
- •Вопросы и ответы
- •Приложения Арсенал web-строителя
- •Тэги html
- •Meta-тэги
- •Хостинг
- •Бесплатная регистрация в поисковиках
- •Лучшие русскоязычные хостинг-серверы
- •Каталог бесплатного хостинга
- •Краткий словарь Интернета
- •Список использованных материалов
Глава 7. Как «обмануть» фреймы
Очень часто бывает, когда посетители добавляя фреймовую страницу в Избранное, при последующем заходе по ссылке они видят лишь ту страницу, где текст, без меню, в таких случаях надо либо дублировать меню либо добавить скрипт, приведенный ниже (лучше расположить его в тэгах head).
Да, надо код ставить на все страницы вашего сайта, или будет выскакивать только та страница, где расположен этот код.
<script LANGUAGE="JavaScript">
<!--if (top.frames.length!=0) top.location=self.document.loca-tion;//--></script>
Глава 8. Свойства тэга mailto
Если нам надо разместить на странице ссылку для отправки электронной почты мы обычно пишем вот такое:
<a href=mailto:w-w@list.ru>Письмо мастеру</a>
Еще мы можем заменить надпись любой картинкой:
<a href="mailto:w-w@list.ru"><img src="folder.gif" width="16" height="16" border="0" alt="w-w@list.ru">
Еще возможна отправка с автоматическим заполнением Темы письма и Заголовка в вашем почтовом клиенте, вот пример:
<a href="mailto:w-w@list.ru?subject=Пишу с твоего сайта&Body= Уважаемый мастер!"> Письмо мастеру</a>
Глава 9. Пример практического создания сайта
Представьте себе, что вы решили написать в Инете о себе любимом, ну и чуть-чуть о своей подруге. Далеко не лучшая идея — вряд ли кому-то это интересно, разве ближайшим друзьям и родственникам. Но для примера сойдет.
Начнем, пожалуй, с того, что застолбим себе местечко на каком-нибудь сервере, появится стимул побыстрее его заполнить (предполагается, что почтовый ящик у вас уже есть). Возьмем, к примеру, Fortune City — дают 100 МБ. Думаю, достаточно. Для регистрации жмем вот сюда, выбираем тематику сайта (не мучайтесь, любую выбирайте!), имя пользователя и пароль. Далее заполняем предлагаемые формы. Если вы не очень уверены в своем английском, то предварительно кликните ссылку Registration Help! в верхней части страницы. Там найдете переводы всех форм, которые предстоит заполнять при регистрации на FortuneCity.
...Ну вот. Место у вас есть, и появился адрес. Что-то вроде http://www.fortunecity.com/business/fax/339.
Принимаемся за создание странички. Прикидываем, как все будет выглядеть: заглавная страничка будет о себе, про девушку — отдельная страничка. Еще у вас есть парочка отсканированных фотографий, по штучке на каждую страничку пристроим обязательно. Т.е. наш сайт будет состоять из следующих файлов:
заглавная страничка — index.html (обычно она всегда так называется);
страничка про девушку — назовем ее girl.html;
две фотографии — пусть это будут myphoto.gif и herphoto.gif.
Все файлы расположим в одной папке (их всего 4, поэтому и мудрить не будем).
Теперь для создания самих страничек можете воспользоваться Front Page или Word. А можно открыть что-нибудь типа Блокнота или WordPad и сделать все вручную. Мне лично второй вариант больше нравится. Итак, набираем следующее (назначение тэгов — это то, что находится между символами «<» и «>»):
<HTML> <HEAD>
<TITLE>Обо мне и моей любимой</TITLE> </HEAD>
<BODY BGCOLOR="#A0F0F0"> <H2 ALIGN=CENTER>Тимон Тимонович</H2>
<IMG SRC="myphoto.gif" WIDTH="122" HIGHT="183" ALIGN=LEFT ALT="Моя фотка">
<P>Это я! Родился, рос, потом учился, и все время рос. Вот такое у меня бурное детство...</P>
<P>Чем я занимаюсь сейчас? Да все тем же, чем и раньше — ем и пи-саю.<BR> <I>Вот такой вот я есть!</I></P>
<HR>
<P ALIGN=CENTER>
Про мою девушку вы можете узнать <A HREF="girl.html">здесь</A>.
</P>
</BODY>
</HTML>
Этот файл назовите index.html и сохраните на диске. Для этого выберите в меню «Файл» опцию «Сохранить как...». Выберите тип файла «Текстовый документ», а имя — «index.html». Теперь наберем следующий файл:
<HTML> <HEAD>
<TITLE>Обо мне и моей любимой</TITLE> </HEAD>
<BODY BGCOLOR="#A0F0F0"> <H2 ALIGN=CENTER>Тима</H2>
<IMG SRC="herphoto.gif" WIDTH="128" HIGHT="185" ALIGN=RIGHT ALT="Фото моей девушки">
<P>Знаете, ее биография не очень-то отличается от моей...</P> <P>Лучше про ее маму расскажу: <UL> <LI>
<I>На днях теща 50 копеек проглотила. Подавилась. И знаешь, мелочь, а приятно!</I> <BR><BR> <LI>
<I>Вчера хоронили тещу. Порвали три баяна...</I> </UL></P> <HR>
<P ALIGN=CENTER>
Чтобы вернуться ко мне, <A HREF="index.html">жмите здесь</A>. </P> </BODY> </HTML>
Сохраните этот файл как girl.html. Сюда же скопируйте myphoto.gif и herphoto.gif. Можете скопировать любые два графических файла с расширением gif из имеющихся в наличии. Главное не забудьте их переименовать в myphoto.gif и herphoto.gif. Теперь откройте папку, куда вы все сложили, дважды кликните по index.html и увидите результат своих трудов.
Осталось только перебросить все это хозяйство на сервер (upload). Можно использовать только браузер (обновление по WWW), а можно
FTP-клиент (по FTP). Второй вариант гораздо быстрее и удобнее. Рассмотрим оба варианта.
Upload по WWW
Заходим на www.fortunecity.com, находим вверху ссылку «Build» («Создать») и жмем на нее, затем выбираем «Update with advanced home-builder» и в появившемся окне вводим свой логин и пароль. Попадаете на страничку «build» — строительство своего сайта. Там пока пусто. В верхней части страницы — ваш адрес (чтоб не забыли!). Ниже — список имеющихся на вашем сайте файлов (собственно говоря, пока там ничего не имеется) и их размер: html files (HTML-файлы), graphic files (графические файлы), other files (другие файлы) и directories (папки). Кнопки: edit (редактировать), rename (переименовать), view (просмотреть), delete (удалить), create directory (создать папку), create new html file (создать новый HTML файл). Так как нам пока редактировать и удалять нечего, смотрим далее. Внизу страницы под заголовком «Uploading files» находим 10 окошек с кнопками «Обзор». Жмем на одну из кнопок, в открывшемся окне выбираем свой файл «index.html», нажимаем открыть. То же повторяем и для «girl.html», «myphoto.gif» и «herphoto.html». Еще чуть ниже нажимаем на «upload files». Готово. Теперь набираем в окне браузера адрес своей странички и смотрим, что получилось.
Upload по FTP
Рассмотрим на примере программы CuteFTP. Сперва настраиваем ее для работы со своим сайтом: в FTP Site Manager (открывается при каждом запуске программы) нажимаем Add Site. Придумываем Site Label, можно любое имя (ну, например, site01). Host Address — вводим ftp.for-tunecity.com, User ID — ваш логин для входа на сайт, Password — пароль, остальное — по умолчанию. Нажимаем «Connect». Если все сделали правильно и сервер FortuneCity не глючит (что иногда случается с ним), то менее, чем через минуту мы можем редактировать свой сайт. В левом окне выбираем файлы, которые следует загрузить на сервер, нажимаем upload (стрелка вверх) или в меню Commands выбираем upload — выбранные файлы выгружаются на сервер. Все. Закрывайте программу и заходите на свой сайт.