Programmatūras pakotne Dreamweaver, piemēram, FrontPage, ir paredzēts, lai izstrādātu dažādas vietnes, tostarp publicēšanas vietnes, viens no tiem uzdevumiem ir elektronisko publikāciju izplatība. Tas ir piemērots mazu un ļoti lielu vietu izveidei. Pirmajā gadījumā vienīgais tīmekļa pārziņa speciālists nodarbojas ar attīstību. Pēdējā gadījumā visa komanda darbojas projektā, tostarp projekta administrators, tīmekļa dizainers, HTML Vestists, tīmekļa programmētājs, korektors, pasta vadītāji. Daudzi eksperti apgalvo, ka profesionāli web dizaineri savā darbā visbiežāk izmanto Adobe Photoshop sagatavot grafikas un Macromedia Dreamweaver dizainu atsevišķu tīmekļa lapām.

Iepazīšanās ar šo paketi liecina, ka šim apgalvojumam ir stabils pamats. Kā jau izdarīts vairākkārt, sāksim mācīties paketi no tās saskarnes.

6.2.1. Dreamweaver Package Interface

Dreamweaver 4.0 iepakojuma interfeiss ir parādīts 1. attēlā. 6.9. Papildus galvenes virknes, izvēlnes stīgām, rīkjoslām un standarta programmu darba logu, mēs atzīmējam vairāku palešu klātbūtni, kas, tāpat kā redaktoros, tiek ievietoti programmas darba logā. Starp citu, atvērto trīs palešu "objektu" nosaukumi (objekti), "Properties" un "palaidējs) atbilst pirmajām trīs komandu sadaļām" Window "sadaļā.

Šī pakete ir integrēta no Macromedia Software produktu grupā izmantoto tehnoloģiju viedokļa, kas iekaro arvien spēcīgākas pozīcijas tīmekļa dizaina fondu tirgū. Citas šīs grupas programmas: Macromedia direktors un Flash tiks apspriests turpmākajos šīs nodaļas punktos. Kopumā tie nodrošina galvenos tīmekļa dizaina virzienus, un katrs individuāli specializējas vienā konkrētā virzienā.

Pirmkārt, mēs koncentrēsimies uz objektu paleti (objektiem), kura izskats ir atspoguļots 1. attēlā. 6.10. Paletes izskats ir atkarīgs no saraksta loga izvēlētā objekta tipa augšējā daļā, t.i., paleti var saukt adaptīva. Pēc noklusējuma sarakstā ir iestatīts "Basic" pozīcija. Att. 6.10 Atvērtajā sarakstā šī konkrētā iespēja ir izvēlēta. Šī palete, izmantojot 18 dažādus rīkus, jūs varat iekļaut dažādus objektus lapā, jo īpaši (lai atrašanās vietu pogas paletē): grafika (attēls), animācijas pogu (apgāšanās attēlu), izskats, kuras izmaiņas mainās Kad jūs apkopojat peles kursora tabulu (tabulu), tabula ar datiem, kas ievadīti iepriekš, iepriekš sagatavoti citā programmatūras pakotnē (tabulas dati), lineāls (horizontālais noteikums), navigācijas panelis (navigācijas josla) ar pogām, lai pārvietotos tālāk vietne, jauns attēla slānis (izlozes slānis), mīksts pārsūtīšanas (līnijas pārtraukums) uz tekstu, saiti uz elektroniskā adrese (E-pasta saite), pašreizējais datums (auzu), flash- (zibspuldzes) animācija, ģeneratora sagataves un uguņošanas objekts, Java sīklietotnes un ActiveX elementi, objekti, kas atveidoti, izmantojot papildu moduļus (PLAG -ņi), un ārējais HTML fails (SSI).

"Fonta elementi" palete ļauj jums pievienot vienu no 12 dažādām īpašajām rakstzīmēm uz tīmekļa lapām: jauna virkne, Autortiesības (copywrit), reģistrēta preču zīme, monetārās zīmes, ieskaitot mārciņas, jenu, eiro un citātus, domuzīmi un citas zīmes (sk. 6.11. Att.).

"Veidlapas" palete (veidlapas), kas parādītas 1. attēlā. 6.12, kalpo, lai izveidotu veidlapas ( skatīt 2.8. Punktu) un satur šādas pogas: faktiski veidlapas (veidlapas), teksta lauks (teksta lauks), poga, slēdži izvēles rūtiņu un radio batton, sarakstu / izvēlni (saraksts / izvēlne), failu pārsūtīšanas lauks (ImageField)), slēptā lauka (slēptā laukā) ) un hipersaites rādītājs, lai dotos uz citu vietni (izlēktu izvēlni).

