Dreamweaver come creare un modello dal lato html. Inserisci il modello in Dreamweaver. Inserimento di un'immagine grafica

L'elenco delle cartelle da visualizzare e l'elenco dei file ci consentono di selezionare la cartella e il file desiderati.
Al campo introduttivo nome del file z'appare im'ya file selezionato (altrimenti possiamo inserire yogo tudi). E la lista che si apre Tipo di file scegliamo quale tipo di file dobbiamo conoscere. Sappiamo tutto dietro lo standard dialogo viknam vodkrittya quel risparmio File Windows. Vista singola - sulla destra c'è un pannello di vista frontale. E yakscho mi bazhaєmo її riordinare incluso il guardiamarina anteprima immagini. Otzhe, abbiamo scelto il file. Ho perso la pressione del pulsante OK. Ale Dreamweaver wimagatime ci ha mostrato più deaku іnformatsiyu, dialogo vivіvshi vikno " Attributi di accessibilità dei tag immagine(Attributi di accessibilità tag immagine)” .

Elenco combinazioni “ Testo alternato(testo alternativo) sostituire il testo. Tse vigadano per koristuvachіv povіlnyh kanalіv zvyazku. Successivamente, come file HTML zavantage del browser Web dal lato Web, sostituire l'immagine posizionata su di esso, visualizzare la cornice vuota dei layout selezionati. Se posizioni il cursore del mouse sulla cornice vuota del piccolo, il browser Web ti darà un piccolo suggerimento su come sostituire questo testo. Per questo si raccomanda di essere il più veloce possibile.

Vlasne alla lista Testo alternato accedere sostituzione di testo breve. Yogo obmezhennya - non più di 50 caratteri. Se abbiamo bisogno di inserire un testo più dettagliato sullo schermo, possiamo salvarlo nel file del sito Web, quindi inserire il suo indirizzo Internet nel campo di inserimento Descrizione lunga.È inoltre possibile fare clic sul pulsante nella visualizzazione delle cartelle, espandere il campo a destra e selezionare il file richiesto dalla finestra di dialogo seleziona il file. Al termine dell'inserimento dei dati, premere il pulsante OK. Dreamweaver colloca le immagini grafiche nella stessa posizione del cursore del testo.

Parametri grafici

Ora salviamo il lato che si è visto, apparentemente l'immagine, come se non si vedesse, e meravigliandoci dell'editore di autorità. Quelli che mi bachimo Campi di inserimento Wі H ci permettono di impostare la dimensione dell'immagine inserendo manualmente la larghezza e l'altezza manualmente. Possiamo anche correggerlo, come abbiamo visto nell'immagine - parte del design del sito; in altri modi, è più facile impostare la dimensione dell'immagine, tirando i marcatori per modificare la dimensione del mouse.

Vzagali, Dreamweaver quando portato sul lato Web immagine grafica stesso pomіschaє nei campi qi di introduzione yogo cob larghezza e altezza. Come già sappiamo, il browser Web subito dopo l'intreccio del lato
l'immagine non è ancora catturata dalle cornici apparentemente vuote. Appena le immagini si allargavano, si fissavano chiaramente, il fetore ristagnava finché la cornice e il disegno della fiancata non crollavano. In modo diverso, il Web-browser mostrerà i frame di una simile espansione dietro le serrature, e con ulteriore fascino, le immagini delle loro espansioni cambieranno, il che significa la ridipintura del lato stesso. Ma è inaccettabile.

Campi di immissione Spazio Vі Spazio H incastonati, verticalmente e orizzontalmente, lungo il bordo dell'immagine fino al testo che la avvolge. Per il risentimento umovchannyam, la puzza è pari a zero.

Campi di introduzione src impostare l'indirizzo Internet del file, deselezionando l'immagine grafica. La mano destra può vedere due pulsanti. Dopo aver premuto a destra (dalla cartella immagini), vediamo una finestra di dialogo Seleziona Sorgente immagine.

Possiamo anche cambiare il nome del file immagine cliccando sull'immagine con il tasto destro del mouse e selezionando la voce file sorgente nel menu di scelta rapida o semplicemente facendo doppio clic con il mouse sull'immagine. Successivamente, sullo schermo apparirà una finestra di dialogo Seleziona Sorgente immagine.

