Softverski paket Dreamweaver, poput Frontpagea, dizajniran je za dizajn različitih web lokacija, uključujući izdavačke stranice, čiji su zadaci širenje elektroničkih publikacija. Pogodan je za stvaranje malih i vrlo velikih web lokacija. U prvom slučaju, jedini stručnjak za webmastera bavi se razvojem. U potonjem slučaju cijeli tim djeluje na projektu, uključujući administratora projekta, web dizajnera, HTML vegerista, web programera, korektora, menadžera pošte. Mnogi stručnjaci tvrde da profesionalni web dizajneri u svom radu najčešće koriste Adobe Photoshop za pripremu grafike i makromedijske dreamweaver za dizajn pojedinih web stranica.

Upoznavanje s ovim paketom pokazuje da ova izjava ima čvrst temelj. Kao što je već učinjeno nekoliko puta, počnite učiti paket iz njegovog sučelja.

6.2.1. Dreamweaver paketni sučelje

Dreamweaver 4.0 paket sučelje prikazano je na slici. 6.9. Pored zaglavlja, nizova izbornika, alatnih traka i standardnog programa Radni prozor, primećujemo prisustvo nekoliko paleta koje, kao u urednicima, postavljene u radni prozor programa. Usput, imena otvorenih tri palete "Objekti" (objekt), "Svojstva" i "lansirač) odgovaraju prva tri naredba odjeljka" prozor ".

Ovaj paket je integriran sa stanovišta tehnologija koje se koriste u grupi proizvoda Macromedia Software, koja osvaja sve jače položaje na tržištu internetskih dizajna. Ostali programi ove grupe: Direktor Macromedia i Flash raspravljat će se u sljedećim odlomcima ovog poglavlja. U agregatu pružaju glavne smjerove web dizajna, a svaka pojedinačno specijalizirana u jednom određenom smjeru.

Prvo ćemo se fokusirati na paletu objekata (predmeti), čiji je izgled predstavljen na Sl. 6.10. Izgled palete varira ovisno o vrsti objekta odabranog u prozoru liste u gornjem dijelu, I.E., paleta se može nazvati adaptivnim. Prema zadanim postavkama, "osnovni" položaj postavljen je na popisu. Na slici. 6.10 Na otvorenoj listi je odabrana ova posebna opcija. Ova paleta koja koristi 18 različitih alata omogućava vam da uključite različite stavke na stranici, posebno (u redoslijedu lokacije gumba u paleti): grafika (slika), animirano dugme (prebacivanje), čiji se izmijeni izgled Kada sažete tablicu pokazivača miša (tablica), tablica s podacima unesenim u njega pripremljena unaprijed pripremljena u drugom softverskom paketu (tabelarni podaci), vladar (horizontalno pravilo), navigacijska ploča (navigacijska traka) sa gumbima za kretanje Web lokacija, novi sloj slike (sloj crtanja), mekani prijenos (linija linija) u tekst, povez na elektronska adresa (E-mail link), trenutni datum (zob), flash- (bljeskalica) i udarni val - (Shockwave) Animacija generatora i fireworks objekt, Java Applets i ActiveX elementi, prebrisani pomoću dodatnih modula (Plag-a) i Vanjska HTML datoteka (SSI).

Paleta "Elementi fontova" omogućava vam dodavanje jednog od 12 različitih posebnih znakova na web stranice: novi string, autorska prava (copywrit), registrovani zaštitni znak, monetarni znakovi, uključujući funta sterlinga, jena, eura i citata, crtica i ostali znakovi (vidi Sl. 6.11).

Paleta "forme" (obrasci) prikazana na slici. 6.12, služi za stvaranje obrazaca ( vidi § 2.8) I sadrži sljedeće tipke: zapravo oblici (obrasci), tekstualno polje (tekstualno polje), gumb, prebacuje potvrdni okvir i radio batton, lista / meni (lista / meni), polje za prenos datoteka (Skriveno polje), skriveno polje (skriveno polje) ) i pokazivač hiperveza za prijelaz na drugo mjesto (izbornikom za skok).