Ņemiet vērā, ka apakšā visu "objekta" grupas paleti, tiek nodrošināti "izlīdzināšanas" lauki (izkārtojums) un "skats" (skats), kas ļauj novērot un pārvaldīt objektu izvietošanu tīmekļa lapā.

Rāmja palete (rāmji) parādīts attēlā. 6.13, jūs ļaujat izmantot atbilstošu pogu, lai izvēlētos noteiktu formu rāmja konstrukciju ar diviem, trim un četriem dažādiem rāmjiem, kas atrodas. Kopējais iespēju skaits ir astoņi.

"Header" palete (galva) ļauj pievienot atbilstošus tagus HTML dokumenta un parametru vērtību galvenes daļai, tai skaitā: Meta-informācijas tagus un atslēgvārdus, vietnes aprakstu, atjaunināšanas opcijas, pamata saites vērtību (noklusējuma saites (noklusējuma saites) ), saites savienojumiem.

"Neredzamie objekti" palete (invisibles), kas parādīts 1. attēlā. 6.14, ļauj jums ievietot grāmatzīmju lapā (skatīt arī 4.2.un 4.3. Pants.), zemsvītras piezīmes un komentāri ( skatīt 2.5. Punktu) un Java skripti ( skatīt 2.9. §).

Pēdējā palete, kas ir daļa no sarežģītās adaptīvās paletes "objektu", sauc par "īpašu" (īpašu). Tajā, kā parādīts 1. attēlā. 6.16, ir trīs piktogrammas vai pogas, proti: Applets, spraudņi un ActiveX elementi.

Nav noslēpums, ka konkursā starp manuālo rakstīšanas kodu un Adobe Dreamweaver pakalpojumu izmantošanu jau sen ir uzvarējis pēdējo. Tas ērts visās jutekļu redaktors vienkāršo dzīves jebkura tīmekļa pārziņa, ietaupot savu laiku un spēku. Fakts, ka parastajā piezīmjdatorā ir rakstīts pusstundā, šajā redaktorā var padarīt burtiski piecu minūšu laikā. Turklāt vissvarīgākais, šajā gadījumā, tik aizskarēja kļūdas kodā, kas jums ir meklēt un pareizi, ir pilnībā izslēgti. Vai tas ir kopīgs lapu vai programmēšanas izkārtojums PHP, Dreamweaver vienmēr ieradīsies glābšanā. Un, protams, jums nevajadzētu šaubīties, ka darbs ar to būs ne tikai ērtāks, bet arī viegli. Faktiski, Dreamweaver dos daļu no lietotāja, atbrīvojot to no nepieciešamības būt zināšanas vienā vai citā tīmekļa tehnoloģiju jomā. Kas varētu būt vieglāk? Programma ir saprotama ikvienam, un to var apgūt burtiski nedēļām. Šis raksts palīdzēs iesācējiem lietotājiem pat ātrāk darboties ar Adobe Dreamweaver. Par piemēru jaunākajiem pieejamajiem Šis brīdis Versija 9.0. Nekavējoties jāatzīmē, ka redaktorā ir iebūvēta detalizēta informācija angļu valodā, pastāstot par visiem tās izmantošanas aspektiem. Protams, šis raksts tos nevar ietekmēt visus. Bet atsaucei ir viens liels trūkums - pārmērīga informācijas pārpilnība. Lai saprastu pamatus, jums ir nepieciešams tērēt liels skaits laiks. Mēs centīsimies labot šo trūkumu.

Saskarne

Programmas izskats ir diezgan vienkāršs. Tikmēr darbvietas tiek organizēta ļoti pārdomāti, kas nodrošina tās efektīvu izmantošanu. Adobe Dreamweaver interfeiss sastāv no vairākiem elementiem, kurus var iedalīt piecās grupās. Pirmajā ietver galveno izvēlni, kas ir fiksētā vietā programmas loga augšpusē. Tas ietver vairākas grāmatzīmes: "File", "Rediģēt", "View", "Insert", "Rediģēt", "Teksts", "Team", "Website", "logs" un "Palīdzība". Vissvarīgākais lietotājam ir "fails" un "rediģēt" grāmatzīmes, jo tās nav dublētas citas izvēlnes un bieži izmanto. Šīs grāmatzīmes ir raksturīgas visām programmām, un tāpēc mēs tos neapstāsies. Atlikušās grāmatzīmes galvenajā izvēlnē nav pārāk svarīga, jo tā ir daļēji vai pilnīgi dublēta ar citiem interfeisa elementiem vai vienkārši tiek izmantoti. Nākamā grupa ir izvēlne "Ievietot", kas būtībā ir Dreamweaver rīkjosla. To var pārsūtīt uz jebkuru programmas loga daļu, bet vislabāk to atstāt sākotnējā pozīcijā saskaņā ar galveno izvēlni. Šo saskarnes elementu var samazināt līdz minimumam, lai palielinātu darbvietas zonu. Ir vairākas grāmatzīmes, kas atdalītas pēc datu veida "Ievietot" paneli. Cilne "Shared" atrodas visbiežāk izmantotie elementi: hipersaites, attēli, tabulas, utt Šī cilne tiek izmantota visbiežāk. Starp citām grāmatzīmēm "Izvietojuma" panelis (darbs ar Spry, galdiem un rāmjiem), "Veidlapas", "Dati", "Spry", "Teksts" un "Favorīti". Cilni "Teksts" daļēji dublē citi interfeisa elementi, un cilne Izlase ļauj lietotājam veikt savu izvēlni.

