Remkomplekty.ru

IT Новости из мира ПК
2 просмотров
Рейтинг статьи
1 звезда2 звезды3 звезды4 звезды5 звезд
Загрузка...

Microsoft office создание сайтов

Создание веб-сайта в Microsoft Office Publisher

Современный человек начинает взаимодействовать с компьютером постоянно – на работе, дома, в машине. Компьютеры стремительно внедряются в человеческую жизнь, занимая свое место в нашем сознании.

В наше время дети, подростки и даже взрослые увлекаются компьютерными играми. Мне они тоже нравятся. Но я хочу проводить время за компьютером с пользой для себя. Я изучила такие программы, как Paint, Microsoft Word, Microsoft PowerPoint.

Полезна или вредна работа за компьютером? Дать однозначный ответ невозможно, слишком он многогранен. Можно лишь попытаться вникнуть в эту проблему, рассмотреть ее с разных сторон. Мне понравились слова А. Клименкова, автора статьи Компьютерные дети. «Компьютер и телевизор — всего лишь инструменты, и если давать их дозировано, постепенно, учить правильному обращению с ними и направлять действия ребенка, то не пострадает ни его здоровье, ни его психика».

Сейчас даже трудно себе представить, какие изменения принёс во все или почти во все сферы человеческой деятельности Интернет.

Многие информационные данные доступны лишь в электронном виде, а их бумажные первоисточники истлели и пущены на макулатуру. Неумение пользоваться электронными сетями, означает невозможность добыть ту или иную необходимую информацию. Все современные технологии направлены лишь на то, чтобы максимально быстро передать данные (текст, изображение, звук) из одной точки земного шара в другую.

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

В связи с тем, что все больше и больше людей втягиваются во всемирную сеть Интернет, где каждый рассказывает о себе и может узнать обо всех, я решила создать свой веб-сайт.

Для этого поставила перед собой следующие задачи:

• изучить Microsoft Office Publisher

• создать свой веб-сайт

•Самое главное в создании сайта – это содержание. Никто не будет знать что этот сайт большой, если не будет содержания.

•Дизайн сайта — это графическая оболочка, которая делает представленную на сайте информацию привлекательной, удобной для просмотра и навигации по разделам.

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

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

•Скорость загрузки – это тоже важная деталь. Никто не будет ждать часами, когда загружается сайт. То вам надо оптимизировать рисунки и фотографии, т. е. сделать как можно меньшим его размер, но это не должно повлиять на качество рисунка или фотографии. Если размер рисунка будет малым, то скорость загрузки, тоже будет малым.

•Орфография. В тексте вашего сайта не должно быть орфографических ошибок.

•Реклама. Если вы создали сайт, то надо всюду вставлять ваши рекламные баннеры, написать рекламные письма разным школам. Тогда ваш сайт будут посещать многие люди.

Методы и организация исследования

Создание сайта с помощью редактора

Перед тем как начать, нужно выбрать программу для создания сайта. Я остановилась на Microsoft Office Publisher – обладает гибкими функциональными возможностями для создания веб-узлов.

Сначала нам надо:

1. Создать структуру веб-узла

2. Добавить содержание на страницы веб-узла

3. Форматировать с использованием различных фонов

4. Увеличить визуальную привлекательность и практичность

Создание структуры веб-узла

Чтобы создать структуру веб-узла надо в меню «Формат» выбрать «Параметры: веб-узел» и выбрать «Добавить страницу»

Добавление содержания на страницы веб-узла

Добавление содержания на страницы веб-узла в Microsoft Office Publisher ничем не отличается от обычного введения и форматирования текста. Интерфейс Microsoft Office Publisher во многих отношениях напоминает интерфейс Microsoft Word. Как и там, мы можем выделять и форматировать фрагменты текста.

Мы можем просто скопировать готовый напечатанный текст из файла Microsoft Word.

Форматирование с использованием различных фонов