Imajte na umu da na dnu sve palete grupe "objekt", polja "poravnanja" (izgled) i "prikaz" (View) omogućuju vam da vam omogućuju posmatranje i upravljanje plasmanom objekata na web stranici.

Paleta okvira (okviri) prikazana na slici. 6.13, omogućujete upotrebu odgovarajućeg gumba za odabir određenog oblika strukture okvira sa dva, tri i četiri različita okvira. Ukupan broj opcija je osam.

Paleta "zaglavlje" omogućava vam dodavanje odgovarajućih oznaka u zaglavlje HTML dokumenta i vrijednosti parametara, uključujući: Meta-Informacijske oznake i ključne riječi, opis web lokacija, opcije ažuriranja, vrijednost osnovne veze (zadane veze) ), Linkovi za veze.

Paleta "nevidljivih predmeta" (nevidljivi) prikazani na slici. 6.14, omogućava vam da se stavite na stranicu oznake (vidi takođe § 4.2.i § 4.3.), fusnote i komentari ( vidi § 2.5) i Java skripte ( vidi § 2.9).

Posljednja paleta, koja je dio složene adaptivne palete "Objekti", naziva se "Special" (posebno). U njemu, kao što je prikazano na slici. 6.16, postoje tri piktograma ili tastera, naime: apleti, dodaci i activeX elementi.

Nije tajna da u konkurenciji između ručnog pisanja koda i upotrebe Adobe Dreamweaver usluge dugo je osvojio posljednji. Ovaj prikladan u svim uređivačem čula pojednostavljuje život bilo kojeg webmastera, štedeći njegovo vrijeme i snagu. Činjenica da se u uobičajenoj bilježnici piše za pola sata, u ovom uredniku se može doslovno napraviti za pet minuta. Štaviše, što je najvažnije, u ovom slučaju, tako uvrijeđene greške u kodu koji morate pretražiti i ispraviti u potpunosti su isključeni. Da li je to uobičajen raspored stranica ili programiranje na PHP-u, Dreamweaver će uvijek doći u spas. I, naravno, ne bi trebali sumnjati da proces rada s njim neće biti samo prikladniji, već i jednostavan. U stvari, Dreamweaver će napraviti dio korisnika, oslobađanje od potrebe da se zna zna u jednoj ili drugoj sferi web tehnologija. Šta bi moglo biti lakše? Program je razumljiv svima i može se savladati doslovno nedeljama. Ovaj članak će pomoći novajlijama korisnicima čak brže u osnovama rada sa Adobe Dreamweaverom. Na primjeru najnovije dostupne na ovaj trenutak Verzija 9.0. Odmah treba napomenuti da su detaljne informacije na engleskom jeziku ugrađene u urednik, govoreći o svim aspektima njegove upotrebe. Naravno, ovaj članak ne može utjecati na njih sve. Ali referenca ima jedan veliki nedostatak - pretjerano obilje informacija. Da biste razumjeli osnove, morate potrošiti veliki broj vrijeme. Pokušat ćemo ispraviti ovu manu.

Sučelje

Izgled programa je sasvim jednostavan. U međuvremenu, radni prostor je organiziran izuzetno zamišljeno, što osigurava njegovu efikasnu upotrebu. Adobe Dreamweaver sučelje sastoji se od nekoliko elemenata koji se mogu podijeliti u pet grupa. Prvo uključuje glavni meni koji je na određenom mestu na vrhu prozora programa. Sadrži višestruke oznake: "Datoteka", "Edit", "Gleda", "Umetni", "Uredi", "Tekst", "Web stranica", "Prozor" i "Pomoć" i "Pomoć" i "Pomoć". Najvažnije za korisnika su oznake "datoteke" i "uredi", jer ih ne dupliciraju nijedan drugi meniji i često se koriste. Ove oznake su tipične za sve programe, a zato se nećemo prestati na njima. Preostale oznake u glavnom meniju nisu previše važne jer je delimično ili u potpunosti duplicirano drugim elementima sučelja ili se jednostavno rijetko koriste. Sljedeća grupa je meni "umetanje", koji je u osnovi sanjačkim alatnim trakom. Može se prenijeti na bilo koji dio prozora programa, ali je najbolje ostaviti ga na početnom položaju ispod glavnog izbornika. Ovaj element sučelja može se smanjiti za povećanje površine radnog prostora. Postoji nekoliko oznaka odvojenih tipom podataka na ploči "Umetanje". Kartica "Dijeljena" nalazi se najčešće korišteni elementi: hiperveze, slike, tablice itd. Ova se kartica najčešće koristi. Među ostalim oznakama na ploči "izgled" (rad sa SPRY, tablicama i okvirima), "Obrasci", "Podaci", "Spry", "Tekst" i "Favoriti". Kartica "Tekst" dijelom je duplicirana drugim elementima sučelja, a kartica favorita omogućava korisniku da napravi svoj vlastiti izbornik.

