Гостевая
Форум
Разделы
Главная страница
Js скрипты
Php скрипты
Html шаблоны
Книги по Web дизайну
Статьи


Главная страница статей --> Советы по фотошопу, графике и хитрости в построении php кода

Реалити Шоу Создания Веб-Сайта

Источник: realcoding.net

Каждый, кто хочет создать свой бизнес в Интернете, наталкивается на самый главный вопрос "а как создать Web-сайт"? А после появляется еще куча вопросов, "почему на мой сайт ни кто не заходит"? "как сделать, так что бы люди приходили на мой сайт" и т.д. и т.п. Я Вас не отговариваю от Вашей идеи, наоборот, я сразу выделяю те препятствия, которые могут возникнуть на Вашем пути. У меня тоже, когда появилась идея о создании сайта, я ничего не знал, даже хуже того, я толком не умел работать с Интернетом, и если бы ко мне полтора месяца назад подошел кто ни будь, и сказал "Руслан а ты ведь через полтора месяца будешь полноценно работать в Интернете", я бы просто-напросто не поверил этому человеку. Скажу Вам честно я и представления не имел как вообще создается Web-сайт, но а сейчас я могу создать любой сайт какой захочу, на любую тематику, и хочу Вам сказать что сложного здесь ничего нет. И так как я уже прошел те препятствия которые встречаются на пути каждого новичка, хочу посоветовать с чего начать, т.е. какие программы для этого нужны.
Скажу сразу для создания сайта, Вам не нужно обладать знаниями программирования, сейчас не те времена, когда нужно было писать специальную программу из нулей и единиц, сейчас все это делают программы которые для этого предназначены.
И так, что Вам для этого понадобится, и какие знания Вам будет необходимо приобрести.
1. Вам будет необходимо изучить не мало важную программу, такую как редактор графических изображений Photoshop, так, как с этой программой Вы создаете фундамент для своего сайта. Ниже я расскажу какие именно инструменты нужно изучить в этой программе.
2. Вторая программа которую Вы также должны изучить, это Macromedia Dreamweaver. В ней Вы будете уже отшлифовывать свой будущий сайт.
И так разбираем более подробно графический редактор Photoshop. Эту программу не нужно изучать от кнопки до кнопочки, здесь нужно изучить:
а) все инструменты находящиеся в ОКНО-ИНСТРУМЕНТЫ где находятся различные инструменты рисования.
б) Вам нужно разобраться с функцией ОКНО-СЛОИ, объясняю, допустим Вы нарисовали один элемент Вашего будущего сайта на одном СЛОЕ, после этого что бы нарисовать второй элемент Вам нужно будет создать второй слой, третий элемент на третьем слое и так далее.
в) после того как Вы нарисовали сайт, Вам будет необходимо разбить его на фрагменты, ОКНО- ИНСТРУМЕНТЫ- инструмент выбора фрагмента нажимаете на этот инструмент правой кнопкой мыши и выбираете инструмент фрагмент. Поделите сайт на несколько частей, (это нужно для того, что бы сайт загружался по частям, а не целиком) но главное что бы линии фрагментов между собой соприкасались, если этого не будет, то Ваш сайт не получиться. Что бы посмотреть как выделяются фрагменты откройте любой сайт в Интернете, и выделите удерживая левую кнопку маши, весь сайт.
г) далее Ваш готовый «фундамент» Вы сохраняете ФАЙЛ-Сохранить Для Web, откроется окно, в выпадающем меню preset выбираете jpeg high. и сохраняете в папке.
Все, львиная часть Вашего Web-сайта готова, теперь переходим в отшлифовку Сайта, осталось чуть-чуть.
Начинаем шлифовать Web-сайт. Для этого Вам понадобится программа Macromedia Dreamweaver. Если у Вас ее нет то просто наберите в поисковике название данной программы, и в найденном скачайте ее, и заодно можете скачать русификатор.
1) Файл который Вы сохранили в Photoshop, открываете с помощью Macromedia Dreamweaver.
2) Вы видите Ваш сайт он находится с лева, нажмите на него, в низу появилась вкладка «table»-нажмите на эту вкладку, еще чуть ниже появляется вкладка свойства- в этих свойствах нажмите на выпадающее меню «выровнять»-выберете «по центру», ваша таблица выровнялась по центру. Дальше по обеим бокам у Вашего сайта белый фон, нажмите на этот белый фон, в низу, в свойствах появилась кнопка «настройки»-нажмите на эту кнопку, появилась меню выберите цвет фона который Вы хотите.
3) Ссылки на другую страницу- нажмите на какую ни будь часть вашего Web-сайта, внизу появиться (где Вы нажимали на «table») вкладка «img», нажмите на нее, и внизу в свойствах, в нижнем левом углу появятся «круг, квадрат и хаотичная фигура», нажмите на ту фигуру которая Вам больше подходит, и выделите ту часть сайта с помощью которой вы будете переходить на другую страницу. После выделения в свойствах появится «hotspot», в графе ссылка, выберете путь, куда будет ссылаться эта кнопочка. С этой функцией Вы можете делать любые ссылки.
4) Что бы посмотреть результат Ваших стараний, Вам нужно нажать вверху на кнопку в виде «глобуса земли», и выбрать функцию «просмотр в браузере», и Вы уже видите свой сайт таким, каким он будет выглядеть в Интернете.
Ну а в свою очередь я Вас поздравляю, Вы создали свой первый Web-сайт!
Ну что, сложно? Да, не спорю, в первый раз всегда все сложно, и подцепить девчонку, и признаться в любви, и создать свой первый Web-сайт. Теперь Вам нужно еще пару раз создать несколько сайтов, так сказать закрепить пройденный материал, а тот который Вы сейчас сделали, я Вам рекомендую сохранить, для истории.
Ну а если вы хотите получить профессиональные знания то я Вам могу порекомендовать этот сайт www.urldefender.com/raw/web , в свое время я все черпал оттуда, очень полезно, рекомендую.
На этом у меня все, желаю Вам всего самого наилучшего, что бы у Вас все получалось!
С Уважением Хамидулин Руслан!



Похожие статьи:
- Keywords для начинающих
- Использование XML/XSL для публикации в Web
- Понятия, термины и основы Java-скриптования
- Получение заголовка удаленной страницы
- Комплексное продвижение сайтов. Этапы. Преимущества. Недостатки
- Еще о функциональном программировании на Python
- Серверные включения SSI (часть 1)
- FAQ по MS SQL 7.0
- Google Page Creator
- Визуальный редактор для вашего сайта (TinyMCE)
- Ajax для Java разработчиков: Часть 1. Строим динамические приложения на языке Java
- Стилевые таблицы XSL
- AJAX FAQ для Java-разработчиков


Оглавление | Обсудить на форуме | Главная страница сайта | Карта сайта |
[0.001]