Grāmatzīmju grupa "CSS stili" ir ļoti noderīga, kurā jūs varat izveidot jaunus stilus un rediģēt veco

Programmas labajā pusē atrodas logs ar dažādām paneļu grupām (kopējās grupas var būt četras). To nevar nodot citai vietai, bet to var slēpt vai slēgt. Katru grāmatzīmju grupu šajā panelī var velmēt vai aizvērt. Neatklātā panelī panelis ir apmierināts ar apgrūtinošu un ievērojami samazina darbvietas lielumu. Šī saskarnes daļa ir papildu raksturs un ļauj veikt dažas darbības, neatverot papildu Windows. Piemēram, "CSS stili" Grāmatzīmju grupa ir ļoti noderīga, kurā jūs varat izveidot jaunus stilus un rediģēt veco, kā arī kontrolēt dažādas stilu īpašības. Vēl viena grupa Tag Inspector grāmatzīmes ļauj jums pārvaldīt tagu veltīta šobrīd: apskatīt tās īpašības un pievienot jaunus vai mainot vecos parametrus. Divi citi faili "faili" un "žurnāls" tiek izmantoti daudz retāk. Pirmais ir izstrādāts, lai kontrolētu vietējo un tīkla resursi un citas operācijas, un otrais pilda operāciju žurnāla lomu. Ja nepieciešams, lietotājs var atcelt darbības, atgriežoties noteiktā vietā. Diemžēl pasākumi nav iespējams atcelt darbības.

Saskaņā ar darba zonu ir vēl viena grupa - "Properties". Tas parāda visus dizaina elementiem pieejamos iestatījumus. Šo paneli var arī samazināt vai slēgt, papildus dubultklikšķi uz paneļa brīvās zonas, to var samazināt (papildu iespējas būs paslēptas). "Properties" dublēt funkcijas citu elementu saskarnes un ir ļoti svarīgi, jo tie ļauj jums formatēt dažādus elementus vietā. Šī paneļa saturs atšķiras atkarībā no izvēlētā satura. Gandrīz visos gadījumos jūs varat definēt saskaņošanu (trīs pozīcijas, kas nav teksta datu tipiem un četriem tekstam). Ja izvēlaties tekstu "Properties" panelī, varat iestatīt CSS stilu (kā arī izveidot jaunu burtiski uz lidojuma), atlasiet teksta formātu, konvertēt tekstu sarakstā, kā arī ievietot saiti uz veltīta vieta. Grafikai, izmēra, ievilkuma, hipersaites, robežām utt., Ir pieejami. Strādājot ar tabulām, ir iespējams iestatīt dažādi iestatījumi Kolonnu un šūnu, robežu, ievilkumu un krāsu skaits. Šis panelis tiek izmantots un strādājot ar daudziem citiem vietnes elementiem.

Pēdējā grupa Dreamweaver interfeisa komponentiem ietver darba zonu. Tajā ir arī grāmatzīmju struktūra. Programmā jūs varat atvērt vairākus dokumentus uzreiz, starp kuriem jūs varat pārvietoties brīvā secībā. Darba vieta ietver arī vairākus instrumentus. Augšējā panelis "Dokuments" ļauj pārslēgties starp vairākiem režīmiem: kodēšana un dizains. Turklāt tas ļauj jums pārvaldīt dokumenta apskati pārlūkprogrammā, ja iespējams. Ja vēlaties, šo paneli var pārvietot uz jebkuru programmas darbvirsmas programmas vietu. Apakšējā panelis ļauj pārslēgt kursora režīmus, kontroles mērogošanu. Turklāt tajā ir informācija par dokumentu (lielumu, atļauju utt.) Un tagu hierarhijas koku. Pēdējais ir visu augstāko tagu saraksts. Šajā sarakstā jūs varat pārvietoties līdz līmenim līdz ķermeņa tagam.