Grupa oznaka "CSS stilova" vrlo je korisna, u kojoj možete stvoriti nove stilove i uređivati \u200b\u200bstaro

Prozor s raznim skupinama ploča nalazi se udesno s programa (ukupne grupe mogu biti četiri). Ne može se prenijeti na drugo mjesto, ali može se sakriti ili zatvoriti. Svaka grupa oznaka na ovom panelu može se prevrtati ili zatvoriti. Na odjavljenom panelu, panel je zadovoljna nezgrapnim i značajno smanjuje veličinu radnog prostora. Ovaj dio sučelja je pomoćna priroda i omogućava vam da izvršite neke postupke bez otvaranja dodatnih prozora. Na primjer, oznake "CSS stilova" su vrlo korisni, u kojima možete stvoriti nove stilove i uređivati \u200b\u200bstaro, kao i kontrolirati različita svojstva stilova. Druga grupa oznaka oznaka oznaka omogućava vam upravljanje oznakom namještenom trenutno: pogledajte njegove svojstva i dodajte nove ili promjene starih parametara. Dvije druge datoteke "datoteke" i "magazin" koriste se mnogo rjeđe. Prvi je dizajniran za kontrolu lokalnih i mrežni resursi i druge operacije, a druga ispunjava ulogu dnevnika operacija. Ako želite, korisnik može otkazati akcije vraćanjem na određenu točku. Jao, nemoguće je otkazati postupke.

Pod radnom području postoji druga grupa - "nekretnine". Prikazuje sve postavke dostupne za elemente dizajna. Ovaj panel se takođe može minimizirati ili zatvoriti, osim dvostrukog klikom na površinu bez ploče, može se smanjiti (dodatne opcije će biti skrivene). "Svojstva" dupliciraju funkcije drugih elemenata sučelja i vrlo su važne, jer vam omogućavaju formatiranje različitih elemenata web mjesta. Sadržaj ovog panela variraju ovisno o odabranom sadržaju. Gotovo u svim slučajevima, možete definirati usklađivanje (tri pozicije za ne-tekstualne vrste podataka i četiri za tekst). Ako odaberete tekst u ploči "Svojstva", možete postaviti CSS stil (kao i stvoriti novu bukvalno u letu), odaberite tekst u tekstu, pretvorite tekst na popis, kao i umetnite vezu na posvećenu Mjesto. Za grafiku, dostupne su postavke za veličinu, uvlake, hiperveze, granice itd. Pri radu sa tablicama moguće je postaviti razne postavke Broj stupaca i ćelija, granica, uvlaka i boja. Ova ploča se koristi i pri radu sa mnogim drugim elementima stranice.

Posljednja grupa komponenti sučelja Dreamweaver uključuje radno područje. Takođe ima obezbeđenje obeleživača. U programu možete otvoriti nekoliko dokumenata odjednom, između kojeg se možete kretati u slobodnoj narudžbi. Radni prostor uključuje i nekoliko alata. Gornja ploča "Dokument" omogućava vam prelazak između nekoliko načina: kodiranja i dizajna. Pored toga, omogućava vam upravljanje gledanjem dokumenta u pretraživaču, ako je moguće. Ako želite, ovaj panel se može premjestiti na bilo koje mjesto programa programa programskog programa. Donja ploča omogućuje vam prebacivanje načina kursora, kontrolnu skaliranje. Pored toga, sadrži podatke o dokumentu (veličini, dozvoli itd.) I stablo hijerarhije oznake. Potonji je popis svih viših oznaka za to. Na ovoj listi možete pomaknuti nivo do tegore.

