Skip to main content

Lumikha ng Web Photo Album sa Dreamweaver

HTML Tutorial 3 - Adding Images & Backgrounds To Your HTML Website (Hunyo 2026)

HTML Tutorial 3 - Adding Images & Backgrounds To Your HTML Website (Hunyo 2026)
Anonim
01 ng 07

Ayusin ang mga Larawan na Gusto mo sa Album

TANDAAN: Ang Dreamweaver Photo Album Wizard ay nangangailangan na mayroon kang mga Paputok na naka-install sa iyong computer pati na rin ang Dreamweaver.

Ang Dreamweaver photo album wizard ay tumatagal ng bawat larawan sa isang direktoryo at inilalagay ito sa iyong album. Habang mainam na gamitin ang bawat larawan na kinuha mo, maliban kung ikaw ay isang propesyonal na litratista, malamang may mga larawan na hindi mo gusto o hindi dapat isama.

  • Lumikha ng isang bagong direktoryo at ilagay lamang ang mga larawan na gusto mo sa album na nasa loob nito.
  • Magandang ideya na baguhin ang mga imahe sa isang makatwirang laki ng Web page (500x500 pixels ay isang mahusay na benchmark).
02 ng 07

Simulan ang Dreamweaver Web Photo Album Wizard

Pumunta sa Mga utos menu.

Pumili Lumikha ng Album ng Web Album …

TANDAAN: Ang Dreamweaver Photo Album Wizard ay nangangailangan na mayroon kang mga Paputok na naka-install sa iyong computer pati na rin ang Dreamweaver.

03 ng 07

Punan ang Mga Detalye ng Album ng Larawan

Ang Dreamweaver ay lilikha ng isang photo album na may pamagat, sub-pamagat, at mapaglarawang teksto. Ang album ay magkakaroon ng isang front page na may mga thumbnail at ang bawat imahe ay may isang full-size na pahina na may mga link sa mga nakaraang at susunod na mga imahe sa album pati na rin sa index.

  • Pamagat ng album ng larawan Ito ang pamagat ng iyong album. Dadalhin ito ng Dreamweaver bilang ng iyong dokumento at bilang<a id="menu-4"></a><h2>header sa pahina ng index.</h2>
  • Impormasyon sa subtitle Ang subheading ay inilagay sa ibaba ng

    header sa pahina ng index ng iyong album.

  • Iba pang impormasyon Sa wakas, maaari kang magdagdag ng mapaglarawang teksto tungkol sa buong album. Lilitaw ito bilang plain text sa itaas ng mga thumbnail sa pahina ng index.
  • Mga folder ng mga larawan ng pinagmulan Ito ang folder kung saan mo nai-save ang iyong mga imahe upang mailagay sa gallery. Mag-browse sa lokasyon na iyon gamit ang Browse button.
  • Destination folder Ito ang folder sa iyong Web site kung saan mo gustong mabuhay ang gallery. Ang Dreamweaver ay lilikha ng isang folder ng mga imahe pati na rin ang lahat ng kinakailangang mga file na HTML sa folder na ito. Mag-browse sa folder na iyon sa iyong hard drive. Inirerekumenda ko ang paglalagay ng iyong album sa isang walang laman na direktoryo.
04 ng 07

Punan ang Mga Detalye ng Album ng Larawan - Patuloy

  • sing-laki ng hinlalaki Maaari kang pumili sa pagitan ng 5 iba't ibang laki para sa iyong mga thumbnail. Ang default na laki ay 100x100. Gusto ko ng 72x72, ngunit maaari mo ring piliin ang 36x36, 144x144, o 200x200.
  • Ipakita ang mga filename Gusto kong iwanan ang check na ito. Sinasabi nito sa Dreamweaver na ilagay ang mga filename sa index page. Iniwan ko ang mga ito upang madali kong mai-edit ang mga caption.
  • Mga Haligi Nagtatayo ang Dreamweaver ng table upang ilagay ang iyong mga thumbnail, at maaari mong piliin kung gaano karaming mga haligi ang nararapat. Tandaan na kung gumamit ka ng isang mas malaking thumbnail ng lapad, ang pahina ay maaaring makakuha ng napakalawak kung mayroon kang maraming mga haligi.
  • Format ng thumbnail at format ng Larawan I-convert ng Dreamweaver ang iyong mga imahe sa mga file na JPEG o GIF at maaari kang pumili sa pagitan ng isang mas mabilis na pag-download o isang mas mahusay na naghahanap ng imahe.
  • Scale Kung hindi mo palitan ang laki ng iyong mga imahe bago patakbuhin ang wizard, maaari silang maging napakalaking malaki - masyadong malaki para sa isang Web page. Maaari mong piliing sukatin ang orihinal na mga imahe upang mas mabilis na mag-load ang mga ito at mas madaling makita sa iyong Web page.
  • Lumikha ng pahina ng nabigasyon para sa bawat larawan Kung i-off mo ang pagpipiliang ito, direktang i-link ng Dreamweaver sa mas malaking larawan. Kung hindi man, lumilikha ito ng hiwalay na pahina ng HTML para sa larawan.

I-click ang OK at Paputok ang bubukas at simulan ang pagproseso ng iyong mga larawan. Maaaring tumagal ito ng ilang minuto kung mayroon kang maraming mga larawan para sa iyong album.

05 ng 07

Tingnan ang Iyong Album sa Dreamweaver

Sa sandaling mayroon ka ng iyong album sa Dreamweaver maaari mo itong i-edit tulad ng iba pang Web page.

06 ng 07

Baguhin ang mga Caption

Kung pinili mo upang ipakita ang mga filename, isasama ng Dreamweaver ang bawat filename bilang isang caption para sa iyong mga thumbnail. Piliin ang filename at bigyan ang iyong mga larawan ng mga tunay na caption.

07 ng 07

Subukan ang Iyong Album sa Iba't ibang Mga Browser at pagkatapos Mag-upload

Lumilikha ang Dreamweaver ng isang napaka-simple, layout ng talahanayan batay sa album ng larawan, at malamang na hindi ito magiging masama sa anumang modernong browser. Ngunit palaging isang magandang ideya na subukan ang iyong mga pahina sa maraming mga browser habang mayroon kang magagamit.

I-upload ang iyong album gamit ang pindutan ng pag-upload. Tiyakin nito na ang lahat ng mga file, larawan, at mga thumbnail ay na-upload sa tamang lokasyon. Kung wala kang isang site na tinukoy sa Dreamweaver, kakailanganin mong tukuyin ang isa upang maayos ang gawaing ito. Kakailanganin mo ring i-set up ang site na iyon upang maglipat ng mga file