01 od 07
Organizujte fotografije koje želite na albumu
NAPOMENA: Čarobnjak Dreamweaver Photo Album zahteva da imate instaliran Fireworks na računaru, kao i Dreamweaver .
Čarobnjak za foto album Dreamweaver uzima svaku fotografiju u direktorijum i stavlja ga u svoj album. Iako je u redu koristiti svaku fotografiju koju ste snimili, ukoliko niste profesionalni fotograf, šanse su da postoje fotografije koje vam se ne dopadaju ili ih ne treba uključiti.
- Kreirajte novi direktorijum i stavite samo slike koje želite u albumu u njemu.
- Dobro je promjeniti veličinu slike na razumnu veličinu Web stranice (500x500 piksela je dobar benčmark).
02 od 07
Pokrenite Dreamweaver Web Photo Album Wizard
Idite na meni Komande .
Izaberite Kreiraj veb Foto Album ...
NAPOMENA: Čarobnjak Dreamweaver Photo Album zahteva da imate instaliran Fireworks na računaru, kao i Dreamweaver.
03 od 07
Popunite Detalji o foto albumu
Dreamweaver će kreirati foto album sa naslovom, podnaslovom i opisnim tekstom. Album će imati naslovnu stranicu sa sličicama i svaka slika će imati stranicu u punoj veličini sa linkovima na prethodne i sledeće slike u albumu, kao i na indeks.
- Naslov albuma albuma Ovo je naslov vašeg albuma. Dreamweaver će ga dodati kao
vašeg dokumenta i kao <h1> zaglavlje na indeksnoj stranici. </li><li> <strong>Informacije</strong> o podnaslovu <strong>Podnaslov</strong> je postavljen ispod <h1> zaglavlja na indeksnoj stranici albuma. </li><li> <strong>Drugi podaci</strong> Na kraju, možete dodati deskriptivni tekst o celom albumu. Ovo će se pojaviti kao običan tekst iznad sličica na indeksnoj stranici. </li><li> <strong>Izvorni folder za slike</strong> Ovo je fascikla u kojoj ste sačuvali svoje slike da biste ih stavili u galeriju. Pretražite tu lokaciju koristeći taster Browse. </li><li> <strong>Ciljni folder</strong> Ovo je fascikla na vašoj web lokaciji gde želite da galerija živi. Dreamweaver će kreirati fasciklu slika kao i sve potrebne HTML datoteke u ovoj fascikli. Pregledajte tu fasciklu na tvrdom disku. Preporučujem stavljanje albuma u prazan direktorijum. </li></ul><p> <strong>04 od 07</strong> </p> <h3> Popunite Detalji o Foto albumu - Nastavite </h3><figure><amp-img alt="Popunite Detalji o foto albumu" src="https://exse.eyewated.com/pict/08c5ca5ac5e13276.jpg" width="525" height="314" layout="intrinsic"></amp-img><figcaption> Popunite Detalji o foto albumu. Snimak ekrana J Kyrnin </figcaption></figure><ul><li> <strong>Veličina sličice</strong> Možete odabrati između 5 različitih veličina za svoje sličice. Podrazumevana veličina je 100x100. Volim 72x72, ali takođe možete izabrati 36x36, 144x144 ili 200x200. </li><li> <strong>Prikaži datoteke imena</strong> Volim da ovo ostavim na čekanju. Kaže Dreamweaver da stavi imena datoteka na indeksnu stranicu. Ostavljam ih tako da mogu lako urediti natpise. </li><li> <strong>Kolone</strong> Dreamweaver gradi stol za postavljanje svojih sličica i možete odabrati koliko kolona treba da bude. Zapamtite da ako koristite sličicu s većom širinom, stranica može postati vrlo široka ako imate puno kolona. </li><li> <strong>Format</strong> snimanja <strong>i Photo format</strong> Dreamweaver pretvaraće vaše slike u JPEG ili GIF datoteke i možete birati između bržeg download-a ili boljeg izgleda. </li><li> <strong>Skala</strong> Ako niste promenili veličinu svojih slika pre pokretanja čarobnjaka, onda mogu biti izuzetno veliki - preveliki za Web stranicu. Možete odabrati da skalirate originalne slike tako da će se učitati brže i lakše gledati na vašoj web stranici. </li><li> <strong>Kreiranje stranice za navigaciju za svaku fotografiju</strong> Ako isključite ovu opciju, Dreamweaver će se direktno povezati sa većom fotografijom. Inače, kreira posebnu HTML stranicu za sliku. </li></ul><p> Kliknite na OK i Fireworks će se otvoriti i početi sa obradom slika. Ovo može trajati nekoliko minuta ako imate puno fotografija za svoj album. </p> <p> <strong>05 od 07</strong> </p> <h3> Pogledajte svoj album u Dreamweaveru </h3><figure><amp-img alt="Pogledajte svoj album u Dreamweaveru" src="https://exse.eyewated.com/pict/6a71465205d332da.jpg" width="654" height="671" layout="intrinsic"></amp-img><figcaption> Pogledajte svoj album u Dreamweaveru. Snimak ekrana J Kyrnin </figcaption></figure><p> Jednom kada imate svoj album u Dreamweaver-u možete ga urediti baš kao i svaka druga Web stranica. </p> <p> <strong>06 od 07</strong> </p> <h3> Promenite naslove </h3><figure><amp-img alt="Promenite naslove" src="https://exse.eyewated.com/pict/8a5a904cf215328c.jpg" width="232" height="199" layout="intrinsic"></amp-img><figcaption> Promenite naslove. Snimak ekrana J Kyrnin </figcaption></figure><p> Ako ste odabrali da pokažete imidž datoteke, Dreamweaver će uključiti svako ime datoteke kao natpis za svoje sličice. Izaberite naziv fajla i dajte svoje fotografije stvarnim natpisima. </p> <p> <strong>07 od 07</strong> </p> <h3> Testirajte svoj album u različitim pregledačima, a zatim otpremite </h3><figure><amp-img alt="Testirajte svoj album u različitim pregledačima" src="https://exse.eyewated.com/pict/a3b55ecb974d31b6.jpg" width="768" height="570" layout="intrinsic"></amp-img><figcaption> Testirajte svoj album u različitim pregledačima. Snimak ekrana J Kyrnin </figcaption></figure><p> Dreamweaver kreira jednostavan izgled zasnovan na stolu za foto album, a izgleda da neće izgledati loše u bilo kom modernom pretraživaču. Ali uvek je dobra ideja da testirate svoje stranice u onom broju pretraživača koliko imate na raspolaganju. </p> <p> Otpremite album pomoću dugmeta za otpremanje. Ovo će osigurati da se sve datoteke, slike i sličice prenose na tačnu lokaciju. Ako nemate web lokaciju definisanu u Dreamweaver-u, moraćete da definišete da je ovaj posao ispravno. Takođe ćete morati da podesite lokaciju za <a href="https://bs.eyewated.com/kako-postaviti-dreamweaver-za-prenos-datoteka/">prenos datoteka</a> </p> </div> <div class="amp-related-wrapper"> <h2>Alike posts</h2> <div class="amp-related-content"> <a href="https://bs.eyewated.com/kako-kreirati-sliku-u-dreamweaver-u/"> <amp-img src="https://exse.eyewated.com/pict/f695f48e9f36344f-120x86.gif" width="120" height="86" layout="responsive" class="amp-related-image"></amp-img> </a> <div class="amp-related-text"> <h3><a href="https://bs.eyewated.com/kako-kreirati-sliku-u-dreamweaver-u/">Kako kreirati sliku u Dreamweaver-u</a></h3> <div class="amp-related-meta"> Web dizajn & Dev </div> </div> </div> <div class="amp-related-content"> <div class="amp-related-text"> <h3><a href="https://bs.eyewated.com/kako-postaviti-dns-alijas-sa-apacheom/">Kako postaviti DNS alijas sa Apacheom</a></h3> <div class="amp-related-meta"> Web dizajn & Dev </div> </div> </div> <div class="amp-related-content"> <a href="https://bs.eyewated.com/kako-promijeniti-xml-pomocu-xslt-a/"> <amp-img src="https://exse.eyewated.com/pict/d33d7e15f234350d-120x86.jpg" width="120" height="86" layout="responsive" class="amp-related-image"></amp-img> </a> <div class="amp-related-text"> <h3><a href="https://bs.eyewated.com/kako-promijeniti-xml-pomocu-xslt-a/">Kako promijeniti XML pomoću XSLT-a</a></h3> <div class="amp-related-meta"> Web dizajn & Dev </div> </div> </div> <div class="amp-related-content"> <a href="https://bs.eyewated.com/kreirajte-web-photo-album-u-dreamweaver-u/"> <amp-img src="https://exse.eyewated.com/pict/2e6cd8ca985332be-120x86.jpg" width="120" height="86" layout="responsive" class="amp-related-image"></amp-img> </a> <div class="amp-related-text"> <h3><a href="https://bs.eyewated.com/kreirajte-web-photo-album-u-dreamweaver-u/">Kreirajte Web Photo Album u Dreamweaver-u</a></h3> <div class="amp-related-meta"> Web dizajn & Dev </div> </div> </div> <div class="amp-related-content"> <a href="https://bs.eyewated.com/web-safe-font-stacks/"> <amp-img src="https://exse.eyewated.com/pict/b0417350952a3997-120x86.jpg" width="120" height="86" layout="responsive" class="amp-related-image"></amp-img> </a> <div class="amp-related-text"> <h3><a href="https://bs.eyewated.com/web-safe-font-stacks/">Web Safe Font Stacks</a></h3> <div class="amp-related-meta"> Web dizajn & Dev </div> </div> </div> <div class="amp-related-content"> <a href="https://bs.eyewated.com/izbor-pravog-sistema-za-upravljanje-sadrzajem-cms/"> <amp-img src="https://exse.eyewated.com/pict/fa929f827af430e8-120x86.jpg" width="120" height="86" layout="responsive" class="amp-related-image"></amp-img> </a> <div class="amp-related-text"> <h3><a href="https://bs.eyewated.com/izbor-pravog-sistema-za-upravljanje-sadrzajem-cms/">Izbor pravog sistema za upravljanje sadržajem (CMS)</a></h3> <div class="amp-related-meta"> Web dizajn & Dev </div> </div> </div> <div class="amp-related-content"> <div class="amp-related-text"> <h3><a href="https://bs.eyewated.com/najbolji-besplatni-web-analiticki-alati/">Najbolji besplatni web analitički alati</a></h3> <div class="amp-related-meta"> Web dizajn & Dev </div> </div> </div> <div class="amp-related-content"> <div class="amp-related-text"> <h3><a href="https://bs.eyewated.com/zasto-morate-izbjeci-koristenje-ugradjenih-tabela/">Zašto morate izbjeći korištenje ugrađenih tabela</a></h3> <div class="amp-related-meta"> Web dizajn & Dev </div> </div> </div> <div class="amp-related-content"> <a href="https://bs.eyewated.com/kako-dobiti-besplatno-ime-domena/"> <amp-img src="https://exse.eyewated.com/pict/23baf30067f440f2-120x86.jpg" width="120" height="86" layout="responsive" class="amp-related-image"></amp-img> </a> <div class="amp-related-text"> <h3><a href="https://bs.eyewated.com/kako-dobiti-besplatno-ime-domena/">Kako dobiti besplatno ime domena</a></h3> <div class="amp-related-meta"> Web dizajn & Dev </div> </div> </div> </div> <div class="amp-related-wrapper"> <h2>See Newest</h2> <div class="amp-related-content"> <a href="https://bs.eyewated.com/organizujte-windows-10-start-menu-dio-3/"> <amp-img src="https://exse.eyewated.com/pict/dbf09930e4713484-120x86.png" width="120" height="86" layout="responsive" class="amp-related-image"></amp-img> </a> <div class="amp-related-text"> <h3><a href="https://bs.eyewated.com/organizujte-windows-10-start-menu-dio-3/">Organizujte Windows 10 Start Menu: Dio 3</a></h3> <div class="amp-related-meta"> Windows </div> </div> </div> <div class="amp-related-content"> <a href="https://bs.eyewated.com/sta-su-mali-pc-racunari/"> <amp-img src="https://exse.eyewated.com/pict/3a76137afbf832fa-120x86.jpg" width="120" height="86" layout="responsive" class="amp-related-image"></amp-img> </a> <div class="amp-related-text"> <h3><a href="https://bs.eyewated.com/sta-su-mali-pc-racunari/">Šta su mali PC računari?</a></h3> <div class="amp-related-meta"> Vodiči za kupovinu </div> </div> </div> <div class="amp-related-content"> <a href="https://bs.eyewated.com/sta-su-podesavanja/"> <amp-img src="https://exse.eyewated.com/pict/3516bda3efb73b79-120x86.png" width="120" height="86" layout="responsive" class="amp-related-image"></amp-img> </a> <div class="amp-related-text"> <h3><a href="https://bs.eyewated.com/sta-su-podesavanja/">Šta su podešavanja?</a></h3> <div class="amp-related-meta"> New & Next </div> </div> </div> <div class="amp-related-content"> <a href="https://bs.eyewated.com/digitalno-snimanje-sadrzaja-iznad-vazduha/"> <amp-img src="https://exse.eyewated.com/pict/9b322300855d3346-120x86.jpg" width="120" height="86" layout="responsive" class="amp-related-image"></amp-img> </a> <div class="amp-related-text"> <h3><a href="https://bs.eyewated.com/digitalno-snimanje-sadrzaja-iznad-vazduha/">Digitalno snimanje sadržaja iznad vazduha</a></h3> <div class="amp-related-meta"> Vodiči za kupovinu </div> </div> </div> <div class="amp-related-content"> <a href="https://bs.eyewated.com/moji-safari-markeri-su-nestali-sta-sada-da-radim/"> <amp-img src="https://exse.eyewated.com/pict/8437af13b59738fc-120x86.png" width="120" height="86" layout="responsive" class="amp-related-image"></amp-img> </a> <div class="amp-related-text"> <h3><a href="https://bs.eyewated.com/moji-safari-markeri-su-nestali-sta-sada-da-radim/">Moji Safari markeri su nestali: Šta sada da radim?</a></h3> <div class="amp-related-meta"> Macs </div> </div> </div> <div class="amp-related-content"> <div class="amp-related-text"> <h3><a href="https://bs.eyewated.com/kako-instalirati-safari-ekstenzije-u-operativnom-sistemu-windows/">Kako instalirati Safari ekstenzije u operativnom sistemu Windows</a></h3> <div class="amp-related-meta"> Pretraživači </div> </div> </div> </div> <div class="amp-related-wrapper"> <h2>Sapid posts</h2> <div class="amp-related-content"> <a href="https://bs.eyewated.com/sta-je-gamma-i-kako-se-koristi-u-fotografiji/"> <amp-img src="https://exse.eyewated.com/pict/a787f55e8a50309e-120x86.jpg" width="120" height="86" layout="responsive" class="amp-related-image"></amp-img> </a> <div class="amp-related-text"> <h3><a href="https://bs.eyewated.com/sta-je-gamma-i-kako-se-koristi-u-fotografiji/">Šta je Gamma i kako se koristi u fotografiji?</a></h3> <div class="amp-related-meta"> Digitalni fotoaparati </div> </div> </div> <div class="amp-related-content"> <a href="https://bs.eyewated.com/microsofts-best-birthday-templates/"> <amp-img src="https://exse.eyewated.com/pict/29992e07b3ed388d-120x86.jpg" width="120" height="86" layout="responsive" class="amp-related-image"></amp-img> </a> <div class="amp-related-text"> <h3><a href="https://bs.eyewated.com/microsofts-best-birthday-templates/">Microsoft's Best Birthday Templates</a></h3> <div class="amp-related-meta"> Softver </div> </div> </div> <div class="amp-related-content"> <a href="https://bs.eyewated.com/maline-pi-odjece-racunara/"> <amp-img src="https://exse.eyewated.com/pict/1b8c38f0546f3431-120x86.jpg" width="120" height="86" layout="responsive" class="amp-related-image"></amp-img> </a> <div class="amp-related-text"> <h3><a href="https://bs.eyewated.com/maline-pi-odjece-racunara/">Maline Pi odjeće računara</a></h3> <div class="amp-related-meta"> Nosioci </div> </div> </div> <div class="amp-related-content"> <a href="https://bs.eyewated.com/definicija-i-lokacija-deck-u-rasporedu-stranica/"> <amp-img src="https://exse.eyewated.com/pict/e64bb6dfc8d539ff-120x86.png" width="120" height="86" layout="responsive" class="amp-related-image"></amp-img> </a> <div class="amp-related-text"> <h3><a href="https://bs.eyewated.com/definicija-i-lokacija-deck-u-rasporedu-stranica/">Definicija i lokacija "Deck" u rasporedu stranica</a></h3> <div class="amp-related-meta"> Softver </div> </div> </div> <div class="amp-related-content"> <div class="amp-related-text"> <h3><a href="https://bs.eyewated.com/kako-premjestiti-poruku-u-folder-u-inbox-com/">Kako premjestiti poruku u folder u Inbox.com</a></h3> <div class="amp-related-meta"> E-pošta i poruke </div> </div> </div> <div class="amp-related-content"> <a href="https://bs.eyewated.com/lista-besplatnih-online-saradnickih-alata/"> <amp-img src="https://exse.eyewated.com/pict/dd114ced478133ec-120x86.jpg" width="120" height="86" layout="responsive" class="amp-related-image"></amp-img> </a> <div class="amp-related-text"> <h3><a href="https://bs.eyewated.com/lista-besplatnih-online-saradnickih-alata/">Lista besplatnih online saradničkih alata</a></h3> <div class="amp-related-meta"> Veb i pretraživanje </div> </div> </div> <div class="amp-related-content"> <a href="https://bs.eyewated.com/kako-da-otvorim-pub-datoteke-bez-microsoft-publisher-a/"> <amp-img src="https://exse.eyewated.com/pict/9fc82317558c386d-120x86.png" width="120" height="86" layout="responsive" class="amp-related-image"></amp-img> </a> <div class="amp-related-text"> <h3><a href="https://bs.eyewated.com/kako-da-otvorim-pub-datoteke-bez-microsoft-publisher-a/">Kako da otvorim .PUB datoteke Bez Microsoft Publisher-a</a></h3> <div class="amp-related-meta"> Softver </div> </div> </div> <div class="amp-related-content"> <a href="https://bs.eyewated.com/sta-je-definicija-dvostruke-opt-in-a/"> <amp-img src="https://exse.eyewated.com/pict/62fb91e3665c45ea-120x86.jpg" width="120" height="86" layout="responsive" class="amp-related-image"></amp-img> </a> <div class="amp-related-text"> <h3><a href="https://bs.eyewated.com/sta-je-definicija-dvostruke-opt-in-a/">Šta je definicija dvostruke opt-in-a?</a></h3> <div class="amp-related-meta"> E-pošta i poruke </div> </div> </div> <div class="amp-related-content"> <a href="https://bs.eyewated.com/kako-da-pokrenete-bezbednosni-rezim-windows-xp-sa-komandnim-pozivom/"> <amp-img src="https://exse.eyewated.com/pict/3f4e017ce397362f-120x86.png" width="120" height="86" layout="responsive" class="amp-related-image"></amp-img> </a> <div class="amp-related-text"> <h3><a href="https://bs.eyewated.com/kako-da-pokrenete-bezbednosni-rezim-windows-xp-sa-komandnim-pozivom/">Kako da pokrenete bezbednosni režim Windows XP sa komandnim pozivom</a></h3> <div class="amp-related-meta"> Windows </div> </div> </div> <div class="amp-related-content"> <a href="https://bs.eyewated.com/18-saveti-i-trikovi-za-prilagodjavanje-korisnickog-interfejsa-onenote/"> <amp-img src="https://exse.eyewated.com/pict/f07e7af2cd9332cc-120x86.png" width="120" height="86" layout="responsive" class="amp-related-image"></amp-img> </a> <div class="amp-related-text"> <h3><a href="https://bs.eyewated.com/18-saveti-i-trikovi-za-prilagodjavanje-korisnickog-interfejsa-onenote/">18 Saveti i trikovi za prilagođavanje korisničkog interfejsa OneNote</a></h3> <div class="amp-related-meta"> Softver </div> </div> </div> <div class="amp-related-content"> <a href="https://bs.eyewated.com/kako-instalirati-i-koristiti-dropbox-na-vasem-mac-racunaru/"> <amp-img src="https://exse.eyewated.com/pict/ad7976cb96b23121-120x86.jpg" width="120" height="86" layout="responsive" class="amp-related-image"></amp-img> </a> <div class="amp-related-text"> <h3><a href="https://bs.eyewated.com/kako-instalirati-i-koristiti-dropbox-na-vasem-mac-racunaru/">Kako instalirati i koristiti Dropbox na vašem Mac računaru</a></h3> <div class="amp-related-meta"> Macs </div> </div> </div> <div class="amp-related-content"> <a href="https://bs.eyewated.com/onemogucite-ucitavanje-udaljenih-slika-na-uredjaju-ios-da-biste-ubrzali-stvari/"> <amp-img src="https://exse.eyewated.com/pict/9ed069a6100641d3-120x86.jpg" width="120" height="86" layout="responsive" class="amp-related-image"></amp-img> </a> <div class="amp-related-text"> <h3><a href="https://bs.eyewated.com/onemogucite-ucitavanje-udaljenih-slika-na-uredjaju-ios-da-biste-ubrzali-stvari/">Onemogućite "Učitavanje udaljenih slika" na uređaju iOS da biste ubrzali stvari</a></h3> <div class="amp-related-meta"> IPhone i iPod </div> </div> </div> <div class="amp-related-content"> <a href="https://bs.eyewated.com/kako-postaviti-push-gmail-u-iphone-mail/"> <amp-img src="https://exse.eyewated.com/pict/bedbc04e7a4035f4-120x86.jpg" width="120" height="86" layout="responsive" class="amp-related-image"></amp-img> </a> <div class="amp-related-text"> <h3><a href="https://bs.eyewated.com/kako-postaviti-push-gmail-u-iphone-mail/">Kako postaviti Push Gmail u iPhone Mail</a></h3> <div class="amp-related-meta"> IPhone i iPod </div> </div> </div> <div class="amp-related-content"> <a href="https://bs.eyewated.com/paint-net-clone-stamp-tool/"> <amp-img src="https://exse.eyewated.com/pict/50212218846e4200-120x86.jpg" width="120" height="86" layout="responsive" class="amp-related-image"></amp-img> </a> <div class="amp-related-text"> <h3><a href="https://bs.eyewated.com/paint-net-clone-stamp-tool/">Paint.NET Clone Stamp Tool</a></h3> <div class="amp-related-meta"> Softver </div> </div> </div> <div class="amp-related-content"> <a href="https://bs.eyewated.com/deda-mraz-za-bozic-u-sims-2/"> <amp-img src="https://exse.eyewated.com/pict/1a18e40f24de35aa-120x86.jpg" width="120" height="86" layout="responsive" class="amp-related-image"></amp-img> </a> <div class="amp-related-text"> <h3><a href="https://bs.eyewated.com/deda-mraz-za-bozic-u-sims-2/">Deda mraz za Božić u Sims 2</a></h3> <div class="amp-related-meta"> Gaming </div> </div> </div> <div class="amp-related-content"> <a href="https://bs.eyewated.com/reprodukujte-zvuk-i-powerpoint-animaciju-u-isto-vrijeme/"> <amp-img src="https://exse.eyewated.com/pict/5798909d6ccc366a-120x86.png" width="120" height="86" layout="responsive" class="amp-related-image"></amp-img> </a> <div class="amp-related-text"> <h3><a href="https://bs.eyewated.com/reprodukujte-zvuk-i-powerpoint-animaciju-u-isto-vrijeme/">Reprodukujte zvuk i PowerPoint animaciju u isto vrijeme</a></h3> <div class="amp-related-meta"> Softver </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 bs.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.173 seconds. --> <!-- Cached page generated by WP-Super-Cache on 2019-10-03 21:40:25 --> <!-- 0.003 -->