Radite sa dokumentom.

U režimu "kod", direktno uređivanje dokumenta sličnog rada u "Notepad" je dostupan.

Prije svega, bit će potrebno odrediti njegove osnovne postavke za kreiranje stranice. To se vrši putem izbornika "Edit -\u003e Svojstva stranica" ("Vruća" tipka Ctrl + J) ili kroz kontekstni meni. U prozoru koji se pojavljuje, možete postaviti zadani font za tekst i veze, dajte stranicu naziva, odredite njegovu kodiranje, kao i navedite pozadinsku uzorak slike (praćenje). Naziv web lokacije, usput, može se postaviti i u panelu "Dokument". Ostatak stranice stranice možete postaviti ručno ili putem "oznake inspektora" odabirom oznake tijela. Često, početak web master-a zahtijeva samo parametre pozadine i bgcolor (slika u pozadini i boju pozadine, respektivno). Da biste kreirali meta oznake, morate ići na "kod" režim klikom na odgovarajuću karticu na ploči "Dokument". U ovom režimu, dostupan je izravno uređivanje dokumenta sličnog rada u "Notepad". Međutim, Dreamweaver takođe ima svoje prednosti. Svi redovi u kodu radi praktičnosti su numerirani, a same oznake povezane su sa svim programskim panelima, kao u projektnom režimu (dizajn). Ovisno o vrsti oznaka, istaknute su u različitim bojama, čime se razbijaju monotoni komadići kodeksa, olakšavajući njegovu identifikaciju. Uz to, prilikom uređivanja koda, mali meni sa popisom pojavljuje se pored kursora. moguće opcije. Bodovi s liste mogu se odabrati tipkovnicom ili mišem, nakon čega su automatski supstituirani u kôd, što značajno ubrzava izgled dokumenta. Na primjer, da biste umetnuli sliku u dokument, dovoljan je da unesete otvor "Angular" nosač, odaberite iz IMG oznake koja se pojavljuje (Da biste pojednostavili pretragu Možete ispisati slovo "I" - program automatski filtrira sve ostalo Oznake koje počinju s ovim slovom), zatim se pojavilo prostor Odabir iznova, pojavio se meni parametra SRC, a zatim kliknite na gumb Pretražite koji se pojavljuje da otvori prozor za traženje željene slike. Međutim, slike su mnogo lakše i brže kroz izbornik "Umetanje". To se odnosi na tablice. Kada dodajete tablicu dokumentu, pojavljuje se prozor sa postavkama za broj stupaca i ćelija, intervala, polja, širina itd. Sve ove postavke, kao i neke druge mogu se mijenjati i nakon stvaranja tablice kroz "svojstva "Panel. Pored toga, parametri ćelije se takođe mogu izmijeniti, odabrati ih u radnom prostoru (u režimu koda, dovoljno je staviti kursor u željenu oznaku). Nije manje korisna funkcija promjene veličine tablice, stubova i ćelija mišem. Da biste to učinili, držite kursor na granici, a zatim ga povucite na željenu stranu. Usput, da biste uklonili bilo koji element iz dokumenta, dovoljno je da ga istaknete i kliknete na tipku Izbriši na tastaturi. I da biste premjestili bilo koji predmet (na primjer, umetnite tekst u tablicu), potrebno je i dodijeliti i prevući i prevući kursor.

Ne manje efikasan alat Adobe Dreamweaver je kontekstni izbornik. Duplicirane su glavnim naredbama i elementima sučelja koji, prema programerima, zahtijevaju brzi pristup. Ovdje možete postaviti svojstva odabrane stavke, uključujući CSS postavke, poravnanje i oblikovanje. Pored toga, kroz kontekstni meni možete kontrolirati oznake, dodajte komentare (note su programera), pa čak i idite na postavke stranice. Usput, da biste brzo promijenili kod izvornog predmeta, samo otvorite kontekstni izbornik i odaberite Brzo uređivač oznake. Ali za umetanje različitih elemenata, panel za umetanje i ime kartice u glavnom meniju su neophodni. Svi elementi dostupni za umetanje su klasificirani i podijeljeni u grupe. Ako željena stavka još uvijek nedostaje na popisu, možete koristiti funkciju "Tag ..." ("vruće" ključ Ctrl + E). U prozoru koji se pojavljuje potpuna popisa dostupnih oznaka, slomljena u grupe. I ne samo HTML oznake, već i ASP, PHP itd. Moguće su.

