Форум » » Макромедиа Дримвевер и мастерская на Народе. » Ответить
Макромедиа Дримвевер и мастерская на Народе.
Самира: Здравствуйте, уважаемые заказчики!!! Решила я создать тему на форуме, для обучения, потому что бывают нестыковки у нас с Вами во времени. Для того чтобы мне лучше понять, что я непонятно буду писать, прошу отписываться о том что непонятно, здесь в теме. И пожалуйста представтесь, можно в ЛС, просто чтобы я знала кому отвечаю. Значит так... Для того чтобы редактировать Ваш готовый веб-сайт, Вам понадобится установить на Ваш компьютер программу Макромедиа Дримвевер. Качаем программу тут: http://www.ex.ua/search?original_id=50910&s=macromedia+dreamweaver Или тут зип архив для тех кто не в курсе что такое архиватор: http://narod.ru/disk/3739896001/Macromedia_Dreamweaver_8.0.1_RUS.zip.html Не помню правда работает ли русификатор в этой версии. Еще одна версия дримвевера: http://narod.ru/disk/3740007001/Macromedia%20Dreamweaver%208.0.2.rar.html Выбирайте!!!
Самира: Программа заархивирована, если у Вас нет архиватора rar, просим меня и я вам скидываю zip архив. Этот архиватор идет в комплекте с Виндовс и есть у всех. Устанавливаем программу и желательно русификатор к ней. Мастерскую сайта буду показывать на народе, потому что большая часть сайтов на народе лежит. Для начала входим в мастерскую сайта. Заходим на Яндекс http://www.yandex.ru/ Внизу ищем слово Народ. Нажимаем. На народе входим в свой аккаунт. Логином является первое слово(до точки) названия сайта. Пароль или Вы мне высылали или спросите у меня. Когда войдете слева увидете оранжевую кнопку МАСТЕРСКАЯ. Нажимаете. Теперь мы в мастерской сайта. Во второй колонке РЕДАКТИРОВАНИЕ И УПРАВЛЕНИЕ нажимаете на вторую строчку УПРАВЛЕНИЕ ФАЙЛАМИ И HTML-РЕДАКТОР. Наконец мы увидим сам сайт изнутри. Так это выглядит: Из чего состоит сайт? Наши сайты состоят из картинок и хтмл кода объединяющего эти картинки. Фсё!
Самира: Страницы нашего сайта слева. Подсвечно зеленым. Ниже идут картинки нашего сайта. Красным подсвечена кнопка редактирования хтмл кода каждой страницы. Еще нам понадобятся ссылки ЗАГРУЗИТЬ ФАЙЛЫ подсвечено малиновым и СОЗДАТЬ ХТМЛ ФАЙЛ подсвечено синим. На данном сайте у нас 8 страниц. index.html j.html m.html po.html s.html ssk.html st.html Главная страница всегда должна иметь название index.html так браузер всегда поймет что именно это страница главная, а не страница с другим названием, потому что мы всегда в браузере набираем только домен сайта без названия страницы. Например http://pdsb.narod.ru/ вместо http://pdsb.narod.ru/index.html, хотя оба раза откроется одна и та же страница. Для того чтобы понять какую страницу Вам надо редактировать, открываете сам сайт и в верхней строчке браузера смотрите какие буквы идут после адреса сайта и слеша Подсветила малиновым. Вам надо редактировать например щенков. Открываете данную страницу на своем сайте и смотрите буквы после слеша. На картинке у нас sh.html значит и в мастерской ищете страницу с таким названием.
Самира: Смотрим хтмл нашей страницы. Нажимаем на кнопочку рядом со страницей sh.html на первом рисунке кнопка подсвечена красным, на такую же кнопку, только рядом с нужной нам страницей, она находится ниже. После нажатия видим такой результат: В этом маленьком окне хтмл нашей страницы. Когда мы его сделаем в Дримвевере, то заменим старый на новый.
Самира: Кроме обновленного хтмл нам еще понадобится закачать новые картинки на сайт, если таковые имеются. Делается это, как и в письмах, через ОБЗОР выбираете картинки и нажимаете кнопку ЗАГРУЗИТЬ ФАЙЛЫ. По народной мастерской всё!
Самира: Теперь сам Макромедиа Дримвевер. Для чего он нам нужен? Это визуальный редактор, он за нас напишет хтмл сраниц. Версия Макромедиа Дримвевера значения не имеет. С языком тоже, справимся и с английским. Нам понадибится только самое простое, текст и фотки. Надеюсь дримвевер уже установлен, открываем его. При первом открытии у Вас будет такая картинка Выбираем Create New HTML на русском СОЗДАТЬ НОВЫЙ HTML или как-то так, потому что в разных версиях перевод может незначительно отличаться.
Самира: После этого Вы видите скорее всего чистый белый лист с линейками. Нам его надо переделать в такой вид: Подсвечно малиновым три кнопки КОД СПЛИТ и ДИЗАЙН. На русском КОД, РАЗДЕЛЬНО и ДИЗАЙН, или вместо раздельно видела на одной кнопке КОД И ДИЗАЙН. Нажимаем среднюю кнопку СПЛИТ. И у нас появится 2 окна. В верхнем будет хтмл страницы, в нижнем дизайн.
Самира: Теперь дримвевер не закрываем, и идем обратно на народную мастерскую, к нашим страницам сайта. Первостепенная Ваша задача сохранить свой сайт к себе на компьютер. Если допустим Ваш сайт взломают и удалят, Вы всё сможете восстановить за 10минут. Поэтому у нас будет 2 сайта. Один у Вас на компьютере, один на хостинге Народа. Как сохранять сайт. Можно попросить меня прислать Вам папку с сайтом. Можно сделать это самим через мастерскую. Создавайте на Вашем компьютере папку, например с названием САЙТ. Чтобы было удобнее на рабочем столе. После создания папки идем на наш сайт. Во первых надо сохранить картинки с нашего сайта в новую папку САЙТ. Правой кнопкой мышки нажимаем на разных частях сайта и сохраняем фон. В браузере IE это выглядит так: В принципе для редактирования сайта эти картинки Вам не нужны, но чтобы Вы видели что Вы делаете их лучше сохранить. Одна большая картинка дизайна разрезана на маленькие части и по мере сохранеия Вы увидете чего не хватает. Сразу всё сохранить скорее всего не получится, в дримвевере при сохранении кода, Вы сразу увидете в каком месте Вы не сохранили фон. Народная мастерская. Первая наша страница index.html. Вот давайте с нее и начнем. Нажимаем на кнопочку слева для просмотра хтмл. Открывается маленькое окошко как на третьем рисунке. Хтмл из этого окошка копируем и идем в дримвевер. В верхнем окне полностью убираем код и вставляем туда код из народной мастерской. Теперь в меню ФАЙЛ нажимаем СЭЙВ АС, на русском СОХРАНИТЬ КАК... Сохраняем страницу под именем index.html в папку САЙТ. После этих несложных действий у Вас появится картинка в нижнем окне дримвевера и сохраненная главная страница. Теперь Вы увидете в каких местах Вы еще не сохранили фон.
Самира: Таким же образом теперь Вам надо сохранить все страницы сайта, обратите внимание, что надо их сохранить под тем же названием, что и на сайте. Так Вам проще будет не запутаться.
Самира: Сайт у нас на компьютере, теперь можно приступать к редактированию. Вначале готовим картинки. Кто не умеет уменьшать фотки, Вам в соседнюю тему. Уменьшаем нужные фотки до размера какой Вам нужен на сайте. Обычно это 500-450 пикселей по большей стороне или по ширине. Обратите внимание, что название картинки(фотки) должно быть только латинскими буквами и цифрами, желательно без символов, ну черточка еще работает, а другие символы скорее всего не примет хостинг(народ). Просто не загрузит картинку с таким названием. Подготовленые картинки складываем в папку САЙТ. Обязательно в эту папку иначе пропишется неправильный путь и картинка не появится на сайте. Переходим в дримвевер. Боковая панелька справа нам не понадобится. Ее можно закрыть. Нажав на маленький черный треугольничек подсветила зеленым. Ставим курсор в нижнем окне туда, где должна появиться наша картинка. Затем нажимаем верхнее меню ИТСЕРТ > ИМЕДЖ, на русском ВСТАВКА > ИЗОБРАЖЕНИЕ(или картинка), появляется окно в котором надо найти нашу папку САЙТ и выбрать нужную картинку.
Самира: После этого картинка появится на странице. Ее можно уменьшать и увеличивать именно в дримвевере. Для этого надо ее сделать активной в нижнем окне и потянуть за край в нужном направлении.
полная версия страницы