Strādāt ar dokumentu.

"Kods" režīmā ir pieejams tiešs dokumenta rediģēšana, kas līdzīgs darbam "Notepad".

Pirmkārt, tas būs nepieciešams, lai norādītu savus pamata iestatījumus, lai izveidotu lapu. Tas tiek darīts, izmantojot izvēlni "Rediģēt -\u003e Lapas rekvizīti" ("Hot" taustiņš taustiņš Ctrl + J) vai ar konteksta izvēlni. Parādītajā logā jūs varat iestatīt noklusējuma fontu tekstam un saitēm, norādiet nosaukuma lapu, noteikt tā kodējumu, kā arī norādīt fona attēla paraugu (izsekošanu). Vietnes nosaukumu, starp citu, var iestatīt arī "Document" panelī. Pārējo lapu parametrus var iestatīt manuāli vai izmantojot "tagu inspektoru", izvēloties ķermeņa tagu. Bieži vien, sākums Web Master prasa tikai parametrus fona un bgolor (Attēls fona un krāsas fona, attiecīgi). Lai izveidotu meta tagus, jums ir jāiet uz "kodu" režīmā, noklikšķinot uz atbilstošās cilnes "Document" panelī. Šajā režīmā ir pieejams tiešs rediģēšana, kas ir līdzīgs darbam "Notepad". Tomēr Dreamweaver ir arī tās priekšrocības. Visas rindas kodā Ērtības ir numurētas, un tagi paši ir saistīti ar visiem programmas paneļiem, kā projekta režīmā (tas ir dizains). Atkarībā no tagu veida, tie tiek izcelti dažādās krāsās, tādējādi pārkāpj monotonu koda gabalus, veicinot tās identifikāciju. Turklāt, rediģējot kodu, blakus kursoram parādās neliela izvēlne ar sarakstu. iespējamās iespējas. Punktus no saraksta var izvēlēties ar tastatūru vai peli, pēc tam tie tiek automātiski aizvietoti kodā, kas ievērojami paātrina dokumenta izkārtojumu. Piemēram, lai ievietotu attēlu dokumentā, tas ir pietiekami, lai ierakstītu atvēršanas "leņķa" kronšteinu, izvēlieties no IMG tag, kas parādās (lai vienkāršotu meklēšanu, jūs varat izdrukāt burtu "I" - Programma automātiski filtrē visu citu Tags, sākot ar šo vēstuli), tad ievietojiet vietu Izvēlieties no jauna, parādījās SRC parametru izvēlne, pēc tam noklikšķiniet uz pārlūkošanas pogas, kas parādās, kas atver logu, lai meklētu vēlamo attēlu. Tomēr attēli ir daudz vieglāk un ātrāki, izmantojot izvēlni "Ievietot". Tas attiecas uz tabulām. Pievienojot tabulu uz dokumentu, logs parādās ar iestatījumiem kolonnu un šūnu skaitam, intervāliem, laukiem, platumiem utt. Visi šie iestatījumi, kā arī daži citi var tikt mainīti un pēc tabulas izveidošanas caur "īpašumiem" " panelis. Turklāt šūnu parametrus var mainīt arī, izvēloties tos darbvietā (koda režīmā, tas ir pietiekami, lai novietotu kursoru vēlamajā tagā). Ne mazāk noderīga ir tabulas, kolonnu un šūnu izmēra maiņas funkcija ar peli. Lai to izdarītu, turiet kursoru uz robežas un pēc tam velciet to vēlamajā pusē. Starp citu, lai noņemtu jebkuru elementu no dokumenta, tas ir pietiekami, lai izceltu to un noklikšķiniet uz dzēšanas taustiņa uz tastatūras. Un, lai pārvietotu jebkuru vienumu (piemēram, ievietojiet tekstu tabulā), tas ir arī nepieciešams piešķirt un vilkt un vilkt ar kursoru.

