Готовимся к пенсии: осваиваем Интернет - Валентина Ахметзянова
0/0

Готовимся к пенсии: осваиваем Интернет - Валентина Ахметзянова

Уважаемые читатели!
Тут можно читать бесплатно Готовимся к пенсии: осваиваем Интернет - Валентина Ахметзянова. Жанр: Руководства. Так же Вы можете читать полную версию (весь текст) онлайн книги без регистрации и SMS на сайте Knigi-online.info (книги онлайн) или прочесть краткое содержание, описание, предисловие (аннотацию) от автора и ознакомиться с отзывами (комментариями) о произведении.
Описание онлайн-книги Готовимся к пенсии: осваиваем Интернет - Валентина Ахметзянова:
На живом примере автора книги и ее друзей показано, чем заняться человеку, когда подходит пенсионный возраст. В увлекательной и доступной форме написано, как сделать первые шаги в Интернете, завести почту, найти полезную информацию, общаться в чатах, форумах, блогах и в социальных сетях. Рассмотрены полезные ресурсы для фотолюбителей, дачников, рыбаков, автомобилистов и просто домохозяек. Даны уроки печати на клавиатуре. Рассказано, как завести свой блог, создать свой сайт. Приведена краткая инструкция по возможному заработку в Интернете.Для читателей пенсионного и предпенсионного возраста.

Аудиокнига "Готовимся к пенсии: осваиваем Интернет"



📚 В поисках новых знаний и навыков? Хотите быть в курсе современных технологий? Тогда аудиокнига "Готовимся к пенсии: осваиваем Интернет" от Валентины Ахметзяновой именно для вас!



👵 Главная героиня книги - пенсионерка Надежда, которая решает не оставаться в стороне от цифрового прогресса. Следуя советам автора, она учится пользоваться интернетом, социальными сетями, мессенджерами и многое другое. Вместе с Надеждой вы также сможете освоить все тонкости онлайн мира!



🎧 Сайт knigi-online.info предоставляет возможность прослушивать аудиокниги онлайн бесплатно и без регистрации на русском языке. Здесь собраны бестселлеры и лучшие произведения различных жанров, включая руководства, которые помогут вам развиваться и открывать новые горизонты.



Об авторе:



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

Читем онлайн Готовимся к пенсии: осваиваем Интернет - Валентина Ахметзянова

Шрифт:

-
+

Интервал:

-
+

Закладка:

Сделать
1 ... 20 21 22 23 24 25 26 27 28 ... 31

С учетов всего сказанного картинку правильнее всего описать таким вот образом:

<IMG src="foto.jpg" width=400 height=250 hspace=10 vspace=10 align=right>

Ну, а теперь сделаем пример странички, где все уже вам должно быть знакомо (листинг П1.10).

А вот что получим на экране монитора. Причем, если навести мышку на картинку, появится надпись морской пейзаж (рис. П1.15).

Рис. П1.15. Вставка изображения

Adobe Photoshop: обрабатываем фотографии

Я не представляю себе работы без моей любимой программы Adobe Photoshop. Так что, если она у вас есть, — прекрасно! Если нет — постарайтесь установить. Я не буду рассказывать здесь обо всех возможностях программы, для этого понадобилась бы целая толстая книга. А вот некоторые моменты объясню.

Примечание

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

Надо также отметить, что Photoshop — очень и очень недешевое удовольствие. Однако люди как-то выходят из положения…

Вот главное окно Adobe Photoshop (рис. П1.16).

Рис. П1.16. Окно программы Adobe Photoshop

Чтобы загрузить в него свою картинку, необходимо выполнить команду меню File (Файл) | Open (Открыть) и из своих файлов выбрать нужное изображение (рис. П1.17).

Часто бывает, что картинка не нужна целиком — тогда можно отсечь ненужные части, воспользовавшись опцией обрезки. Сначала выделяем нужную область с помощью инструмента Rectangular Marquee Tool (Прямоугольное выделение), затем выбираем команду Image (Изображение) | Crop (Кадрировать), как показано на рис. П1.18, и у нас остается вырезанная область (рис. П1.19).

Но на этом не успокаиваемся. Если цвета кажутся недостаточно контрастными, их можно немного «вытянуть». Для этого нажимаем на клавиатуре комбинацию клавиш <Ctrl>+<L> либо в верхнем меню программы выбираем Image (Изображение) | Adjustments (Настройка) | Levels (Уровни) и пробуем перемещать движки на гистограмме, наблюдая за нашим изображением, пока результат не покажется нам приемлемым. Я вот сдвинула правый белый движок немного влево, чтобы слегка увеличить контрастность, что даст и ощущение некоторого повышения резкости изображения (рис. П1.20).

Рис. П1.17. Открытие файла

Рис. П1.18. Делаем обрезку

Рис. П1.19. Вырезанная область

Рис. П1.20. Работаем с уровнями

Однако и это не все! Мое изображение слишком велико, мне нужно его уменьшить. Нажимаем в меню: Image (Изображение) | Image Size (Размер изображения), как показано на рис. П1.21.

Рис. П1.21. Размер изображения

И видим следующую картину (рис. П1.22): ширина (Width) изображения — 2024 пиксела, высота (Height) — 1980. Это никуда не годится!

