Подготовка к созданию.

Планета интернета

Инструменты необходимые для сайтостроительства.

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

Поскольку работа, которую Вам предстоит выполнять - строительство своего сайта, то и инструмент Вам нужен соответствующий. Нужны программы для сайтостроения, т.е. HTML-редакторы, графические редакторы и т.д.

HTML

По себе скажу, когда начинал, думал, что HTML неподъёмно тяжелая штука. Но оказалось, при известном усердии, чтобы разобраться с большинством наиболее часто используемых ТЭГОВ требуется совсем немного времени.

Язык этот расписан во множестве справочников и описаний. Найти их в сети не просто, а очень просто. Вам необходимо для начала, хотя бы в общих чертах, с этим языком познакомиться. Сразу, естественно, в голову все это ни коим образом не влезет. Нужно, чтобы Вы запомнили, что есть такие-то и такие-то "теги", а уж более конкретно какие теги для чего и какие там у них имеются атрибуты. Будете разбираться в каждом отдельном случае при оформлении Вашего тренировочного или рабочего текста. Конечно, это будет медленнее, чем хотелось бы, но зато откладываться будет хорошо.

Для себя давайте определимся, что язык HTML не является языком программирования , он предназначен для разметки текстовых документов (т.е. для форматирования текста). То, как будет выглядеть ваш текст, определяют метки (tags или тэг). Вот и все.
И так : ТЕГ- элемент языка HTML, который указывает браузеру, как отображать тот или иной обьект.
АТРИБУТ ТЕГА - элемент языка, придающий тегу значимость, задает дополнительные правила отображения того или иного тега.

Редакторы

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

1. WYSIWYG- визуальные редакторы;
2. полу-WYSIWYG;
3. не-WYSIWYG;
4. notepage.

Опытные веб-дизайнеры считают, что лучше notepage ничего нет. Имеется ввиду любой самый простенький текстовый редактор, как "Блокнот" Windows.
Но, это когда все пишется на автомате, а для начала это сложно да и не нужно.
Мы знаем только основы языка HTML, чтобы не смотреть на текст в коде HTML, как баран на новые ворота. А чтобы вручную писать вэб-страничку, нет, это еще для нас слишком трудоемко, времени жалко. Так что notepage нам пока не подходит.

Не-WYSIWYG редакторы недалеко ушли от notepage. Они более удобны, но без хорошего знания HTML к ним так же можно не приближаться. Их мы тоже пока оставим в покое.

Полу-WYSIWYG редакторы уже ближе к теме, которая нас интересует. Как считается, это наиболее удобный инструмент для строительства сайта. Они позволяют писать код так, как нужно вам, а не как хотят создатели редактора. Применяя систему контекстных меню и справочников, Вы можете доработать отдельные теги. Результаты своего труда Вы можете посмотреть в браузере в любой момент.

Один из самых популярных полу-WYSIWYG редакторов - HomeSite.
Он укомплектован большим количеством различных "мастеров", помогающих пользователю при необходимости писать код вручную. Удобный, современный интерфейс, легкий ввод тегов, разбитых на группы, поддерживает создание таблиц, форм, скриптов, готовых шаблонов, возможность просмотра промежуточных результатов в браузере и т.д. и т.п.

WYSIWYG редакторы.

Визуальные редакторы, позволяют не писать код вручную, Вы пишете или размещаете готовый текст, оформляете его картинками, а кодом HTML занимается редактор. Правда этот код он пишет не всегда корректно.
Вот для этого Вы и должны знать основы HTML. Редактор в код странички добавляет много так называемого мусора: лишних тегов, неправильное форматирование, когда вместо параграфов - переносы строк в порядке вещей. А Ваш сайт для быстрой загрузки и верного отображения в браузере должен иметь оптимальный "вес" и все лишнее только ухудшает его характеристики. Вы должны научиться видеть код, а не набор каких-то символов, чтобы видеть лишнее и разумно подкорректировать редактор. А это совсем другая песня - писать код и его корректировать.
Вставляйте картинки, таблицы, скрипты, списки, управляйте фоном, цветом. Размещайте все это там, где Вам нравится, управляйте всем этим хозяйством посредством ТЕГОВ. Вот здесь и нужно влезать в HTML по полной программе, здесь у Вас отложится все отлично.

В общем такие программы как раз для начинающих, для " чайников".