Ne mazāk efektīvs instruments Adobe Dreamweaver ir konteksta izvēlne. Tas ir dublēts ar galvenajām komandām un elementiem saskarnes, kas, saskaņā ar izstrādātājiem, pieprasa Ātra piekļuve. Šeit jūs varat iestatīt izvēlētās vienuma īpašības, ieskaitot CSS iestatījumus, izlīdzināšanu un formatējumu. Turklāt, izmantojot konteksta izvēlni, varat kontrolēt tagus, pievienot komentārus (tās ir piezīmes par izstrādātāju) un pat dodieties uz lapas iestatījumiem. Starp citu, lai ātri mainītu avota vienuma kodu, vienkārši atveriet konteksta izvēlni un izvēlieties Quick Tag redaktors. Bet, lai ievietotu dažādus elementus, ieliktnis un cilnes nosaukums galvenajā izvēlnē ir neaizstājams. Visi elementi, kas pieejami ievietošanai, tiek klasificēti un sadalīti grupās. Ja sarakstā vēlamais vienums joprojām nav iespējams izmantot "Tag ..." funkciju ("Hot" taustiņu Ctrl + E). Logā, kas parādās pilnu sarakstu ar pieejamiem tagiem, kas sadalīti grupās. Un ir iespējams ne tikai HTML tagi, bet arī ASP, PHP utt.

Ne mazāk ērts, lai formatētu tekstu. Izmantojot dažādus rīkjoslas un izvēlnes, varat mainīt teksta izlīdzināšanu, pievienot ievilkumus, izveidot numurētus vai regulārus sarakstus, noteikt izmērus, fontu un krāsu utt, kas ir svarīgi, visi parametri, kas saistīti ar Ārējās sugas Teksti ir saistīti ar CSS. Mainot fontu parametrus, lietotājs rada jaunu stili CSS. (Programma automātiski ievada tos dokumentā). Tas, no vienas puses, ir ērti, jo tas atbrīvo to no nepieciešamības tērēt tādas pašas darbības ar līdzīgu tekstu, no otras puses - ne ļoti, jo lietotājs var sajaukt radītos stilos. Tomēr, protams, CSS ir daudz ērtāk dublēt tās tagus (piemēram, fontu), jo tie ļauj saglabāt tīmekļa vedņa laiku un samazināt dokumenta galīgo lielumu.

Apdare

Protams, visas iepriekš minētās redaktoru funkcijas ir ļoti noderīgas, bet tās galvenokārt ir lapas HTML izkārtojums, kas ir, lai izveidotu vienkāršākās vietnes. Bet Adobe Dreamweaver ļauj darboties un cita veida dokumentus. Programma atbalsta darbības skriptu, Java skriptu, XML, ASP.NET, JSP, PHP, skriptu un pat tikai teksta dokumentu. Taisnība, tā iecelšana nav pilnīgi skaidra (šajā sakarā Dreamweaver skaidri zaudē "piezīmjdatoru" par patērēto resursu un slodzes ātrumu). Protams, taga automātiskā atrašanās vieta un vizuālā apskates režīms būs pieejams tikai dokumentiem ar HTML atbalstu. Bet jebkura veida dokumentu, koda apgaismojums tiks saglabāts.

Svarīga programmas priekšrocība ir iepriekš novāktas izkārtojumi. Izveidojot jaunu dokumentu, ir pieejama veidņu kopa. Tas iekļauj dažādas lapas No standarta rāmjiem uz dažādām stila loksnēm un pat dizaina izkārtojumiem. Programmas autori izveidoja vairākus desmitus dažādas veidnes, kas var būt noderīgas dažādās situācijās, piemēram, lai izveidotu prezentācijas vietnes ar ierobežotiem resursiem un laiku. Lietojot gatavus resursus, tiks parādīts vietnes pārvaldības logs, kur var pievienot jaunu vietni, rediģēt, sistēmu un importēt un eksportēt esošo. Veidojot vietni, parādīsies veidlapa ar iestatījumiem, kuros vairākos posmos būs nepieciešams iestatīt vairākus parametrus: nosaukumu un adresi, savienojuma iestatījumus attālais serveris uc Šī procedūra ir daļa no cita noderīga (bet maz pieprasījums pēc parastiem lietotājiem) vietējā un tālvadība vietnes. Šādām darbībām galvenajā izvēlnē ir iezīmēta atsevišķa grāmatzīme - "tīmekļa vietne". To var saukt par vietnes pārvaldības logu, pārbaudiet saites, veic vairākas citas darbības. Visbiežāk interesantākais parastais lietotājs šajā izvēlnē ir funkcija "Ziņojumi". Tas ļauj jums skenēt vietni dažādiem trūkumiem. Testa rezultāti tiek parādīti atsevišķs panelis ar vairākiem grāmatzīmēm. Vienā no tiem jūs varat pārbaudīt nopirka saitesCitā koda kļūda. Piemēram, par vienu no manām lapām, trūkstošo alt atribūtu masa un daži nav pilnīgi pareizi priekšmeti. Turklāt, izmantojot "pārskatus", jūs varat pārbaudīt kodu saderībai ar pārlūkiem. Tomēr, ja viss kods tika uzrakstīts ar Dreamweaver, tad problēmu jomas netiks atrastas, lai gan patiesībā retos gadījumos redaktora rakstītājs izskatās pārlūkprogrammās, kas nevēlas. Visi pārbaudes rezultāti var tikt saglabāti atsevišķā failā.

