Skip to main content

Kā lietot Adobe Dreamweaver

Anonim

Adobe Dreamweaver ir tik spēcīgs Web izstrādātāju rīks, jo tam ir tik daudz lietu, ar ko varat to darīt. Protams, visas šīs lietas, ko varat darīt, apgrūtina mācīties. Uzziniet dažas no daudzajām lietām, ko Dreamweaver var izdarīt, tostarp izmaiņas jaunākajā versijā CS5. Un neaizmirstiet iepazīties ar lietām, kuras trūkst Dreamweaver CS5.

Vietnes definēšana

  • Sāciet jaunu vietni
  • Izveidojiet vietni
  • Iestatiet tikai nepieciešamās vietnes daļas, kad tās ir nepieciešamas * Jauns CS5 formātā
  • Pilnīgāku darbplūsmu iestatīšana tālvadības, QA un testēšanas serveriem * Jaunums CS5
  • Izveidot un publicēt jaunus katalogus
  • Mainiet doctype
  • Iekļaujiet metadatus savās lapās

Ievietot vietni Live

  • Definējiet attālo vietni
  • FTP faili uz tīmekļa serveri
  • Izmantojiet versiju vadības sistēmu, lai pārbaudītu failus gan tajā, gan ārā
  • Sazinieties ar Subversion, lai uzlabotu versiju kontroli. * Jaunums CS5
  • Atstājiet piezīmes saviem komandas biedriem

Web lapu izveide

  • Uzrakstiet lapu WYSIWYG režīmā
  • Uzrakstiet lapu HTML formātā
  • Izveidojiet jaunu lapu no veidnes
  • Izveidojiet jaunu lapu no jauna
  • Izveidojiet veidni
  • Saglabājiet failus savā vietnes direktorijā
  • Definējiet lapas rekvizītus

CSS

  • Izmantojiet CSS stilu lapas
  • Inline stila pievienošana
  • Izveidojiet ārējo stilu lapu
  • Pievienojiet ārējo stilu lapu
  • Izveidojiet klases, ID, tagu un kombinētos CSS selektorus
  • Rediģēt esošos CSS noteikumus
  • Izveidojiet CSS drukājamām lapām
  • Iespējot un atspējot stila rekvizītus * Jaunums CS5
  • Pārbaudiet CSS kastes modeli vizuāli. * Jaunums CS5

Teksts

  • Mainīt tekstu
  • Izmantojiet dažādus fontus
  • Ievietojiet līnijas pārtraukumu
  • Izmantojiet īpašas rakstzīmes
  • Iekļaut šodienas datumu
  • Rakstīt komentārus
  • Lietot HTML tagus tekstu
  • Pievienojiet tagu HTML atribūtus

Saites

  • Saišu tekstu un attēlus
  • Pārbaudiet vietnes saites
  • Noklusējuma saišu krāsu maiņa (saite, apmeklēta, navigācija, aktīvā)
  • Izveidojiet padomus par saitēm
  • Izveidojiet mailto saites
  • Izveidojiet tīmekļa vietņu enkurus

Attēli

  • Pievienot grafiku lapai
  • Rediģējiet attēlus
  • Mainiet attēlu izmērus
  • Pievienot alt tekstu attēliem
  • Pievienot attēliem papildu pieejamības iespējas
  • Saskaņojiet attēlus un tekstu
  • Izveidojiet apgāšanās attēlu
  • Izmantojiet attēlu kartes
  • Izmantojiet izsekošanas attēlus
  • Izmantojiet attēlu aizstājējus
  • Ievietojiet Fireworks HTML
  • Ievietojiet Photoshop failus

Izkārtojums

  • Izmantojiet iekļautās bezmaksas veidnes * Jauni CSS startera izkārtojumi CS5
  • Iestatiet divus izkārtojumam
  • Rediģējiet divus CSS stilu panelī
  • Ievietojiet pilnīgi novietotus elementus
  • Veidojiet nekustamā īpašuma inspektorā pilnīgi novietotus elementus
  • Izmantojiet lineālus, režģus un vadlīnijas

Saraksti

  • Pievienot aizzīmogotus un numurētus sarakstus
  • Pielāgojiet sarakstu lodi un ciparus

