Skip to main content

Как да използвате Adobe Dreamweaver

Como hacer Responsive Design | Codigo para una Pagina Responsive (Април 2025)

Como hacer Responsive Design | Codigo para una Pagina Responsive (Април 2025)
Anonim

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
  • Използвайте търсене и замяна