Tātad, kā mēs redzam, Adobe Dreamweaver ir spēcīgs instruments, lai izveidotu, mainītu un pārvaldītu vietnes, kas būs noderīgas kā iesācēju tīmekļa meistars un pieredzējis lietotājsProgrammēšana Java, PHP, utt Ar Dreamweaver, jūs varat veikt milzīgu skaitu darbību, par kurām ir vairākas programmas uzreiz bez šī redaktora.

Sūtiet savu labo darbu zināšanu bāzē ir vienkārša. Izmantojiet zemāk esošo veidlapu

Studenti, maģistranti, jaunie zinātnieki, kuri izmanto zināšanu bāzi savā pētījumos un darbs būs ļoti pateicīgs jums.

Līdzīgi dokumenti

Hiperteksta marķējuma valoda hTML lapas. Nodrošināt tīmekļa lapas pieejamību, teksta un grafikas prezentēšanu. Pamatnoteikumi un vietnes izveides posmi, lapu struktūras izvēle. HTML redaktoru izmantošanas ekonomiskās iespējāmības novērtējums.

darbs, pievienots 03/25/2013


Iespēja strādāt S. teksta redaktori Tikai, lai izveidotu mazas tīmekļa lapas. Teorija web-dizaina un viņa stāsts. Editor Dreamweaver, tās funkcijas. Pamatprasības tīmekļa lapai. Dreamweaver parādīšanās foni.

kursa darbs, pievienots 12.06.2009


Teorētiskā pārskatīšana par problēmu veidojot tīmekļa vietni "konfliktus organizācijā". Informācijas resursu un pakalpojumu analīze. Konfliktu pētniecības metožu īpašības organizācijās. Macromedia Dreamweaver programmatūras pakotne, lai izveidotu tīmekļa vietnes.

darbs, pievienots 06/22/2015


Darbs ar HTML Editor Adobe Dreamweaver. Stāsti un noteikumi, lai izveidotu vietnes titullapu, formatētu HTML lapas, veidojot hiperteksta saites, izveidojot un formatējot tabulas. Grafisko materiālu izmantošana, izstrādājot vietni.

metode, kas pievienota 07/06/2011


vispārīgās īpašības Hiperteksta iezīmēšanas valodas hiperteksta iezīmēšanas valoda. HTML dokumenta struktūra. Pārskats par galvenajām HTML iespējām. Elementi moderns dizains Tīmekļa lapas. HTML praktiskās pielietošanas analīze (mācību programmu piemērā).

kursa darbs, pievienots 24.11.2012


Pārskats par programmām, lai izveidotu tīmekļa lapas; Salīdzinošā analīze Macromedia Dreamweaver un Front Page. Mūsdienu vietnes izveides process; Ekonomiskās iespējām izmantot datoru. Datora komplekta un izkārtojuma operatora darba aizsardzība.

darbs, pievienots 07/07/2010


Visual HTML Editor Dreamweaver apsvēršana. Vietnes struktūras noteikšana "Fast Studio". Lapas saturs "Mājas", "Portfolio", "Kontakti". Teksta formatēšanas tagi un metodes tās dizainam, izmantojot CSS savienotas tabulas.

kursu darbs, pievienots 08/18/2013


Raksturojums funkciju redaktors Dreamweaver un Front Page. PHP un JavaScript programmēšanas valodu funkcijas. Pamatprasības tīmekļa lapai. Specifika programmatūra Tās izveidei un lietošanas efektivitātei.

kursa darbs, pievienots 02/03/2011

Īpašajās iezīmēs nozīmē šādu tīmekļa vietņu un tīmekļa produktu izveidi, ko var izmantot cilvēki ar pārkāpumiem, dzirdes, muskuļu un skeleta sistēmu un citiem fiziskiem traucējumiem.

Atbalsts īpašām funkcijām operētājsistēmā

Dreamweaver atbalsta īpašas iezīmes windows sistēmas un Macintosh. Piemēram, operācijas telpā macintosh sistēma Jūs varat iestatīt vizuālos parametrus dialoglodziņā Universal Access Preferences ("Apple"\u003e System Preferences). Norādītie iestatījumi ir atspoguļoti Dreamweaver darbvietā.

Tiek atbalstīta arī logos pieejamā augsta kontrasta konfigurācija. Šo parametru var iespējot Windows vadības panelī. Dreamweaver komponentiem, šim iestatījumam ir šāda ietekme.

