Отправлено: 03.11.10 16:14. Заголовок: Макромедиа Дримвевер и мастерская на Народе.

Здравствуйте, уважаемые заказчики!!!
Решила я создать тему на форуме, для обучения, потому что бывают нестыковки у нас с Вами во времени.
Для того чтобы мне лучше понять, что я непонятно буду писать, прошу отписываться о том что непонятно, здесь в теме. И пожалуйста представтесь, можно в ЛС, просто чтобы я знала кому отвечаю.
Значит так... Для того чтобы редактировать Ваш готовый веб-сайт, Вам понадобится установить на Ваш компьютер программу Макромедиа Дримвевер.
Качаем программу тут: http://www.ex.ua/search?original_id=50910&s=macromedia+dreamweaver<\/u><\/a>
Или тут зип архив для тех кто не в курсе что такое архиватор:
http://narod.ru/disk/3739896001/Macromedia_Dreamweaver_8.0.1_RUS.zip.html<\/u><\/a>
Не помню правда работает ли русификатор в этой версии.
Еще одна версия дримвевера:
http://narod.ru/disk/3740007001/Macromedia%20Dreamweaver%208.0.2.rar.html<\/u><\/a>
Выбирайте!!!

 Отправлено: 03.11.10 16:33. Заголовок: Программа заархивиро..

Программа заархивирована, если у Вас нет архиватора rar, просим меня и я вам скидываю zip архив. Этот архиватор идет в комплекте с Виндовс и есть у всех.
Устанавливаем программу и желательно русификатор к ней.
Мастерскую сайта буду показывать на народе, потому что большая часть сайтов на народе лежит.
Для начала входим в мастерскую сайта. Заходим на Яндекс http://www.yandex.ru/<\/u><\/a>
Внизу ищем слово Народ. Нажимаем. На народе входим в свой аккаунт. Логином является первое слово(до точки) названия сайта. Пароль или Вы мне высылали или спросите у меня.
Когда войдете слева увидете оранжевую кнопку МАСТЕРСКАЯ. Нажимаете.
Теперь мы в мастерской сайта. Во второй колонке РЕДАКТИРОВАНИЕ И УПРАВЛЕНИЕ нажимаете на вторую строчку УПРАВЛЕНИЕ ФАЙЛАМИ И HTML-РЕДАКТОР.
Наконец мы увидим сам сайт изнутри. Так это выглядит:

Из чего состоит сайт? Наши сайты состоят из картинок и хтмл кода объединяющего эти картинки. Фсё!

 Отправлено: 03.11.10 16:42. Заголовок: Страницы нашего сайт..

Страницы нашего сайта слева. Подсвечно зеленым. Ниже идут картинки нашего сайта.
Красным подсвечена кнопка редактирования хтмл кода каждой страницы.
Еще нам понадобятся ссылки ЗАГРУЗИТЬ ФАЙЛЫ подсвечено малиновым и СОЗДАТЬ ХТМЛ ФАЙЛ подсвечено синим.
На данном сайте у нас 8 страниц.
index.html
j.html
m.html
po.html
s.html
ssk.html
st.html
Главная страница всегда должна иметь название index.html так браузер всегда поймет что именно это страница главная, а не страница с другим названием, потому что мы всегда в браузере набираем только домен сайта без названия страницы. Например http://pdsb.narod.ru/<\/u><\/a> вместо http://pdsb.narod.ru/index.html<\/u><\/a>, хотя оба раза откроется одна и та же страница.
Для того чтобы понять какую страницу Вам надо редактировать, открываете сам сайт и в верхней строчке браузера смотрите какие буквы идут после адреса сайта и слеша

Подсветила малиновым. Вам надо редактировать например щенков. Открываете данную страницу на своем сайте и смотрите буквы после слеша. На картинке у нас sh.html значит и в мастерской ищете страницу с таким названием.

 Отправлено: 03.11.10 17:01. Заголовок: Смотрим хтмл нашей с..

Смотрим хтмл нашей страницы. Нажимаем на кнопочку рядом со страницей sh.html на первом рисунке кнопка подсвечена красным, на такую же кнопку, только рядом с нужной нам страницей, она находится ниже.
После нажатия видим такой результат:

В этом маленьком окне хтмл нашей страницы. Когда мы его сделаем в Дримвевере, то заменим старый на новый.

 Отправлено: 03.11.10 17:08. Заголовок: Кроме обновленного х..

Кроме обновленного хтмл нам еще понадобится закачать новые картинки на сайт, если таковые имеются.
Делается это, как и в письмах, через ОБЗОР выбираете картинки и нажимаете кнопку ЗАГРУЗИТЬ ФАЙЛЫ.

По народной мастерской всё!

 Отправлено: 03.11.10 17:27. Заголовок: Теперь сам Макромеди..

