Над 100 различни Съвети и техники за Dreamweaver
Adobe Dreamweaver е толкова мощен инструмент за уеб дизайнери, защото има толкова много неща, които можете да правите с него. Разбира се, всички тези неща, които можете да направите, правят това трудно да се научите. Разберете някои от многото неща, които Dreamweaver може да направи, включително промените в най-новата версия CS5. И не забравяйте да проверите нещата, които липсват в Dreamweaver CS5 .
Определяне на сайт
- Започнете нов уебсайт
- Създайте уебсайт
- Настройте само частите от сайта, от които имате нужда, когато имате нужда от тях * Ново в CS5
- Настройване на отдалечени, QA и тестови сървъри за по-пълни работни потоци * Ново в CS5
- Създаване и публикуване на нови директории
- Променете доктопата
- Включете мета данни в страниците си
Поставянето на сайта ви на живо
- Определете отдалечен сайт
- FTP файлове към уеб сървъра
- Използвайте система за контрол на версиите, за да проверявате и записвате файловете
- Свържете се с Subversion за по-усъвършенстван контрол на версията * Ново в CS5
- Оставете бележки за вашите съотборници
Създаване на уеб страници
- Напишете страница в режим WYSIWYG
- Напишете страница в HTML
- Създайте нова страница от шаблон
- Създайте нова страница отначало
- Създайте шаблон
- Запазете файлове в директорията на сайта си
- Определете свойствата на страницата
CSS
- Използвайте CSS стилове
- Добавяне на вградени стилове
- Създайте външен лист с стилове
- Прикачете външен лист с стилове
- Създайте класове, ID, маркер и комбинирани селектори за CSS
- Редактиране на съществуващите правила за CSS
- Създайте CSS за страници за печат
- Активиране и деактивиране на свойствата на стила * Ново в CS5
- Проверете визуално модела на CSS кутията * Ново в CS5
Текст
- Промяна на текста
- Използвайте различни шрифтове
- Поставете прекъсване на линия
- Използвайте специални знаци
- Включете днешната дата
- Напишете коментари
- Прилагане на HTML тагове към текста
- Добавете HTML атрибути към маркерите
звена
- Свързване на текст и изображения
- Проверете връзките на сайта
- Променете цветовете по подразбиране на връзката (връзка, посетена, задържаща, активна)
- Създайте инструментални съвети за връзките
- Създайте връзки към
- Създаване на котва на уеб страници
Снимки
- Добавете графики към страница
- Редактиране на изображения
- Преоразмеряване на изображения
- Добавете алтернативен текст към изображенията
- Добавете допълнителни опции за достъп до изображения
- Подравнете изображенията и текста
- Създайте изображение за преобръщане
- Използвайте карти на изображенията
- Използвайте проследяващи изображения
- Използвайте заместители на изображения
- Вмъкване на HTML фойерверки
- Вмъкване на файлове в Photoshop
оформление
- Използвайте включените безплатни шаблони * Нови оформления за CSS стартери в CS5
- Поставете divs за оформление
- Редактиране на divs в панела със стилове CSS
- Поставете абсолютно позиционирани елементи
- Форматирайте абсолютно позиционираните елементи в инспектора за имоти
- Използвайте владетели, решетки и водачи
списъци
- Добавете списъци с буквени и номерирани списъци
- Персонализиране на списъчни куршуми и номера
Маси
- Създайте таблица
- Добавете редове и колони на заглавката
- Използвайте прозрачни изображения, за да държите отворени табличните клетки
- Създайте колони с фиксирана ширина и гъвкава ширина
- Променете стиловете на границите на таблиците
- Вмъкване на таблица в таблицата
- Импортиране на таблични данни
Форми
- Използвайте формуляр по електронната поща
- Дефинирайте действията на формуляра
- Добавете полета за текст, радио, квадратче за отметка, файл, изображение, избиране и скрити полета на формуляра
- Направете формулярите си достъпни с полета за полета и етикетите
- Създайте персонализирани бутони за изпращане
- Потвърдете формуляри с JavaScript (Spry)
Бази данни и PHP скриптове
- Прикачете сайта си в база данни
- Създайте PHP / mySQL сайт
- Използвайте Spry елементи, за да се свържете с базата данни
- Вмъкнете обекти за данни в страниците си
- Тествайте и актуализирайте източника на данни Spry или показване
- Редактирайте комплексни динамични сайтове в изгледа на дизайна
- Открийте всички динамично свързани файлове, за да съберете PHP CMS сайтове (WordPress, Joomla и Drupal) * Ново в CS5
- Подразделение за персонализиран клас за PHP код, включително рамки на трети страни като рамката Zend * Ново в CS5
Рамки
- Изграждане на уеб сайт с рамка
- Редактиране на съдържанието на нофровете
- Форматирайте и подредете рамките си
- Настройте по подразбиране връзки за връзки между рамки
Добавете интерактивност
- Изграждане на фотоалбум (вече в CS5)
- Добавяне на звук към уеб страници
- Създайте падащо меню
- Използвайте поведението на Dreamweaver, за да отваряте изскачащи прозорци, да създавате менюта за прескачане, да възпроизвеждате звук, да замествате изображения и още
- Добавете RSS емисии към даден сайт
- Поставете Flash текст като преобръщане
- Вмъкване на CSS текст като преобръщане
- Вмъкнете други плъгини
- Добавете лентата за меню Spry, табови панели, акордеон, върха на инструмента и сгъваем панел
- Използвайте браузъра за Widget за намиране на нови джаджи за вашия сайт, без да се налага да знаете JavaScript
Тествайте вашите страници
- Тествайте страниците си в Live View, за да видите промените, дължащи се на JavaScript и интерактивността * Ново в CS5
- Проверете вашето HTML
- Прегледайте страниците си в няколко браузъра
- Използвайте BrowserLab, за да визуализирате страниците си в други операционни системи * Ново в CS5
- Използвайте Device Central, за да проверите как изглеждат страниците на мобилни устройства
- Проверете съвместимостта на браузъра
- Променете настройките, за да съответства на това, с което трябва да работи вашият сайт
- Проверете вътрешните връзки на сайта
- Изпробвайте достъпността на сайта си (вече в CS5)
- Конвертиране на Word документ в HTML
Персонализирайте Dreamweaver
- Добавете разширения
- Деактивиране на разширенията
- Персонализирайте Dreamweaver с преки пътища
Увеличете ефективността си
- Използвайте вградени клавишни комбинации
- Използвайте кодови фрагменти
- Създавайте и използвайте шаблони
- Генериране на нови страници от персонализирани шаблони
- Актуализиране на шаблони
- Включете един файл в друг с библиотеката на Dreamweaver
- Актуализиране на библиотечните елементи
- Включете един файл в друг с помощта на SSI
- Използвайте търсене и замяна