Campi di introduzione basso src simile al campo src, per la colpa, ciò che viene dato al file, de salva così chiamato immagine "nera". L'immagine "nera" può taglia più piccola, di regola, per un rahunok di maggiore bassa densità, ed è stato inventato, ancora una volta, per i Vlasnik dei canali a bassa visibilità, un collegamento. Il browser Web sta per cogliere il "nero", per il fatto che il vino può essere di dimensioni notevolmente inferiori, e per usarlo di lato. E poi suderemo, mentre il koristuvach guarda il lato finito, passo dopo passo, l'immagine principale verrà ripresa e il "nero" verrà preso da solo.

Si consiglia di preparare un "nero" solo una volta, se l'immagine originale è troppo grande, in modo che sia molto eccitante. Zokrema, tse pіdіyde, yakscho scegliamo di lavorare su un sito Web dalla grafica artistica.

Campi di introduzione Confine consente di impostare il corpo della cornice, che viene visualizzato sul lato dell'immagine, in pixel. Per umovchannyam vale zero, quindi non esiste un framework.

Elenco delle combinazioni alt dacci una breve modifica del testo.

E ora passiamo all'elenco delle cose che si stanno aprendo. Allineare. Vіn ci permette di impostare la visualizzazione dell'immagine, infatti - è possibile visualizzare questo testo, in cui è noto.
perelik Allineare vendetta i seguenti punti:

• Predefinito- pagamento per promozioni, chiama lo stesso articolo linea di base;
• Linea di base- la parte inferiore dell'immagine zbіgaєtsya testo di base(riga ovvia, dove la riga si trova nel testo) righe, per le quali non c'è modifica;
• Thor- la parte superiore dell'immagine è zbіgaєtsya con la parte superiore del testo della riga, in cui è noto;
• Mezzo- il centro dell'immagine è disegnato dalla linea di base del testo;
• parte inferiore- la parte inferiore dell'immagine corre con la parte inferiore del testo (suono diverso da linea di base);
• testo in alto- la parte superiore dell'immagine salta dalla parte superiore del simbolo successivo al testo (suono diverso da Thor);
• Mezzo Assoluto- il centro dell'immagine si sposta esattamente testo della riga centrale(Linea da passare per il centro della fila);
• Fondo Assoluto- la parte inferiore dell'immagine è zbіgaєtsya con la parte inferiore del simbolo del testo inferiore;
• Sono partiti- L'immagine "si stringe" sul bordo sinistro del lato e il testo "obtіkaє" destro;
• Destra- L'immagine "si schiaccia" sul bordo destro del lato e il testo "si schiaccia" contro di essa.

Nelle restanti due viste, l'immagine è galleggiante. Browser Web mancino o destrorso, con quale testo, in cui è stato inserito, verrà avvolto attorno ad esso. E nel punto in cui, alla rinfusa, viene inserita un'immagine fluttuante, Dreamweaver esegue il rendering di uno speciale indicatore di immagine mobile. Questo indicatore viene visualizzato meno per comodità del Web designer e meno per Dreamweaver; Il browser Web Yoga non viene visualizzato.

Otzhe, dall'editore delle autorità, siamo usciti. Ora chiediamo il potere della nostra immagine. Guarda il testo di 5 pixel in orizzontale e in verticale, scorri - lungo il bordo sinistro, testo "alternativo" - "scrivi cosa stai unendo". Salvo il fianco.

Per ruotare la pannocchia dell'immagine, possiamo velocizzarla con il pulsante swipe), ruotata tra i campi di input W e H dell'editor di autorità e destra per loro, così come la voce del menu contestuale ripristinare le dimensioni. Va tutto bene, è come se avessero fatto molto per noi e voglio iniziare tutto con le pannocchie.

Immagini speciali

Mova HTML e Dreamweaver ti permettono di creare un'immagine meravigliosa, ma anche di essere particolarmente potenti. Tse immagine-iperposizione, immagine attivaі immagine-carta. La puzza è spesso presente sui lati Web, quindi dobbiamo guardarli.

Che sia un'immagine, può essere vittoriosa come un'iperpotenza, per la quale è sufficiente inserire un indirizzo Internet nel campo. Collegamento"pannelli" Proprietà".
Inoltre, il messaggio può essere inviato sia all'indirizzo di posta elettronica, sia all'altro sito web. In un altro vipadu, avrai a disposizione un elenco obbiettivo"

