Урок 8 От теории к практике: трюки с веб-страницами

We use cookies. Read the Privacy and Cookie Policy

Урок 8 От теории к практике: трюки с веб-страницами

Итак, начинаем следующий урок! Наконец-то мы перейдем от нудной теории к интересной практике. Так что бодренько сделайте следующее.

1. Включите компьютер и соединитесь с Интернетом.

2. Запустите браузер.

3. Загрузите любой сайт. Можете ввести уже знакомый вам адресок mama.ru или, если вы добавили его в избранное, открыть с помощью ссылки в Центре управления избранным.

На рис. 8.1 показана главная страница сайта Mama.ru на момент, когда делались иллюстрации к книге. Когда вы откроете эту страницу, ее вид, естественно, будет другим. Обычно сайт в Интернете – вещь постоянно меняющаяся и обновляющаяся.

Рис. 8.1. Главная страница сайта Mama.ru

Mama.ru – сайт абсолютно женский, с мамско-детским уклоном. Если вас эта тема интересует, вы найдете здесь кучу полезного и не очень материала про беременность, роды, памперсы, соски и раннее развитие ваших детей. Читать не перечитать. И таких сайтов в Сети сотни, а может быть, и тысячи. Женская аудитория Интернета растет с огромной скоростью, и иногда кажется, что все мамы в декрете коротают время за компом, общаясь с единомышленницами по поводу миллионов способов выращивания детей. Раньше на лавочках у подъезда сидели, а теперь дома, каждая за своим компьютером.

Но я немного отвлеклась. Итак, открыли мы сайт. Допустим, у вас есть совершенно конкретный вопрос. Посмотрите – только на главной странице столько гиперссылок! Все активное, где искать ответ, – непонятно. А может быть, на этом сайте вообще нет нужной информации, и как об этом узнать, не перерыв весь сайт снизу доверху?

Я вас обрадую, выход есть. И называется он «поиск по сайту».

Обычно поиск – это пустая строка, возле которой написано «поиск», «найти на сайте» или еще что-то в этом роде.

Поиск есть практически на любом сайте. Чаще всего он располагается на видном месте, но в случае Mama.ru вам придется поискать в правой части сайта Поиск на сайте. Нашли?

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

Рис. 8.2. Вводим фразу для поиска

Написали? Теперь не забудьте нажать кнопку Поиск. Результат появится на новой странице. Смотрите, что мы нашли на этом сайте. Появившиеся ссылки (рис. 8.3) можно просматривать, как обычно, то есть щелкая на них. Как видите, на этом сайте найдено 3550 упоминаний тестов на беременность. Удобно, что рядом со ссылкой есть небольшая цитата. Вы сразу разберетесь, что вам нужно, а что можно даже не открывать.

Рис. 8.3. Вот что нашлось

Теперь переходим к трюкам с интернет-страницами. Практически все они существуют для того, чтобы сохранить для себя понравившуюся часть странички или всю страницу целиком. Запасайтесь терпением и временем, информации в этом уроке будет много.

Вернитесь на главную страницу Mama.ru (см. рис. 8.1). Выберите себе любую ссылку, которая вас заинтересовала. Я, например, выбрала Мамкину страничку. Ссылка на эту страничку находится в верхней части главной страницы сайта. Щелкайте на ссылке, чтобы загрузить страничку.

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

Итак, нажмите на панели инструментов кнопочку Страница и выберите команду Сохранить как. Откроется окно (рис. 8.4).

Рис. 8.4. В этом окне сохраняем веб-страницу

Посмотрите, в одной строке написано имя файла: Mama_ru. Впрочем, вы можете как угодно изменить это название. И интернет-страничка легким движением вашей руки превратится в обычный файл. Тип файла: веб-архив.

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

Теперь нажмите кнопку Сохранить, и компьютер начнет процесс сохранения (рис. 8.5).

Рис. 8.5. Браузер сохраняет веб-страницу

Сохранил? Очень хорошо! Теперь откройте папку, в которую вы сохраняли файл, и там увидите вот такой значок (рис. 8.6).

Рис. 8.6. Такой значок появится после сохранения веб-страницы

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