Ništa manje pogodno za formatiranje teksta. Kroz razne alatne trake i meni možete promeniti usklađivanje teksta, dodavanje uvlaka, stvaranje numeriranih ili regularnih lista, postavljene veličine, font i boju itd., Koji je važan, svi parametri povezani sa vanjske vrste Tekstovi su vezani za CSS. Promjena parametara fonta, korisnik stvara novo styles CSS. (Program ih automatski ulazi u dokument). To je, s jedne strane, prikladno, jer oslobađa od potrebe da se iste akcije provode sličnim slovima teksta, s druge - ne baš, jer se korisnik može zbuniti u stvorenim stilovima. Međutim, svakako je CSS mnogo prikladniji za dupliciranje njegovih oznaka (poput fonta), jer vam omogućavaju da sačuvate vrijeme web čarobnjaka i smanjite konačnu veličinu dokumenta.

Podrezati

Naravno, sve gore navedene funkcije urednika su vrlo korisne, ali su prvenstveno na HTML raspored stranica, odnosno za stvaranje najjednostavnijih mjesta. Ali Adobe Dreamweaver vam omogućava da radite i druge vrste dokumenata. Program podržava akcijsku skriptu, Java Script, XML, ASP.NET, JSP, PHP, Script, pa čak i samo tekstualni dokument. Istina, imenovanje potonjeg nije sasvim jasno (u tom pogledu, Dreamweaver jasno gubi "bilježnicu" na konzumiranje i brzinu opterećenja resursa). Naravno, atributacija automatske oznake i režim vizualnog pregleda bit će dostupni samo za dokumente sa HTML podrškom. Ali u bilo kojoj vrsti dokumenta, osvjetljenje koda bit će spremljeno.

Važna prednost programa su unaprijed ubrani raspored. Prilikom kreiranja novog dokumenta na raspolaganju je skup predložaka. To uključuje razne stranice Od standardnih okvira do raznih stilova i čak dizajnerskih izgleda. Autori programa stvorili su nekoliko desetaka različitih predložaka koji mogu biti korisni u različitim situacijama, na primjer, za stvaranje web lokacija prezentacija s ograničenim resursima i vremenom. Kada se koristi gotovi resursi, pojavit će se prozor za upravljanje web lokacijama gdje možete dodati novu web lokaciju, uređivanje, okvir i uvoz i izvoziti postojeću. Prilikom kreiranja stranice pojavit će se obrazac s postavkama gdje će u nekoliko koraka biti potrebno postaviti nekoliko parametara: ime i adresu, postavke veze za daljinski server itd. Ovaj je postupak dio drugog korisnog (ali malo u potražnji običnih korisnika) lokalnog i daljinski upravljač Web lokacije. Za takve operacije u glavnom meniju označeno je zasebna oznaka - "Web stranica". Može se nazvati prozorom za upravljanje web lokacijama, provjerite veze, izvršite niz drugih operacija. Najzanimljivije za običnog korisnika u ovom meniju je funkcija "Izvještaja". Omogućuje vam skeniranje web lokacije za različite nedostatke. Rezultati ispitivanja prikazuju se u zasebna ploča sa višestrukim oznakama. U jednom od njih možete provjeriti kupljene vezeU drugom - grešku koda. Na primjer, na jednoj od stranica koje su mi poduzimala, masa nedostajućih atributa i nekih nisu u potpunosti ispravni predmeti. Pored toga, pomoću "izvještaja" možete provjeriti kod za kompatibilnost sa pretraživačima. Međutim, ako je cijeli cijeli kod napisan sa Dreamweaverom, tada se problematična područja neće naći, mada u činjenici, u rijetkim slučajevima, na kojem se napisuje urednik koji je napisao urednik ne izgleda baš kao što želim. Svi provjeri rezultati mogu se spremiti u zasebnu datoteku.