Dialoglodzes un paneļi sistēmas iestatījumi ziedi. Piemēram, ja iestatāt krāsu "balta uz melna", tad baltā krāsā teksta un melnā krāsā fona tiks izmantota visiem Dreamweaver dialoglodziņiem un paneļiem.

Tiek izmantotas "Code" skatā, tiek izmantotas teksta krāsa un loga teksta krāsa. Piemēram, ja jūs iestatāt sistēmas krāsu uz balta uz zila, un pēc tam mainiet teksta krāsas, izmantojot izvēlni Rediģēt\u003e "Iestatījumi"\u003e "Krāsu kodu dizains", tad Dreamweaver neizmanto šos parametrus un parāda teksta kodu ar balti simboli uz melna fona.

"Dizains" teritorija izmanto teksta krāsas un fonus, kas norādīti, izmantojot komandas "Mainīt" komandas\u003e "Lapas īpašības"; Tādējādi izveidoto lapu krāsas tiks parādītas tādā pašā veidā kā pārlūkprogrammā.

Darbvietas optimizācija lapu izstrādei ar īpašām iezīmēm

Veidojot lapas ar īpašām iezīmēm, jums ir saistīt informāciju, piemēram, etiķetes un aprakstus, ar objektiem lapā, kas padarīs saturu pieejamu visiem lietotājiem.

Lai to panāktu, aktivizējiet īpašo funkciju dialoglodziņu katram objektam, pēc kura Dreamweaver piedāvās ievadīt informāciju par īpašām iezīmēm objektu ievietošanas laikā. Dialoglodziņu var aktivizēt jebkuram objektam "Īpašās funkcijas" kategorijas logā "Iestatījumi".

1. Izvēlieties "Rediģēt"\u003e "Iestatījumi" (Windows) vai Dreamweaver\u003e Iestatījumi (Macintosh).
2. Sarakstā "Kategorija" kreisajā pusē izvēlieties "Speciālās funkcijas", izvēlieties objektu, iestatiet kādu no šiem parametriem un noklikšķiniet uz Labi. Ievietojiet atribūtus Izvēlieties objektus, kuriem vēlaties aktivizēt īpašās funkcijas dialoglodziņus. Piemēram, formu, rāmju, multivides un attēlu objekti. Atverot aktīvu paneli Ļauj saglabāt pozīciju fokusēšanas uz paneļa, lai nodrošinātu darbību ekrāna lasīšanas no ekrāna. (Ja šis parametrs nav izvēlēts, atverot paneli, fokuss tiek turēts "dizaina" vai "koda" skatā.) Attēlu veidošana ārpus ekrāna Izvēlieties šo opciju, izmantojot ekrāna lasītāju no ekrāna.

   Piezīme.Īpašas funkcijas atribūti tiek parādīti dialoglodziņā "Ievietot tabulu", ievietojot jaunu tabulu.

Īpašas funkcijas Pārbaudiet funkciju Dreamweaver

Sākot ar Dreamweaver CS5, funkcijas pārbaudes īpašas iezīmes Dreamweaver ir novecojusi.

Dreamweaver navigācija, izmantojot tastatūru

Jūs varat izmantot tastatūru, lai pārvietotos pa paneļiem, īpašības inspektori, dialoglodziņš, rāmji un galdi, neizmantojot peli.

Piezīme. Izmantojiet cilnes taustiņu un bulttaustiņus var izmantot tikai Windows operētājsistēmā.

Navigācijas paneļi

1. Lai atrodaties dokumenta logā, nospiediet taustiņus "Ctrl" un "F6", lai pārslēgtu fokusu uz paneļa.

   Paneļa galvenes punktveida norāda, ka fokuss ir uz paneļa. Lasīšanas programmu no ekrāna tiek izteikta ar galveni paneļa, kas saņēma fokusu.

2. Tajā pašā laikā nospiediet taustiņus "Ctrl" un "F6", līdz fokuss tiek parādīts vajadzīgajā panelī. (Lai pārvietotos starp paneļiem apgrieztā secībā Tajā pašā laikā nospiediet "Ctrl", "Shift" un "F6" taustiņus.)
3. Ja jums ir nepieciešams slēgtais panelis, izmantojiet tastatūras īsceļu windows izvēlne Lai parādītu šo paneli, un pēc tam vienlaicīgi nospiediet "Control" un "F6".

   Ja vēlamais panelis ir atvērts, bet ne izvietots, pārvietojiet fokusu uz paneļa galveni un nospiediet atstarpes taustiņu. Lai ritinātu to, vēlreiz nospiediet taustiņu "Space".

