Како додати слике на своју веб локацију у Дреамвеавер-у

Додавање слике вашој веб страници у почетку може изгледати готово магично јер је процес тако једноставан са Дреамвеавер-ом. Изазов са веб графиком није њихово додавање на ваше странице, већ стварање слика доброг изгледа које се брзо учитавају у прегледачу вашег гледаоца.

Потребан вам је други програм, као што је Пхотосхоп, Пхотосхоп Елементс или Фиреворкс, за креирање, конверзију, уређивање и оптимизацију слика. Оптимизација слика смањује величину датотека тако да се слике брже преузимају. Дреамвеавер пружа неке основне алате за уређивање слика, али углавном користите Дреамвеавер за уметање и постављање слика на своју страницу.

Дреамвеавер олакшава постављање слика на ваше веб странице и нуди више начина за то:

• Кликните на икону Имагес на панелу Цоммон Инсерт, а затим изаберите слику помоћу оквира за дијалог Инсерт Имаге.

• У панелу Датотеке кликните и превуците име слике на страницу на којој желите да се слика појави.

• Користите мени Уметање.

Ако немате при руци ЈПЕГ, ГИФ или ПНГ слику оптимизовану за веб, можете преузети бесплатне слике које су већ оптимизоване.

Да бисте поставили слику на веб страницу помоћу менија Уметање, пратите ова упутства:

Отворите постојећу страницу или направите и сачувајте нову страницу.

Поставите курсор на место где желите да уметнете слику на страници.

Можете уметнути слике у горњи леви угао нове празне датотеке, а можете и уметнути слике

ознаке и елементе на веб страници, али не можете само поставити слику у средину странице без употребе додатних ХТМЛ ознака или ЦСС форматирања да бисте је позиционирали.

Изаберите Инсерт→Имаге→Имаге.

Појављује се оквир за дијалог Селецт Имаге Соурце.

Претражите да бисте пронашли слику коју желите да уметнете.

У зависности од вашег рачунарског система, можете прегледати слике док их убацујете на различите начине. Ево три уобичајене опције:

• На рачунару са оперативним системом Виндовс КСП, изаберите Тхумбнаилс са падајуће листе Виев менија десно од поља Лоок Ин да бисте приказали умањене верзије свих слика у било којој отвореној фасцикли. Такође можете да видите један преглед било које изабране слике у крајњем десном углу дијалога.

• На рачунару са оперативним системом Виндовс Виста или Виндовс 7 , изаберите опцију иконе (мале иконе, средње иконе, велике иконе или изузетно велике иконе) са падајуће листе менија Приказ десно од поља Лоок Ин да бисте приказали умањене верзије све слике у било којој отвореној фасцикли. Такође можете да видите један преглед било које изабране слике крајње десно од оквира за дијалог.

• На Мац рачунару изаберите опцију Прикажи као колоне у горњем левом углу дијалога. Можете да видите један преглед било које изабране слике у крајњем десном углу дијалога.

  

  Кредит: Фотографије Кејси Стол

Да бисте уметнули слику, двапут кликните на име слике или кликните једном, а затим кликните на ОК.

Ако уметнете слику на страницу, а слика није сачувана у фасцикли вашег локалног сајта, Дреамвеавер ће од вас затражити дијалог са упозорењем и понудити да копирате слику у фасциклу вашег локалног сајта. Многи дизајнери креирају поддиректоријум који се зове слике унутар фолдера локалне локације где чувају све слике на својој веб локацији, али можете организовати слике у више подфолдера ако желите.

Изаберите слику на својој веб страници да бисте видели и уредили својства слике.

Опције слике се аутоматски приказују у Инспектору својстава на дну странице када је слика изабрана.

Кредит: Фото Кејси Стол

Када уметнете датотеку слике на страницу, ви заправо не додајете копију слике на страницу; креирате референцу на слику. Основни код изгледа као код за везу са једне странице на другу.

И референце на слике и везе укључују име датотеке и путању од странице до те датотеке. У суштини, правите упутство за веб претраживач да пронађе слику када прикаже страницу.

Да бисте приказали слику на својој веб страници, морате да отпремите и страницу и слику када објавите своју веб страницу. Ако ваше сликовне датотеке и странице које се односе на те датотеке нису на истој релативној локацији на вашем чврстом диску као на вашем веб серверу, прекидате референцу на своје слике и на вашој страници се појављује ружна икона Поломљена слика .

Најбољи начин да се уверите да ваше слике и датотеке остају тамо где би требало да буду у односу једна на другу јесте да дозволите Дреамвеавер-у да их прати уместо вас. Зато је толико важно да довршите процес подешавања сајта и да се уверите да никада не померате или преименујете слику, осим у панелу Датотеке.