Dakle, kao što vidimo, Adobe Dreamweaver je moćan alat za kreiranje, promjenu i upravljanje menadžmentom, što će biti korisno kao novak Web Master i iskusni korisnikProgramiranje na Java, PHP itd. Sa Dreamweaverom možete izvesti ogroman broj operacija za koje postoji nekoliko programa odjednom bez ovog urednika.

Pošaljite svoj dobar rad u bazi znanja je jednostavan. Koristite obrazac u nastavku

Studenti, diplomirani studenti, mladi naučnici koji koriste bazu znanja u studiranju i radu bit će vam vrlo zahvalni.

Slični dokumenti

Jezik označavanja hiperteksta hTML stranice. Osiguravanje dostupnosti web stranice, predstavljajući tekst i grafiku. Osnovna pravila i faze kreiranja web lokacije, izbor strukture stranice. Evaluacija ekonomske izvedivosti korištenja HTML urednika.

teza, dodano 25.03.2013


Mogućnost rada S. tekstualni urednici Samo za stvaranje malih web stranica. Teorija web dizajna i njegove priče. Urednik Dreamweaver, njegove karakteristike. Osnovni zahtjevi za web stranicu. Dreamweaver pojave nastanka.

rad kursa, dodano 12.06.2009


Teorijski pregled problema sa stvaranjem web stranice "sukobi u organizaciji". Analiza informacionih resursa i usluga. Karakteristike metoda istraživanja sukoba u organizacijama. Macromedia Dreamweaver softverski paket za kreiranje web stranica.

teza, dodano 22.06.2015


Rad sa HTML urednikom Adobe Dreamweaver. Faze i pravila za izgradnju naslovne stranice stranice, oblikovanje HTML stranica, stvaranje hipertekstualnih veza, stvaranja i formatiranja tablica. Upotreba grafičkih materijala prilikom razvoja stranice.

metoda, dodana 07.06.2011


Opće karakteristike Hypertext markur jezik Hypertext markup jezik. Struktura HTML dokumenta. Pregled glavnih HTML sposobnosti. Elementi moderan dizajn Web stranice. Analiza praktične primjene HTML-a (na primjeru programa obuke).

kursevi, dodani 24.11.2012


Pregled programa za kreiranje web stranica; Uporedna analiza makromedijskih Dreamweaver i naslovne stranice. Proces stvaranja moderne stranice; Evaluacija ekonomske izvedivosti korištenja računara. Zaštita radne snage kompjuterskog skupa i operatora izgleda.

teza, dodano 07.07.2010


Razmatranje Visual HTML Editor Dreamweaver. Određivanje strukture lokacije "Fast Studio". Sadržaj stranice "Početna", "Portfolio", "Kontakti". Oznake i metode oblikovanja teksta za njegov dizajn pomoću CSS spojenih tablica.

kurs, dodano 18.08.2013


Karakteristike karakteristika uređivača Dreamweaver i naslovne stranice. Karakteristike PHP i JavaScript programskih jezika. Osnovni zahtjevi za web stranicu. Specifičnost softver Za njegovo kreiranje i efikasnost upotrebe.

rad kursa, dodano 02.03.2011

Pod posebnim značajkama podrazumijeva stvaranje takvih web stranica i web proizvoda koji mogu koristiti osobe sa kršenjem, sluhom, mišićno-koštanim sistemom i drugim fizičkim poremećajima.

Podrška za posebne funkcije u okviru operativnog sistema

Dreamweaver podržava posebne karakteristike windows sistemi i Macintosh. Na primjer, u operacijskoj sali macintosh sistem Možete postaviti vizualne parametre u dijaloškom okviru Univerzalni pristup pristupu ("Apple"\u003e Sistemske postavke). Navedene postavke ogledaju se u radnom prostoru Dreamweaver.

Podržana je i konfiguracija visoke kontrasta dostupne u Windows-u. Ovaj parametar može se omogućiti na Windows upravljačkoj ploči. Za komponente Dreamweaver, ova postavka ima sljedeći efekat.