Одним из самых популярных WYSIWYG редакторов является FrontPage. Он входит в пакет Microsoft Office, а значит каждый купивший офисный пакет имеет FrontPage, поэтому он и пользуется высокой популярностью. Не буду рассказывать о FrontPage, какой он хороший, я не стал с ним работать. Хотя по отзывам, это достаточно удобная программа.

Я обзавелся другой программой - Macromedia DreamWeaver, русифицировал ее и все пошло само собой, просто замечательно.

Программа Macromedia DreamWeaver- основной конкурент FrontPage по популярности. Но она к сожалению не бесплатна (около 10 000руб.). Хотя сеть не без добрых людей - поискать стоит.

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

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

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

ADOBE PHOTOSHOP

Не буду изощряться в красноречии, просто процитирую Анатолия Белоусова с сайта www.e-commers.ru

____________________________________________________________________

"Непревзойденный редактор оцифрованных изображений, признанный всеми стандарт. Продукту от Adobe трудно даже подобрать достойного конкурента: единственный серьезный соперник Photoshop - программа Corel PhotoPaint, входящая в комплект CjrelDraw, обладает несколько меньшими возможностями.

Перечислим возможности Photoshopa еще раз:

1. Возможность создания многослойного изображения. При этом каждый элемент иллюстрации может быть сохранен в собственном, отдельном слое, который может редактироваться отдельно, перемещаться относительно других слоев и т.д. Конечное изображение можно сохранить как в оригинальном, многослойном виде (формат RSD), так и слить все слои в один, переведя готовую картинку в один из стандартных форматов (JPG,GIF, TIF и др.);
2. Улучшенные инструменты для работы с текстом. Вы можете добавлять текстовые вставки в любой участок изображения, набивая текст прямо поверх картинки. В дальнейшем текст можно редактировать;
3. Около 100 разнообразных фильтров и спецэффектов, возможность подключения дополнительных plug-ins;
4. Несколько десятков инструментов для рисования, вырезания контуров изображения;
5. Богатейшие возможности совмещения изображений, работа с текстурами;
6. Возможность работать с десятками популярных графических форматов;
7. Профессиональные инструменты для выделения и редактирования отдельных
   участков изображения;
8. Формат файлов, общий для платформ PC и MAC;
9. Возможность многоступенчатой отмены внесенных изменений.

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

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

Модули создания спецэффектов - другой козырь Photoshop. Конечно, эти модули могут использовать и другие, более слабые, редакторы, однако Photoshop дает возможность насладиться предоставляемыми им возможностями сполна.

Панели инструментов.

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

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

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

Наконец, некоторые самые важные и часто используемые функции - специальные инструменты для интернет. Последние версии Adobe Photoshop обзавелись отличной присадкой в виде программы ImageReady, позволяющей оптимизировать Ваши фотографии для публикации в интернет."
_______________________________________________________________________________________

Ну и в качестве заключения.

Для создания своего сайта Вам необходимо иметь:

учебник по HTML,
визуальный текстовый редактор, желательно DreamWeaver,
графический редактор Adobe Photoshop.

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

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

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

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

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

Посмотреть

Кстати, параллельно с теми приготовлениями, о которых сказано выше, Вам просто необходимо регистрироваться и открывать счета в платежных системах.

Мало ли, что нужно будет проплатить. Говорить о приеме платежей, сами понимаете, еще немного рановато.

Занимаясь этим сайтом (это около двух с половиной месяцев), я зарегистрировался в:

1. WebMoney, даже успел получить персональный аттестат;
2. Rupay;
3. E-gold;
4. Yandex-деньги;
5. Yandex-кошелек.

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

Но вернемся к нашим делам.

Через две недели на почте получил наложенным платежом ценную бандероль.
Пришел домой и ....
Сказать, что многое изменилось, значит ничего не сказать.
С диском и без диска, как говорят в Одессе: "Две большие разницы"

Ребята! Вам просто не нужно больше ничего искать.

Язык HTML? Пожалуйста. Разжеван, дальше некуда.

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

DreavWeaver расписан так, что только слепо-глухой не сможет разобраться.

Еще лучше дело с Adobe Photoshop. После просмотра урока, я для своего сайта такую шапулю смастерил... Но, решил, что нет необходимости в настоящее время так круто выставляться - "народ не поймет".

А укладывается по извилинам как? Надо бы больше, да дальше через край.

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

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

Найди свою звезду

Для перехода к началу страницы, жми: Здесь
На главную: Здесь.