4. Izmantojiet cilnes taustiņu, lai pārvietotos pa paneļa vadību.
5. Bulttaustiņus izmanto šādos gadījumos.
   • Ja kontrolei ir opcijas, izmantojiet bulttaustiņus, lai pārvietotos starp iespējām starp iespējām, un, lai izvēlētos vērtību, "Space" taustiņu.
   • Ja panelī ir cilnes, atverot citus paneļus, novietojiet koncentrēties uz atvērt cilni Un izmantojot taustiņu "pa kreisi" vai "bultiņas pareizais", atveriet vēlamo cilni. Pēc cilnes atvēršanas ir iespējams pārvietoties uz tā vadības elementiem, izmantojot cilnes taustiņu.

Inspektora īpašību navigācija

1. Lai parādītu rekvizītu inspektoru, nospiediet taustiņus "Ctrl" + "F3".
2. Nospiediet tastatūras taustiņu "Ctrl" + "F6" (tikai sistēmā Windows), līdz fokuss ir redzams īpašības inspektoram.
3. Izmantojiet cilnes taustiņu, lai pārvietotos caur īpašības pārbaudes kontroli.
4. Bulttaustiņus izmanto, lai pārvietotos starp iespējām.
5. Nospiediet "Ctrl" + "Up bultiņa" arrow (Windows) vai "Command" + "Up bultiņa" (Macintosh), lai atvērtu, ja jums ir nepieciešams atvērt vai aizvērt paplašināto īpašuma inspektora sadaļu, vai pārvietot bultiņu izvietošanas uz apakšējā labajā stūrī un nospiediet taustiņu "Space".

Zemāk redzamajā attēlā redzams Adobe Dreamweaver interfeiss. Iebildums dažādas versijas Programmas var būt dažas atšķirības.

1. Mockup izvēlieties pogu
2. Paplašināšanas izvēle poga
3. Darba poga ar tīmekļa vietni
4. Saskarnes izvēles poga(Ratiņkrēslu slēdzis ir izvēle 11 opcijas). Skaitlis - klasisks interfeiss
5. Izvēlnes līnija (10 izvēlne ar nolaižamo komandu sarakstiem)
6. Cilņu rinda (kategorijas) - 9 cilnes dažādas sugas darbs
7. Rīkjosla. Rīkjoslas izmaiņas atkarībā no atlasītās cilnes (attēlā - tabulas tekstam). Cilņu rinda (P.6) un rīkjoslas (7. lpp.) Kopā "iepakošanas panelis"
8. Līnija atvērtie dokumenti
9. Kodu rīkjosla
10. Kodu līniju numerācija
11. Kods sadaļa (sadalot ar rediģēšanas logu uz kodu un dizainu)
12. Statusa josla (Tags, Lapas iekraušanas ātrums Lietots kodējums).
13. Paneļu grupa "Rezultāti" (Meklēšana, atsauces grāmata, čeku saites, ziņojumi utt.)
14. Doku paneļi - Tas var saturēt paneļu failus, aktīvus, kodu fragmentus, datu bāzes, stilus, tagu inspektoru utt. Paneļa doku atver / noņem no programmas loga, izmantojot loga izvēlni - slēpt paneļus / rādīt paneļus.
15. Dizaina sadaļa (dalot ar rediģēšanas logu uz kodu un dizainu)

Mainot darba vietu (poga 4), programmas saskarne var atšķirties no tā, kas ir parādīts iepriekš attēlā ("Classic" interfeisa versija).

Rediģēt logu (dokumentu logs)

Rediģēšanas logs aptver centrālo vietu programmas logā.
Lapu rediģēšanas logā var atvērt koda režīmā, atdalīšanas režīmā uz kodu un vizuālo rediģēšanas režīmu, projektēšanas režīmā vai interaktīvā skata režīmā (vairāk realizēta lapa).


Prezentācija "Interaktīvais kods"Pieejams tikai, skatoties dokumentu "interaktīvā skata" attēlojumā un parāda īsto kodu. "Interaktīvais kods" skats neatbalsta rediģēšanu.

Rīkjoslas :

Standarta rīkjosla (Izveidot, atvērt, saglabāt, ielīmēt utt.)

Sastāvdaļas

Datubāze

Servera uzvedība

Editor Tag Quick Tag - Izmanto, ja jums ir nepieciešams ātri pārbaudīt, ievietot vai mainīt hTML tagibez slēgšanas prezentāciju par "dizains".

Lietojumprogrammu panelis Pieteikuma loga augšpusē ir darba vietas slēdzis, izvēlne (tikai Windows) un citas kontroles.

Tagu selektors tiek ievietots statusa joslā. Parāda tagu hierarhiju.