01 din 07
Organizați fotografiile pe care le doriți în album
NOTĂ: Expertul Dreamweaver Photo Album vă cere să aveți instalat Fireworks pe computer, precum și Dreamweaver .
Expertul albumei foto Dreamweaver ia toate fotografiile într-un director și îl pune în albumul tău. Deși este bine să utilizați toate fotografiile pe care le-ați luat, cu excepția cazului în care sunteți un fotograf profesionist, este posibil să existe fotografii pe care nu le place sau nu ar trebui incluse.
- Creați un director nou și puneți numai fotografiile pe care le doriți în album în el.
- Este o idee bună să redimensionați imaginile la o dimensiune rezonabilă a paginii web (500x500 pixeli este un bun indicator de referință).
02 din 07
Porniți expertul Dreamweaver Web Album Photo Album
Accesați meniul Comenzi .
Alegeți Crearea albumului foto Web ...
NOTĂ: Expertul Dreamweaver Photo Album vă cere să aveți instalat Fireworks pe computer, precum și Dreamweaver.
03 din 07
Completați detaliile albumului foto
Dreamweaver va crea un album foto cu titlu, subtitlu și text descriptiv. Albumul va avea o pagină frontală cu miniaturi și fiecare imagine va avea o pagină de dimensiune completă cu link-uri către imaginile anterioare și viitoare din album, precum și la index.
- Titlul albumului foto Acesta este titlul albumului tău. Dreamweaver îl va adăuga ca și
al documentului dvs. și ca antet <h1> pe pagina index. </li><li> <strong>Subtitlu info Subtitlul</strong> este plasat sub antetul <h1> de pe pagina dvs. de index al albumului. </li><li> <strong>Alte informații</strong> În final, puteți adăuga text descriptiv despre întregul album. Acesta va apărea ca text simplu deasupra miniaturilor de pe pagina index. </li><li> <strong>Sursa imaginilor sursă</strong> Acesta este dosarul în care ați salvat imaginile pentru a fi introduse în galerie. Navigați la acea locație utilizând butonul Răsfoiți. </li><li> <strong>Dosarul destinație</strong> Acesta este dosarul de pe site-ul dvs. Web unde doriți să trăiască galeria. Dreamweaver va crea un folder de imagini, precum și toate fișierele HTML necesare în acest dosar. Navigați la acel director de pe hard disk. Vă recomandăm să puneți albumul într-un director gol. </li></ul><p> <strong>04 din 07</strong> </p> <h3> Completați detaliile albumului foto - Continuați </h3><figure><amp-img alt="Completați detaliile albumului foto" src="https://exse.eyewated.com/pict/08c5ca5ac5e13276.jpg" width="525" height="314" layout="intrinsic"></amp-img><figcaption> Completați detaliile albumului foto. Ecranul lui J Kyrnin </figcaption></figure><ul><li> <strong>Dimensiunea miniaturilor</strong> Puteți alege între 5 dimensiuni diferite pentru miniaturile dvs. Dimensiunea implicită este de 100x100. Îmi place 72x72, dar puteți alege și 36x36, 144x144 sau 200x200. </li><li> <strong>Afișați numele de fișiere pe care</strong> îmi place să le las verificat. Acesta îi spune lui Dreamweaver să plaseze numele de fișiere în pagina index. Le las în așa fel încât să pot edita cu ușurință subtitrările. </li><li> <strong>Coloane</strong> Dreamweaver construiește un tabel pentru a vă pune în miniatură și puteți alege câte coloane ar trebui să fie. Rețineți că, dacă utilizați o miniatură cu lățime mai mare, pagina poate deveni foarte largă dacă aveți o mulțime de coloane. </li><li> <strong>Formatul de miniatură și formatul foto</strong> Dreamweaver vă va converti imaginile în fișiere JPEG sau GIF și puteți alege între o descărcare mai rapidă sau o imagine mai bună. </li><li> <strong>Scală</strong> Dacă nu ați redimensionat imaginile înainte de a rula expertul, atunci acestea pot fi extrem de mari - prea mari pentru o pagină Web. Puteți alege să scalați imaginile originale astfel încât acestea să se încarce mai repede și să fie mai ușor de vizualizat pe pagina Web. </li><li> <strong>Crearea paginii de navigare pentru fiecare fotografie</strong> Dacă opriți această opțiune, Dreamweaver va face legătura directă cu fotografia mai mare. În caz contrar, creează o pagină HTML separată pentru imagine. </li></ul><p> Faceți clic pe OK, iar Fireworks se va deschide și va începe procesarea imaginilor. Acest lucru poate dura câteva minute dacă aveți o mulțime de fotografii pentru albumul dvs. </p> <p> <strong>05 din 07</strong> </p> <h3> Vizualizați-vă albumul în Dreamweaver </h3><figure><amp-img alt="Vizualizați-vă albumul în Dreamweaver" src="https://exse.eyewated.com/pict/6a71465205d332da.jpg" width="654" height="671" layout="intrinsic"></amp-img><figcaption> Vizualizați-vă albumul în Dreamweaver. Ecranul lui J Kyrnin </figcaption></figure><p> După ce ai albumul în Dreamweaver, îl poți edita exact ca orice altă pagină Web. </p> <p> <strong>06 din 07</strong> </p> <h3> Modificați subtitrările </h3><figure><amp-img alt="Modificați subtitrările" src="https://exse.eyewated.com/pict/8a5a904cf215328c.jpg" width="232" height="199" layout="intrinsic"></amp-img><figcaption> Modificați subtitrările. Ecranul lui J Kyrnin </figcaption></figure><p> Dacă ați selectat să afișați nume de fișiere, Dreamweaver va include fiecare nume de fișier ca titlu pentru miniaturile dvs. Selectați numele fișierului și oferiți fotografiilor tale reale. </p> <p> <strong>07 din 07</strong> </p> <h3> Testați-vă albumul în diferite browsere și încărcați-l </h3><figure><amp-img alt="Testați-vă albumul în diferite browsere" src="https://exse.eyewated.com/pict/a3b55ecb974d31b6.jpg" width="768" height="570" layout="intrinsic"></amp-img><figcaption> Testați-vă albumul în diferite browsere. Ecranul lui J Kyrnin </figcaption></figure><p> Dreamweaver creează un layout foarte simplu, bazat pe tabele pentru albumul foto și este posibil să nu pară rău în niciun browser modern. Dar este întotdeauna o idee bună să testați paginile în cât mai multe browsere pe care le aveți la dispoziție. </p> <p> Încărcați albumul utilizând butonul de încărcare. Acest lucru vă va asigura că toate fișierele, imaginile și miniaturile sunt încărcate în locația corectă. Dacă nu aveți un site definit în Dreamweaver, va trebui să definiți unul pentru ca acesta să funcționeze corect. De asemenea, va trebui să configurați acel site pentru a <a href="https://ro.eyewated.com/cum-sa-configurati-dreamweaver-pentru-a-transfera-fisiere/">transfera fișiere</a> </p> </div> <div class="amp-related-wrapper"> <h2>Alike posts</h2> <div class="amp-related-content"> <a href="https://ro.eyewated.com/creati-o-pagina-web-noua-utilizand-notepad/"> <amp-img src="https://exse.eyewated.com/pict/c541d52624853404-120x86.gif" width="120" height="86" layout="responsive" class="amp-related-image"></amp-img> </a> <div class="amp-related-text"> <h3><a href="https://ro.eyewated.com/creati-o-pagina-web-noua-utilizand-notepad/">Creați o pagină Web nouă utilizând Notepad</a></h3> <div class="amp-related-meta"> Web Design & Dev </div> </div> </div> <div class="amp-related-content"> <a href="https://ro.eyewated.com/cum-sa-scrieti-pagini-web-pentru-dispozitive-mobile/"> <amp-img src="https://exse.eyewated.com/pict/9fa85adcd4e33004-120x86.jpg" width="120" height="86" layout="responsive" class="amp-related-image"></amp-img> </a> <div class="amp-related-text"> <h3><a href="https://ro.eyewated.com/cum-sa-scrieti-pagini-web-pentru-dispozitive-mobile/">Cum să scrieți pagini Web pentru dispozitive mobile</a></h3> <div class="amp-related-meta"> Web Design & Dev </div> </div> </div> <div class="amp-related-content"> <a href="https://ro.eyewated.com/cum-sa-va-creati-propriul-site-web/"> <amp-img src="https://exse.eyewated.com/pict/e38d465121c335ab-120x86.jpg" width="120" height="86" layout="responsive" class="amp-related-image"></amp-img> </a> <div class="amp-related-text"> <h3><a href="https://ro.eyewated.com/cum-sa-va-creati-propriul-site-web/">Cum să vă creați propriul site web</a></h3> <div class="amp-related-meta"> Web Design & Dev </div> </div> </div> <div class="amp-related-content"> <div class="amp-related-text"> <h3><a href="https://ro.eyewated.com/lucruri-pe-care-le-puteti-face-cu-dreamweaver/">Lucruri pe care le puteți face cu Dreamweaver</a></h3> <div class="amp-related-meta"> Web Design & Dev </div> </div> </div> <div class="amp-related-content"> <a href="https://ro.eyewated.com/utilizarea-elementului-doctype-in-modul-quirks/"> <amp-img src="https://exse.eyewated.com/pict/08f08e185e473c34-120x86.jpg" width="120" height="86" layout="responsive" class="amp-related-image"></amp-img> </a> <div class="amp-related-text"> <h3><a href="https://ro.eyewated.com/utilizarea-elementului-doctype-in-modul-quirks/">Utilizarea elementului DOCTYPE în modul Quirks</a></h3> <div class="amp-related-meta"> Web Design & Dev </div> </div> </div> <div class="amp-related-content"> <a href="https://ro.eyewated.com/cum-sa-va-protejati-fotografiile-digitale-de-copiere/"> <amp-img src="https://exse.eyewated.com/pict/65b371f835f333c3-120x86.jpg" width="120" height="86" layout="responsive" class="amp-related-image"></amp-img> </a> <div class="amp-related-text"> <h3><a href="https://ro.eyewated.com/cum-sa-va-protejati-fotografiile-digitale-de-copiere/">Cum să vă protejați fotografiile digitale de copiere</a></h3> <div class="amp-related-meta"> Web Design & Dev </div> </div> </div> <div class="amp-related-content"> <a href="https://ro.eyewated.com/cai-absolute-si-relative/"> <amp-img src="https://exse.eyewated.com/pict/e0aba849f20b2fc8-120x86.jpg" width="120" height="86" layout="responsive" class="amp-related-image"></amp-img> </a> <div class="amp-related-text"> <h3><a href="https://ro.eyewated.com/cai-absolute-si-relative/">Căi absolute și relative</a></h3> <div class="amp-related-meta"> Web Design & Dev </div> </div> </div> <div class="amp-related-content"> <a href="https://ro.eyewated.com/adaugarea-de-linkuri-catre-pagini-web/"> <amp-img src="https://exse.eyewated.com/pict/594f8cd042743532-120x86.jpg" width="120" height="86" layout="responsive" class="amp-related-image"></amp-img> </a> <div class="amp-related-text"> <h3><a href="https://ro.eyewated.com/adaugarea-de-linkuri-catre-pagini-web/">Adăugarea de linkuri către pagini Web</a></h3> <div class="amp-related-meta"> Web Design & Dev </div> </div> </div> <div class="amp-related-content"> <div class="amp-related-text"> <h3><a href="https://ro.eyewated.com/beneficiile-foilor-cascadelor-de-stil/">Beneficiile foilor cascadelor de stil</a></h3> <div class="amp-related-meta"> Web Design & Dev </div> </div> </div> </div> <div class="amp-related-wrapper"> <h2>See Newest</h2> <div class="amp-related-content"> <a href="https://ro.eyewated.com/cele-mai-bune-7-viduri-de-robot-pentru-a-cumpara-in-2018/"> <amp-img src="https://exse.eyewated.com/pict/97aa256919ee339d-120x86.jpg" width="120" height="86" layout="responsive" class="amp-related-image"></amp-img> </a> <div class="amp-related-text"> <h3><a href="https://ro.eyewated.com/cele-mai-bune-7-viduri-de-robot-pentru-a-cumpara-in-2018/">Cele mai bune 7 viduri de robot pentru a cumpăra în 2018</a></h3> <div class="amp-related-meta"> Ghiduri de cumpărare </div> </div> </div> <div class="amp-related-content"> <div class="amp-related-text"> <h3><a href="https://ro.eyewated.com/sfaturi-inainte-de-a-cumpara-un-tablet-sau-slate-pc/">Sfaturi înainte de a cumpăra un Tablet sau Slate PC</a></h3> <div class="amp-related-meta"> Ghiduri de cumpărare </div> </div> </div> <div class="amp-related-content"> <a href="https://ro.eyewated.com/cinci-secrete-pentru-fotografii-de-mare-floare/"> <amp-img src="https://exse.eyewated.com/pict/f460b215a3ca3119-120x86.jpg" width="120" height="86" layout="responsive" class="amp-related-image"></amp-img> </a> <div class="amp-related-text"> <h3><a href="https://ro.eyewated.com/cinci-secrete-pentru-fotografii-de-mare-floare/">Cinci secrete pentru fotografii de mare floare</a></h3> <div class="amp-related-meta"> Camere digitale </div> </div> </div> <div class="amp-related-content"> <a href="https://ro.eyewated.com/vizualizare-paint-net/"> <amp-img src="https://exse.eyewated.com/pict/6e092b145afe31be-120x86.png" width="120" height="86" layout="responsive" class="amp-related-image"></amp-img> </a> <div class="amp-related-text"> <h3><a href="https://ro.eyewated.com/vizualizare-paint-net/">Vizualizare Paint.NET</a></h3> <div class="amp-related-meta"> Software-ul </div> </div> </div> <div class="amp-related-content"> <a href="https://ro.eyewated.com/vr-are-nevoie-de-mobil-pentru-a-reusi/"> <amp-img src="https://exse.eyewated.com/pict/3eec62ddfec830b0-120x86.jpg" width="120" height="86" layout="responsive" class="amp-related-image"></amp-img> </a> <div class="amp-related-text"> <h3><a href="https://ro.eyewated.com/vr-are-nevoie-de-mobil-pentru-a-reusi/">VR are nevoie de mobil pentru a reuși</a></h3> <div class="amp-related-meta"> Gaming </div> </div> </div> <div class="amp-related-content"> <a href="https://ro.eyewated.com/cum-de-a-afla-daca-aveti-windows-pe-64-de-biti-sau-pe-32-de-biti/"> <amp-img src="https://exse.eyewated.com/pict/2b9cda0f715f394d-120x86.png" width="120" height="86" layout="responsive" class="amp-related-image"></amp-img> </a> <div class="amp-related-text"> <h3><a href="https://ro.eyewated.com/cum-de-a-afla-daca-aveti-windows-pe-64-de-biti-sau-pe-32-de-biti/">Cum de a afla dacă aveți Windows pe 64 de biți sau pe 32 de biți</a></h3> <div class="amp-related-meta"> Ferestre </div> </div> </div> </div> <div class="amp-related-wrapper"> <h2>Sapid posts</h2> <div class="amp-related-content"> <a href="https://ro.eyewated.com/ce-inseamna-rl-pe-internet/"> <amp-img src="https://exse.eyewated.com/pict/8a540225f9332fba-120x86.jpg" width="120" height="86" layout="responsive" class="amp-related-image"></amp-img> </a> <div class="amp-related-text"> <h3><a href="https://ro.eyewated.com/ce-inseamna-rl-pe-internet/">Ce înseamnă RL pe Internet?</a></h3> <div class="amp-related-meta"> Social Media </div> </div> </div> <div class="amp-related-content"> <a href="https://ro.eyewated.com/svs-sb-1000-subwoofer-fotografii-si-caracteristici/"> <amp-img src="https://exse.eyewated.com/pict/4ae9b3faa34638fe-120x86.jpg" width="120" height="86" layout="responsive" class="amp-related-image"></amp-img> </a> <div class="amp-related-text"> <h3><a href="https://ro.eyewated.com/svs-sb-1000-subwoofer-fotografii-si-caracteristici/">SVS SB-1000 Subwoofer - Fotografii și caracteristici</a></h3> <div class="amp-related-meta"> Recenzii de produse </div> </div> </div> <div class="amp-related-content"> <div class="amp-related-text"> <h3><a href="https://ro.eyewated.com/cum-se-utilizeaza-formatul-text-imbogatit-in-format-html-in-aim-mail-sau-aol-mail/">Cum se utilizează formatul text îmbogățit în format HTML în AIM Mail sau AOL Mail</a></h3> <div class="amp-related-meta"> E-mail și mesaje </div> </div> </div> <div class="amp-related-content"> <a href="https://ro.eyewated.com/cum-de-a-construi-un-hard-disk-extern-propriu/"> <amp-img src="https://exse.eyewated.com/pict/a0a029bf4b513343-120x86.jpg" width="120" height="86" layout="responsive" class="amp-related-image"></amp-img> </a> <div class="amp-related-text"> <h3><a href="https://ro.eyewated.com/cum-de-a-construi-un-hard-disk-extern-propriu/">Cum de a construi un hard disk extern propriu</a></h3> <div class="amp-related-meta"> Mac-uri </div> </div> </div> <div class="amp-related-content"> <a href="https://ro.eyewated.com/prezentare-generala-a-incarcatorului-nt-ntldr/"> <amp-img src="https://exse.eyewated.com/pict/17855d11a0ad36e1-120x86.png" width="120" height="86" layout="responsive" class="amp-related-image"></amp-img> </a> <div class="amp-related-text"> <h3><a href="https://ro.eyewated.com/prezentare-generala-a-incarcatorului-nt-ntldr/">Prezentare generală a încărcătorului NT (NTLDR)</a></h3> <div class="amp-related-meta"> Ferestre </div> </div> </div> <div class="amp-related-content"> <a href="https://ro.eyewated.com/cum-functioneaza-gps-ul-pe-iphone/"> <amp-img src="https://exse.eyewated.com/pict/cb5a763122ee30fd-120x86.jpg" width="120" height="86" layout="responsive" class="amp-related-image"></amp-img> </a> <div class="amp-related-text"> <h3><a href="https://ro.eyewated.com/cum-functioneaza-gps-ul-pe-iphone/">Cum funcționează GPS-ul pe iPhone</a></h3> <div class="amp-related-meta"> IPhone și iPod </div> </div> </div> <div class="amp-related-content"> <a href="https://ro.eyewated.com/cum-definiti-meh/"> <amp-img src="https://exse.eyewated.com/pict/c6958b230a2a2f53-120x86.jpg" width="120" height="86" layout="responsive" class="amp-related-image"></amp-img> </a> <div class="amp-related-text"> <h3><a href="https://ro.eyewated.com/cum-definiti-meh/">Cum definiți "Meh"?</a></h3> <div class="amp-related-meta"> Social Media </div> </div> </div> <div class="amp-related-content"> <a href="https://ro.eyewated.com/cele-mai-bune-televizoare-cu-plasma/"> <amp-img src="https://exse.eyewated.com/pict/1d240650b24639b9-120x86.jpg" width="120" height="86" layout="responsive" class="amp-related-image"></amp-img> </a> <div class="amp-related-text"> <h3><a href="https://ro.eyewated.com/cele-mai-bune-televizoare-cu-plasma/">Cele mai bune televizoare cu plasmă</a></h3> <div class="amp-related-meta"> Ghiduri de cumpărare </div> </div> </div> <div class="amp-related-content"> <a href="https://ro.eyewated.com/cum-functioneaza-apple-tv/"> <amp-img src="https://exse.eyewated.com/pict/92362ea80de6350b-120x86.jpg" width="120" height="86" layout="responsive" class="amp-related-image"></amp-img> </a> <div class="amp-related-text"> <h3><a href="https://ro.eyewated.com/cum-functioneaza-apple-tv/">Cum funcționează Apple TV</a></h3> <div class="amp-related-meta"> Home Theater </div> </div> </div> <div class="amp-related-content"> <a href="https://ro.eyewated.com/tot-ce-trebuie-sa-stiti-despre-sistemul-de-operare-chrome/"> <amp-img src="https://exse.eyewated.com/pict/4b1d310070b232d9-120x86.jpg" width="120" height="86" layout="responsive" class="amp-related-image"></amp-img> </a> <div class="amp-related-text"> <h3><a href="https://ro.eyewated.com/tot-ce-trebuie-sa-stiti-despre-sistemul-de-operare-chrome/">Tot ce trebuie să știți despre sistemul de operare Chrome</a></h3> <div class="amp-related-meta"> Browserele </div> </div> </div> <div class="amp-related-content"> <div class="amp-related-text"> <h3><a href="https://ro.eyewated.com/accesarea-e-mailului-aol-in-macos/">Accesarea e-mailului AOL în MacOS</a></h3> <div class="amp-related-meta"> Mac-uri </div> </div> </div> <div class="amp-related-content"> <a href="https://ro.eyewated.com/cum-se-joaca-jocuri-pe-xbox-one/"> <amp-img src="https://exse.eyewated.com/pict/1ec7895afae33388-120x86.jpg" width="120" height="86" layout="responsive" class="amp-related-image"></amp-img> </a> <div class="amp-related-text"> <h3><a href="https://ro.eyewated.com/cum-se-joaca-jocuri-pe-xbox-one/">Cum se joacă jocuri pe Xbox One</a></h3> <div class="amp-related-meta"> Gaming </div> </div> </div> <div class="amp-related-content"> <a href="https://ro.eyewated.com/cum-sa-descarcati-podcast-uri/"> <amp-img src="https://exse.eyewated.com/pict/1a89ef4693b83403-120x86.jpg" width="120" height="86" layout="responsive" class="amp-related-image"></amp-img> </a> <div class="amp-related-text"> <h3><a href="https://ro.eyewated.com/cum-sa-descarcati-podcast-uri/">Cum să descărcați podcast-uri</a></h3> <div class="amp-related-meta"> Software și aplicații </div> </div> </div> <div class="amp-related-content"> <a href="https://ro.eyewated.com/descarcati-badoo-pentru-iphone/"> <amp-img src="https://exse.eyewated.com/pict/fb1bacb2c8bc340e-120x86.png" width="120" height="86" layout="responsive" class="amp-related-image"></amp-img> </a> <div class="amp-related-text"> <h3><a href="https://ro.eyewated.com/descarcati-badoo-pentru-iphone/">Descărcați Badoo pentru iPhone</a></h3> <div class="amp-related-meta"> Software și aplicații </div> </div> </div> <div class="amp-related-content"> <a href="https://ro.eyewated.com/comisia-federala-de-comunicatii-fcc/"> <amp-img src="https://exse.eyewated.com/pict/c7e7c4bff7853fe6-120x86.jpg" width="120" height="86" layout="responsive" class="amp-related-image"></amp-img> </a> <div class="amp-related-text"> <h3><a href="https://ro.eyewated.com/comisia-federala-de-comunicatii-fcc/">Comisia Federală de Comunicații (FCC)</a></h3> <div class="amp-related-meta"> E-mail și mesaje </div> </div> </div> <div class="amp-related-content"> <a href="https://ro.eyewated.com/top-ceasuri-de-lux-pentru-a-rival-apple-watch-edition/"> <amp-img src="https://exse.eyewated.com/pict/d62b533f36fc3027-120x86.jpg" width="120" height="86" layout="responsive" class="amp-related-image"></amp-img> </a> <div class="amp-related-text"> <h3><a href="https://ro.eyewated.com/top-ceasuri-de-lux-pentru-a-rival-apple-watch-edition/">Top ceasuri de lux pentru a rival Apple Watch Edition</a></h3> <div class="amp-related-meta"> Purtabile </div> </div> </div> </div></article> <footer class="amp-wp-footer"> <div class="amp-wp-footer-inner"> <a href="#" class="back-to-top">Back to top</a> <p class="copyright"> © 2024 ro.eyewated.com </p> <div class="amp-wp-social-footer"> <a href="#" class="jeg_facebook"><i class="fa fa-facebook"></i> </a><a href="#" class="jeg_twitter"><i class="fa fa-twitter"></i> </a><a href="#" class="jeg_google-plus"><i class="fa fa-google-plus"></i> </a><a href="#" class="jeg_pinterest"><i class="fa fa-pinterest"></i> </a><a href="" class="jeg_rss"><i class="fa fa-rss"></i> </a> </div> </div> </footer> <div id="statcounter"> <amp-pixel src="https://c.statcounter.com/12022999/0/02d06b5d/1/"> </amp-pixel> </div> </body> </html> <!-- Dynamic page generated in 1.293 seconds. --> <!-- Cached page generated by WP-Super-Cache on 2019-10-03 23:46:05 --> <!-- 0.001 -->