L'immagine può essere resa attiva, che reagisce al puntamento di un cursore orso su uno nuovo - Rotolare. Per chi dovrai fare scorta di due immagini, in modo da poterne cambiare una di una, e sul deposito " Comune premere il pulsante di uscita.
Dovrai compilare i campi richiesti

Nel campo nome immagine- indica il nome originale dell'immagine attiva, inoltre, nel nome possono esserci solo lettere latine (dalle lettere puoi iniziare se l'immagine è attiva) e numeri (sempre arabo! -:)
Nel campo immagine originale- inserisci il percorso verso l'immagine principale, come il primo a sfruttare il lato.

Nel campo Immagine al passaggio del mouse- inserisci il percorso per "immagine - effetto", - l'immagine non viene più visualizzata quando passi il cursore del mouse sopra un'immagine attiva.
Metti un'insegna sul pavimento Precarica rollover- in ogni caso, l'offesa dei più piccoli sarà subito attratta dal navigatore e l'effetto diventerà evidente la prossima volta che si punterà l'orso. In un modo diverso (quando la casella di controllo è abilitata), quando si passa con il mouse su una tale immagine di un orso, è più probabile che il browser catturi un'altra immagine ... e verrà visualizzato lo stesso effetto.
Nel campo Testo alternativo- inserire un commento di testo che verrà ascoltato quando il cursore del mouse viene posizionato sull'immagine.
Bene, nel campo Vai a URL - Indirizzi Internet.

immagini-schede

La mappa è un'immagine intera con "aree calde" contrassegnate, inoltre, tale area della pelle è iperpositiva e mostra l'indirizzo Internet.

Per stendere i piccoli sulla pannocchia sul lato, vedi yoga, cliccando sul nuovo pulsante sinistro dell'orso e sulla scheda " Proprietà"Per l'aiuto delle figure turchesi (vicino all'angolo in basso a sinistra - un gruppo di elementi Mappa) scegli uno dei metodi per visualizzare la "zona calda". come un colo, quindi una figura di forma irregolare, premi su un chotirikutnik e vedi l'area su cui fare clic.

Hai visto una figura in futuro vedrò:

devi solo inserire l'indirizzo Internet nel campo " Collegamento” (i messaggi possono trovarsi dall'altra parte del tuo sito, o su altri siti, o su indirizzi postali), seleziona una delle voci nel campo Destinazione e inserisci un testo alternativo nel campo Alt.

Dopo aver visto, puoi spostare l'area vista premendo il pulsante con la freccia corrispondente - nell'angolo in basso a sinistra.
E per vedere le figure di forme irregolari, è sufficiente fare clic con il pulsante sinistro dell'orso attorno al perimetro dell'area per la visualizzazione. Indicaci il nome originale della tua mappa nel campo di input Mappa e tutto.

Tabelle

Per creare una nuova tabella, vai alla scheda " Comuni"pannelli" Inserire e premere il pulsante.

Nella finestra di dialogo, compilare i campi richiesti.
Righe- numero di righe ai tavoli
colonne- numero di colonne al tavolo
larghezza del tavolo- la larghezza della tabella, inoltre, nel menu visibile, è necessario specificare un numero di cifre: cento o due pixel.
spessore del bordo- La larghezza della cornice della tabella in pixel, e se si imposta il valore uguale a zero, la tabella stessa non sarà visibile sul lato.
imbottitura cellulare- in mezzo al centro dei tavoli
Spaziatura delle celle- stare in mezzo ai tavoli
Numero di interruttori intestazione(Header) ci permettono di creare un "header" che vede la prima colonna della tabella. Questo set ha i ponticelli disponibili Nessuno (nessun "berretto", nessuna prima pagina visibile), Sinistra (vedendo la prima pagina), Thor ("cappello") e Entrambi (e "cappello", e vedendo la prima pagina).
I centri che compongono l '"intestazione" e le visioni degli stovpets saranno disegnati come i centri del titolo, e il testo che inseriamo in essi verrà automaticamente allineato al centro e le visioni saranno in grassetto.
Al campo introduttivo Didascalia(Titolo) inserire il nome della tabella. Il nome Tsya si troverà sopra il tavolo piegato.
Elenco da svelare Allinea didascalia(Virіvnyuvannya) permettici di chiedere il posto di roztashuvannya e il nome virivnyuvannya (come, ovviamente, mi її è entrato). Ecco gli stessi punti:
predefinito (predefinito) - visualizza il browser Web stesso, suona di nuovo il nome, cambia la tabella e visualizza al centro;
in alto: il nome si trova sopra la tabella ed è visualizzato al centro;
in basso: il nome si trova sotto la tabella e viene visualizzato al centro;
sinistra - il nome viene posizionato sopra la tabella e viene visualizzato sul bordo sinistro;
nome destro per essere sopra il tavolo e destrorso.

