ОсновноеRadiotalkПользовательское
Дизайн
4   •   Посмотреть все темы

Adobe Dreamweaver...уроки,советы,результаты,о програме и др.

 

4875
ValdeZ @ValdeZ
Boltayka....если не сложно,сделай эту тему выделенной....
Советую всем новичкам и не только!Вы можете в этой программе всё!Рисуйте каркас шаблона или целый шаблон-программа напишет Вам HTML код,файл стилей и многое другое,много функций редактирования и изменений структуры шаблона,большое количество настроек и т.д.
Начнём!)
Для начала не паримся (как это делал я) И качаем одной ссылкой:
**********
Скачали?Установили?(Версия русская и с Ключем!...Если не разобрались могу сгенерировать Вам ключ)
К сожалению написать урок сегодня не смогу....напишу завтра)
Поверьте эта программа поможет Вам создать классный шаблон для чата/сайта и не только!
Она даже умеет писать Ява Скрипты и CSS!
Но пока у меня есть время дам пару советов:
1.При установке закройте всё что связанно с Adobe..иначе оно не установится....(
2.Когда сделаете шаблон,обратите внимание на кодировку шаблона (UFT-8),это довольно гадская кодировка..ставим место неё: Windows-1251 и не забудьте информера после </head> поставить! (если шаблон для чата)
Пока что всё)
Завтра выложу материалы и уроки)
Удачи!
Р.S. Программа весит 318 мб.)

Отредактировано ValdeZ - 07.07.2008
4875
ValdeZ @ValdeZ
...вот увидел в Dw что можно фреймовую систему строить...это сразу меня заинтересовало)
Сегодня мы попробуем создать фреймовую систему для внутренности чата)
1.Открываем DW
2.Выбираем в колонке-"создать с шаблона"-"наборы фреймов"



3.далее нам предложат выбрать макет фреймовой системы и язык,на котором она будет написана....
Я выбрал первое что попалось под руку и язык я выбрал-"переходной HTML 4.0"



4.Теперь переключимся на рабочую зону...



5.А теперь наступила пора Вашего творчества)Растягиваем,уменьшаем,вытаскиваем новые фреймы (с полосок которые внизу) Вот что вышло у меня:



6.Каркас мы сделали)Теперь нужно отредактировать наш каркас и запихнуть его под чат) Выбираем раздел-"код"



Внимание!!! Для чата нам пригодится довольно не весь код....нам пригодится всё что (включительно) от <frameset> и до </frameset>
7.Вот я скопировал свой код:

<frameset rows="*" cols="250,*" frameborder="no" border="0" framespacing="0">
<frame src="file:///D|/Adobe Dreamweaver CS3 v9.0 RUS/Adobe Dreamweaver CS3/UntitledFrame-2" name="leftFrame" scrolling="No" noresize="noresize" id="leftFrame" title="leftFrame" />
<frameset rows="*,647,90" cols="*,63" framespacing="0" frameborder="no" border="0">
<frame src="file:///D|/Adobe Dreamweaver CS3 v9.0 RUS/Adobe Dreamweaver CS3/Безымянный-1" name="mainFrame" id="mainFrame" title="mainFrame" />
<frame src="file:///D|/Adobe Dreamweaver CS3 v9.0 RUS/Adobe Dreamweaver CS3/UntitledFrame-6">
<frame src="file:///D|/Adobe Dreamweaver CS3 v9.0 RUS/Adobe Dreamweaver CS3/UntitledFrame-3" name="bottomFrame" scrolling="No" noresize="noresize" id="bottomFrame" title="bottomFrame" />
<frame src="file:///D|/Adobe Dreamweaver CS3 v9.0 RUS/Adobe Dreamweaver CS3/UntitledFrame-7">
<frame src="file:///D|/Adobe Dreamweaver CS3 v9.0 RUS/Adobe Dreamweaver CS3/UntitledFrame-5">
<frame src="file:///D|/Adobe Dreamweaver CS3 v9.0 RUS/Adobe Dreamweaver CS3/UntitledFrame-8">
</frameset>
</frameset>