Tabulas

  • Izveidojiet tabulu
  • Pievienot galvenes rindas un kolonnas
  • Izmantojiet caurspīdīgus attēlus, lai atvērtu galda šūnas
  • Izveidojiet fiksētu platumu un elastīgas platuma kolonnas
  • Mainiet tabulu robežu stilus
  • Iegult tabulu tabulā
  • Importēt tabulas datus

Veidlapas

  • Izmantojiet mailto veidlapu
  • Noteikt formas darbības
  • Pievienot tekstu, radio, izvēles rūtiņu, failu, attēlu, atlasiet lodziņus un slēptās formas laukus
  • Veidojiet savas veidlapas, izmantojot lauka laukus un etiķetes
  • Izveidojiet pielāgotas iesniegšanas pogas
  • Validēt veidlapas ar JavaScript (Spry)

Datubāzes un PHP skripti

  • Pievienojiet savu vietni datu bāzei
  • Izveidot PHP / mySQL vietni
  • Izmantojiet Spry elementus, lai izveidotu savienojumu ar datu bāzi
  • Ievietojiet datu lapās savus objektus
  • Pārbaudiet un atjauniniet Spry datu avotu vai displeju
  • Rediģēt sarežģītas dinamiskās vietnes dizaina skatā
  • Atklājiet visus dinamiski saistītos failus, lai apkopotu PHP CMS vietnes (WordPress, Joomla un Drupal) * Jaunums CS5
  • Pielāgotas klases mājieni PHP kodam, ieskaitot trešo pušu sistēmas, piemēram, Zend sistēmu * Jaunums CS5

Rāmji

  • Veidojiet rāmja vietni
  • Noframe satura rediģēšana
  • Veidojiet un formatējiet kadrus
  • Iestatīt noklusējuma saišu mērķus starp kadriem

Pievienot interaktivitāti

  • Veidojiet fotoattēlu albumu (vairs nav CS5)
  • Pievienot skaņu tīmekļa lapās
  • Izveidojiet nolaižamo izvēlni
  • Izmantojiet Dreamweaver uzvedību, lai atvērtu uznirstošos logus, izveidotu lēcienu izvēlnes, atskaņotu skaņu, apmainītos attēlus un vairāk
  • Pievienojiet vietnes RSS plūsmas
  • Ievietojiet Flash tekstu kā apgāšanos
  • Ievietojiet CSS tekstu kā apgāšanos
  • Ievietojiet citus spraudņus
  • Pievienot Spry izvēlņu joslu, tabbed paneļi, akordeons, rīku galu un saliekams panelis
  • Izmantojiet logrīku pārlūku, lai atrastu jaunus logrīkus savai vietnei, bez nepieciešamības zināt JavaScript

Pārbaudi savas lapas

  • Pārbaudiet lapas Live View, lai redzētu izmaiņas JavaScript un interaktivitātes dēļ. * Jaunums CS5
  • Apstipriniet savu HTML
  • Priekšskatiet savas lapas vairākās pārlūkprogrammās
  • Izmantojiet BrowserLab, lai priekšskatītu savas lapas citās operētājsistēmās. * Jauns CS5
  • Izmantojiet Device Central, lai pārbaudītu, kā lapas izskatās mobilajās ierīcēs
  • Pārbaudiet pārlūkprogrammas saderību
  • Mainiet iestatījumus, lai tie atbilstu jūsu vietnes darbībai
  • Pārbaudiet iekšējās vietnes saites
  • Pārbaudiet savas vietnes pieejamību (vairs nav CS5)
  • Convert Word dokumentu uz HTML

Pielāgot Dreamweaver

  • Pievienot paplašinājumus
  • Atspējot paplašinājumus
  • Pielāgot Dreamweaver ar īsceļiem

Palieliniet savu efektivitāti

  • Izmantojiet iebūvētos īsinājumtaustiņus
  • Izmantojiet koda fragmentus
  • Izveidojiet un izmantojiet veidnes
  • Izveidojiet jaunas lapas no pielāgotajām veidnēm
  • Atjauniniet veidnes
  • Iekļaujiet vienu failu citā ar Dreamweaver bibliotēku
  • Atjaunināt bibliotēkas vienumus
  • Iekļaujiet vienu failu citā, izmantojot SSI
  • Izmantojiet meklēšanu un nomainiet