Nella sfera del montaggio Riepilogo(Insieme) introdurre l'accettazione dei tavoli. Questa nota non viene visualizzata sullo schermo dai browser Web, ma può essere utilizzata anche per altri scopi (ad esempio, può essere elaborata da programmi per leggere il testo dello schermo). Chiedi allo yoga neobov'azkovo.

Dopodiché, quando viene creata la tabella, puoi cambiare її razmeri, tirando tra l'aiuto dell'orso. Posizionare il cursore su uno dei tre quadrati della tabella visualizzata.
Ora mettiamo un cursore di testo sulla tabella e digitiamo del testo. Ripetiamo lo stesso con gli altri centri dei tavoli.
Il centro del tavolo è obov'yazkovo colpa della madre, anche se potrebbe essere a posto, altrimenti il ​​​​browser Web potrebbe visualizzarlo in modo errato. Tuttavia, la stanza può essere ancora vuota, inserire una radura poco appariscente (codice HTML yogo -), in modo che Dreamweaver stesso possa funzionare in questi casi.
Per determinare la potenza delle tabelle - Vidil_t її, facendo clic per il pulsante sinistro dell'orso sulle inter tabelle. Diciamo qualcosa nella scheda "Proprietà".

Puoi cambiare la potenza dei tavoli e migliorare l'aspetto.
Campo id tabella- imposta il nome della tabella (l'attributo non è obov'yazykovym)
campi Righeі Col- numero di righe e righe di tabelle.
campi vі H- larghezza e altezza della tabella in pixel o centinaia.
Campo Allineare- visualizzare le tabelle sul bordo sinistro, al centro o sul bordo destro
Campo CellPad- mettiti in mezzo alla stanza
Campo CellSpase- stare in mezzo ai tavoli
Campo Più audace- larghezza tra i tavoli
bg colore- colori di sfondo della tabella
Colore Brdr- Colore dei cordoni per tutti i tavoli.
Immagine Bg- Impostazione dello sfondo per la tavola.

Ci sono anche sei pulsanti aggiuntivi

• Pulsante ChiaroColonnaLarghezze- cancellare la larghezza del tavolo
• Pulsante Chiarorigaaltezza- cancella i valori dell'altezza della riga
• Bottoni ConvertireLarghezzeaPixelі ConvertireLarghezzeaPer cento- rimodellare la larghezza dei centri del pixel e rimodellare la larghezza dei centri della larghezza
• Bottoni ConvertirealtezzaaPixelі ConvertirealtezzaaPer cento- rimodellare l'altezza del centro del pixel e rimodellare l'altezza del centro del pixel