Это только начало самой сложной части урока.....
8.Я не советую Вам закрывать Dw,он нам пригодится чтобы разобраться где какой фрейм и что на что дужно писать)
Разберёмся что у Вас вышло (на моём примере)...Место под фрейм учасников,верхний фрейм,левый фрейм,нижний фрейм,2 фрейма (излишки) и фрейм сообщений.
Начнём ставить в наш код чатовские фреймы...:
<frameset rows="*" cols="250,*" frameborder="no" border="0" framespacing="0">
Здесь указан размер Левого фрейма (условно под фрейм участников) (250)
<frame src="file:///D|/Adobe Dreamweaver CS3 v9.0 RUS/Adobe Dreamweaver CS3/UntitledFrame-2" name="leftFrame" scrolling="No" noresize="noresize" id="leftFrame" title="leftFrame" />
Здесь указано...какой ХТМЛ документ находится в этом фрейме....
Так как такого: file:///D|/Adobe Dreamweaver CS3 v9.0 RUS/Adobe Dreamweaver CS3/UntitledFrame-2 в чате и не пахнет...меняем на ссылку фрейма учасников:users.html
Выйдет:
<frame src="users.html" name="leftFrame" scrolling="No" noresize="noresize" id="leftFrame" title="leftFrame" />
Ну а далее смотрите сами и пробуйте....таким образом вы можете поместить те же смайлы куда угодно,Можете разместить фрейм сообщений слева,смайлы по центру и фр.участников справа...
Дерзайте)
P.S.....если я допустил ошибки,просьба заметить их (я про работу с фреймами)
P.P.S....а если ещё почитать текст serhio про фреймовую систему то проблем у Вас не будет с работой в данном случае.
P.P.P.S....удачи!
P.P.P.P.S....чтобы уж навернека разобраться....сделайте ХТМл документ и на нём пробуйте что выйдет...меняйте числа и добавляйте адреса фреймов...и увидите что вышло)
P.P.P.P.P.S...в следуйщий раз займёмся стилями)

Отредактировано ValdeZ - 08.07.2008
6703
Андрей @ZloVeЩиЙ
Ну хоть что то...

4875
ValdeZ @ValdeZ
Изучив программу ещё я убедился что редактировать в ней тот же шаблон чата-очень правильно и удобно.....
Она сразу выделяет ошибки,возможность их автозамены,подбирает тебе тег,можно выбрать функцию сокращения ХТМЛа всего до минимума и ещё много чего....юзайте!

Отредактировано ValdeZ - 08.07.2008
1475
Сайд @Dark_Elf
надо будет скачать

176
Apach @Apach
Вообще очень хороший вебредактор. Я через него весь свой чат написал

1475
Сайд @Dark_Elf
Валдез..я в шоке..часа 3 качал...

Отредактировано Dark_Elf - 15.07.2008
4875
ValdeZ @ValdeZ
жудко(((
ну ненаю как ты качал....у меня друг качал и у него всё работало)
З.Ы,я закачал за 1.20

Отредактировано ValdeZ - 15.07.2008
1475
Сайд @Dark_Elf
такая же проблема была и с мозгом робота у меня!остальные архивы нормально функционируют.

1475
Сайд @Dark_Elf
можешь зделать урок чтоб из рисунка зделать дизайн титульника?

4875
ValdeZ @ValdeZ
ок) вечерком напишу)
приготовь пока рисунок)
любой)
чтоб я на примере показал)
извини но завтра...сёня я в трауре( Болтайка нас покидает аж на долго(

Отредактировано ValdeZ - 18.07.2008
1454
-мазахака- @-мазахака-
а есть у кавота ссылка на ету прогу??

11667
Латвиец @Латвиец
ога... google.ru

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

320
Sasha @Fata1ex
извенити что опять завел тему можети мне дать рабочую ссылку плисс

5421
Глеб @Глебон

Отредактировано Глебон - 15.09.2009
6112
Turgaud @Turgaud
Fata1ex пишет:

извенити что опять завел тему можети мне дать рабочую ссылку плисс

да ниче страшного, тема то хорошая, жаль что про нее забыли
З.Ы: парни ес не трудно продолжайте писать уроки, лично я точно учить буду)

Отредактировано Turgaud - 15.09.2009
320
Sasha @Fata1ex
спс Глебон +

135
Ефим @FelixH
что то эта тема заглохла.Хотя жутко интересно.Если не автор этой темы кто то мог бы её продолжить? Интересно а титульники в ней тоже можно делать?Если можно то хоть урок для примера...Так же интересен внутренний дизай чата...

27
Михаил @Dogma
Ссылка на скачивание прогорела, если нужна ссылка на программу то пишите, выложу для Вас. интерфейс русский и английский,ключик рабочий,совместимость: Windows XP/Vista , версия та же