Чтобы применить фон к веб-узлу надо в меню «Формат» выбрать пункт «Фон».

Просмотреть список доступных фонов в области задач «Фон».

Щелкнуть название фона, чтобы применить его к текущей странице.

Увеличение визуальной привлекательности и практичности

Рисунки увеличивают привлекательность веб-узла, однако следует следить, чтобы они не были слишком большими. Чем они крупнее, тем больше времени необходимо для их отображения на экране.

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

В сети можно найти разные «виды» общения. Чат — один из них, общение происходит в реальном времени. Вести беседу можно с кем захочешь. Ещё есть другой «вид» — это форум. На форуме создаётся тема для обсуждения, и всем кому эта тема кажется привлекательной, «оставляют» свои комментарии, идеи, мысли. Таким образом, происходит локальное общение между людьми с общими интересами.

В будущем я хочу совершенствовать свой сайт, добавить страничку «форум»

Теперь мне известны способы по созданию сайта. Так же к моей работе прикреплён сайт, сделанный мною. Следующим моим проектом будет изучение того, как же разместить сайт в Интернете.

→ BlogGood.ru ←

Блог на разные темы, seo-оптимизация, раскрутка сайта, создание сайта, вкусные эффекты для сайта и многое другое…

Создание одностраничного сайта в программе Microsoft Office FrontPage

О том, для чего нужен одностраничный сайт вы можете почитать тут. Если об этом сказать в двух словах, то одностраничный сайт используют для продаж товаров и услуг (электронные книги, одежда, шаблоны сайтов, скрипты, видео уроки и т.д.).
В этой статье я расскажу, как создать простейший одностраничный сайт в программе FrontPage.

Ну что, приступим.

1. Подготовка текста.
Текст для одностраничного сайта должен быть лаконичный, понятный и грамотный. Пишите текст в Microsoft Office Word, который сразу показывает (подчеркивает) допущенные стилистические, пунктуационные и орфографические ошибки. Если же вы не уверенны в том, грамотно ли написан ваш текст, воспользуйтесь услугами корректора – человека, который за определенную плату проверит и исправит все ошибки (кстати, могу порекомендовать такого человека, если нужно). Помните – ошибки могут повлиять на продажи, ваш сайт не воспримут серьезно.

2. Создание сайта.
Теперь приступим непосредственно к созданию сайта. Для этого понадобится программа Microsoft Office FrontPage . Скачать программу вы можете по этой ссылке. Скачайте файл и раскройте архив программой WinRar. Нажмите файл «SETUP.EXE».

Создайте папку для вашего сайта в любом удобном для вас месте на компьютере. Назовите папку, например, «Мой сайт».

Откройте папку «Мой сайт» и создайте еще одну папку под названием «images». В этой папке будут храниться все ваши картинки, которые будут использоваться для сайта.

Запустите программу FrontPage.

изображение можно увеличить

Выберем готовый макет для сайта. Для этого в меню перейдите по вкладке «Таблица» => «Макетные таблицы и ячейки…» .

изображение можно увеличить

С правой стороны найдите «Макет страницы» и выберите подходящий макет. Я выбрал десятый макет.

В первой ячейки напишите заголовок для вашего сайта. Он должен быть красивым, например «Крутейшие шаблоны сайтов для ВАС».

Читать еще:  Office telemetry agent что такое

Теперь отцентрируйте заголовок. Для этого нажмите на кнопочку «по центру» – (1) .
Выделите заголовок и выберите шрифт «Times New Roman» с размером 7(36пт) – (2) .
Выберите цвет – (3) .
Выделите заголовок и нажмите «Центрировать по вертикали» – (4) .

изображение можно увеличить

Если у вас нет этой кнопки «Центрировать по вертикали» , тогда перейдите в меню «Сервис» => «Настройки» => «Таблицы» . Таким способом вы включите дополнительную панель.

изображение можно увеличить

