Здравствуйте, дорогие читатели! Пожалуй, у всех интернет пользователей во время прогулок по бескрайним просторам сети рано или поздно возникает желание оставить там что-то своё, донести людям своё мнение на те или иные вещи.
Кстати даже для начинающих пользователей здесь нет ничего сложного. В этой статье я расскажу вам, как создать web страницу. Вы узнаете самые азы этого процесса.
Что такое web-страница?
Гипертекстовый документ либо веб-страница представляет собой текстовый файл, размеченный тегами при помощи языка HTML (HyperText Markup Language).
Все представленные там объекты воссоздаются по написанным данным инструментом инструкциям, которые были присланы по его запросу сервером. Для внесения в документ разметок применяются теги, которые заключают в угловые скобки. Как правило, они парные, то есть имеется открывающий и закрывающий, а между некая информация.
К примеру, тег, говорящий браузеру, что ниже находится документ на HTML языке, имеет следующий вид: . А закрывающий, говорящий, что тут код заканчивается, выглядит так: . Таким образом, единственным отличием закрывающего тега от открывающего является наличие слэша после скобки открытия.
Данный язык разметки позволяет форматировать текст web-страницы, устанавливать на ней рисунки, графические элементы, создавать гипертекстовые ссылки, добавлять мультимедийные элементы, звукозаписи, скрипты (VBScript, JavaScript).
Чтобы узнать, что из себя представляет этот язык, вовсе не обязательно лезть в скучные учебники. Мне лично вполне достаточно было открыть мой браузер, и выбрать опцию «Посмотреть исходный код» (нажать правую кнопку мыши). Представленные в окне строчки кода и есть тот самый html-код. Именно этот код браузер в дальнейшем трансформирует в web-страницу.
Виды страниц в Интернете
Существует три типа веб-страниц:
- Интерактивные
. Они включают в себя формы, сформированные на языках VBScript, JavaScript, РНР, при помощи которых сервер обменивается с пользователем данными;
- Динамические
. Они написаны на языке ASP, РНР с разрешениями.aspx, .php. Данные страницы создаются движком либо особой программой, формирующей по пользовательским запросам web-страницу, используя при этом данные с сервера базы данных;
- Статические
. К ним относятся статические файлы (рисунки, таблицы, набор текста и прочее), сформированные на языке разметки HTML.
Как создать?
Для создания веб-страниц используются редакторы html: FCKeditor, TinyMCE WYSIWYG Editor, Macromedia Dreamweaver, Microsoft FrontPage и прочие. Во всех этих редакторах имеется масса различных мастеров, дающих возможность с лёгкостью создавать web-сайты, а также шаблоны для страничек с дизайном и структурой. С их помощью можно быстро создать собственную web-страницу.
Но для любителей всё делать самому, можно воспользоваться и простым блокнотом, который по умолчанию уже установлен на любом компьютере.
Инструкция:
- С помощью текстового редактора создаём файл. Это первое, что необходимо сделать. В блокноте создайте пустой файл под названием index.html. Именно эту страничку сперва ищет сервер, если вы вводите адрес ресурса без указания определённой web-страницы сайта.
- Сформировать инструкцию. Помещённый между тегами и
код должен состоять из двух частей – тела документа и заголовка.
- Делаем заголовок. Открывающие и закрывающие заголовочную часть теги:
и
. На этой «служебной» части страницы находятся данные для заголовка окна, описания, слов-ключей для поисковых систем, скриптов, описания стилей и прочее. Между этими словами прописываем заглавие окна страницы с помощью тегов:
и
. Ваша веб-страница к этому моменту должна иметь следующий вид:
заглавие
- С заголовочной частью мы справились. Теперь необходимо разместить теги тела
и
. Между ними будут находиться инструкции документа: ссылки, тексты, картинки и т.д, то есть основной .
Итак, код в общем должен иметь следующий вид:
заглавие<TITLE>
</HEAD>
<BODY>
Тело веб-страницы
</BODY>
</HTML></p>
<p>Поздравляю! Теперь вы знаете, как создать свою собственную веб-страницу, хоть и самую простую! Только не забудьте сохранить документ, иначе все ваши труды пойдут прахом и придётся всё делать по новой.</p>
<blockquote>
<p>Сейчас существует множество <a href="/equipment/vizualnaya-verstka-kakoi-luchshii-redaktor-html-php-css-js/">визуальных редакторов</a> <a href="/payment/chto-oznachaet-html-kod-chto-takoe-html/">html кода</a>, благодаря которым можно создавать интернет страницы, абсолютно не зная язык <a href="/issues-and-bugs/yazyk-gipertekstovoi-razmetki-html-chto-takoe-yazyk-razmetki-html/">разметки html</a>. Но я считаю, что азы знать всё таки необходимо.</p>
</blockquote>
<p>Мой блог кстати создан на <a href="/installation-and-configuration/hochu-vesti-svoi-blog-s-chego-nachat-gde-vesti-blog-obzor/">бесплатной платформе</a> WordPress. Плачу только за домен и хостинг — это совсем немного. Хотите узнать больше? Вот ссылка.</p>
<p>С уважением! Абдуллин Руслан</p>
<p>Для открытия интернет-страниц нужно пользоваться соответствующим браузером. Браузер открывает и отображает страницы интернета. На любой <a href="/equipment/windows-movie-maker-polnaya-versiya-windows-live-movie-maker---programma-dlya-video/">версии Windows</a> установлен <a href="/personal-account/poslednyaya-versiya-brauzera-internet-explorer-obnovlyaem-brauzer-internet/">браузер Internet</a> Explorer. Но многие пользователи интернета устанавливают <a href="/equipment/rasshirenie-noscript-stalo-dostupno-dlya-chrome-noscript-dopolnitelnoe/">дополнительные браузеры</a>. К примеру, одним из самых <a href="/personal-account/populyarnye-brauzery-dlya-pk-luchshie-internet-brauzery-kotorymi-nikto/">популярных браузеров</a> является Opera. Хотя браузеры отличаются интерфейсом и функциональностью, принцип действия у них одинаковый.</p> <p>Вам понадобится</p><ul><li>Компьютер, браузер <a href="/installation-and-configuration/istoriya-v-internet-explorer-istoriya-internet-explorer/">Internet Explorer</a>, доступ в интернет</li>
</ul><h2>Инструкция</h2> <p>Чтобы сделать это, нажмите «Пуск» и пройдите на вкладку «Панель управления». Затем выберите строку «Свойства обозревателя». Выберите вкладку «Общие». Самая верхняя строка будет подписана как «Домашняя страница». Снизу над строкой располагается окошко с адресом текущей <a href="/issues-and-bugs/standartnaya-stranica-yandeks-startovaya-i-domashnyaya-stranica-v-google-chrome/">домашней страницы</a>. С помощью мышки выделите этот адрес и удалите. Или щелкните под этим окошком по вкладке «Пустая». После выберите пункт «Применить» (в самом низу окна). Затем нажмите ОК.</p> <p>Теперь можно без лишних помех открывать <b>веб-страницы
</b>. Для этого нажмите «Пуск», пройдите по вкладке «Все программы» и выберите программу Internet Explorer. Когда программа загрузится, она будет отображать пустое окно. Обратите внимание на две <a href="/issues-and-bugs/kak-zakrepit-pervuyu-strochku-v-eksel-kak-zakrepit-verhnie/">верхние строки</a>. Если у вас уже есть адрес нужной вам интернет-странички, просто введите его в левую строчку. Затем нажмите по стрелочке рядом со строкой. Интернет-страница откроется в окне <a href="/payment/kak-ustanovit-programmu-internet-downloader-repaki-ot-elchupacabra/">программы Internet</a> Explorer.</p> <p>Если у вас нет конкретного адреса странички, но вы ищите <b>веб-страницы
</b> с определенной тематикой, введите запрос на <a href="/equipment/isklyuchili-iz-besedy-kak-vernutsya-kak-naiti-nuzhnuyu-informaciyu-v-perepiske/">нужную информацию</a> в правую строку (к примеру, «рыбалка» или название города, или гостиницы). Нажмите на значок справа от окна (он как правило имеет форму лупы). Браузер произведет поиск страниц с нужной вам информацией. Страницы в виде списка будут отображены в окне Internet Explorer. Из списка страниц выберите нужную, и она откроется полностью в окне Internet Explorer.</p> <h2>Обратите внимание</h2><p>Сначала лечим сам вирус, мешающий браузерам открывать страницы, когда интернет работает.Скачиваем <a href="/installation-and-configuration/programmu-avz-i-utilitu-cureit-dr-web-proveryaem-kompyuter-na-virusy-s/">программу AVZ</a> с официального сайта (программа бесплатна и не требует установки) и запускаем её. С помощью данного мастера ищем и устраняем все проблемы на нашем ПК. После проверки перегружаем компьютер, вирус удачно удалён, но браузеры не открывают сайты. Проблема в том, что мы удалили вирус, но остались следы его жизнедеятельности.</p><p>Интернет не открывает некоторые страницы (в основном Инет магазины и <a href="/equipment/perevodchik-onlain-s-opciei-golosovoi-perevodchik-bespreryvnaya/">официальные страницы</a> антивирусников, как оказалось) во всех браузерах. Пишет: Oops! <a href="/payment/chto-delat-esli-ne-zapuskaetsya-brauzer-google-chrome-esli-google-chrome-ne/">Google Chrome</a> could not connect to... или Проблема сети. Хотя на других компьютерах все работает. Я абсолютный чайник во всех компьютерных делах. Несколько раз находила вирусы разными антивирусниками, после этого все налаживалось, но как только перезагружала компьютер, сайты не открывались снова. В hosts - все чисто.</p>
<p>Инструкция</p> <p>Если настройки браузера вы не меняли ранее, он должен по умолчанию сохранять историю посещений, фиксируя все сайты, где побывали. Если вы помните, когда вы посещали нужную веб-страницу, вам нетрудно будет найти ее и повторно открыть.</p> <p>В разделе меню браузера сначала откройте «История» либо «Журнал», затем выберите нужный пункт из нескольких: «Вчера», «Сегодня», «На прошлой неделе» либо «В текущем месяце». После нажатия на нужную вам строку откроется список сайтов, которые вы посещали за выбранный период. Найдя <a href="/rates/kak-polzovatsya-socialnoi-setyu-facebook-feisbuk-poryadok/">нужную страницу</a>, кликните по ней левой кнопкой мыши. Браузер сразу же откроет вкладку со страницей, которую вы искали.</p> <p>Информация на динамических <b>веб-страницах
</b> может меняться каждую секунду. Могут появляться новые комментарии к записи, приходить на почту новые письма. Чтобы не пропустить важную новость, необходимо периодически обновлять <b>страницу
</b>. Как это сделать в наиболее популярных интернет-браузерах?</p> <p><img src='https://i0.wp.com/st03.kakprosto.ru/tumb/680/images/article/2011/11/2/1_52552cc12c08352552cc12c0c1.jpg' width="100%" loading=lazy></p> <p>Инструкция</p> <p>Если вы используете интернет-браузер Google ChromeНажмите <a href="/payment/kak-otkryt-fail-mdf-shchelkaem-pravoi-knopkoi-myshi-po-failu-iso-i-vybiraem-punkt/">правой кнопкой</a> мыши в любом <a href="/payment/nedostatochno-mesta-na-diske-c-kak-ochistit-disk-i-uvelichit-na-nem/">свободном месте</a> окна. В свободном - значит не занятом никаким объектом или приложением. В появившемся списке выберите "Перезагрузить". Ждите обновления страницы.Другой вариант. Вверху страницы ищите значок круговой стрелочки, при наведении на который появляется прямоугольник с надписью "Обновить эту <b>страницу
</b>". Нажмите на значок.</p> <p>Если вы используете <a href="/installation-and-configuration/poisk-podobnyh-izobrazhenii-v-internete-rasshirenie-dlya-brauzera-mozilla-firefox/">интернет-браузер Mozilla</a> FirefoxНажмите правой кнопкой мыши в свободном месте окна. Выберите "Обновить". Или найдите около <a href="/equipment/vk-neprochitannym-s-pomoshchyu-ssylki-v-adresnoi-stroke-kak/">адресной строки</a> круговую стрелочку и нажмите на нее.</p> <p>Если вы используете интернет-браузер OperaНажмите правой кнопкой мыши в свободном от объектов месте, выберите "Обновить". Кроме того, в <a href="/personal-account/brauzer-nazvany-internet-brauzer-opera-skandinavskii-vyzov/">браузере Opera</a> можно задать <a href="/equipment/kak-otklyuchit-funkciyu-ne-bespokoit-na-iphone-kak-vklyuchit-rezhim-ne/">определенный режим</a> обновления. Вместо "Обновить" наведите курсор мыши на "Обновлять каждые". Выберите из списка временной интервал, через который страница будет обновляться, или задайте свой.В Опере также можно . Эта функция помогает предотвратить случайное (в случае, например, если домашний кот наступит на клавишу F5), чреватое потерей информации.</p> <p>Если вы используете <a href="/equipment/poslednyaya-versiya-internet-eksplorer-11-obnovlyaem-brauzer-internet-explorer/">интернет-браузер Internet</a> ExplorerТут, пожалуй, самое большое число вариантов, которыми можно обновить <b>страницу
</b>.1. Щелчок правой кнопкой мыши - "Обновить".2. Нажатие на значок с двумя зелеными стрелками, при наведении на который появляется прямоугольник "Обновить".3. На панели инструментов выберите "Вид" - "Обновить".4. Как и в других браузерах, обновить веб-<b>страницу
</b> в Internet Explorer можно нажатием клавиши F5.</p> <p><a href="/payment/novyi-kanal-bob-r-vyhodit-v-efir-otzyv-bober-pokazat-vse-poleznye/">Полезный совет</a></p> <p>Полезно бывает обновить страницу, если ее содержимое начинает "тормозить". Если и это не помогло, можно попробовать также закрыть все окна и перезагрузить компьютер.</p> <p>Источники:</p> <ul><li>обновить сайт</li>
</ul> <p><b>Журнал
</b> по умолчанию имеется у каждого веб-обозревателя. Он хранит в себе историю <b>посещений
</b> вами сайтов интернета в обычном режиме использования программы. Его можно удалить, чтобы скрыть свое пребывание на определенных ресурсах.</p> <p><img src='https://i1.wp.com/st03.kakprosto.ru/tumb/680/images/article/2012/1/17/1_52550bcc9480a52550bcc94847.jpg' width="100%" loading=lazy></p> <p>Вам понадобится</p> <ul><li><a href="/payment/how-can-i-set-up-a-microsoft-account-microsoft-account/">Учетная запись</a> администратора компьютера.</li>
</ul><p>Инструкция</p> <p>Восстановите записи о посещении вами веб-страниц при помощи утилиты восстановления операционной <a href="/rates/fleshka-dlya-vosstanovleniya-sistemy-windows-7-vosstanovlenie/">системы Windows</a>. Это актуально в тех случаях, если точка возврата была создана в сравнительно недавнее время.</p> <p>Даже если вы не добавляли точку восстановления вручную, просмотрите системный календарь, вполне возможно, что она появилась самостоятельно при установке, настройке или обновлении <a href="/equipment/testy-v-processe-razrabotki-programmnogo-obespecheniya-process-testirovanie/">программного обеспечения</a> вашего <a href="/personal-account/chto-yavlyaetsya-osnovnymi-harakteristikami-kompyutera-7-kak/">персонального компьютера</a>, а также при выполнении других задач, имеющих определенное значение в работе <a href="/rates/evolyuciya-operacionnyh-sistem-operacionnye-sistemy-i-istoriya-ih/">операционной системы</a>.</p> <p>Найдите утилиту восстановления предыдущего состояния компьютера через меню «Пуск», выберите в нем список <a href="/payment/nuzhnoe-po-dlya-pk-kak-ustanovit-programmu-na-kompyutere-kak/">установленных программ</a> и перейдите к стандартным. Запустите «Восстановление операционной системы», предварительно ознакомившись с условиями выполнения данной операции.</p> <p>Завершите работу программ, предварительно сохранив их результаты на <a href="/installation-and-configuration/zhestkii-disk-poshchelkivaet-pri-rabote-zhestkii-disk-pishchit-i/">жесткий диск</a> компьютера. Дождитесь восстановления системы и перезагрузки компьютера, после чего узнайте, восстановился ли в браузере журнал <b>посещений
</b> просмотренных вами веб-страниц.</p> <p>Восстановите журнал просмотренных вами веб-страниц при помощи <a href="/payment/kakoi-klavishei-sdelat-skrinshot-ekrana-na-kompyutere-kak-sdelat/">специальных программ</a> наподобие <a href="/personal-account/kak-v-gugle-vosstanovit-istoriyu-s-pomoshchyu-cookie-i-kesh/">Handy Recovery</a> и ее аналогов. Обратите внимание, что журнал просмотра веб-страниц также является файлом, а потому его, как и любой другой подобный элемент системы, можно восстановить.</p> <p>Запустите сканирование памяти <a href="/issues-and-bugs/programma-dlya-podklyucheniya-zhestkogo-diska-k-androidu-podklyuchenie-zhestkogo-diska/">жесткого диска</a>, после чего выберите поиск удаленных элементов. Отфильтруйте результаты, после чего в дереве папок найдите ваш журнал, при этом пользуйтесь функцией <a href="/personal-account/kak-proslushat-razgovor-na-aifone-video-kak-zapisat-telefonnyi-razgovor-na/">предварительного просмотра</a>. Этот вариант достаточно сложный и может занять очень долгое время, поэтому он годится только для крайних случаев.</p> <p>Источники:</p> <ul><li>как восстановить очищенный журнал браузера</li>
</ul> <p>Утрата доступа к <a href="/personal-account/lichnyi-kabinet-odnoklassniki-moya-stranica-zaiti-v-odnoklassniki-na/">личной странице</a> – нередкий случай. Обычно профиль блокируется администрацией из-за нарушений правил пользования ресурсом или из-за мошеннических действий взломщиков. Но пользователь, оказавшийся в данной ситуации, не должен отчаиваться. В большинстве случаев аккаунт легко восстанавливается.</p> <p><img src='https://i0.wp.com/st03.kakprosto.ru/tumb/680/images/article/2012/3/13/1_52552e267cca352552e267cce0.jpg' width="100%" loading=lazy></p>
<p>МОСКОВСКИЙ ИНСТИТУТ ОТКРЫТОГО ОБРАЗОВАНИЯ<br>
КАФЕДРА МАТЕРИАЛЬНЫХ И ИНФОРМАЦИОННЫХ ТЕХНОЛОГИЙ</p>
<h2>Материалы дистанционного курса<br>"Информационные технологии и образование"</h2>
<p>Полилова Татьяна Алексеевна<br>
polilova@online.ru</p>
<h2>Как создать web-страницу</h2>
<p>Самый простой способ создать страницу для размещения в Интернете - воспользоваться инструментами пакета <a href="/rates/kak-v-wps-office-smenit-yazyk-wps-office-proprietarnyi-ofisnyi-paket-s-otlichnoi/">Microsoft Office</a>. <a href="/equipment/skachat-poiskovaya-sistema-gugl-hrom-poslednyuyu-versiyu-skachat-i-ustanovit/">Последние версии</a> этого пакета предоставляют возможность преобразовать обычный документ в HTML-формат с неплохим качеством кода.</p>
<h3>Возможности Word</h3>
<p>Подготовленный в текстовом <a href="/issues-and-bugs/kak-vstavit-foto-v-tekstovyi-dokument-prostye-sposoby-dlya-redaktorov-word/">редакторе Word</a> документ можно легко преобразовать в web-страницу. Однако она будет выглядеть не столь привлекательно, как хотелось бы, если не предпринять дополнительные шаги. Рассмотрим несколько примеров.</p>
<p>Возьмем некоторый текст.</p>
<p>Преобразуем документ в web-страницу с помощью операции Сохранить как web-страницу… (вызывается из главного меню - позиция Файл). Тогда html-представление документа будет иметь вид:</p>
<p>Первое, что бросается в глаза - текст занимает все экранное пространство. Длина строки слишком большая. Для <a href="/equipment/komfortnyi-shrift-dlya-chteniya-kakoi-shrift-luchshe/">комфортного чтения</a> на экране число символов в строке должно быть в диапазоне 50-65.</p>
<h4>Использование таблицы</h4>
<p>Можно в этом случае поступить совсем просто: завести в исходном документе таблицу и поместить в нее <a href="/payment/kak-vydelyat-tolko-nuzhnoe-vydelenie-teksta-pri-pomoshchi-klaviatury/">нужный текст</a>. В таблице можно задать рамку. Тогда вид web-страницы намного улучшится, и в браузере страница будет выглядеть привлекательнее.</p>
<h4>Фон и стиль</h4>
<p>Желательно выбрать не слишком яркий фон, чтобы на нем хорошо читался текст. Таким фоном в предложенном списке является, например, Рисовая бумага. Вид страницы заметно преобразился:</p>
<h4>Вставка картинки</h4>
<p>В документ можно добавить картинку, взяв ее, к примеру, из коллекции клипов.</p>
<p>Нужно правой кнопкой мыши щелкнуть на картинку, выполнить операцию копирования, и далее в документе указать место для картинки и выполнить операцию вставки скопированного объекта.</p>
<p>Если вы вставляете картинку внутрь абзаца, то лучше изменить свойства картинки, задав обтекание текста вокруг картинки (нужно выбрать позицию главного меню Формат и далее Рисунок):</p>
<p>В документе при этом не будет создаваться лишнего пустого пространства.</p>
<p>Наконец, можно добавить картинке рамку и тень с помощью кнопок на панели Рисование - Тип линии и Стиль тени. Подобные нюансы заметно прибавляют выразительности странице.</p>
<p>Если панели Рисование нет на странице, то нужно установить ее, выбрав позицию главного меню Вид и далее Панели инструментов и Рисование.</p>
<h4>Бегущая строка</h4>
<p>Word позволяет внести на web-страницу и другие оформительские элементы, например "бегущую строку". Чтобы воспользоваться этой возможностью нужно открыть на экране панель web-компонентов (из главного меню - позиция Вид, далее Панели инструментов и Веб-компоненты). Щелчок по кнопке операции Бегущая строка открывает <a href="/personal-account/privyazka-dopolnitelnyh-odnorazovyh-parolei-k-oknu-vhoda/">дополнительное окно</a> для задания текста параметров бегущей строки.</p>
<p>Как обычно, в строке можно поменять шрифт и атрибуты: размер шрифта и цвет символов. Web-страница будет выглядеть на экране следующим образом:</p>
<p>Мы привели пример лишь очень скромного набора дизайнерских приемов, с помощью которых можно оформить web-страницу на основе имеющегося документа в формате Word.</p>
<h4>Использование шаблонов оформления</h4>
<p>Если вы начинаете создавать страницу с нуля, то можно воспользоваться мастером веб-страниц, который в диалоге будет помогать формировать документ. Или же можно использовать <a href="/rates/gotovyi-lending-peidzh-shablony-landing-page/">готовый шаблон</a> оформления страницы, выбрав его из достаточно представительного набора. Для этого нужно в операции Создать выбрать режим Создание с помощью шаблона и далее Общие шаблоны. На экране появится форма, в которой нужно выбрать закладку Веб-страницы:</p>
<p>Цветовое и стилевое решение пользователь может выбирать самостоятельно, например, с помощью настроек Формат - Тема.</p>
<h4>Создание гиперссылок и закладок</h4>
<p>Последний вопрос, который мы планируем рассмотреть в <a href="/rates/failovaya-sistema-raw-kak-vernut-ntfs-wd-kak-vosstanovit-dannye-iz/">данном разделе</a> - создание гиперссылок в документе.</p>
<p>Если мы хотим сослаться в документе на другой документ или другой сайт в Интернете, то такую гиперссылку можно сделать так: выделить в документе фрагмент текста (слово) и выполнить операцию Вставка - Гиперссылка… На экране появится форма, в которой задается адрес гиперссылки. Адрес можно ввести явно или можно выбрать файл в окне.</p>
<p>Здесь следует помнить, что адрес выбранного файла на вашем компьютере может измениться, когда вы будете формировать свой сайт. Поэтому неявный способ задания адреса подходит только в том случае, если структура вашей папки на компьютере и на сайте Интернета совпадают.</p>
<p>Если гиперссылка должна ссылаться на другую часть этого же документа, то предварительно нужно вставить закладку в начале нужного фрагмента. Нужно выполнить операцию Вставить - Закладка, и в появившейся на экране форме ввести имя закладки.</p>
<h3>Веб-презентация в PowerPoint</h3>
<p>Программа PowerPoint ориентирована на создание презентаций на компьютере. Однако у нее имеется функция преобразования подготовленной презентации в веб-формат.</p>
<p>Вы можете открыть подготовленную презентацию и выполнить операции (из главного меню) Файл - Сохранить как веб-страницу. Как обычно нужно задать имя веб-презентации в открывшемся окне. В результате выполнения преобразования презентации будет создан файл с заданным именем и расширением.htm и одноименная папка с дополнительными материалами.</p>
<p>Если теперь из браузера вызвать веб-презентацию, то на экране можно увидеть результат преобразования.</p>
<p>В нижней части экрана создается специальная строка, где располагаются кнопки перехода к слайдам и кнопки для задания различных параметров просмотра презентаций.</p>
<p>Презентацию можно просматривать с показом структуры слайдов. Но если эта информацию не представляет интереса, то зарезервированное для показа структуры поле на экране можно убрать (операция развернуть/свернуть структуру в нижней строке).</p>
<p>С помощью кнопки Показ сладов можно просматривать слайды на полном экране.</p>
<h4>Создание гиперссылок</h4>
<p>В презентации можно создать гиперссылки, которые связывают объекты на слайде, например, с другими слайдами. Тем самым можно создать структуру гипермедиа, которая естественным образом будет соответствовать идеологии Интернета. Поясним этот прием на примере.</p>
<p>Пусть у нас есть несколько заготовленных слайдов на тему растительного мира Байкала, составленных из коллекции фотографий. Создадим новый слайд - оглавление коллекции.</p>
<p>Если новый слайд получился не первый в последовательности, то нужно выйти в режим сортировщика слайдов (из главного меню с помощью операций Вид - Сортировщик слайдов) и перетащить новый слайд в начало коллекции.</p>
<p>На новый слайд поместим уменьшенные копии всех фотографий. Проще всего это сделать самым прямолинейным способом: на пустой слайд последовательно скопировать все фотографии коллекции, уменьшить их размер и разместить, например, в две линии. Картинки можно будет в дальнейшем оформить рамками с тенью. На слайд-оглавление можно добавить название презентации. Вид презентации в режиме Сортировщик слайдов представлен ниже:</p>
<p>Перейдем в <a href="/installation-and-configuration/windows-8-kak-pereiti-v-obychnyi-rezhim/">обычный режим</a> просмотра слайдов (команды Вид и далее Обычный). На слайде-оглавлении выделим фотографию и выполним команду Вставка - Гиперссылка. В открывшемся окне зададим переход по гиперссылке - номер слайда с большой фотографией, с которой был скопирован меньший образец для оглавления.</p>
<p>Аналогично свяжем другие картинки на слайде-оглавлении с соответствующими слайдами с оригиналами фотографий.</p>
<p>Если мы теперь запустим нашу презентацию на выполнение, то она будет работать как структура гипермедиа: при щелчке по маленькой фотографии будет выполняться переход на слайд с фотографией в увеличенном размере.</p>
<p>Осталось совсем немного усовершенствовать нашу структуру. Добавим на каждый слайд с фотографией в его верхнюю левую часть стрелку (Автофигура на панели инструментов Рисование), и сделаем из этой стрелки гиперссылку, выполняющую переход на слайд-оглавление. Теперь движение по созданной нами структуре гипермедиа станет "двусторонним": из оглавления можно перейти на слайды с фотографиями, и с любого слайда вернуться на оглавление.</p>
<p>После выполнения преобразования презентации в веб-формат наша первая страница будет иметь вид:</p>
<p>Щелчок по картинке из меню вызовет переход к слайду с большой фотографией, а щелчок по стрелке (в левой верхней части слайда) обеспечит переход на страницу с оглавлением коллекции.</p>
<p>Веб-страницы можно открыть <a href="/installation-and-configuration/nomera-cvetovoi-palitry-cvet-v-stilyah-mozhno-zadavat-raznymi-sposobami-po/">разными способами</a>:</p>
<p>– с помощью адресного окошка (если известен ее адрес в интернете);</p>
<p>– с помощью списка адресов в адресном окошке (если страница уже открывалась ранее);</p>
<p>– с помощью панели запуска (если страница входит в 10-ку часто от-</p>
<p>крываемых страниц);</p>
<p>– с помощью закладки (если ее адрес был туда помещен ранее);</p>
<p>– с помощью эскиза на вкладке «Быстрый на бор» (если ее адрес был туда помещен ранее);</p>
<p>– с помощью вкладки «История» (если веб-страница уже однажды по-</p>
<p>сещалась);</p>
<p>– с помощью сеанса (если страница была в числе страниц сохраненно-</p>
<p>го сеанса);</p>
<p>– восстановить <a href="/installation-and-configuration/kak-mozhno-zaiti-vk-esli-dostup-zakryt-prosmotr-zakrytyh-stranic-vkontakte-kak/">закрытую страницу</a> из корзины «Закрытые» (если веб-</p>
<p>страница была ранее закрыта);</p>
<p>– как обычный документ (если страница была ранее сохранена на ком-</p>
<p>пьютере).</p>
<h4>Как открыть веб-страницу с помощью адресного</h4>
<h4>окошка?</h4>
<p>1. В окне браузера на берите известный адрес веб-страницы в адрес-</p>
<p>ном окошке на адресной панели.</p>
<p>2. Нажмите клавишу Enter.</p>
<p><b><i>Примечание
</i>
</b><i>. По ходу набора адреса в окошке браузер станет предла- гать список похожих адресов. Если в списке обнаружите <a href="/issues-and-bugs/koordinaty-9-0-kak-ukazat-drugim-svoe-mestopolozhenie-esli-ne-znaesh/">нужный адрес</a>, щелкните по нему левой кнопкой мыши.
</i></p>
<h4>Как открыть веб-страницу с помощью списка адресов</h4>
<h4>в адресном окошке?</h4>
<p>1. В окне браузера раскройте список адресов в адресном окошке (с по-</p>
<p>мощью кнопки в правом углу адресного окошка).</p>
<p>2. Щелкните по <a href="/installation-and-configuration/prokrutka-v-eksele-do-nuzhnoi-stroki-zakreplenie-stolbca-v-programme/">нужной строке</a> в списке.</p>
<p><b><i>Примечание
</i>
</b><i>. Размер <a href="/payment/ispolzovanie-instrumentov-poiskovyh-sistem-formirovanie-zaprosov-instrumenty-poiska-v-rezultate/">данного списка</a> зависит от настроек адресной строки (см. «Как задать список адресов для <a href="/issues-and-bugs/fast-dial-vizualnye-zakladki-firefox-bystroe-otkrytie-veb-stranic-i/">быстрого открытия</a> и авто- завершения?»).
</i></p>
<p>Рис. 1.123. Меню кнопки</p>
<p>«Первая 10-ка»</p>
<h4>Как открыть веб-страницу с помощью панели запуска?</h4>
<p>Для <a href="/personal-account/kak-perenesti-dannye-na-novyi-iphone-vse-sposoby-kak-perekinut-dannye-s/">данного способа</a> необходимо активировать панель запуска (см. «Как включить панель запуска?»).</p>
<p>1. В окне браузера щелкните в адресном окошке.</p>
<p>2. На панели запуска раскройте меню кнопки «Первая 10-ка».</p>
<p>3. В списке адресов выберите нужную строку (рис. 1.123).</p>
<h4>Как открыть веб-страницу с помощью закладки?</h4>
<p>1. В окне браузера раскройте меню «Закладки».</p>
<p><img src='https://i2.wp.com/system-repair.net/img/InternrtAndMail2008_image128-min-vs.png' height="184" width="256" loading=lazy></p>
<p>2. В структурном дереве выберите нужный адрес (рис. 1.124).</p>
<p>Рис. 1.124. Меню «Закладки».</p>
<p>Список адресов</p>
<p><b><i>Примечание
</i>
</b><i>. Подробнее о работе с закладками смотри далее.
</i></p>
<h4>Как открыть веб-страницу с помощью эскиза во вкладке «Быстрый набор»?</h4>
<p>В окне браузера во вкладке «<a href="/equipment/bystryi-nabor-klavish-vyrezat-goryachie-klavishi-na-klaviature/">Быстрый набор</a>» щелкните по нужному эскизу.</p>
<p><b><i>Примечание
</i>
</b><i>. Подробнее о работе с вкладкой «Быстрый набор» смот- рите далее.
</i></p>
<h4>Как открыть веб-страницу с помощью вкладки</h4>
<h4>«История»?</h4>
<p>1. В окне браузера раскройте меню «Инструменты».</p>
<p>2. В списке команд выберите пункт «История».</p>
<p>3. Во вкладке «История» в структурном дереве выберите папку, соот- ветствующую по времени посещения нужной веб-страницы (сегодня, вчера и т.д.)</p>
<p>4. В списке адресов выбранной папки щелкните по нужной строке (рис. 1.125).</p>
<p>Рис. 1.128. Окно «Настройки».</p>
<p>Список масштабов</p>
<p><b><i>Примечание
</i>
</b><i>. В этом случае окно браузера станет автоматически под- страиваться по размер экрана монитора.
</i></p>
<p>4. Закройте окно кнопкой «ОК».</p>
<h4>Как задать масштаб изображения веб-страницы?</h4>
<p>В браузере Opera можно выбирать масштаб содержимого веб-страни-</p>
<p>цы в диапазоне 20–1000%</p>
<p><i>1-й способ
</i></p>
<p>В окне браузера, щелкая по клавишам «+» и «–», увеличь те или умень-</p>
<p>шите масштаб страницы.</p>
<p><i>2-й способ
</i></p>
<p>1. В окне браузера раскройте меню «Масштаб» на адресной панели.</p>
<p>2. В списке масштабов выберите нужное значение (рис. 1.129).</p>
<p><b><i>Примечание
</i>
</b><i>. Или наберите в окошке масштаба точный масштаб.
</i></p>
<p><img src='https://i1.wp.com/system-repair.net/img/InternrtAndMail2008_image133.png' height="274" width="228" loading=lazy> Рис. 1.129. Меню «Масштаб».</p>
<p>Список масштабов</p>
<h4>Как задать масштаб по ширине экрана?</h4>
<p>Режим «по ширине экрана» изменяет размер страницы в соответствии с имеющимся пространством экрана. Как правило, используется для отображения страниц, слишком широких для экрана монитора.</p>
<p><i>1-й способ
</i></p>
<p>В окне браузера с <a href="/equipment/chto-takoe-yazyk-html-i-dlya-chego-on-nuzhen-sozdanie-pervoi-veb-stranicy/">нужной веб-страницей</a> используйте сочетание кла-</p>
<p>виш Ctrl+F11.</p>
<p><i>2-й способ
</i></p>
<p>1. В окне браузера с нужной веб-страницей раскройте меню «Вид».</p>
<p>2. В списке команд выберите пункт «По ширине экрана».</p>
<p><b><i>Примечание
</i>
</b><i>. Отключается режим повторным использование сочета- ния клавиш Ctrl+F11 или отключением пункта «По ширине экрана».
</i></p>
<br>
<br>
<script>document.write("<img style='display:none;' src='//counter.yadro.ru/hit;artfast_after?t44.1;r"+
escape(document.referrer)+((typeof(screen)=="undefined")?"":
";s"+screen.width+"*"+screen.height+"*"+(screen.colorDepth?
screen.colorDepth:screen.pixelDepth))+";u"+escape(document.URL)+";h"+escape(document.title.substring(0,150))+
";"+Math.random()+
"border='0' width='1' height='1' loading=lazy>");</script>
<div class="clear"></div>
</div>
<div class="tech-info"></div>
<div class="clear"></div>
<div class="share-post">
<script type="text/javascript" src="//yastatic.net/es5-shims/0.0.2/es5-shims.min.js" charset="utf-8"></script>
<script type="text/javascript" src="//yastatic.net/share2/share.js" charset="utf-8"></script>
<div class="ya-share2" data-services="vkontakte,facebook,odnoklassniki,moimir,gplus,twitter,evernote,lj" data-counter=""></div>
</div>
<div class="post-navigation">
<div class="nav-box-previous">
<div class="img-wrap-nav"> <a href="/personal-account/ishchu-pati-v-danzh-ful-shmot-obzor-nastolnoi-igry-dungeon-raiders-rashititeli/"> <img src="/uploads/13e31dd9ba308a44a2efbbeafbf20e2d.jpg" alt="— обзор настольной игры Dungeon Raiders (Расхитители подземелий)" loading=lazy> </a> <span>« Предыдущая запись</span>
<h2>
<a href="/personal-account/ishchu-pati-v-danzh-ful-shmot-obzor-nastolnoi-igry-dungeon-raiders-rashititeli/">— обзор настольной игры Dungeon Raiders (Расхитители подземелий) </a></h2>
</div>
</div>
<div class="nav-box-next">
<div class="img-wrap-nav"> <a href="/issues-and-bugs/kak-oboiti-ogranichenie-vozrasta-na-yutube-video-s-ogranichennym/"> <img src="/uploads/d2f84a5c7227f76be2105c3ae286ad3d.jpg" alt="Видео с ограниченным доступом – как смотреть на YouTube Как поставить возрастные ограничения на ютубе" loading=lazy> </a> <span>Следующая запись »</span>
<h2> <a href="/issues-and-bugs/kak-oboiti-ogranichenie-vozrasta-na-yutube-video-s-ogranichennym/">Видео с ограниченным доступом – как смотреть на YouTube Как поставить возрастные ограничения на ютубе </a></h2>
</div>
</div>
<div class="clear"></div>
</div>
<div class="related-posts">
<ul>
<p>Что еще почитать?</p>
<li class="related"> <a href="/payment/windows-8-obnovlenie-ne-primenimo-k-vashemu-kompyuteru-ustranyaem-oshibku/" title="Устраняем ошибку «Обновление не применимо к этому компьютеру"><img src="/uploads/3649eece74b866f473eaf8b4e0a48fdd.jpg" alt="Устраняем ошибку «Обновление не применимо к этому компьютеру" loading=lazy> <span class="rel-post-title">Устраняем ошибку «Обновление не применимо к этому компьютеру</span> </a></li>
<li class="related"> <a href="/personal-account/oshibka-scenariya-kak-ubrat-osnovnye-metody-na-etoi-stranice-proizoshla/" title="Ошибка сценария: как убрать?"><img src="/uploads/013bb0ed0e5fac094098b832bddd4443.jpg" alt="Ошибка сценария: как убрать?" loading=lazy> <span class="rel-post-title">Ошибка сценария: как убрать?</span> </a></li>
<li class="related"> <a href="/installation-and-configuration/2-elektronnye-tablicy-naznachenie-i-osnovnye-vozmozhnosti/" title="Назначение и основные функции табличных процессоров"><img src="/uploads/7b32f04de0118f46adcdacb0c37fc2a8.jpg" alt="Назначение и основные функции табличных процессоров" loading=lazy> <span class="rel-post-title">Назначение и основные функции табличных процессоров</span> </a></li>
<li class="related"> <a href="/payment/world-of-tanks-vyletaet-pri-zapuske-ispravlyaem-oshibki-world-of-tanks-vyletaet/" title="World of Tanks вылетает при запуске При запуске wot зависает компьютер"><img src="/uploads/390178f09f4b9c6b3469dcedcd93d2ec.jpg" alt="World of Tanks вылетает при запуске При запуске wot зависает компьютер" loading=lazy> <span class="rel-post-title">World of Tanks вылетает при запуске При запуске wot зависает компьютер</span> </a></li>
<li class="related"> <a href="/installation-and-configuration/aleksandr-litvin-o-puteshestviyah-v-skachat-video-i-vyrezat-mp3---u-nas-eto/" title="Скачать видео и вырезать мп3 - у нас это просто"><img src="/uploads/f002d2640e231bdef0268909e468ea76.jpg" alt="Скачать видео и вырезать мп3 - у нас это просто" loading=lazy> <span class="rel-post-title">Скачать видео и вырезать мп3 - у нас это просто</span> </a></li>
<li class="related"> <a href="/installation-and-configuration/uznaem-dns-provaidera-dlya-chego-kakie-est-vozmozhnosti-chto-takoe/" title="Что такое MX-запись домена Узнать информацию о dns сервере"><img src="/uploads/3cca4a4f5946906373ee5fd404a60b54.jpg" alt="Что такое MX-запись домена Узнать информацию о dns сервере" loading=lazy> <span class="rel-post-title">Что такое MX-запись домена Узнать информацию о dns сервере</span> </a></li>
<div class="clear"></div>
</ul>
</div>
<div class="clear"></div>
</div>
</div>
<div class="right-col">
<div class="widget_text side-blok">
<div class="textwidget custom-html-widget">
<div id="kekudi2" style="height:250px;width:250px;" align="center"></div>
</div>
</div>
<div class="side-blok">
<div class="side-title"><span>Рубрики</span></div>
<ul>
<li class="cat-item cat-item-18"><a href="/category/personal-account/">Личный кабинет</a></li>
<li class="cat-item cat-item-18"><a href="/category/equipment/">Оборудование</a></li>
<li class="cat-item cat-item-18"><a href="/category/payment/">Оплата</a></li>
<li class="cat-item cat-item-18"><a href="/category/rates/">Тарифы</a></li>
<li class="cat-item cat-item-17"><a href="/category/issues-and-bugs/">Проблемы и ошибки</a>
</li>
<li class="cat-item cat-item-20"><a href="/category/personal-account/" title="Личный кабинет">Личный кабинет</a> </li>
</ul>
</div>
<div class="widget_text side-blok">
<div class="textwidget custom-html-widget">
<div id="yandex_rtb_R-A-213002-4"></div>
</div>
</div>
<div class="side-blok">
<div class="side-title"><span>Последние записи</span></div>
<ul id="recentcomments">
<li class="recentcomments"><a href="/equipment/kody-i-chity-na-gta-v-dengi-oruzhie-bessmertie-chit-kody-gta-san-andreas-na/">Чит-коды GTA: San Andreas на PlayStation Коды для gta 5 на playstation 3</a></li>
<li class="recentcomments"><a href="/installation-and-configuration/sposoby-udaleniya-svoih-i-chuzhih-kommentariev-v-odnoklassnikah-kak-udalit/">Как удалить комментарий в одноклассниках под фото и в обсуждениях Как удалить комментарий в обсуждениях</a></li>
<li class="recentcomments"><a href="/personal-account/udalennoe-upravlenie-kompyuterom-hrom-udalennyi-rabochii-stol-chrome-podklyuchenie-fiksirovannogo-ip-/">Удаленный рабочий стол Chrome</a></li>
<li class="recentcomments"><a href="/personal-account/kak-vklyuchit-xmp-profil-operativnoi-pamyati-kak-vklyuchit/">Как включить профиль XMP планки оперативной памяти?</a></li>
<li class="recentcomments"><a href="/installation-and-configuration/ustroistvo-bloka-pitaniya-ustroistvo-bloka-pitaniya-blok-pitaniya-pk/">Устройство блока питания Блок питания пк принципиальная схема</a></li>
<li class="recentcomments"><a href="/rates/funkciya-sql-s-vhodnymi-parametrami-osnovnye-komandy-sql-kotorye/">Основные команды SQL, которые должен знать каждый программист</a></li>
<li class="recentcomments"><a href="/installation-and-configuration/12-dlya-chego-ispolzuyutsya-filtry-v-pochte-pomoshch-kak-nastroit-pravila/">12 для чего используются фильтры в почте</a></li>
<li class="recentcomments"><a href="/issues-and-bugs/kak-uznat-kakoi-brauzer-ustanovlen-na-noutbuke-kak-uznat-versiyu/">Как узнать версию браузера</a></li>
</ul>
</div>
<div class="side-blok">
<div class="side-title"><span>Страницы</span></div>
<ul>
<li class="page_item page-item"><a href="/feedback/">Контакты</a></li>
<li class="page_item page-item"><a href="">О сайте</a></li>
</ul>
</div>
<div class="ad300-side">
<div id="kekudi3" style="height:500px;width:300px;" align="center"></div>
</div>
</div>
</div>
<div class="clear"></div>
</div>
<div class="footer">
<div class="credits">
<p>© 2024 Триколор телевидение — trikolo.ru · <br></p>
<div class="foot-counter"></div>
</div>
<a id="backtop" href="#top"><i class="fa fa-chevron-circle-up" aria-hidden="true"></i></a></div>
<script type="text/javascript">
function gotoal(link) {
window.open(link.replace("_", "http://"));
}
</script>
<div id="mobilemenu" class="mobilemenu">
<ul id="menu-rubriki-1" class="top-menu">
<li class="menu-item menu-item-type-taxonomy menu-item-object-category menu-item-"><a href="/category/equipment/">Оборудование<span class="menu-item-description">Открытая платформа госуслуг</span></a></li>
<li class="menu-item menu-item-type-taxonomy menu-item-object-category menu-item-"><a href="/category/payment/">Оплата<span class="menu-item-description">Открытая платформа госуслуг</span></a></li>
<li class="menu-item menu-item-type-taxonomy menu-item-object-category menu-item-"><a href="/category/rates/">Тарифы<span class="menu-item-description">Открытая платформа госуслуг</span></a></li>
<li class="menu-item menu-item-type-taxonomy menu-item-object-category menu-item-"><a href="/category/issues-and-bugs/">Проблемы и ошибки<span class="menu-item-description">Открытая платформа госуслуг</span></a></li>
<li class="menu-item menu-item-type-taxonomy menu-item-object-category menu-item-"><a href="/category/personal-account/">Личный кабинет<span class="menu-item-description">Открытая платформа госуслуг</span></a></li>
</ul>
</div>
<script type="text/javascript" defer src="https://trikolo.ru/wp-content/cache/autoptimize/js/autoptimize_9691aae6c4d2d788899fe5ded4da4d0e.js"></script>
</body>
</html>
