Самоучитель по созданию сайтов
Представим себе, что наша веб-страничка (или сайт) уже готова и мы с умилением любуемся ею на экране своего компьютера. Как же теперь сделать так, чтобы и другие посетители Интернета тоже могли ею любоваться?Для этого существует несколько способов. В принципе, можно это сделать, даже никуда страничку не копируя, но это имеет смысл, лишь когда свой компьютер постоянно подключен к Интернету (например, с использованием выделенной линии)
Начнем с конца
Представим себе, что наша веб-страничка (или сайт) уже готова и мы с умилением любуемся ею на экране своего компьютера. Как же теперь сделать так, чтобы и другие посетители Интернета тоже могли ею любоваться?
Самое главное на любой веб-странице — гиперссылки
В предыдущем разделе мы рассмотрели различные способы форматирования текста веб-страницы. Однако созданная нами в качестве примера “Домашняя страница Сергея Сергеева” имеет существенный недостаток: она представляет собой голый текст. И дело тут вовсе не в отсутствии графики или звуковых фрагментов (графика и звук, конечно, украшают страничку, но в данном случае не это главное). Дело в отсутствии гиперссылок. Гилерссылки — контекстные связи между расположенными в Интернете материалами.
Графические форматы Интернета
В предыдущем разделе мы рассмотрели способы использования графических элементов на веб-странице. Но, как вы, вероятно, знаете, существует великое множество различных форматов для представления графики. Какими же из них следует пользоваться в данном случае?
Определение стилей в специальной таблице
Вы, наверное, обратили внимание на то, что в предыдущем примере есть много повторений стилевых свойств. Повторяющиеся свойства можно определить для каждого тега HTML заранее, и они будут впоследствии применяться к нему автоматически.
Программы для сжатия звуковых фрагментов
Чтобы поместить сжатый звуковой файл на веб-страницу, его надо сначала создать. О том, как это делается, мы немного и поговорим в этом разделе.
Как писать собственные функции
В примере, приведенном в предыдущем разделе, вы, вероятно, обратили внимание на то, что некоторые строки нашего кода выглядят очень похоже, почти повторяя друг друга. Поскольку при создании динамических веб- страниц нередко действительно приходится проделывать одни и те же дейcтвия с разными элементами, то для сокращения размера кода можно
Страница, управляемая при помощи мыши
Мы уже говорили о том, что одним из самых привлекательных нововведе ний HTML 4.0 является возможность динамически изменять страницы и реагировать на действия пользователя. Давайте рассмотрим, как такая реакция может осуществляться.
Управление расположением элементов веб-страницы с помощью таблиц
В World Wide Web довольно часто встречаются страницы, на которых произвольное расположение элементов достигается с помощью таблиц. В частности, такой подход часто применяют, если необходимо оставить на странице относительно большие “пустоты”.
Пример простейшего серверного сценария
Теперь приведем простой пример сценария, который запускается прямо сервере. Для чего это нужно? Область применения серверных сценариев довольно широка. Подобные сценарии могут, например, на ходу генерироать HTML-mep, и пересылать его броузеру. Но мы рассмотрим пример в котором сценарий будет принимать и обрабатывать отправленную пользователем форму.
Создание WAP-сайтов
Прежде всего, WAP - средство получения доступа в ресурсам Интернет посредством мобильного телефона. При этом пользователь не прибегает к помощи каких бы то ни было дополнительных устройств, таких как компьютер или модем. WAP (Wireless Application Protocol) - это протокол, или технический стандарт, описывающий способ, с помощью которого информация из Интернет передается на небольшой дисплей мобильного телефона. В этом-то и заключается основное отличие WAP от привычных методов доступа во всемирную сеть, которые обеспечивают обмен информацией и просмотр Web - сайтов (протоколы HTTP и TCP/IP). Теоретически, если бы экран мобильного телефона "умел" отображать столько же информации, как и дисплей компьютера, то и не было бы WAP в таком виде, в каком он предоставляется сейчас. Но дисплеи мобильных телефонов, даже имеющих большое разрешение, не могут "вместить" обычные Web - страницы. Именно это послужило причиной создания специальных способов, позволяющих пользователям мобильных телефонов использовать Интернет.Введение в WAP
Технология WAP
Введение в WML
Деки
Задачи
События
Структура
Управление
Таймер
Текст
Свой WAP сайт. Краткое руководство по созданию WAP сайта
Насмотревшись чужих WAP сайтов Вам захотелось создать свой сайт, куда Вы поместите информацию о своей жизни, выложите любимые мелодии, картинки и даже семейные фотографии. Тем более у Вас новый телефон с мощным цветным дисплеем и Вам так хочется в качестве фоновой заставки поместить фото любимой девушки или картинки из очередного нашумевшего фильма. Так же Вы сможете заявить своим друзьям, что Вы теперь имеете не только страничку доступную в Интернете, но и страничку, которую можно посмотреть через телефон.Введение
Официальное руководство по Frontpage 98
Итак, Internet сегодня является неотъемлемой частью нашей повседневной реальности, как факс или телефон, и никуда от этого факта не денешься. Все, от энтузастов-одиночек до гигантов индустрии, путешествуют по Всемирной Паутине в поисках информации, общаются по электронной почте и выставляют свои Web-сайты. Сайты, составляющие Internet сегодня, значительно отличаются от тех, что населяли Сеть всего год назад. Нынешние Web-сайты отличают гораздо более богатые интерактивные средства: теперь они предлагают своим посетителям самые разные услуги, от совершения онлайновых сделок до просмотра видеороликов. Путешествуя по Internet, вы с равной вероятностью можете натолкнуться как на сайт большой корпорации, представляющей свою продукцию, так и на сайт, хозяин которого демонстрирует рисунки своих детей или делится старинными фамильными рецептами.Предисловие
Вся эта история началась с телефонного звонка днем 7 апреля 1994 г. — некий господин настойчиво разыскивал меня по телефону. Он узнал обо мне от моего научного руководителя в MIT (Massachusetts Institute of Technology, Массачусетском Технологическом институте) и хотел предложить мне работу. Моя жена сочла, что это очередной "охотник за головами" и не стала давать ему мой рабочий телефон, но попросила перезвонить попозже к вечеру. Незнакомец явно остался недоволен такой задержкой, но все же перезвонил.
Frontpage и Internet
Итак, Internet сегодня является неотъемлемой частью нашей повседневной реальности, как факс или телефон, и никуда от этого факта не денешься. Все, от энтузастов-одиночек до гигантов индустрии, путешествуют по Всемирной Паутине в поисках информации, общаются по электронной почте и выставляют свои Web-сайты. Сайты, составляющие Internet сегодня, значительно отличаются от тех, что населяли Сеть всего год назад.
Процесс разработки Web-сайта
Сегодня, путешествуя по Internet, можно найти много очень хорошо выполненных сайтов, которые быстро загружаются, привлекательны на вид, имеют четко разграниченную по разделам информацию и удобные функции навигации. Такие сайты просто приглашают вас посетить их, расслабиться, задержаться на некоторое время, развлечься и узнать что-то новое.
Frontpage Explorer вблизи
Все замечательно: вот вы уже вполне реально разрабатываете Web-сайты, и даже порядком набили руку в этом деле, но теперь по ночам вас преследуют кошмары, богато украшенные бесконечными гирляндами из HTML-страниц и рассыпанными по ним маленькими картинками и кнопочками; а днем вас осаждают писатели и дизайнеры, не говоря уже о непосредственном начальстве и заказчиках, жаждущие увидеть плоды ваших трудов или хотя бы понять, что же вы делаете. Временами вы ясно понимаете, что для того, чтобы хоть как-то вернуть жизнь в нормальное русло, вам просто позарез необходимо нарисовать карту вашего сайта.
Сказка про доброго джинна
Представьте себе, что в вечернем рекламном блоке вы вдруг услышали: "Вы еще не устали от того, что не спите ночь за ночью, пытаясь запомнить тысячи команд языка HTML? He устали тратить многие часы в попытках создать ту единственную страницу, без которой немыслим ваш сайт?" А наутро, придя на работу, вы вдруг с изумлением обнаруживаете, что неизвестный доброжелатель сделал за вас полугодовую работу, и вам не остается ничего другого, кроме как выполнить обещание, данное вами аж пятнадцать лет назад и на месяц уехать с семьей в Диснейленд.
Управление Web-сайтом
Вы неплохо потрудились, планируя и разрабатывая ваш Web-сайт, и вот, наконец, работа подошла к завершению. Вы приступаете к этапу воплощения идеи в реальность, но что-то вас смущает. Как со всем этим справиться? Как обеспечить постоянную поддержку сайта? Как убедиться, что все работает, прежде чем размещать сайт в сети? Можете ли вы быть уверены, что какой-нибудь доброжелатель, любящий совать свой нос в чужие дела, не залезет в сайт и не испортит все?
Обойдемся без HTML
Вне всякого сомнения, самые интересные дела сейчас творятся во Всемирной Паутине, и наверняка вы тоже хотите быть в центре событий, иначе вы не читали бы эти строки. Но чтобы достойно выглядеть в Internet, вам нужно быть настоящим асом HTML. А кто в наше время располагает достаточными возможностями для того, чтобы досконально изучить хоть что-нибудь, в особенности если это касается программирования? А ведь хочется иногда и просто телевизор посмотреть...
Отделочные работы
Как только вы получите конкретные материалы, которые придется размещать на страницах вашего сайта, вы сразу же почувствуете, что вам придется серьезно потрудиться. Ведь для того, чтобы страницы приобрели "товарный вид", текст, размещенный на них, не должен быть однообразным и скучным (например, абзацы "по ниточке", шрифт одинакового размера и цвета и т. д.). Все эти параметры оформления страницы вы сможете легко видоизменить при помощи Редактора Frontpage.
Введение в графику
Любой писатель вам скажет, что содержание — всему голова. Но если вы спросите мнение дизайнера-графика, то он, согласившись с писателем, добавит, что если вы хотите, чтобы содержание еще кто-то и читал, то вам не обойтись без графических изображений. Вы, как разработчик сайта Internet, обязательно столкнетесь с проблемой выбора и размещения графического материала для страниц вашего сайта.
Компоненты и формы Frontpage
Первобытные охотники и собиратели умели распорядиться своим временем на все сто процентов — они экономили свою энергию, оптимизируя процессы добычи пищи, изготовления орудии и т. п. А еще они хорошо знали, насколько важен отдых; рабочий день в те времена был гораздо короче, чем нынче, и гораздо больше отводилось времени на развлечения.Благодаря компонентам и формам Frontpage вы сэкономите на разработке Web-сайтов столько времени, что сможете даже при желании позволить себе жить в пещере и собирать корни на обед. В этом, правда, есть маленькое неудобство: там некуда подключить телевизор и микроволновую печь, так что вам не удастся посмотреть футбол, уплетая ваши любимые корешки. Вы в состоянии это вынести?
Что такое компоненты
Компоненты Frontpage представляют собой программные вкрапления на HTML-страницах, расширяющие функциональные возможности Web-сайта. В несколько щелчков мыши вы можете вставить в свою страницу, к примеру, поисковый компонент (Search Component), и на странице тотчас появится полнотекстовый поисковый сервис к большому удовольствию ваших пользователей.
Современные технологии
Теперь вы знаете о Frontpage почти все. Вы знаете, как работать в Проводнике и Редакторе; вы можете сами создать Web-сайт, умеете его поддерживать и администрировать. Думаете, это все? Конечно, вы так не думаете. А как насчет всех этих новомодных штучек, о которых вам прожужжали все уши? С Frontpage вам станут подвластны самые передовые технологии WWW — элементы управления ActiveX, Java-апплеты, JavaScript, VBScript, модули расширения (plug-ins) Netscape и даже динамический HTML.
Web-серверы
Все те бесподобные Web-сайты, что вы разработаете и построите при помощи Frontpage, будут, надо полагать, размещаться на Web-сервере. Web-сервер — это компьютер, на котором хранятся Web-сайты, сценарии, базы данных и прочие нужные вещи, а также некая программа, благодаря которым мы имеем удовольствие просматривать в браузере Web-страницы. Так как термин Web-сервер может относиться как к компьютеру, так и к программному обеспечению, то его конкретное значение вам придется угадывать из контекста.
Установка Frontpage
Итак, к настоящему моменту вы чувствуете в себе достаточно сил для установки Microsoft Frontpage 98 и Bonus Pack. На самом деле это не составит для вас особых трудностей; по сравнению с некоторыми другими программными продуктами Frontpage 98 устанавливается с легкостью необыкновенной. Ниже мы в деталях разберем процедуру инсталляции Frontpage 98 как первичной, так и поверх предыдущей версии.
Работа в Microsoft FrontPage XP
Несмотря на всю сложность программы FrontPage, с ней легко работать. Поскольку эта программа включена в комплекс приложений Microsoft Office XP, она действует таким же образом, как и другие приложения Office XP. FrontPage является вполне подходящим средством для тех, кто избегает создания сайтов лишь потому, что не хочет учиться программированию на языке описания гипертекстовых документов HTML (Hypertext Markup Language). Используя FrontPage, вы можете легко создавать интересные сайты с хорошим дизайном и сложными элементами, не вводя ни одной строки программных кодов. Но если у вас есть определенный опыт программирования на языке HTML или вы хотите держать все под контролем, то программа FrontPage позволяет вам легко осуществлять доступ к соответствующим кодам, которые она автоматически создает в процессе вашей работы. Вы можете в любой момент просматривать и редактировать эти HTML-коды; но самое замечательное, что вы не обязаны это делать. Чтобы стать хорошим разработчиком FrontPage, вовсе не обязательно иметь какие-то навыки программирования.В этой лекции вы знакомитесь с FrontPage и с понятием сайта, создаваемого на основе FrontPage. Вы узнаете, как открывать существующий сайт, как переходить между веб-страницами и как использовать различные способы просмотра этих страниц. Затем вы ознакомитесь с различными способами работы в программе FrontPage и узнаете, как осуществлять поиск и управление средствами FrontPage, которые предполагаете использовать в собственных сайтах. Кроме того, вы узнаете, как просматривать соответствующие HTML-коды, которые выполняют всю работу сайтов. Будет сделан обзор различных типов сайтов, которые можно создавать с помощью FrontPage, а также средств принятия решений и ресурсов, необходимых для создания, управления и поддержки личного или коммерческого сайта.
Изучение существующего сайта
Несмотря на всю сложность программы FrontPage, с ней легко работать. Поскольку эта программа включена в комплекс приложений Microsoft Office XP, она действует таким же образом, как и другие приложения Office XP. FrontPage является вполне подходящим средством для тех, кто избегает создания сайтов лишь потому, что не хочет учиться программированию на языке описания гипертекстовых документов HTML (Hypertext Markup Language). Используя FrontPage, вы можете легко создавать интересные сайты с хорошим дизайном и сложными элементами, не вводя ни одной строки программных кодов.
Обзор средств FrontPage 2002
Доступ к командам FrontPage 2002 осуществляется из 10 отдельных меню. В приложениях Office XP реализуются те же расширяющиеся динамические меню, которые появились впервые в Office 2000. Команды меню, которые используются у вас наиболее часто, перемещаются вверх каждого меню. что упрощает доступ к этим командам.
Создание сайта компании или личного сайта
Все приложения Microsoft Office XP содержат средства ускоренного создания наиболее распространенных типов файлов. В случае Microsoft FrontPage вы можете использовать шаблоны и мастера для задания структуры базовых типов веб-страниц и даже целых сайтов. Если вы используете одно из этих средств, FrontPage выполняет за вас основную часть работы по структурированию, позволяя вам сконцентрироваться на содержимом сайта.
Вставка и редактирование комментариев
Вы можете использовать примечания для собственных заметок или для обмена информацией с другими людьми, разрабатывающими сайт. Примечания не появляются в публикуемой версии веб-страницы.
Вставка гиперссылок
Если вы используете какой-либо мастер для формирования сайта, этот мастер создает гиперссылки между страницами этого сайта. Однако вам часто требуется добавление собственных гиперссылок. Это могут быть гиперссылки на определенные элементы информации той же страницы или другой страницы, на другие сайты или на документы, которые не являются частью какого-либо сайта.
Представление информации в списках и таблицах
Вы, вероятно, знакомы со списками и таблицами, которые можете создавать в таких приложениях, как Microsoft Word и Microsoft PowerPoint. В Microsoft FrontPage вы будете использовать аналогичные методы для создания списков и большинства видов таблиц. Как списки, так и таблицы традиционно используются для представления информации в структурированном и удобном для прочтения формате.
Редактирование структуры таблицы
Если у вас нет большого опыта создания таблиц, то вам вряд ли удастся обойтись без тех или иных поправок после создания таблицы. Скорее всего, вам придется добавлять или удалять строки или столбцы и перемещать информацию, пока она не окажется в нужном месте. Почти наверняка вам придется изменять размеры строки и столбцов, которые слишком велики или малы либо находятся на разных расстояниях.
Совершенствование сайта с помощью графики
Вы можете намного повысить уровень восприятия и привлекательности ваших веб- страниц за счет использования выразительного языка и разнообразных средств форматирования слов и абзацев. Однако существуют ситуации, когда форматирование текста уже недостаточно, чтобы привлечь внимание ваших посетителей и выделить ваш сайт среди прочих сайтов, которые они могут видеть.
Добавление линии, фигуры или рисунка
Когда наступает время добавления к вашим страницам графических элементов, вы не обязаны использовать только такие элементы, как графические клипы, изображения и фотографии. Вы можете также создавать страницы с линиями, квадратами, окружностями и другими фигурами, а если у вас есть художественные способности, то вы можете даже создавать целые рисунки, используя средства FrontPage. Для изображений профессионального качества вам следует использовать какую-либо отдельную программу работы с графикой, но для создания простого иллюстративного материала вы можете использовать FrontPage.
Публикация сайта
Нет никакого смысла в прохождении всех трудностей создания привлекательного информативного творческого сайта, если никто его не увидит. Кульминацией вашей работы является момент, когда вы делаете свой сайт доступным внешнему миру, публикуя его в интранет или интернет. Публикация сайта в первый раз известна также под названием запуска сайта.
Публикация сайта в локальной папке
Если вы разработали сайт с помощью FrontPage на вашей локальной машине и хотите переместить файлы этого сайта в другое место или создать копию сайта, то этот сайт лучше опубликовать в новом месте, а не просто скопировать или переместить файлы с помощью Windows Explorer. Этот способ гарантирует соответствующую модификацию внутренней структуры сайта для сохранения целостности гиперссылок.