Теперь нужно вставить привлекательную картинку и форму для заказчика «заказать звонок» .
Итак, перекиньте в папку «images» картинку с небольшими размерами от «300 х 300px» до «400 х 300px» . Имя картинки должно быть на англ. языке.
Дальше, нужно нарисовать дополнительную ячейку и разбить ее на две части, для картинки и для кнопки.
Для этого перейдите в меню «Таблица» => «Нарисовать таблицу» . Нарисуйте таблицу, как карандашом по бумаге.

Теперь кликните правой кнопкой мышки по первой ячейке и нажмите на кнопку «Добавить рисунок из файла» – (5) и выберите рисунок из папки «images» .

Теперь кликните правой кнопкой мышки на вторую ячейку и напишите текст «Заказать звонок» . Установите шрифт «Times New Roman» с размером 6(24пт) . Выберите цвет красный и выделите его жирным. Установите текст по правому краю и нажмите «Центрировать по вертикали» .

В этой же ячейке установим форму заказа (красивую форму можно посмотреть здесь). Для этого перейдите в меню «Вставка» => «Форма» => «Поле» . Нажмите на клавиатуре «Enter» . Повторите этот процесс три раза.

Кликните перед первым полем и напишите слово «Имя» , дайте размер 4(14пт) .
Кликните перед вторым полем и напишите слово «Ваш email» , дайте размер 4(14пт) .

Кликните перед третьим полем и напишите слово «Ваш телефон» , дайте размер 4(14пт) .

Вот что-то похожее должно получиться у вас на данном этапе:

изображение можно увеличить

В самую последнюю ячейку вставьте подготовленный текст. Желательно, чтобы в тексте присутствовали картинки. Как вставить картинку вы уже знаете. Чтобы текст обтекал картинку с левого или правого края, вам нужно нажать на изображение двойным щелчком мыши и в открывшемся окне выбрать «слева» или «справа».

Еще хочу сказать, что для удобства в конструкторе FrontPage есть предварительный просмотр и код веб-страницы. То есть, вы сможете легко залезть в HTML код, если вы его знаете, и поменять его так, как вам хочется.

Теперь, чтобы письма доходили вам на почту, нужно сделать обработчик. Для этого откройте блокнот «Пуск» => «Все программы» => «Стандартные» => «Блокнот» и вставьте вот такой код:

В строке №7 замените адрес электронной почты на ваш.

Сохраните файл как «mail.php» .

Теперь вернемся к самому сайту. Нажмите внизу слева на кнопку «с разделением» – (6) . В нижнем поле выделите слово «Заказать звонок» , так будет легче найти вот эту строку:

Знания в формате 4 и 5

Меню навигации

Пользовательские ссылки

Информация о пользователе

Вы здесь » Знания в формате 4 и 5 » 11 класс (Семакин И.Г.) » П/р № 3.6 Интернет: создание Web-сайта с помощью Microsoft Word

П/р № 3.6 Интернет: создание Web-сайта с помощью Microsoft Word

Сообщений 1 страница 1 из 1

Поделиться12012-10-31 09:39:41

  • Автор: Евгений Александрович
  • Администратор
  • Зарегистрирован: 2012-02-01
  • Приглашений: 0
  • Сообщений: 468
  • Провел на форуме:
    25 дней 9 часов
  • Последний визит:
    Вчера 14:30:02

Цель работы: освоение приемов создания Web-страниц и Web-сайтов с помощью текстового процессора Microsoft Word: оформление дизайна страницы; организация внутренних гиперссылок; организация внешних гиперссылок.

Используемое программноее обеспечение: текстовый процессор Microsoft Word.

Замечание . Чтобы проверить, работает ли Web-мастер, выполните команду Файл —> Создать. Если в открывшемся окне имеется вкладка Web-страницы, значит, можно работать дальше. Если такой вкладки нет, то необходима переустановка Microsoft Office с включением режима создания HTML.

Задание