Но отчаиваться не стоит — просто впишем в поле ширины нужный размер, например 500, автоматически изменится и высота, поскольку у нас по умолчанию стоит галочка у опции Constrain Proportions (Сохранять пропорции). Так что высота сама установится на величину 489 пикселов (рис. П1.23).

И последнее. Изображение обязательно нужно сохранить оптимизированным для размещения в Интернете. Для этого выбираем команду File (Файл) | Save for Web (Сохранить для Web) — как показано на рис. П1.24.

Рис. П1.22. Слишком большой размер!

Рис. П1.23. Изменение размеров

Рис. П1.24. Сохраняем картинку для Web

А в открывшемся диалоговом окне выбираем формат изображения: JPEG, размер: Medium — обычно этого бывает достаточно (рис. П1.25). И сохраняем наше изображение под любым именем. Все, работа закончена.

Совет

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

Ссылки

Как можно с одной страницы сайта попасть на другую? Ответ прост — при помощи ссылок. На любом сайте есть меню, нажатия на пункты которого обеспечивает переход в нужный раздел. Все пункты меню, как текстовые, так и в виде картинок, являются ссылками. Когда вы задаете поиск в Яндексе, открываются страницы ссылок, нажимая на которые также попадаешь на другие страницы. Без ссылок невозможно было бы перемещаться по Интернету, так что это вещь очень нужная и полезная. Да и в простом тексте можно найти ссылку — как правило, они подчеркнуты и выделены иным (чаще всего синим) цветом.

Рис. П1.25. Выбираем формат изображения

Создание ссылок

А создаются ссылки при формировании веб-страницы очень просто. Для этого существует специальный тег <A>, имеющий свой закрывающий тег </A>.

Примечание

Напомню, что в сайтостроении можно набирать теги как прописными (заглавными) буквами: <A>, так и строчными (маленькими): <a>. Я обещала ранее, что буду писать их всегда заглавными, но не всегда выдерживаю это обещание… Вообще-то, с точки зрения красоты оформления, принято набирать открывающие теги прописными буквами, а закрывающие — строчными, но не будем формалистами, ладно?

У тегов <A></A> имеется обязательный атрибут href, указывающий, куда именно следует переместить пользователя. Естественно, на самом деле пользователь никуда не перемещается, просто у него в браузере загружается нужная страничка. Ну, да не в этом суть. Главное, что эти ссылки дают возможность расширить границы Интернета.

Виды ссылок

Ссылки могут быть как относительными, связывающими две странички одного сайта, — например так:

✓ <a href="info.html">Информация о сайте</a>

✓ <a href="catalog.html">Каталог продукции</a>

✓ <a href="gest.html">Отзывы покупателей</a>

Само собой, что все HTML-файлы (странички) сайта при этом должны находиться в одном каталоге. Тогда нажимая на ссылки, мы сможем переходить на различные странички сайта: info.html, catalog.html или gest.html.

А бывают и абсолютные ссылки, которые могут вести как и на страничку этого же сайта, так и на другие ресурсы. Это обеспечивается прописыванием в строке HTML-кода полного пути к страничке. Например:

✓ <a href="http://www.yandex.ru">Поисковая система Яндекс</a>

✓ <a href="http://www.pensionerka.com">Социальная сеть пенсионеров</a>

Ссылкой может быть и картинка. Скажем, если имеется для социальной сети картинка, которая называется logo.jpg, то вид ссылки будет такой:

<ahref="http://www.pensionerka.com"><imgsrc="logo.jpg">Социальная сеть пенсионеров</a>

Совместим все это в одном файле (листинг П1.11).

В браузере это все будет выглядеть так, как показано на рис. П1.26.

Рис. П1.26. Ссылки

Каскадные таблицы стилей — CSS

Вообще, все уважающие себя веб-мастера используют в своей работе так называемые каскадные таблицы стилей (CSS). Что это такое? Сайт, как правило, состоит из нескольких страничек. Их может быть и десять, и сто, и даже несколько тысяч. Естественно, всем хочется, чтобы все странички выглядели красиво и были оформлены в едином стиле. Согласитесь, если вы захотите, чтобы заголовки на всех страницах были красного цвета, а текст — синим, то расписывать на каждой страничке все эти свойства весьма проблематично. Вот хитрые веб-мастера и придумали — все стили прописать в одном файле. А на всех страничках сайта дать ссылку на этот файл, и тогда все изменения можно будет производить в том одном файле, а на страничках все это станет изменяться автоматически. Файл стилей обычно называется style.css, где style — название файла, а css — его расширение. И на всех страничках сайта между тегами <HEAD> и </HEAD> пишется такая строчка:

<LINK REL=STYLESHEET TYPE="text/css" HREF="style.css">

Откройте имеющийся у нас в наличии файл poedinok.html, добавьте к нему приведенную здесь строчку (листинг П1.12), сохраните под именем, например, poedinok2.html.

1 ... 20 21 22 23 24 25 26 27 28 ... 31
На этой странице вы можете бесплатно читать книгу Готовимся к пенсии: осваиваем Интернет - Валентина Ахметзянова бесплатно.

Оставить комментарий

Рейтинговые книги