Pomjera dijaloških okvira i panela postavke sistema Cvijeće. Na primjer, ako postavite boju "Bijeli na crnu", tada će se bijela boja teksta i crne boje pozadine koristiti za sve dijaloške kutije i panele Dreamweaver.

U prikazu "Kodeks" koristi se sistemska boja teksta i boje teksta prozora. Na primjer, ako postavite boju sustava na bijeli na plavu, a zatim promijenite boje teksta putem izbornika za uređivanje\u003e "Podešavanja"\u003e "Dizajn kodova u boji", a zatim Dreamweaver ne koristi ove parametre i prikazuje se tekst sa Bijeli simboli na crnoj pozadini.

Prostor "Dizajn" koristi tekstualne boje i pozadine, specificirane pomoću naredbi "Promjena"\u003e "Svojstva stranice"; Stoga će se boje na kreiranim stranicama prikazati na isti način kao i u pretraživaču.

Optimizacija radnog prostora za dizajniranje stranica sa posebnim funkcijama

Prilikom kreiranja stranica s posebnim funkcijama, morate pridružiti informacije, kao što su naljepnice i opise, sa objektima na stranici, što će sadržaj učiniti dostupnim svim korisnicima.

U tu svrhu Aktivirajte dijaloški okvir Posebne funkcije za svaki objekt, nakon čega će se Dreamweaver ponuditi da unese informacije o posebnim funkcijama tokom umetanja objekata. Dijaloški okvir može se aktivirati za bilo koji objekt u prozoru "Posebne funkcije" "Podešavanja".

1. Odaberite "Uredi"\u003e "Podešavanja" (u Windows) ili Dreamweaver\u003e Podešavanja (u Macintosh).
2. U popisu "Kategorija" s lijeve strane odaberite "Posebne funkcije", odaberite objekt, postavite bilo koji od sljedećih parametara i kliknite OK. Umetnite atribute Odaberite objekte za koje želite aktivirati dijaloške okvire posebnih funkcija. Na primjer, predmeti oblika, okvira, multimedije i slika. Kada otvorite spremite aktivno ploču Omogućuje vam spremanje položaja fokusa na ploči da biste osigurali rad zaslona s ekrana. (Ako ovaj parametar nije odabran, prilikom otvaranja ploče, fokus se održava u prikazu "Dizajn" ili "kod".) Izgradnja slika van ekrana Odaberite ovu opciju kada koristite čitač ekrana sa ekrana.

   Bilješka.Atributi posebnih karakteristika prikazuju se u dijaloškom okviru "Umetanje tablice" prilikom umetanja nove tablice.

Posebne funkcije Provjerite funkciju u Dreamweaveru

Počevši od Dreamweaver CS5, funkcija provjere posebnih značajki u Dreamweaveru je zastarjela.

Navigacija Dreamweaver pomoću tastature

Možete koristiti tastaturu za pomicanje preko ploča, inspektora svojstava, dijaloški okviri, Okviri i stolovi bez upotrebe miša.

Bilješka. Upotrijebite tipku Tab, a tipke sa strelicama mogu se koristiti samo u operativnom sistemu Windows.

Navigativni paneli

1. Dok ste u prozoru dokumenta pritisnite tipke "CTRL" i "F6" za prebacivanje fokusa na ploču.

   Isplata zaglavlja panela ukazuje na to da je fokus na ploči. Program za čitanje sa ekrana izražava zaglavlje komore koji je primio fokus.

2. Istovremeno pritisnite tipke "CTRL" i "F6" dok se fokus ne prikaže na potrebnu ploču. (Da se preseli između panela u obrnuti red Istovremeno pritisnite tipke "Ctrl", "Shift" i "F6".)
3. Ako vam treba zatvorena ploča, koristite prečicu tastature u windows meni Da biste prikazali ovu ploču, a zatim istovremeno pritisnite "Control" i "F6".

   Ako je željena ploča otvorena, ali ne raspoređena, pomaknite fokus na zaglavlje ploče i pritisnite taster za razmak. Da biste ga otvorili, ponovo pritisnite tipku "Space".