Krіm il capo delle autorità dei tavoli è il capo delle autorità nel mezzo del gruppo di quelli di mezzo. Per il capo delle autorità del commissario - fai clic sul pulsante sinistro dell'orso. Se vuoi impostare la potenza del gruppo centrale, dopodiché, come fare clic sul campo del primo centro, senza lasciare che il pulsante sinistro dell'orso veda i centri necessari (puoi vedere l'intera tabella in questo ordine) . Se visti, tra tutte le aggiunte, si trasformano in un colore diverso.
Dopodiché, come mezzo della vista, rinnoverò il mio rispetto per il pannello. Proprietà"

Horz- allineamento orizzontale al posto del centro (levoruch, centro o bordo destro)
Vert- allineamento verticale al posto del centro (linea superiore, centrale, inferiore o base)
Nei campi Wі H- inserire la larghezza e l'altezza delle linee centrali selezionate, quindi è necessario inserire i valori per le altezze - aggiungere il simbolo % dopo il valore numerico.
bgі Brdr- impostare lo sfondo dei centri e impostare il colore tra i centri. E per l'aiuto del campo superiore Bg, puoi chiedere immagine di sfondo per quelli di mezzo.
Praporetti NoAvvolgere- recinzione di trasferimento di fila
Praporetti intestazione- per formattare il centro selezionato come intestazione della tabella.
Ora fai clic sul pulsante sinistro dell'orso al centro della stanza e premi il pulsante.
Per l'aiuto di questo dialogo, puoi dividere le obbedienze del mezzo in uno spratto di parti. Permikachi Righeі colonne- diviso in file e stovptsі vіdpovіdno. Numero di... - Chiamerò uno spaccio per il numero di numeri.

Ora puoi vedere due caselle e premere il pulsante.
I due medi scelti da te sono stati combinati in uno e l'intera nuova fusione dei medi che puoi ridistribuire o combinare navpakly con gli altri oltre a quelli standard.
Prima di qualsiasi tabella, puoi formattare rapidamente la formattazione. Per chi vedere la tabella nel menu” Comandi" scegliere oggetto " Formatotavolo(Tabella dei formati).
E nella finestra di dialogo che vedi, puoi personalizzare il design del tuo tavolo

Dopo aver scelto uno dei modelli preinstallati, puoi modificare tutti i suoi attributi secondo i tuoi gusti.
È possibile visualizzare, inserire e copiare copie delle tabelle.
Per visualizzare il taglio (o quello centrale), devi vedere e dare il comando Modifica - Taglia. Il mezzo (o spratto) verrà rimosso dai tavoli.
Per copiare una copia (o una piccola somma di denaro), devi vedere e dare il comando Modifica - Copia. Il mezzo (o spratto) verrà copiato.
Per incollare parti centrali copiate e incollate, utilizzare il comando Modifica - Incolla.
Prima di tutto, la distanza crolla, prova a creare le tabelle più semplici.

Design tabulare

Diciamo che lavoriamo in un negozio online. Dobbiamo ricordare sul lato del nome, della descrizione, del cіnu e della fotografia del prodotto. Con le tabelle è più facile.

Per l'aiuto di tabelle appositamente formattate, possiamo inserire un numero di frammenti nel testo e nelle immagini grafiche nel modo di cui abbiamo bisogno. E se non funziona per noi, possiamo rimodellare un po' la classifica e prendere un altro risultato.

I web designer hanno una lunga padronanza delle tabelle. E così per molto tempo l'idea è stata portata dalla finestra, semplice come un baffo di genio. Che ne dici di mettere TUTTO il testo del lato Web in una tabella grande e ben formattata, estendendola all'intera finestra del browser Web? Anche se riteniamo praticamente necessario poter fare lo stesso, come i nostri colleghi stampatori. Possiamo creare note, vini, vries e molteplici "flussi" al testo, che vengono ricostruiti e riorganizzati lì, secondo necessità.

Axis mi e pіdіyshli vpritul fino al design tabulare, quindi il modo per incoraggiare i lati Web con il tavolo vikoristannya.
Il principio di base del design tabulare è già stato introdotto. Tutto il testo e tutta la grafica sono posizionati al centro delle tabelle, il che consente di lavorare con esse tutto ciò che è necessario. Di norma, tali tabelle (chiamate tabelle di layout) creano bordi invisibili e le linee vengono create dietro l'aiuto di centri anche sottili dai riempimenti di sfondo. Le tabelle di layout sono più pieghevoli, indirette e di diversa formattazione, e gli inserti di tabella centrali e pratici zavzhd separati da bagatarase.
La creazione manuale di layout di tavoli pieghevoli è un grande pilota per il Web design. Non tutte le informazioni Web-designer saranno in grado di lavorare lati pieghevoli sulla base di tabelle. E tutto attraverso lo spazio dei nomi del codice HTML. Pertanto, spesso nel codice dei siti Web, richiesto sulla base di tabelle, vengono attraversati i perdoni, attraverso i quali il browser Web non può essere visualizzato. Infatti, in tutte queste associazioni numeriche, e nella formattazione più comune, ci si può semplicemente perdere.

Campione- questo è un segno univoco, lo "scheletro" del lato Web, che può essere utilizzato per tutti gli elementi del sito: il titolo del sito, il tipo di hyperposilan, le informazioni sul copyright, forse, la tabella di layout e Altro. Ecco perché sono chiamati così: elementi invariabili. Quindi, che ne dici di un rango dalla parte del posto principale?
Tipo di semplice. Specialmente per chi vengono creati i modelli cambiando regioni . La puzza è riconosciuta per un lato unico, poiché verrà creata sulla base del modello.

È semplice: creiamo una pagina sulla base del template e la inseriamo nell'area che cambia, è il posto principale. Gli elementi immutabili di Dreamweaver non ci permettono di governare, ed è giusto che sia così: la puzza è immutabile, zreshtoyu. Ale tse not bіda: possiamo cambiare per sempre il modello stesso.

Dai, ad esempio, devi correggere il titolo del sito. Oskіlki entrerà nel modello di magazzino, mi v_dkrivaєmo modello, correggilo e prendilo. Dreamweaver ci ricorda di spostare le modifiche nei modelli, cambiare tutti i lati, creati su questa base. І trasferire, così attentamente da non riempire le aree che cambiano! Infatti la colpa per noi è correggere tutti gli elementi che si ripetono su tutti i lati Web del sito. I modelli vengono salvati in file speciali che possono essere estesi dwt, nel papato Modelli, poiché Dreamweaver crea se stesso nella cartella principale della copia locale del sito. Il numero di modelli selezionati sul sito non è limitato, quindi possiamo creare un lato del sito sulla base di un modello e altri - sulla base di un altro. E possiamo iniziare ad abbracciare un singolo modello, come, beh, soprattutto.

Prima crea un modello, crea un sito web. Registra lo yoga con Dreamweaver.
Ora creiamo un documento e creiamo un layout.

• Crea una tabella con una larghezza del 100%, 2 righe e 1 riga, margine 0.
• La prima riga ha uno sfondo (fon.gif) e un'altezza di 100 pixel.
• Successivamente, scrivi il titolo del mio sito al titolo laterale e nella prima riga. Imposta il testo rozmіr +7 e il colore è giallo.
• In un'altra fila, metti un allineamento verticale sulla bestia.
• Inserisci un'altra tabella con larghezza 100%, 1 riga e 3 colonne, 0 in mezzo.
• Al centro della pelle, installa un allineamento verticale dell'animale.
• La larghezza della prima ghetta è del 20%, l'altra del 60%, la terza del 20%.
• Sulla pelle, le tabelle sono inserite 2 righe x 1 riga, larghezza 95%, l'allineamento della tabella è al centro. Ho anche virіvnyuvannya al centro della pelle sullo Zgori verticale.
• Mi hanno dato righe di testo come un calcio.
• Alla fermata di navigazione, imposta il colore delle celle attraverso i colori verdi.

Il layout della nostra parte è pronto. Non ci sarà pace pieghevole. Nel quadro di questa conferenza, ce n'è in abbondanza.
È il momento di creare un modello e modificare l'area.

Esistono due modi per creare un modello di Dreamweaver. Innanzitutto, lo yoga può essere creato da zero e quindi caricato come un normale sito Web.
In un altro modo, puoi salvare il lato principale come un modello, e poi lo rifaremo, togliendo invece il marrone e tralasciando gli elementi sopraelevati. Io quelli, thnshe robiti per quanto facili.
Shchob crea nuovo modello menù "da zero". file – Nuovo“

È ancora più facile creare un nuovo modello basato sulla tua pagina web esistente. Per quale ho bisogno del lato Web, seleziona il menu " file"Paragrafo" Salva come modello“(Salva come modello). Puoi anche premere il pulsante Crea modello(Crea modello) nel pannello degli oggetti. Sullo schermo apparirà una finestra di dialogo Salva come modello ”.

Alla lista che si apre luogo viene selezionato un sito, da cui viene selezionato un modello. (I modelli sono sconosciuti alla mia autorità sul sito, ricorda) Un sito di streaming è stato selezionato per essere bloccato lì.

Il nome stesso del modello viene inserito nel campo di immissione Salva come. Diamo un nome al nostro nuovo modello principale("Golovny"), oskіlki tse il nostro modello di testa, sulla base di ciò che costruiremo il nostro sito.
Inserire tutti i dati richiesti, premere il pulsante Salva(Salva) per salvare il modello.
Dopo aver creato un nuovo modello, il resto verrà visualizzato nell'elenco dei modelli. E abbiamo creato un nuovo modello sulla base del lato Web principale, in modo che possiamo, possiamo guardare lo yoga sul pannello revisione in avanti. È vero, questo pannello è troppo piccolo e, per tenere conto della notifica sul modello, riusciamo a vederlo nel documento stesso.

Modello di correzione

Il modello vuoto deve essere compilato. Il template, creato sulla base del lato Web, necessita di essere editato: usane invece uno univoco per il secondo lato, lasciando solo l'elemento principale per tutti i lati del sito. Per cui dovremo aggiungere un modello al documento originale come un tipico lato Web.
Sullo schermo apparirà una finestra del documento, in cui verrà selezionato il modello. I nomi dei vini non compaiono in alcun modo nello splendido Web-side.
Cosa possiamo fare con il modello? Tutto è benvenuto. Puoi usare lo yoga con un meraviglioso lato Web con alcune caratteristiche speciali. (Le caratteristiche speciali saranno descritte ulteriormente.) Possiamo digitare testo, formattare yoga, immagini di layout, tabelle, iperspazio, passare alla modalità di layout laterale e creare tabelle e layout di layout, creare set di frame, "ripulire" il codice HTML, ecc.
Ale, dopotutto, il template non è un sito Web e potrebbe avere alcune caratteristiche speciali. Quindi, sarà necessario per noi collocarci in una nuova area che cambia, tra qualche anno ci sarà la sede principale delle squadre. (Inoltre, sarà necessario per noi imparare la stessa lingua, altrimenti abbiamo bisogno dello stesso modello.) Come funziona, ne sappiamo un po'.
Sembra il template principale, che abbiamo creato basandoci sul lato default.htm (che non è ancora aperto).

Ora dobbiamo posizionare nel modello l'area che viene modificata. Per il momento, l'area che verrà modificata sarà solo una: il luogo principale del lato. І roztashovuvatimetsya al centro più grande della nostra tabella di layout. La colonna è nuova e la barra di navigazione è ancora calma.

Creazione di aree che cambiano

Per quanto riguarda il template stesso, possiamo creare le aree che cambiano in due modi. Innanzitutto, crea un'area di sostituzione vuota su uno spazio vuoto a lato. In un altro modo, ricreare il frammento del flusso anziché il lato sull'area modificata.

Il primo modo è il modo migliore per procedere, poiché abbiamo creato il modello "da zero" e l'altro, poiché lo abbiamo convertito nel modello sul lato destro.

Creare un'area di modifica vuota in un modello è semplice. Per questo, mettiamo un cursore di testo sulla parte posteriore della testa, dove vogliamo creare un'area di modifica vuota ed è meglio velocizzarla:

• strumento oggetto premendo il pulsante Modelli in deposito Comune e selezionando la voce di menu Regione modificabile;

• menu contestuale selezionando il sottomenu yoga Modello paragrafo Nuova regione modificabile;
• menù di sistema selezionando il sottomenù Oggetti modello menù Inserire paragrafo Regione modificabile;
• con la tastiera, che è la migliore, basta premere ++.

Sullo schermo apparirà una finestra di dialogo Nuova regione modificabile.
Per un singolo campo, inserisci il Nome, che si trova in questa vena, per inserire un nome univoco della regione, che viene modificato. La pelle è creata da noi al modello, l'area cambiante è responsabilità della madre del nome univoco. Tse im'ya può vendicarsi come simboli, lettere krim dell'alfabeto russo, zampe, un apostrofo e un segno.<", ">" e "&". Immettere un nome, premere il pulsante OK per creare un'area di modifica oppure Annulla v_dmovitysa con tsgogo.

Yakshcho mi vipadkovo ha posizionato l'area modificata nel posto sbagliato, dove volevi, puoi correggerla. Vediamo un cambiamento nell'area, dopo aver cliccato con il mouse sull'intestazione, "fischiamo" il mouse per il luogo e lo trasciniamo sulla necessità di spazio.

Dreamweaver crea automaticamente una piccola area doctitolo modificabile ogni volta che viene creato un modello. (Per questo motivo, possiamo dare alla regione modificata il nome doctitie - la regione è già stata cambiata da tale nome). L'area di modifica di Qia include tag