Бывает так, что какая-то интернет-страничка постоянно нужна под рукой. Сейчас выучим еще один трюк. Откройте любую страничку, щелкните где-нибудь на свободном от гиперссылок месте правой кнопкой мыши и в появившемся меню выберите Создать ярлык. Появится окошко (рис. 8.7).

Рис. 8.7. Вешаем ярлык на Рабочий стол

Вам останется только нажать OK, и ярлык веб-страницы появится у вас на Рабочем столе (рис. 8.8).

Рис. 8.8. Ярлык веб-страницы на Рабочем столе

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

Когда этот быстрый доступ к страничке вам больше не понадобится, просто перетащите ярлык в Корзину.

А теперь представьте себе, что вам очень-очень понравилась какая-нибудь картинка на страничке. Что делать? Сохранять!

Если вы щелкнете правой кнопкой мыши на понравившемся рисунке, то увидите меню (рис. 8.9).

Рис. 8.9. Меню, которое появляется при щелчке на картинке правой кнопкой мыши

Щелкните на строке Сохранить рисунок как и в открывшемся окне выберите папку для сохранения. Теперь картинка будет жить в вашем компьютере как обычный файл, и вы в любой момент сможете ею насладиться.

Идем дальше. Мы научились сохранять страницу целиком, а также сохранять отдельно сильно понравившиеся рисунки. А что делать, если нужен только текст? Ведь бывает так: открыла страницу, статья там хорошая, а картинок вокруг столько, что аж в глазах рябит.

Теперь научимся сохранять текст на примере сайта eva.ru. Введем его адрес в адресную строку и загрузим главную страницу (рис. 8.10).

Рис. 8.10. Главная страница сайта Ева.Ру

Давайте поищем на этом сайте гороскоп. Задача первая: найдите на странице поиск. Удалось? Задача вторая: введите в строку для поиска слово гороскоп. Ну что, нашлось что-нибудь? Я уверена, что нашлось. Откройте любую понравившуюся ссылку.

Теперь, не выходя из Интернета, откройте любую программу для работы с текстом. Хотите – Word, хотите — Блокнот.

Знаете, как добраться до Word? Можете воспользоваться замечательной кнопочкой Свернуть все окна

на Панели быстрого запуска и два раза щелкнуть на значке Word, если он у вас есть на Рабочем столе. А можете зайти в меню Пуск и запустить Word оттуда. Чтобы запустить программу Блокнот, нужно в меню Пуск выбрать строку Все программы, в появившемся списке найти папку Стандартные и дважды щелкнуть на Блокноте. Он и откроется.

Теперь создайте новый текстовый документ и сохраните его в свою папку, назвав файл, например, Гороскоп.

Вернитесь в окошко браузера, в котором открыт гороскоп. Умеете? Я думаю, умеете. Либо ищите закладку внизу страницы, либо воспользуйтесь сочетанием клавиш Alt+Tab (я вам про это уже рассказывала).

Выделите текст своего гороскопа, щелкните правой кнопкой мыши и выберите команду Копировать, Но лучше привыкайте использовать сочетания клавиш. Так вот, скопировать что-нибудь можно, выделив нужный текст, а потом нажав сочетание клавиш Ctrl+C Дальше нужно перенести скопированное в Word или Блокнот. Перейдите обратно в Word и вставьте то, что скопировали. Для этого подойдет команда Вставить меню, которое появляется при щелчке правой кнопкой мыши, а лучше и быстрее использовать сочетание Ctrl+V.

Текст вставился? Очень хорошо. Теперь вам ничто не мешает сделать то же самое, например, с гороскопом своей подруги. Во-первых, для повторения выученных действий, а во-вторых, чтобы потом прочитать его ей по телефону. Последовательность операций такая: идем в окно сайта с гороскопом, копируем, переходим в Word или Блокнот, а затем вставляем.

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

Что еще можно сделать с интернет-страничкой? Можно ее распечатать!

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

Рис. 8.11. Предварительный просмотр статьи, которую мы бы хотели распечатать