4. Upotrijebite tipku Tab za pomicanje duž upravljačkih ploča.
5. Tipke sa strelicama koriste se u sljedećim slučajevima.
   • Ako kontrola ima opcije, koristite tipke sa strelicama za pomicanje između opcija između opcija i za odabir vrijednosti, tipke "Space".
   • Ako na ploči postoje kartice, otvaranjem ostalih ploča, postavite fokus na otvorite karticu I pomoću tipke "LEVO" ili "strelica desno" otvorite željenu karticu. Nakon otvaranja kartice moguće je premjestiti na njegove upravljačke elemente pomoću tipke Tab.

Navigacija za inspektorske svojstva

1. Da biste prikazali inspektor Svojstva, pritisnite tipke "CTRL" + "F3".
2. Pritisnite tipku za tipkovnicu "CTRL" + "F6" (samo u Windows) dok se fokus ne prikaže inspektoru svojstva.
3. Upotrijebite tipku Tab za pomicanje kroz kontrole inspekcije svojstava.
4. Ključevi sa strelicama koriste se za pomicanje između opcija.
5. Pritisnite strelicu "CTRL" + "gore (Windows) ili" naredbu "+" gore arrow "(Macintosh) da otvorite, ako trebate otvoriti ili zatvoriti distribuciju proširenog inspektora nekretnine ili lebdjeti strelicom raspoređivanja na donji desni ugao i pritisnite tipku "Space".

Na slici ispod prikazan je Adobe Dreamweaver sučelje. U različite verzije Programi mogu biti neke razlike.

1. Mockup odabir gumba
2. Dugme za odabir proširenja
3. Dugme za rad sa veb lokacijom
4. Dugme za odabir sučelja(Prekidač za invalidska kolica je izbor 11 opcija). Slika - Klasično sučelje
5. Linija izbornika (10 menija sa padajućom naredbenim popisima)
6. Red tabulatora (kategorije) - 9 kartica za različite vrste raditi
7. Alatna traka. TOOLBAR se mijenja ovisno o odabranoj kartici (na slici - alatnoj traci za karticu Tekst). Red tabulatora (str.6) i alatne trake (str. 7) zajedno formiraju "Pakovanje panela"
8. Liniju otvoreni dokumenti
9. Kod Toolbar
10. Numeriranje kodnih linija
11. Odjeljak koda (kada je podijeljen s prozorom za uređivanje na kod i dizajn)
12. Status bar (Korišćene oznake, brzina utovarivanja stranice nanošenje stranice).
13. Grupa panela "Rezultati" (Pretraga, referentna knjiga, Provjerite veze, izvještaje itd.)
14. Dock paneli - Može sadržavati datoteke, sredstva, fragmente kodova, baze podataka, stilove, inspektor oznake itd. Dock ploče otvara / uklanja iz prozora programa pomoću izbornika Window - Sakrij paneli / showne ploče.
15. Dizajnerski odjeljak (kada je podijeljen s prozorom za uređivanje u kodu i dizajn)

Kada promijenite radni prostor (tipku 4), programsko sučelje može se razlikovati od onoga što se prikazuje na slici iznad ("klasična" verzija sučelja).

Uređivanje prozora (prozor dokumenta)

Prozor uređivanja pokriva centralno mjesto u prozoru programa.
Stranica u prozoru uređivanja može se otvoriti u režimu koda, u režimu odvajanja u režim koda i vizuelnog uređivanja u režimu dizajna ili u režimu interaktivnog pregleda (realizovanija stranica).


Prezentacija "Interaktivni kod"Dostupno samo prilikom pregleda dokumenta u reprezentaciji "Interaktivni prikaz" i prikazuje pravi kôd. Prikaz "interaktivnog koda" ne podržava uređivanje.

Alatne trake :

Standardna alatna traka (Kreirajte, otvorite, sačuvajte, paste, itd.)

Komponente

Baza podataka

Ponašanje servera

Tag urednik Brza oznaka - Koristi se kada trebate brzo provjeriti, ubaciti ili promijeniti hTML oznakeBez zatvaranja prezentacije "dizajna".

Aplikacija Na vrhu prozora aplikacije nalazi se prekidač za radno mjesto, meni (samo za Windows) i druge kontrole.

Selektor oznake nalazi se u statusnoj traci. Prikazuje hijerarhiju oznaka.