В данной работе вы реализуете проект семейного сайта. Ниже вы видите макет главной страницы и макет «Папиной страницы». Макеты остальных страниц вы можете по аналогии создать сами.

1. Открыть текстовый процессор Word.

2. Выполнить команду Файл -> Создать. В появившемся окне выбрать вкладку Web-страницы. Щелкнуть на значке Новая Web-страница.

3. Оформить внешний вид страницы в соответствии с приведенным образцом, используя обычные средства Word (управление форматированием, шрифтами; можно сделать цветной фон, подобрать текстуру, заливки и пр.). При наборе текста страницы не подчеркивать слова (Папа, Мама, Сережа, Тимка, биография). Подчеркивания появятся автоматически после вставки гиперссылок.

Вставить рисунок можно либо из файла со сканированной фотографией (если у вас такой имеется), либо выбрав любой рисунок из Microsoft Clip Gallery.

4. Вставить внутренние гиперссылки. Для этого:

=> установить курсор перед абзацем, начинающимся словами: «Моего папу зовут . »;
=> выполнить команду Вставка —> Закладка;
=> в открывшемся окне в строке Имя закладки ввести какое-нибудь имя, например «М1»; щелкнуть на кнопке Добавить;
=> в списке, расположенном выше, выделить слово «Папа»;
=> выполнить команду Вставка —> Гиперссылка;
=> в появившемся окне щелкнуть на кнопке Обзор напротив строки «Имя объекта в документе»;
=> выбрать имя созданной закладки (M1); щелкнуть на кнопке ОК, затем еще раз на ОК. Гиперссылка готова.

5. Аналогичным образом организовать внутренние гиперссылки на других словах из списка (Мама, Сережа, Тимка) к соответствующим абзацам главной страницы.

6. Сохранить полученную страницу в файле с именем family.htm (расширение установится автоматически) в папке Мои документы (окно с данной страницей не закрывать).

7. Создать «Папину страницу» (см. п. 1-2); гиперссылок в ней пока создавать не нужно. Сохранить страницу в файле father.htm в папке Мои документы.

8. Вернуться к главной странице. Создать в ней внешнюю гиперссылку на «Папину страницу». Для этого:

=> выделить первое в тексте слово «Биография»;
=> выполнить команду Вставка -> Гиперссылка;
=> в появившемся окне щелкнуть на кнопке Обзор напротив строки Связь с файлом/URL;
=> найти и выбрать ранее созданный файл father.htm; щелкнуть на кнопке ОК, затем еще раз на ОК. Гиперссылка готова.

9. Вернуться к «Папиной странице». Создать в ней внешнюю гиперссылку на сайт Московского университета. Для этого:

=> выделить текст «Московского государственного университета им. М. В. Ломоносова»;
=> выполнить команду Вставка —> Гиперссылка;
=> в появившемся окне в строке Связь с файлом/URL набрать URL-адрес МГУ: http://www.msu.ru; щелкнуть на кнопке ОК, затем еще раз на ОК. Гиперссылка готова.

10. Создать остальные страницы семейного сайта, согласно плану, представленному на схеме. Организовать связи между страницами и внешние связи. Не забудьте сохранить все созданные файлы. (Мои документы/11 класс/Ф.И.О)

11. Установите автономный режим работы браузера.

12. Открыть с помощью браузера главную страницу семейного сайта (для этого достаточно дважды щелкнуть на значке файла с главной страницей в папке Мои документы). Проверить работу всех внутренних гиперссылок (внутри главной страницы, а также между страницами вашего сайта).

13. Отменить автономный режим, проверить работу внешних гиперссылок.

Как создать сайт в FrontPage

Microsoft FrontPage — программа, при помощи которой достаточно просто можно понять базовые принципы конструирования интернет страниц, обладающая широким выбором дополнительных инструментов для создания сложных интернет сайтов, порталов.