Поводите указатель мыши по кнопкам в верхнем ряду, почитайте всплывающие подсказки, и вы узнаете, что можете сделать в этом окошке. Например, вы можете задать ориентацию листа. Щелкаем здесь —

– книжная ориентация, то есть вертикальная. Щелкаем здесь —

– альбомная, или горизонтальная ориентация.

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

Когда решитесь, нажимайте кнопку Печать документа

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

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

Когда сайт загрузит вариант для печати, снова щелкните на стрелке кнопки Печать и выберите Предварительный просмотр (рис. 8.12). Сравните рис. 8.11 и 8.12. Видите, что на втором отсечена куча лишнего?

Рис. 8.12. Предварительный просмотр статьи, которую сайт преобразовал для печати

Если вы предпочитаете читать статьи с экрана, то вам поможет следующий трюк. Щелкните на уже знакомой вам кнопке Сервис. В появившемся большом меню есть команда Во весь экран. Нажмите! Правда, так удобнее читать? То же самое можно сделать, не ползая по меню, а просто нажав горячую клавишу F11. А чтобы вернуться в обычный режим просмотра, нужно нажать клавишу F11 еще раз.

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

Итак, если вы, не подключаясь к Сети, введете в адресную строку адрес сайта, на который недавно заходили, и нажмете Enter, то браузер покажет такое сообщение (рис. 8.13).

Рис. 8.13. Включение автономного просмотра сайта, то есть без подключения к Интернету

Нажмите кнопочку Работать автономно, и если браузер сохранил данные о странице, то она загрузится в таком же виде, какой была, когда вы видели ее последний раз. При этом в строке состояния появится новый значок —

показывающий, что вы работаете именно в автономном режиме. Кроме загруженной страницы, вы сможете просматривать те страницы и загружать те ссылки, которые вы посещали, когда были подключены к Сети. К тому же браузер дает вам понять, какие ссылки доступны в автономном режиме, а какие нет. Например, при наведении указателя мыши на ссылку, работающую в автономном режиме, ладошка с пальчиком выглядит как обычно. Если ссылка недоступна в этом режиме, то ладошка такая же, но с перечеркнутым кружком. Чтобы пройти по такой ссылке, нужно будет подключиться к Интернету.

Ну и в конце урока поговорим немного о проблемах, которые могут возникнуть у вас на просторах Сети.

Самое распространенное – это обрыв связи. Возможно, выскочит окошко, которое вы уже видели на рис. 8.13, может, появится сообщение, показанное на рис. 8.14, но каким-то образом вам дадут понять, что связи нет. Ничего страшного в этом тоже нет. Просто соединитесь с Сетью еще раз и продолжите работу.

Рис. 8.14. Сообщение о недоступности страницы

Еще одна частая неприятность – неправильная кодировка. Представляете, загружаете вы страничку и видите такую ерунду, как на рис. 8.15. И вроде ж по-русски написано, но как-то не так, как хотелось бы.

Рис. 8.15. Чтобы сделать сайт читаемым, нужно изменить кодировку

Что же делать? Нажимать кнопку Страница и искать в меню команду Кодировка. Из появившегося списка выбирайте любую другую кодировку. Подскажу, что в первую очередь лучше попробовать варианты Кириллица (Windows) и Кириллица (KOI8-R). Обычно мне они помогают.

И последнее. Если при попытке загрузить какой-то сайт вы увидите сообщение, изображенное на рис. 8.14, то это не обязательно говорит об обрыве связи. Это может значить и то, что именно этот конкретный сайт не работает или даже уже не существует (кстати, ссылки на несуществующие сайты называют «битыми»). Проверить, в чем проблема (в сайте или в Интернете), просто: попробуйте загрузить другой сайт. Работает? Значит, проблема не в наличии Сети, а в сайте. А еще на всякий случай проверьте, правильно ли вы ввели адрес. Вдруг ошиблись? Ошибку исправите, и все загрузится.

Ну что? Уже чувствуете себя асом? Нет? А зря. Вы уже многое умеете! Скажу честно, если вы будете пользоваться хотя бы третью из того, о чем прочитали, вас смело можно будет признать продвинутым пользователем.

Данный текст является ознакомительным фрагментом.