| PC Help | |
| уроци | | | софтуер | | | хардуер | | | речник |
| | | връзки | ||||||||
| |||||||||
Разработка на сайтове | Картинки Дойде време и на картинките. За да вкарате картинка в страницата направете следното: Идете на плаващото меню Objects, щракнете на иконата с дървото и ще се появи диалогов прозорец, от който можете да изберете исканата картинка, която трябва да е във формат JPG, JPEG, GIF или PNG. Това са форматите, разпознавани от всички браузери. След избирането на картинката програмата пита дали да я запомни в директорията на вашия сайт отговор да след това се отваря нов прозорец от където трябва да запомните картинката на нужното място можете да смените и името, дайте Save и програмата копира картинката на новото място. Същата работа можете да свършите и менюто Insert -> Image. Какво става с картинката след тази операция: Ами обикновено се изплесква на най-неподходящото място по листа :)). Шегата настрана картинката ще се появи там където сте поставили курсора. Обаче тук вече се проявяват ограниченията на HTML. Тя заема един ред и до нея може да се пише само в долния край, ако е много по-голяма от размера на буквите, ако е с размера на буквите пишете до нея. Обикновено картинките са много по-големи от буквите и ако искате да пишете до нея трябва да разположите картинката и текста в две съседни клетки на таблица или в слоеве. За това по нататък. Какво трябва да се знае за размера на картинките? Можете да промените размера на картинката в самия работен лист. Маркирате я хващате с мишката долния десен ъгъл (има маркировка) и я увеличавате и намалявате. Увеличението може да е не повече от 2-3 % защото те са смалка разделителна способност 72 и изображението ще се скапе. Също така не е желателно от тук да я намалявате много, по добре да зададете нужния размер от графичната програма, която ползвате, а тук може да я пипнете малко, Скоростта на зареждане зависи от големината на картинката, а не от това колко малка изглажда в прозореца така, че ако картинката е голяма, а Вие сте я намалили наполовина в Dreamweaver, браузъра зарежда голямата картинка, а след това я побира в отреденото и място т.е скороста на зареждане е като за голяма картинка. В Dreamweaver 3 можете да редактирате картинките без да излизате от работния прозорец, ако имате инсталиран Fireworks3 така казват от фирмата аз не съм пробвал, ползвам си Photoshop 5.5. Rolover Image - това е ефект на две сменяващи се картинки при преминаване но мишката над тях. Можете да го видите при розата в дясно. Как става това - Insert > Rolover Image появява се следния прозорец:
фиг. 5 в полето Original Image избирате картинката, която ще е постоянно на екрана, от Rollover Image тази, която ще се появи при преминаване на мишката в последното поле можете да зададете адрес, към които ще води връзката при щракане, ако има такъв. Този адрес може да се зададе и по-късно от Property inspector. Същата работа става и от плаващото меню Objects. Какви трябва да бъдат размерите? Размерите на двете картинки трябва да бъдат абсолютно еднакви, защото втората заема мястото, освободено от първата, и ако е с друг размер или форма, добива размера и формата на първата и става една мацаница. Връзки Връзките, това е пътя към друга страница или файл. Връзките могат да бъдат текстови и графични. И всичко, което успеете да маркирате по екрана. Създават се по следния начин: Текстови - маркирате необходимата дума или израз след това от Property inspector-Link
фиг. 6 можете да напишете името на файла, ако е в същата директория, ако е в друга папка от сайта пишете пътя, а най-добре е от папчицата в дясно да го намерите и да го изберете и пътя или името на файла ще се напишат сами. Как ще се отваря връзката? От Target на Property inspector, ако изберете от падащия списък blank, връзката ще се отвори в нов прозорец, ако не изберете нищо или top, ще се отвори в същия. Тук ще ви предложа едно обяснение от човек, който е много напред с материала - Иван Янкулов от "LeoSoft": Ето как стоят нещата: target="_blank" отваря изцяло нов прозорец. target="_top" отваря в същия, но има една тънка разлика. Ако прозореца е съставен от "frames" те се пренепрегват и новата връзка изпълва целия прозорец. target="_self" отваря в същия прозорец, но и в същия "frame", в който се намира препратката. Ако имаш сайт с "frames" и единия от тях се казва "pages" (примерно) всяка опция написана така: target="pages" (забележи че в синтаксиса няма подчертаващо тире) ще отваря линка точно в този фрейм. "parent" е опция за вече отворен нов прозорец (т.е. трябва да имаш 2 екрана и първия от тях, отварящ втория ще е "parent"{родител на български}), но това освен функция за target, се използва и за пренасочване на хипервръзки чрез JavaScript към първоначалния прозорец. пример: parent.window.pages.location.href = 'mypage.html'; // което означава, че в "родителския" прозорец има frame "pages" и в него при изпълнение на функцията от java-та ще се зареди файла mypage.html Графични: При графичните Property inspector се променя така:
фиг. 7 От Link избирате файла, към който сочи, от Target определяте как да се отвори, Alt - можете да напишете текст, който ще се появява когато поднесете мишката над картинката (той ще се появява и ако сте изключили картинките на браузъра) алтернативен текст. При графичните връзки може и не цялата картинка де е връзка или една картинка да има няколко "горещи точки" и те да са връзки към различни неща. Това става от Map избирате с каква форма ще бъде "горещата точка" чертаете я, задавате Link, Target и Alt и това е. В Dreamweaver2 Map е скрита някъде из менютата, но я има и там. Същите неща стават и по друг начин. Десен бутон>Make Link, и за текстови и за графични, или Modify >Make Link. Ако връзката е към URL трябва да я напишете или да я отворите в браузъра и да я копирате от там и след това Paste в Property inspector-Link. Връзка към E-mail се задава от Objects > Insert E-Mail Link и това е ново тук, в Dreamweaver2 се пише на ръка Mailto: Адреса. Връзки към определена позиция в текущата страница или в друга страница. Връзка към позиция в текущата страница се създава чрез котва. Object > Invisibles > Insert Named Anchor (иконата на котва), или Insert > Named Anchor. Поставяте курсора там където искате да е котвата извиквате я, появява се диалогов прозорец, от който давате име на котвата, след това маркирате обекта, който искате да е връзка, но вместо име на файл или URL пишете - #име на котвата, знака отпред е знака за котва, ако искате да отидете до позиция в друга страница поставяте котвата на необходимото място и след това създавате стандартна връзка но след името на файла пишете - #име на котвата. Има само една подробност, ако връзката е бавна или страницата е тежка за зареждане котвата може да не сработи много добре ( когото не е в текущата страница ). Таблици Таблиците се вкарват от Insert > Table или Objects > Insert Table отваря се следния прозорец:
фиг. 8 от Rows избирате броя редове, от Columns брой колони ширина Width и очертание можете да изберете от тук или след това от Property inspector, той ще изглежда така:
фиг. 9 от Horz задавате норизонталното разположение на съдържанието, а от Vert - вертикалното разположение на съдържанието на таблицата. Като маркирате таблицата Property inspector се променя и вече можете да работите върху размерите на таблицата и другите и параметри.
фиг. 10 От Table Name задавате име на таблицата, ако се налага, от W - ширината и, ако е в % при преглед в браузъра тя ще се изменя пропорционално на прозореца, ако е в Pixels ширината е фиксирана и не се влияе от промяна размера на прозореца, от Cell Pad се задава отстоянието на съдържанието на клетката от очертанията в пиксели, от Align как да е разположена в прозореца. Border ширина на очертанията, ако е= 0 очертания няма, CellSpase - дали между отделните клетки да има разстояние (виж в долу) от Bg задавате или цвят на клетката или картинка за фон, от Light Brdr и Dark Brdr избирате цвят на рамката (виж първата таблица), от V Spase и H Spase задавате отстоянието на таблицата от левия край на прозореца и от горе, таблицата трябва да е маркирана. Можете да вмъквате таблица в таблица, можете да създавате най-различен брой клатки с различно разположение, щракнете с десния бутон в таблицата, от менюто изберете Table и ще видита опции за добавяне на ред, колона, клетки и т.н.
| |||||||||||||