Прежде всего данная программа очень хорошо подходит для создания простых домашних интернет сайтов и сайтов-визиток. В этой статье речь пойдёт о том, как сделать простую интернет страницу в Microsoft FronPage версии 2003 года (более поздние версии программы меняли своё название) и в других похожих редакторах интернет страниц. Статья рассчитана для тех, кто только начинает учиться создавать свои сайты, а также для изучающих основные принципы HTML и оформления страниц при помощи, так называемого CSS.

Читать еще:  Office web apps server

Содержание

Microsoft FrontPage — это простой в освоении и удобный Web-редактор для проектирования, подготовки и публикации Web-сайтов. Благодаря интеграции с семейством продуктов MS Office, привычному интерфейсу и обилию шаблонов программа позволяет быстро освоить работу даже начинающим пользователям, знакомым с основами работы в MS Word. При этом FrontPage нельзя назвать решением для «чайников»: программа предоставляет широкие функциональные возможности и разнообразные средства оптимизации интернет страниц.

Следует отметить, что название Microsoft FrontPage существовало до 2003 года, а далее дополнялась новыми функциями и менялось само название программного обеспечения. В 2007 программа FrontPage была переименована на Microsoft Expression Web, а в 2010 в Microsoft Office SharePoint Designer. Фактический в новые версии были добавлены некоторые дополнения, но основной вид программы сохранялся.

Программа Microsoft FrontPage имеет много общего с инструментами MS Word, поэтому многие кнопки и вкладки меню также интуитивно понятны и это облегчает процесс создания страницы. Многие уже знают, как набирать и форматировать простой текст, создавать таблицы в Microsoft Word, по такому же принципу редактируется страница и в FrontPage.

Справа на рисунке показан общий вид программы со стандартным набором инструментов, при помощи которых можно сделать шаблон страницы с текстом, ссылками и картинками. Зайдите во вкладку «Вид» далее «Панель инструментов» и убедитесь, что включены «Cтандартная«, «Форматирование» и «Таблицы«, этих инструментов будет достаточно для создания просто страницы. Снизу обратите внимание на вкладки «Конструктор», «Код» и «Просмотр» — это три разных режима в которых можно всё время просматривать, как выгляди создаваемая страница.

  • В Конструкторе вводятся все правки, набирается и форматируется текст, вставляются картинки, создаются ссылки, меняются цвета фона и шрифта таким же образом, как и в Microsoft Word.
  • Во вкладке «Код» можно просмотреть, так называемый, HTML-код. HTML — это стандартный язык разметки документов во Всемирной паутине. Большинство веб-страниц создаются при помощи языка HTML. В этой вкладке тоже можно осуществлять редактирование страницы, но нужно знать этот язык разметки. Однако все изменения начинающим следует делать в конструкторе и все изменения в HTML будут происходить автоматический.
  • Во вкладке «Просмотр» можно увидеть, как выглядит страничка непосредственно в браузере (в таком, как Internet Explorer)

Подробное описание других меню, кнопок и функций Microsoft FrontPage представлены в справке программы. Для этого нужно нажать клавишу «F1».

