Higit sa 100 Iba't ibang Mga Tip at Diskarte sa Dreamweaver
Ang Adobe Dreamweaver ay isang napakalakas na kasangkapan para sa mga taga-disenyo ng Web, dahil maraming mga bagay ang maaari mong gawin sa mga ito. Siyempre, lahat ng mga bagay na maaari mong gawin ay mahirap na matuto. Alamin ang ilan sa maraming mga bagay na maaaring gawin ng Dreamweaver, kabilang ang mga pagbabago sa pinakabagong bersyon, CS5. At huwag kalimutan na suriin ang mga bagay na nawawala mula sa Dreamweaver CS5 .
Pagtukoy sa isang Site
- Magsimula ng isang bagong website
- Lumikha ng isang website
- I-set up lamang ang mga bahagi ng site na kailangan mo, kapag kailangan mo ang mga ito * Bago sa CS5
- Mag-set up ng remote, QA, at mga server ng pagsubok para sa mas kumpletong daloy ng trabaho * Bago sa CS5
- Lumikha at mag-publish ng mga bagong direktoryo
- Baguhin ang dokyumento
- Isama ang meta data sa iyong mga pahina
Paglalagay ng iyong Site Live
- Tukuyin ang isang remote na site
- FTP file sa Web server
- Gumamit ng isang bersyon ng sistema ng kontrol upang suriin ang mga file sa loob at labas
- Kumonekta sa Subversion para sa mas advanced na kontrol ng bersyon * Bago sa CS5
- Mag-iwan ng mga tala para sa iyong mga kasamahan sa koponan
Paglikha ng mga Web Pages
- Sumulat ng isang pahina sa WYSIWYG mode
- Sumulat ng isang pahina sa HTML
- Gumawa ng bagong pahina mula sa isang template
- Gumawa ng bagong pahina mula sa simula
- Lumikha ng isang template
- I-save ang mga file sa direktoryo ng iyong site
- Tukuyin ang mga katangian ng pahina
CSS
- Gumamit ng mga style sheet ng CSS
- Pagdaragdag ng mga estilo ng inline
- Gumawa ng panlabas na style sheet
- Maglakip ng panlabas na style sheet
- Lumikha ng klase, ID, tag, at tambalang CSS selectors
- I-edit ang umiiral na mga panuntunan sa CSS
- Lumikha ng CSS para sa mga napi-print na mga pahina
- Paganahin at huwag paganahin ang mga katangian ng estilo * Bago sa CS5
- Siyasatin ang modelong kahon ng CSS box * Bago sa CS5
Teksto
- Baguhin ang teksto
- Gumamit ng iba't ibang mga font
- Magsingit ng line break
- Gumamit ng mga espesyal na character
- Isama ang petsa ngayon
- Sumulat ng mga komento
- Ilapat ang mga tag na HTML sa text
- Magdagdag ng mga katangian ng HTML sa mga tag
Mga Link
- Mag-link ng teksto at mga imahe
- Suriin ang mga link sa site
- Baguhin ang mga default na kulay ng link (link, binisita, mag-hover, aktibo)
- Lumikha ng mga tip sa tool sa mga link
- Lumikha ng mga link sa mailto
- Lumikha ng mga anchor ng web page
Mga Larawan
- Magdagdag ng mga graphic sa isang pahina
- I-edit ang mga larawan
- Baguhin ang mga imahe
- Magdagdag ng tekstong alt sa mga larawan
- Magdagdag ng karagdagang mga pagpipilian sa pagkarating sa mga larawan
- I-align ang mga imahe at teksto
- Lumikha ng isang imahe ng rollover
- Gumamit ng mga mapa ng imahe
- Gumamit ng mga larawan sa pagsunod
- Gumamit ng mga placeholder ng imahe
- Magpasok ng mga Paputok na HTML
- Magsingit ng mga file ng Photoshop
Layout
- Gamitin ang kasama na libreng tempate * Mga layout ng bagong CSS starter sa CS5
- Magpasok ng mga div para sa layout
- I-edit ang mga div sa panel ng mga estilo ng CSS
- Ipasok ang ganap na nakaposisyon na mga elemento
- I-format ang ganap na naka-posisyon na mga elemento sa inspector ng ari-arian
- Gumamit ng mga pinuno, grids, at mga gabay
Listahan
- Magdagdag ng mga naka-bullet at may bilang na mga listahan
- I-customize ang mga bullet at numero ng listahan
Mga Tabla
- Gumawa ng talahanayan
- Magdagdag ng mga hilera ng header at hanay
- Gumamit ng mga transparent na imahe upang hawakan ang mga cell ng talahanayan
- Lumikha ng nakapirming lapad at nababaluktot na hanay ng lapad
- Baguhin ang mga estilo ng hangganan ng mga talahanayan
- I-embed ang isang talahanayan sa loob ng isang talahanayan
- Mag-import ng hangganan na data
Mga Form
- Gumamit ng form sa mailto
- Tukuyin ang mga pagkilos ng form
- Magdagdag ng teksto, radyo, checkbox, file, imahe, piliin ang mga kahon, at mga patlang ng nakatagong form
- Gawin ang iyong mga form na naa-access sa patlang ng fieldset at label
- Lumikha ng mga custom na pindutan ng isumite
- Patunayan ang mga form sa JavaScript (Spry)
Mga Database at PHP Scripting
- Ilakip ang iyong site sa isang database
- Mag-set up ng PHP / mySQL site
- Gamitin ang mga elementong Spry upang kumonekta sa database
- Ipasok ang mga bagay sa data sa iyong mga pahina
- Subukan at i-update ang isang pinagmulan ng data o display ng Spry
- Mag-edit ng mga kumplikadong dynamic na site sa view ng disenyo
- Tuklasin ang lahat ng mga dynamic na kaugnay na mga file upang magtipon ng mga site ng PHP CMS (WordPress, Joomla, at Drupal) * Bago sa CS5
- Pasadyang klase hinting para sa PHP code, kabilang ang mga third-party frameworks tulad ng balangkas ng Zend * Bago sa CS5
Mga frame
- Bumuo ng naka-frame na website
- I-edit ang nilalaman ng noframes
- Format at estilo ang iyong mga frame
- I-set up ang default na mga target na link sa pagitan ng mga frame
Magdagdag ng Interactivity
- Bumuo ng album ng larawan (Hindi na sa CS5)
- Magdagdag ng tunog sa mga web page
- Lumikha ng drop-down na menu
- Gamitin ang mga pag-uugali ng Dreamweaver upang buksan ang mga pop-up window, lumikha ng mga jump menu, maglaro ng tunog, magpalitan ng mga larawan, at higit pa
- Magdagdag ng mga RSS feed sa isang site
- Ipasok ang teksto ng Flash bilang isang rollover
- Ipasok ang teksto ng CSS bilang isang rollover
- Magpasok ng iba pang mga plugin
- Magdagdag ng Spry menu bar, naka-tab na mga panel, akurdyon, tool tip, at collapsible panel
- Gamitin ang Widget Browser upang makahanap ng mga bagong widget para sa iyong site, nang hindi mo kailangang malaman ang JavaScript
Subukan ang Iyong Mga Pahina
- Subukan ang iyong mga pahina sa Live View upang makita ang mga pagbabago dahil sa JavaScript at interactivity * Bago sa CS5
- Patunayan ang iyong HTML
- I-preview ang iyong mga pahina sa ilang mga browser
- Gamitin ang BrowserLab upang i-preview ang iyong mga pahina sa iba pang mga operating system * Bago sa CS5
- Gamitin ang Device Central upang tingnan kung paano tumingin ang mga pahina sa mga mobile device
- Suriin ang compatibility ng browser
- Baguhin ang mga setting upang tumugma sa kung ano ang kailangang gawin ng iyong site
- Suriin ang mga link sa panloob na site
- Subukan ang access ng iyong site (Hindi na sa CS5)
- Mag-convert ng Word Document sa HTML
I-customize ang Dreamweaver
- Magdagdag ng mga extension
- Huwag paganahin ang mga extension
- I-customize ang Dreamweaver gamit ang mga shortcut
Palakihin ang iyong kahusayan
- Gumamit ng built-in na mga keyboard shortcut
- Gumamit ng mga snippet ng code
- Lumikha at gumamit ng mga template
- Bumuo ng mga bagong pahina mula sa mga custom na template
- I-update ang mga template
- Isama ang isang file sa isa pa sa library ng Dreamweaver
- I-update ang mga item sa library
- Isama ang isang file sa isa pang gamit ang SSI
- Gumamit ng paghahanap at palitan