Теперь сам Макромедиа Дримвевер. Для чего он нам нужен? Это визуальный редактор, он за нас напишет хтмл сраниц.
Версия Макромедиа Дримвевера значения не имеет. С языком тоже, справимся и с английским. Нам понадибится только самое простое, текст и фотки.
Надеюсь дримвевер уже установлен, открываем его.
При первом открытии у Вас будет такая картинка

Выбираем Create New HTML на русском СОЗДАТЬ НОВЫЙ HTML или как-то так, потому что в разных версиях перевод может незначительно отличаться.

 Отправлено: 03.11.10 17:36. Заголовок: После этого Вы видит..

После этого Вы видите скорее всего чистый белый лист с линейками. Нам его надо переделать в такой вид:

Подсвечно малиновым три кнопки КОД СПЛИТ и ДИЗАЙН. На русском КОД, РАЗДЕЛЬНО и ДИЗАЙН, или вместо раздельно видела на одной кнопке КОД И ДИЗАЙН.
Нажимаем среднюю кнопку СПЛИТ. И у нас появится 2 окна. В верхнем будет хтмл страницы, в нижнем дизайн.

 Отправлено: 03.11.10 17:56. Заголовок: Теперь дримвевер не ..

Теперь дримвевер не закрываем, и идем обратно на народную мастерскую, к нашим страницам сайта.
Первостепенная Ваша задача сохранить свой сайт к себе на компьютер. Если допустим Ваш сайт взломают и удалят, Вы всё сможете восстановить за 10минут. Поэтому у нас будет 2 сайта. Один у Вас на компьютере, один на хостинге Народа.
Как сохранять сайт. Можно попросить меня прислать Вам папку с сайтом. Можно сделать это самим через мастерскую.
Создавайте на Вашем компьютере папку, например с названием САЙТ. Чтобы было удобнее на рабочем столе. После создания папки идем на наш сайт.
Во первых надо сохранить картинки с нашего сайта в новую папку САЙТ. Правой кнопкой мышки нажимаем на разных частях сайта и сохраняем фон. В браузере IE это выглядит так:

В принципе для редактирования сайта эти картинки Вам не нужны, но чтобы Вы видели что Вы делаете их лучше сохранить. Одна большая картинка дизайна разрезана на маленькие части и по мере сохранеия Вы увидете чего не хватает. Сразу всё сохранить скорее всего не получится, в дримвевере при сохранении кода, Вы сразу увидете в каком месте Вы не сохранили фон.
Народная мастерская. Первая наша страница index.html. Вот давайте с нее и начнем. Нажимаем на кнопочку слева для просмотра хтмл. Открывается маленькое окошко как на третьем рисунке. Хтмл из этого окошка копируем и идем в дримвевер. В верхнем окне полностью убираем код и вставляем туда код из народной мастерской. Теперь

в меню ФАЙЛ нажимаем СЭЙВ АС, на русском СОХРАНИТЬ КАК... Сохраняем страницу под именем index.html в папку САЙТ. После этих несложных действий у Вас появится картинка в нижнем окне дримвевера и сохраненная главная страница. Теперь Вы увидете в каких местах Вы еще не сохранили фон.

 Отправлено: 03.11.10 18:19. Заголовок: Таким же образом теп..

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

 Отправлено: 03.11.10 18:39. Заголовок: Сайт у нас на компью..

Сайт у нас на компьютере, теперь можно приступать к редактированию.
Вначале готовим картинки. Кто не умеет уменьшать фотки, Вам в соседнюю тему.
Уменьшаем нужные фотки до размера какой Вам нужен на сайте. Обычно это 500-450 пикселей по большей стороне или по ширине. Обратите внимание, что название картинки(фотки) должно быть только латинскими буквами и цифрами, желательно без символов, ну черточка еще работает, а другие символы скорее всего не примет хостинг(народ). Просто не загрузит картинку с таким названием. Подготовленые картинки складываем в папку САЙТ. Обязательно в эту папку иначе пропишется неправильный путь и картинка не появится на сайте.
Переходим в дримвевер. Боковая панелька справа нам не понадобится. Ее можно закрыть. Нажав на маленький черный треугольничек подсветила зеленым.

Ставим курсор в нижнем окне туда, где должна появиться наша картинка. Затем нажимаем верхнее меню ИТСЕРТ > ИМЕДЖ, на русском ВСТАВКА > ИЗОБРАЖЕНИЕ(или картинка), появляется окно в котором надо найти нашу папку САЙТ и выбрать нужную картинку.

 Отправлено: 03.11.10 18:53. Заголовок: После этого картинка..

После этого картинка появится на странице. Ее можно уменьшать и увеличивать именно в дримвевере. Для этого надо ее сделать активной в нижнем окне и потянуть за край в нужном направлении.