И так для того, чтобы создать несложный шаблон необходимо вставить таблицу с тремя блоками. Три блока — это простой стандарт: верхний блок предназначен для названия сайта, второй блок для ссылок навигации по сайту, третий блок для текста, картинок и другой информации на странице. Можно вставить больше блоков таблиц для удобства, но это уже дело вкуса, как, сколько и какими размерами делать эти блоки. Существуют и другой способ создания блоков не через создание таблиц, а вставкой в страниц, так называемых, «div» элементов и назначения им определённых стилей, но этот способ не для новеньких веб-мастеров, и об этом можно написать отдельную статью.

  1. Чтобы вставить таблицу заходим во вкладку «Таблица» > «Вставить» > «Таблица» и заполняем поля, как это показано на рисунке справа. Фактический можно ввести свои параметры, но данная таблица имеет фиксированную ширину и вытянута на 100% площади экрана. Таким образом таблица компактно будет отображаться в браузере.
  2. Затем необходимо настроить все три ячейки, так как они после вставки имеют одинаковую высоту. Нажимаем правой кнопкой мышки на самой верхней ячейки и заходим в «Свойства ячейки» в поле высота вписываем условно «150» и ставим галочку «в точках», т.е. размер ячейки составит 150 пикселей. В этом же меню мы можем выбрать цвет фона ячейки, а нажав в меню «стиль . » можно внести другие настройки ячейки, например выбрать цвет и размер границы ячейки, с этим можете поэкспериментировать и посмотреть результат. В самой ячейке можно вписать название сайта.
  3. Далее редактируем вторую ячейку, которая предназначена для ссылок навигации по сайту. Ширину делаем около 40 пикселей, этого будет достаточно, ну и другие настройки, как цвет фона и полей настраиваем на свой вкус. Далее пишем названия самих ссылок разделяя знаками вертикальной линии или другим знаком (просмотреть можете ниже скачав полностью шаблон). Выделяем тест и жмём кнопку выравнивания по центру, также как и в MSWord. Таким же образом можно менять шрифт, размер шрифта и другие настройки текста.
  4. Также настраиваем последнюю ячейку. Она предназначена для основного текста, где можно внести текст приветствия.
  5. Напоследок можно зайти во вкладку «Файл» > «Свойства», где можно внести название сайта и изменить общий фон страницы и другие общие настройки

Теперь шаблон готов. Он является каркасом для всех последующих страниц сайта. Вот как сайт выглядит в HTML коде:

Этот HTML код можно сразу вставить в редактор во вкладке «Код» и сразу увидите готовый шаблон. Его можно менять и редактировать под собственные нужды. Здесь стоит пояснить, что там, где вставляется основной текст и чтобы он не располагался вплотную к полям он был обрамлен в тэг «div», c настройкой отступа, как это показано в примере.

Последним шагом нужно сохранить созданный документ во вкладе «Файл» > «Сохранить как . «. Этот файл нужно сохранять с расширением «html». Главную страницу сайта нужно сохранять под именем «index.html».

Дополнительные шаблоны

  1. Нужно также знать, что в программе FrontPage, да и других подобных программах существуют стандартные шаблоны, по которые можно использовать для создания страниц, они легко редактируются и можно подогнать любой шаблон под свои нужды. Для того, чтобы выбрать стандартный шаблон перейдите во вкладку «Файл» > «Создать . » в открывшимся окне выбрать «Другие шаблоны страниц», где можно выбрать любой понравившейся шаблон.
  2. Есть второй вариант — скачать полностью шаблон из интернета. Сайтов предоставляющих такой сервис очень много. шаблоны могут быть как платными, так и бесплатными. Скачав тот или иной шаблон, его можно редактировать в программе, заполнять нужным содержанием и менять стиль того или иного элемента.

Использование стандартных макетов таблиц и тем

Нужно знать, что в Microsoft FrontPage есть стандартный набор макетов таблиц и тем, при помощи которых можно неплохо научится искусством создания обычных страниц или сайтов визиток. И так справа вверху есть выпадающее меню (смотрите картинку справа, где также отображён результат использования матектов таблиц и темы оформления), нажав появится меню, в котором нужно выбрать «Макетные таблицы и ячейки» и далее ниже появится много различных макетов таблиц, можно выбрать любой по своему усмотрению и вкусу. Таким образом это освобождает создавать самому таблицу вручную.

И так набрав или вставив свой текст, логотип, ссылки в ячейки таблицы, зайдя в то же меню можно выбрать меню «Тема», где можно выбрать различные темы для оформления страницы, ссылок, фона страницы и многое другое. Такая возможность хороша для тех, кто только учиться создавать интернет страницы и вполне наглядно отражает сам процесс создания сайта. Другими словами, в Microsoft FrontPage можно экспериментировать с различными настройками и видеть наглядно, как преображается та или иная страница. Тут можно дать один совет, изучайте все функции программы и не бойтесь наживать на то или иной меню, так как у каждого инструмента есть своё свойство и предназначение для формирования полноценной страницы

