• Рубрики
  • Слайдер статей
  • Тест сайта
  • Подписка
  • Сайдбар
  • Прокрутка вверх
  • Как сделать сайт с нуля своими руками (вводная часть)

    1. Причины создания пошаговой инструкции по разработке самописного сайта
    2. Тема создаваемого сайта
    3. В чем будет заключаться монетизация
    4. Функционал
    5. Этапы создания
    6. Текущее состояние создаваемого сайта

    Здравствуйте уважаемый посетитель!

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

    Причем чтобы такой интернет-ресурс был создан не на каком-нибудь стандартном шаблоне бесплатной СMS (Content management system - система управления контентом) типа WordPress, Drupal, Joomla и т.п., а заточенный под себя, с возможностью обеспечить ему должную безопасность и реализовать все свои индивидуальные потребности.

    Часто такие сайты, созданные под конкретные задачи на основе языка разметки веб-страниц HTML, стилей CSS и других инструментов веб-программирования (PHP, JavaScript и т.п.), называют самописными.

    Этой статьей начинается отдельная рубрика "Как сделать сайт с нуля своими руками", где на реальном примере, с предоставлением исходных материалов (программные коды, файлы и т.п.), будет показано, как действительно можно самостоятельно сделать рабочий сайт.

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

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

  • Текущее состояние создаваемого сайта

    1. Проверка при малых разрешениях экрана
    2. Проверка при больших разрешениях экрана
    3. Проверка на выделенном домене

    Здравствуйте уважаемый посетитель!

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

    Для этого предусмотрена возможность оценивать его работу в двух вариантах: с использованием зеркала сайта на поддомене текущего ресурса и на реальном интернет-ресурсе, размещенном на выделенном домене "avtobezugona.ru.

    Следует отметить, что первый вариант, предусматривающий использование зеркала сайта, позволяет наглядно оценить его работу при различных разрешениях экрана в диапазоне от 320px до 1920px. Что очень удобно для проверки адаптации во всем допустимом диапазоне.

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

Самописный сайт своими руками!

Текущее состояние создаваемого сайта

Здесь можно посмотреть текущее состояние тестового самописного сайта, который создается в рамках цикла статей Сделай сайт с нуля своими руками.

Где в дополнительных материалах можно бесплатно скачать исходные файлы сайта с таблицами MySQL.

Вы здесь: Главная → Сборник статей → Инструменты → Устанавливаем графический редактор GIMP



Автор: / Дата:

Как установить графический редактор GIMP

Устанавливаем бесплатный графический редактор GIMP

Здравствуйте уважаемый посетитель!

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

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

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

Для тех же, кто хочет заниматься дизайном на платном Adobe Photoshop (фотошоп), здесь также упомянут и такой вариант, основанный на использовании продления льготного бесплатного периода фотошопа на неопределенное время.

Содержание


  • Выбор графического редактора
  • Устанавливаем программу GIMP
  • Устанавливаем Руководство пользователя

Выбор графического редактора


Для работы с дизайном сайта нужен соответствующий графический редактор. В качестве такого инструмента многие профессиональные дизайнеры работают в Adobe Photoshop (фотошоп), наиболее популярным и являющимся одним из самых мощных графических редакторов. Однако, Adobe Photoshop является платным, и стоимость такого инструмента не малая, в настоящее время составляет от 299 до 1500 рублей в месяц в зависимости от комплектации.

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

Следует сказать, что некоторые умельцы смогли найти способы использования программы Adobe Photoshop бесплатно. Но, как понимаете, это не совсем соответствует правилам ее распространения, так как производитель программного обеспечения Adobe предоставляет право бесплатного пользования продукта лишь на время пробного периода в 30 дней.

Для тех, кому совесть позволяет пользоваться на халяву платным фотошопом, в интернете можно найти много таких вариантов. При этом, следует с особой осторожностью относиться к различным пиратским сборкам. В случае бесплатного фотошопа лучше воспользоваться возможностью продления его льготного бесплатного периода на неопределенное время, как это показано на сайте: "http://photoshop-besplatno.ru/adobe-photoshop-cc.html". Что очень важно, такой способ основан на активации официальной версии программы, что, практически, исключает получение всяких вирусов и вредоносных программ, как в случае с пиратскими сборками фотошопа.

Здесь мы рассмотрим установку графического редактора GIMP, так как, этот вариант не только законно бесплатный, но и позволяет заниматься дизайном сайта аналогично фотошопу. А выбор, какой в дальнейшем программой пользоваться, каждый может определить для себя сам.

Устанавливаем программу GIMP


Установка очень проста, делается в несколько шагов и не должна составить каких-либо сложностей.

1. Скачать инсталляционный файл можно здесь, либо с русскоязычного сайта: "http://gimp.ru".

Для увеличения / уменьшения размера изображения кликните по картинке
Устанавливаем графический редактор GIMP, картинка 1

Рис.1

2. После скачивания файла запускаем его (при скачивании архивированного файла предварительно его разархивируем). Далее, в окне с приглашением выбора языка установки, нажимаем "ОК".

Для увеличения / уменьшения размера изображения кликните по картинке
Устанавливаем графический редактор GIMP, картинка 2

Рис.2

3. В приглашении к установке нажимаем "Установить".

Для увеличения / уменьшения размера изображения кликните по картинке
Устанавливаем графический редактор GIMP, картинка 3

Рис.3

4. Процесс установки будет отображаться в диалоговом окне.

Для увеличения / уменьшения размера изображения кликните по картинке
Устанавливаем графический редактор GIMP, картинка 4

Рис.4

5. По окончании нажимаем "Завершить".

Для увеличения / уменьшения размера изображения кликните по картинке
Устанавливаем графический редактор GIMP, картинка 5

Рис.5

6. Далее, необходимо найти программу на компьютере. Ярлык gimp-2.8.exe для запуска находится в папке "ProgramFile/GIMP 2/bin/", который можно отправить через правую кнопку мышки на рабочий стол.

Для увеличения / уменьшения размера изображения кликните по картинке
Устанавливаем графический редактор GIMP, картинка 6

Рис.6

7. Запуск программы сопровождается информационным окном.

Для увеличения / уменьшения размера изображения кликните по картинке
Устанавливаем графический редактор GIMP, картинка 7

Рис.7

8. Вот так выглядит внешний вид редактора после запуска.

Для увеличения / уменьшения размера изображения кликните по картинке
Устанавливаем графический редактор GIMP, картинка 8

Рис.8

Устанавливаем Руководство пользователя


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

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

Для увеличения / уменьшения размера изображения кликните по картинке
Устанавливаем графический редактор GIMP, картинка 9

Рис.9

Для того, чтобы его загрузить, необходимо, как и в предыдущем случае, скачать установочный файл здесь, либо с сайта: "http://gimp.ru".

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

По окончании, для проверки результата, выбираем в меню "Справка" редактора какую-нибудь тему, после чего должно появится соответствующее окно.

Для увеличения / уменьшения размера изображения кликните по картинке
Устанавливаем графический редактор GIMP, картинка 10

Рис.10

ярлык GIMP

На этом установка графического редактора и встроенного руководства пользователя GIMP закончена.

В завершении можно добавить, что для того, чтобы лучше познакомиться с его работой, можно воспользоваться видеокурсом Видеосамоучитель GIMP, а также, использовать полную русскоязычную документацию по работе с GIMP, размещенную на сайте "http://docs.gimp.org/ru/"

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

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

С уважением, Николай Гришин

Читать дальше


Комментарии


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

Буду Вам за это очень признателен!

comments powered by HyperComments