Важно начинающим веб-мастерам знать, как вставлять картинки в страничку и делать ссылки на другие страницы. Например вместо текста названия сайта можно вставить рисунок логотипа сайта. Для этого сначала нажмите в поле, куда необходимо вставить изображение, затем в самом верху нажмите на вкладку «Вставка» > «Рисунок» > «Из файла», выберите нужный рисунок и нажмите «Вставить», после чего рисунок появится на странице. Нажав по рисунку правой кнопкой мышки можно выйти в меню с дополнительными настройками изображения. Важно, чтобы все картинки находились в одной строго определённой папке для всех изображений.

Читать еще:  Office 2020 mac os torrent

Для перехода на другие страницы сайта необходимо создать ссылки, по которым пользователи смогут посетить все страницы сайта. Для это нужно выделить нужный текст для ссылки и перейти во вкладку «Вставка» > «Гиперссылка», в открывшемся меню нужно указать страницу, на которую создаётся ссылка, и нажать «ок». В этом же окне есть другие настройки для ссылок такие, как открывать ссылку в новом окне или нет. В принципе это можно изучить самостоятельно.

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

Недостатком данного «шаблонного» метода заключается в том, что каждую страницу приходится создавать отдельно на базе созданного шаблона. Когда как при создании сайтов при помощи, так называемых, движков, не требуется отдельное формирование страниц, они формируются автоматический по мере добавления контента

Если у Вас возникли какие-либо вопросы по статье, использованию подобных программ для создания сайтов, то их можно задать в теме обсуждения нашего форума.

Свой сайт — это просто! Пособие для чайников

От азов к вершинам мастерства. Авторский проект Ольги Морозовой

Создание сайта в программе FrontPage. Введение в программу

Еще одна программа, с помощью которой можно создать сайт, называется Microsoft FrontPage. Почему FrontPage? И что это вообще такое — FrontPage?

Сейчас я Вам все расскажу по порядку. Но сначала, чтобы Вы не верили мне на слово, а сами могли во всем убедиться, зайдите на любой сайт в Интернете. Например на мой — http://prostosite.ru/. Но на всякий случай можете открыть еще какой-нибудь сайт, вдруг это только мой такой особенный?

Откроется главная страница. Теперь в командной строке выберите Вид (View) | Просмотр HTML (Show HTML-sourse). Откроется новое окно со всякими разными значками, цифрами и буквами. Если Вы решили не проделывать этот маленький эксперимент, просто посмотрите на рисунок ниже.

Страница prostosite.ru (версия 2005 года) и окно с ее HTML

Только что вы заглянули во внутреннее устройство страницы. В мире компьютеров вообще все очень не просто. Например, Вы, наверное, знаете, что вся информация, которая находится на вашем компьютере, это просто нули и единички. Это язык компьютера. А операционные системы вроде Windows или Unix переводят эти нули и единички на язык человеческий. Возможно, я немного утрирую, однако суть такова.

В Интернете все также. На самом деле каждая страница в Интернете состоит из специального кода, HTML (HyperText Markup Language — язык разметки гипертекста). А принять тот вид, который Вы видите на экране своего компьютера, ей помогают специальные программы, браузеры. Основные из них: Internet Explorer, Opera, Mozilla Firefox, Google Chrome.

Многие сайтостроители придерживаются мнения, что создание сайта нужно начинать именно с изучения HTML. Сначала запомнить устройство HTML-кода, а потом потихоньку пробовать что-то создавать.

Наверное, это мнение имеет право на существование. Но мне кажется, что язык HTML для восприятия очень непривычен и быстро привыкнуть к нему трудно. Увидев все эти «значки» и узнав что все их придется запомнить, охота создавать сайт пропадает очень быстро :).

Поэтому, я на начальном этапе решила познакомить вас не с HTML, а с программой FrontPage, интерфейс которой предельно прост и интуитивно понятен. Эта программа является визуальным редактором WISIWIG (What I See Is What I Get — что вижу, то и получаю). И весь HTML-код она создает за нас сама, нам остается только отдавать команды.

По правде говоря, для создания простого сайта знание HTML вовсе не обязательно. Используя только FrontPage, Вы вполне сможете создать добротный сайт. Однако, для создания СУПЕР-сайта основы HTML все же нужно будет изучить. Но это, уверяю Вас, совсем не сложно. И при правильном подходе очень даже интересно. А у нас ведь подход правильный!

Краткий курс HTML ждет нас только через несколько дней, а сейчас давайте поближе познакомимся с программой FrontPage. FrontPage входит в состав Microsoft Office, так что приобрести эту программу, в общем-то, не проблема. Установка FrontPage тоже не должна вызвать сложностей, она ничем не отличается от установки других программ.

Я буду описывать создание сайта на примере программы FrontPage версии 2003 (в этой версии, в отличие от предыдущих, много полезных нововведений). Однако, практически все описанные действия подходят и для более ранних версий программы.

Если Вы не владеете английским в совершенстве, рекомендую Вам установить русскую версию программы. Однако, я на всякий случай буду добавлять в скобочках английский аналог. Вдруг Вы владеете английским в совершенстве?

После установки программы, ее нужно будет открыть. Это можно сделать через меню Пуск (Start) | Программы (Programs) | Microsoft Office | Microsoft FrontPage. Итак, программа открыта и вы на экране своего компьютера должны увидеть примерно следующее:

Главное окно FrontPage

Если после открытия программы появится диалоговое окно с вопросом о том, следует ли выбрать FrontPage в качестве редактора HTML-файлов, щелкните на кнопке Да (Yes). Если, конечно же, Вы в дальнейшем обираетесь использовать эту программу.

Цифрой 1 обозначен заголовок окна с названием программы. Там должно быть написано Microsoft FrontPage. Если у Вас все именно так, значит, Вы все сделали правильно и открыли именно FrontPage

Цифрой 2 обозначена строка командного меню. Эта строка характерна для многих программ, и FrontPage не исключение в том смысле, что начинается она с пункта Файл (File) и заканчивается пунктом Справка (Help).

Цифрой 3 обозначена панель инструментов Стандартная (Standard). С помощью нее можно выполнять такие основные действия как создание нового документа, открытие и сохранение уже существующего, печать, поиск… и так далее.

Цифрой 4 находится панель Форматирование (Formatting). Ее название говорит само за себя — с помощью нее Вы можете форматировать текст. Поближе с возможностями этой панели инструментов мы познакомимся завтра.

Цифрой 5 обозначены четыре кнопки. С помощью них вы можете переключаться между четырьмя режимами: Конструктор, С разделением, Код и Просмотр. На рисунке активным является режим Конструктор. Цифрой 6 обозначено пространство, в котором мы будем творить

Переключившись в режим Код, Вы можете увидеть тот самый HTML, о котором я Вам говорила. Сейчас там всего несколько строк, но в процессе создания страницы количество кода значительно увеличится. Режим С разделением делит окно пополам, где в верхней части будет показан Код, а в нижней — Конструктор.

Ну и, наконец, режим Просмотр позволяет посмотреть, как будет выглядеть Ваша страница в браузере (как Вы помните, это программа для просмотра страниц в Интернет). Время от времени в этот режим тоже нужно будет заглядывать, потому что не всегда вид страницы в режиме Конструктор будет соответствовать ее виду в браузере.

Ну вот пока и все, что на данном этапе нужно знать про программу FrontPage. А сейчас давайте приступим к практике!

Ссылка на основную публикацию
Adblock
detector