Lavoro indipendente creando tabelle in prima pagina. Creazione di pagine Web utilizzando FrontPage. Aggiunta di file multimediali

"Tecnologia per la creazione di siti Web"

"Creazione di una home page in FrontPage 2003"

LAVORO DI LABORATORIO N. 1

Avvio e configurazione del programma, familiarizzando con l'interfaccia

Completando le attività in questo argomento, imparerai:

Avvia il programma;
Scopri i contenuti Finestra principale.

ESERCIZIO:

Avvia il programma. Conosci Finestra principale programmi. Crea una cartella per archiviare i contenuti del futuro sito.

TECNOLOGIA OPERATIVA:

Avviare l'editor Web visivo di FrontPage ( Start  Programmi  MS Office  FrontPage ).
Finestra principale il programma contiene:

Riga del titolo, che riflette il nome della pagina attiva;
Menù principale , che contiene i comandi File, Modifica, In ID, Inserisci ecc., permettendo di effettuare operazioni sia sul documento stesso che sugli oggetti interni al documento, nonché gestire l'intero sito Web;
Barre degli strumenti Standard e formattazione , che contengono un set di base di strumenti per creare, modificare e formattare (progettare) testi, tabelle e oggetti grafici;
Finestra del documento , che visualizza le pagine Web aperte;
Pannello delle modalità di visualizzazione del documento:

Costruttore serve direttamente per creare un documento in modalità visiva;
Con separazione - consente di riflettere il documento sia nella modalità di creazione del documento che nella modalità di visualizzazione del codice HTML;
Codice destinato alla digitazione di una pagina in linguaggio HTML;
Visualizzazione ti consente di aprire un documento nella forma in cui apparirà nel programma browser.

Crea la tua cartella per archiviare i tuoi file sul desktop. Scegli tu stesso il nome della cartella.Ricordare! Per comodità e chiarezza di comprensione dei file da parte del programma browser, tutti i nomi devono essere scritti in lettere latine.
Chiudere l'editor Web di FrontPage.

Sul tema: sviluppi metodologici, presentazioni e appunti

Studio del movimento di un corpo in una circonferenza. Scopo del lavoro: determinazione dell'accelerazione centripeta di una palla durante il suo moto uniforme in un cerchio. Dotazione: treppiede con attacco e piede,...

Lavoro di laboratorio sull'argomento "Funzionalità avanzate del processore di fogli di calcolo" Microsoft Office Eccellere"...

MicrosoftFrontPage 2003 è un vasto programma applicativo (applicazione MS Office 2003) che può essere utilizzato per sviluppare siti web (siti, pagine).

Utilizzando FrontPage è possibile creare facilmente siti Web interessanti buon disegno ed elementi complessi senza inserire una sola riga di codice HTML (Hypertext Markup Language). Ma se hai una certa esperienza con la programmazione HTML, FrontPage semplifica l'accesso al codice HTML corrispondente che genera automaticamente mentre lavori.

Per avviare FrontPage nel menu Inizio selezionare Tutti i programmi –MicrosoftUfficio – MicrosoftUfficioFrontePagina 2003. Quando aprirai il programma per la prima volta, vedrai nella finestra di visualizzazione e modifica delle pagine un nuovo file di pagina denominato new_page_1.htm, come mostrato nella figura seguente:

Mentre lavori con FrontPage, crei un gruppo di file correlati che insieme si formano nodo (sito web), costruito sopra FrontPage. Pagine Web- questi sono gli elementi che formano la struttura di qualsiasi nodo. Quando sviluppi un sito, lavori con le singole pagine e la struttura complessiva del sito. Se devi modificare una pagina di FrontPage, apri prima il nodo e poi la pagina che ti serve.

Diverse modalità di navigazione del sito web

In basso a sinistra dentro spazio di lavoro FrontPage dispone di quattro pulsanti per passare da una visualizzazione all'altra del sito Web.

Costruttore- Puoi vedere e modificare il contenuto di questo pagina aperta. Inizi a creare una pagina web lavorando in questa visualizzazione.

Codice mostra il codice HTML della pagina web. Gli elementi del codice sono evidenziati in diversi colori per rendere più semplice la distinzione tra testo e contenuto. Ogni riga di codice è numerata. I messaggi di errore spesso fanno riferimento a numeri di riga nel codice HTML, il che consente di trovare rapidamente la posizione di questi errori.

Visualizzazione– La pagina Web viene visualizzata così come appare nel browser Web. I collegamenti ipertestuali e la maggior parte degli elementi della pagina funzionano in questa modalità.

Per andare a la modalità desiderata vista è necessario fare clic su questa modalità nel menu Visualizzazione(Visualizzazione) oppure sui pulsanti a sinistra nell'area di lavoro.

Creare un sito Web utilizzando un modello

Il modo più semplice per creare un nuovo sito è utilizzare uno dei modelli di FrontPage. I modelli ti consentono di creare un layout per un tipo specifico di pagina Web o sito utilizzando segnaposto per designare frame in cui devi inserire determinate informazioni, dopo di che riceverai una pagina o un sito finito.

Per creare un nodo utilizzando un modello, seleziona semplicemente quel modello e specifica la posizione in cui deve essere creato il nodo. Per creare un semplice sito di una pagina, procedi come segue:

1. correre SMFrontPage

2. nel menu File seleziona l'elemento Creare

3. Sul lato destro del riquadro attività, selezionare Sito Web di una pagina.

4
Il tuo schermo sarà simile a questo: . Nella finestra di dialogo Modelli di sito Web, fare clic suUna paginaRete

-nodo. 5. nella finestra Specificare la posizione del nuovo sito web seleziona la cartella necessaria per creare un sito di una pagina e fai clic. OK

Dopo alcuni minuti, Front Page visualizzerà la struttura del nodo di una pagina creato.

Il nuovo sito web sarà rappresentato da due cartelle vuote: _private e images. Nella cartella immagini salverai tutte le tue immagini grafiche. La cartella _private è la cartella di sistema del sito Web; non è necessario eliminarla.

Compito per il completamento indipendente: Creare un sito Web vuoto denominato Il mio sito personale su disco:\ D Lavoro

nella cartella sotto il tuo cognome.
Frontpage ha due funzionalità che ti consentono di dividere una pagina in sezioni contenenti testo e grafica. Questi sono tavoli e cornici. Fino a questo punto abbiamo allineato il testo su una riga aggiungendo spazi utilizzando lo stile di paragrafo formattato. Puoi anche utilizzare le tabelle per allineare il testo. Utilizzando le tabelle, i campi del modulo vengono allineati (il Capitolo 7 è dedicato all'utilizzo dei moduli). È inoltre possibile utilizzare i fogli di stile CSS per formattare gli elementi della pagina. Va notato che i fogli di stile a cascata sono supportati solo nei browser più recenti.
Nota
I browser ignorano gli elementi di formattazione come le linee di spazio bianco.
L'eccezione si verifica quando viene utilizzato lo stile formattato o il carattere spazio unificatore. Nel codice HTML, la sequenza di caratteri viene utilizzata per indicare uno spazio unificatore. L'utilizzo di un insieme di tali sequenze rende possibile visualizzare il testo con più spazi consecutivi su una pagina caricata nel browser. In Frontpage, il carattere dello spazio unificatore può essere inserito utilizzando la finestra di dialogo Simbolo (prima sulla prima riga).
Progettare tabelle
rappresentazione del testo sotto forma di colonne;
allineamento dei campi di input e dei loro nomi nei moduli;
distribuzione di testo e grafica in diverse colonne;
creare una cornice attorno al testo o alla grafica;
posizionamento di immagini grafiche su entrambi i lati del testo (o su tutti i lati) e viceversa;
posizionamento del testo lungo il contorno dell'immagine grafica;
creare uno sfondo colorato per un frammento di testo o un'immagine separata;
comprese le tabelle all'interno di altre tabelle.
Durante la creazione di una tabella, nella finestra di dialogo Inserisci tabella vengono impostate le seguenti proprietà: il numero di righe e colonne, l'area orizzontale occupata della pagina, lo spessore delle linee che separano le celle e delimitano la tabella, la dimensione degli intervalli tra il contenuto e il bordo interno dei bordi della cella, allineamento della tabella, ecc. Puoi modificare i valori delle proprietà della tabella in un secondo momento. In qualsiasi momento puoi eliminare una o più righe o colonne, unire celle adiacenti, formattare il contenuto di una cella o dell'intervallo selezionato in un modo speciale, ecc. Man mano che inserisci i dati, la dimensione della cella aumenta verticalmente e orizzontalmente entro i limiti impostati per la tabella e la colonna.
Frontpage ha due funzionalità che ti consentono di dividere una pagina in sezioni contenenti testo e grafica. Questi sono tavoli e cornici. Fino a questo punto abbiamo allineato il testo su una riga aggiungendo spazi utilizzando lo stile di paragrafo formattato. Puoi anche utilizzare le tabelle per allineare il testo. Utilizzando le tabelle, i campi del modulo vengono allineati (il Capitolo 7 è dedicato all'utilizzo dei moduli). È inoltre possibile utilizzare i fogli di stile CSS per formattare gli elementi della pagina. Va notato che i fogli di stile a cascata sono supportati solo nei browser più recenti.
È possibile impostare la larghezza della tabella in pixel (larghezza fissa) oppure come percentuale della larghezza della finestra del browser o del frame in cui è inclusa la pagina. La larghezza delle colonne della tabella viene specificata come percentuale della larghezza della tabella o in pixel (larghezza fissa). Se la larghezza di una singola colonna o di un'intera tabella è specificata in pixel, il modo in cui la tabella viene visualizzata nel browser dipende dalla risoluzione dello schermo impostata sul computer dell'utente.
Visualizzazione dei dati tabulari
In una tabella classica, righe e colonne sono rigorosamente delimitate. Per ottenere tale tabella, è necessario eseguire la seguente sequenza di azioni:
1. Scarica Frontpage.
2. Attivare il comando Nuovo del sottomenu Web del menu File.
3. Verrà caricata la finestra di dialogo Nuovo. Per impostazione predefinita, è selezionato il modello Web di una pagina. Nel campo Specificare la posizione del nuovo Web, immettere il nome del server Web e del sito Web. Assegnare un nome al sito Web, ad esempio TestTables. Fare clic su OK.
4. Vai alla modalità di visualizzazione Cartelle. Fare doppio clic sul nome del file Default.htm. La home page si aprirà in Visualizzazione pagina.
5. Premere il tasto per inserire una riga vuota nella parte superiore della pagina
6. Aprire il menu Tabella e attivare il comando Tabella del sottomenu Inserisci. Di conseguenza, si aprirà la finestra di dialogo Inserisci tabella (Figura 61). Questa finestra visualizza i valori predefiniti delle proprietà della tabella. Gli elementi della finestra di dialogo Inserisci tabella sono descritti nella Tabella 6.1.

Figura 6.1. Finestra di dialogo Inserisci tabella

Tabella 6.1. Proprietà della tabella

*Elemento di dialogo*	*Proprietà della tabella*
Inserisci finestre di tabella
Righe	Numero di righe nella tabella
Colonne	Numero di colonne nella tabella
Allineamento	Metodo di allineamento della tabella (l'impostazione predefinita è l'allineamento a sinistra)
Dimensione del bordo	Spessore delle linee di divisione e delimitazione in pixel Valore predefinito - 0 Se questo valore non viene modificato, la cornice della tabella non viene visualizzata nel browser, ma in Frontpage è indicata da una linea tratteggiata
Imbottitura cellulare	La quantità di spazio (in pixel) tra i bordi della cella e il suo contenuto (il valore predefinito è 1)
Spaziatura delle celle	Spaziatura (in pixel) tra celle adiacenti (il valore predefinito è 2)
Specificare la larghezza	Larghezza tabella Questo valore è impostato in pixel (interruttore In pixel) o come percentuale della larghezza della finestra del browser o del frame in cui è inclusa la pagina (interruttore In percentuale)

7. Non modificare nessuno dei valori. Di conseguenza, verrà creata una tabella con due righe e due colonne Seleziona la tabella con utilizzando il comando Tabella nel sottomenu Seleziona del menu Tabella. Premere il tasto per eliminare la tabella. Se non hai creato una riga vuota all'inizio della pagina nel passaggio 5, fallo ora.
8. Fare clic sul pulsante Inserisci tabella sulla barra degli strumenti Tabella. Apparirà davanti a te un prototipo di tabella, dove è molto semplice specificare quante righe e colonne deve contenere la tabella. Fare clic sulla seconda cella nella seconda riga, come mostrato nell'immagine seguente. In questo caso verrà creata anche una tabella composta da due righe e due colonne (quattro celle).
Abbiamo esaminato due modi per creare una tabella. Quando si utilizza il pulsante Inserisci tabella sulla barra degli strumenti, vengono applicati i valori predefiniti. Se attivi il comando Tabella nel sottomenu Inserisci del menu Tabella, determini autonomamente i valori dei parametri della tabella che si sta creando.
Frontpage ha due funzionalità che ti consentono di dividere una pagina in sezioni contenenti testo e grafica. Questi sono tavoli e cornici. Fino a questo punto abbiamo allineato il testo su una riga aggiungendo spazi utilizzando lo stile di paragrafo formattato. Puoi anche utilizzare le tabelle per allineare il testo. Utilizzando le tabelle, i campi del modulo vengono allineati (il Capitolo 7 è dedicato all'utilizzo dei moduli). È inoltre possibile utilizzare i fogli di stile CSS per formattare gli elementi della pagina. Va notato che i fogli di stile a cascata sono supportati solo nei browser più recenti.
Utilizzando il pulsante Inserisci tabella, puoi creare una tabella contenente molte più righe e colonne di quelle inizialmente visualizzate nel prototipo:
Quando sposti il puntatore del mouse oltre il bordo, il prototipo si espande automaticamente.
Proprietà della tabella
I valori assegnati alle proprietà di una tabella ne determinano l'aspetto.
1. Nella cella in alto a sinistra della tabella che abbiamo creato, inserisci il numero 5.
Premere il tasto per spostarsi nella cella di destra e inserire la seguente frase:
Questo è abbastanza lunga frase. La tua tabella dovrebbe assomigliare alla seguente immagine. La larghezza di questa tabella raggiunge quasi il 100% della larghezza della finestra.

2. Premere due volte il tasto freccia giù per spostare il cursore fuori dalla tabella. Inserire tre righe vuote dopo la tabella premendo tre volte il tasto .
Frontpage ha due funzionalità che ti consentono di dividere una pagina in sezioni contenenti testo e grafica. Questi sono tavoli e cornici. Fino a questo punto abbiamo allineato il testo su una riga aggiungendo spazi utilizzando lo stile di paragrafo formattato. Puoi anche utilizzare le tabelle per allineare il testo. Utilizzando le tabelle, i campi del modulo vengono allineati (il Capitolo 7 è dedicato all'utilizzo dei moduli). È inoltre possibile utilizzare i fogli di stile CSS per formattare gli elementi della pagina. Va notato che i fogli di stile a cascata sono supportati solo nei browser più recenti.
Se posizioni il cursore nell'ultima cella e premi il tasto , una nuova riga verrà aggiunta alla tabella e il cursore si sposterà sulla prima cella della nuova riga.
3. Attivare il comando Tabella del sottomenu Inserisci del menu Tabella e disattivare l'opzione Specifica larghezza nella parte inferiore della finestra di dialogo (il campo di input con lo stesso nome non sarà più disponibile). Fare clic su OK. Di conseguenza, apparirà una seconda tabella, la cui larghezza è molto inferiore a quella della prima.
4. Immettere il numero 1 nella cella sinistra della prima riga della tabella, premere il tasto , facendo spostare il cursore sulla seconda cella della prima riga e immettere una frase. Questa è una frase piuttosto lunga
Spostarsi sulla cella sinistra della seconda riga utilizzando il tasto e inserire il numero 2. Premere nuovamente il tasto (il cursore si sposterà sulla cella destra della seconda riga) e inserire una frase: Questa è solo una frase
La larghezza di ciascuna colonna è impostata in base alla linea più lunga in quella colonna (Figura 6.2).

Riso. 6.2. La proprietà Specifica larghezza è impostata per la tabella superiore, ma non per quella inferiore.

5. Fare clic con il tasto destro sulla seconda tabella e selezionare il comando Proprietà tabella nel menu contestuale, che aprirà la finestra di dialogo con lo stesso nome mostrata in Fig. 6.3. Come nella finestra di dialogo aperta utilizzando il comando Tabella del sottomenu Inserisci del menu Tabella (Fig. 6.1), in essa è possibile impostare parametri della tabella come l'allineamento, lo spessore delle linee di divisione e limitazione della tabella, la dimensione gli intervalli tra i bordi della cella e il suo contenuto, l'intervallo tra celle adiacenti e la larghezza della tabella. Inoltre è possibile determinare l'altezza del tavolo, selezionare un colore per lo sfondo a tinta unita del tavolo o un'immagine di sfondo e specificare il colore per le linee di divisione. Nella casella di riepilogo Mobile è possibile specificare in che modo spostare la tabella, a destra o a sinistra, per posizionare il testo o un'immagine a sinistra o a destra della tabella. Per impostazione predefinita, il campo Float è impostato su Predefinito. Secondo questa impostazione, il testo può apparire solo sotto o sopra la tabella.

Fig 6 3 Finestra di dialogo Proprietà tabella

6. Imposta i seguenti valori per le proprietà della tabella: Dimensione bordo - 5, Riempimento celle - 6, Spaziatura celle - 8. Conferma le impostazioni facendo clic sul pulsante OK. La tua tabella dovrebbe assomigliare alla seguente immagine. Fare clic con il tasto destro sulla cella destra della prima riga della tabella in alto (Figura 6 2) e selezionare il comando Proprietà cella nel menu contestuale si aprirà una finestra di dialogo con lo stesso nome (Figura 6 4). sono descritti nella Tabella 6.2.

Figura 6.4. Finestra di dialogo Proprietà cella

Tabella 6.2. Proprietà delle cellule

Elemento di dialogo Finestre Proprietà cella	*Funzione*
Allineamento orizzontale	Allineamento orizzontale del contenuto della cella Sono disponibili le seguenti opzioni: Sinistra, Centro, Destra. L'allineamento a sinistra è impostato per impostazione predefinita
Allineamento verticale	Allineamento verticale del contenuto di una cella Sono disponibili le seguenti opzioni: Alto (lungo il bordo superiore), Centro (centrato), Linea di base (allineando il contenuto della cella lungo la linea di riferimento), Basso (lungo il bordo inferiore) Per impostazione predefinita, l'allineamento è impostato al centro
Le righe si estendevano	Questo campo indica quante righe vuoi allungare questa cella.
Le colonne si estendevano	Questo campo specifica in quante colonne vuoi allungare la cella.
Cella di intestazione	Formattazione di una cella come intestazione di riga o di colonna (imposta il testo della cella in grassetto)
Nessun avvolgimento	Divieto di sillabazione all'interno di una cella in un browser Web; altrimenti il testo si interrompe se la finestra del browser è troppo stretta per visualizzarlo completamente
Specificare la larghezza	Specifica l'altezza della cella in pixel o come percentuale dell'altezza totale della tabella (solo se l'opzione Specifica altezza è attiva). Se questa opzione è disabilitata, l'altezza della cella viene modificata automaticamente in modo che il testo inserito o l'oggetto inserito al suo interno si adatti completamente
Confini	In quest'area della finestra è possibile definire il colore delle linee di divisione e delimitazione, che può essere monocolore o bicolore. Nel primo caso, utilizzare il campo di input Border, nel secondo due campi qualsiasi tra i tre proposti. In quest'ultimo caso, la cornice risulta essere voluminosa
Sfondo	Creare uno sfondo per una cella (un colore a tinta unita o contenente un'immagine)

I valori delle proprietà possono essere modificati per una singola cella o per un intervallo selezionato.

Quando modifichi la larghezza della cella, assicurati che la larghezza totale delle celle nella riga non superi il 100%, altrimenti le celle della tabella non verranno visualizzate correttamente.

1. Nella casella di riepilogo Allineamento orizzontale della finestra di dialogo Proprietà cella, selezionare Centro e nella casella Verticale
Allineamento - voce Superiore (allinea al bordo superiore). Nel campo Dimensione bordo, inserisci il valore 1. Conferma le impostazioni facendo clic su OK.
Di conseguenza, il modo in cui i dati sono disposti nella cella cambierà e lo spessore delle linee di divisione e limitazione diventerà pari a un pixel.
2. Selezionare la riga inferiore della tabella e fare clic con il pulsante destro del mouse. Dal menu contestuale, selezionare il comando Proprietà cella. Immettere un valore pari a 2 nel campo Colonne distribuite e fare clic su OK. La tabella risultante dovrebbe assomigliare a quella seguente. La cella più a sinistra si sovrapporrà alle prime due, ma dovrebbe esserci una cella aggiuntiva a destra.

Frontpage ha due funzionalità che ti consentono di dividere una pagina in sezioni contenenti testo e grafica. Questi sono tavoli e cornici. Fino a questo punto abbiamo allineato il testo su una riga aggiungendo spazi utilizzando lo stile di paragrafo formattato. Puoi anche utilizzare le tabelle per allineare il testo. Utilizzando le tabelle, i campi del modulo vengono allineati (il Capitolo 7 è dedicato all'utilizzo dei moduli). È inoltre possibile utilizzare i fogli di stile CSS per formattare gli elementi della pagina. Va notato che i fogli di stile a cascata sono supportati solo nei browser più recenti.
Puoi selezionare un certo numero di celle all'interno di una tabella nel modo seguente: posiziona il puntatore del mouse a sinistra della cella da cui inizierai la selezione e quando si trasforma in una freccia rivolta verso destra verso l'alto, premi il pulsante sinistro del mouse e seleziona le celle richieste.
Frontpage ha due funzionalità che ti consentono di dividere una pagina in sezioni contenenti testo e grafica. Questi sono tavoli e cornici. Fino a questo punto abbiamo allineato il testo su una riga aggiungendo spazi utilizzando lo stile di paragrafo formattato. Puoi anche utilizzare le tabelle per allineare il testo. Utilizzando le tabelle, i campi del modulo vengono allineati (il Capitolo 7 è dedicato all'utilizzo dei moduli). È inoltre possibile utilizzare i fogli di stile CSS per formattare gli elementi della pagina. Va notato che i fogli di stile a cascata sono supportati solo nei browser più recenti.
Le colonne nella tabella creata potrebbero avere larghezze diverse da quelle mostrate nella figura. Ciò è dovuto alle differenze nelle risoluzioni del monitor.
3. Premere una combinazione di tasti o attivare il comando Annulla modifica proprietà nel menu Modifica per annullare le modifiche.
4. Seleziona la prima riga della tabella in alto, apri la finestra di dialogo Proprietà cella e inserisci un valore pari a 2 nel campo Righe sparse. Infine, fai clic su OK. Le due celle superiori si sposteranno a sinistra e le due celle inferiori si sposteranno a destra.

5. Fare clic sul pulsante Annulla sulla barra degli strumenti. Vai alla cella sinistra della prima riga della tabella in alto e apri la finestra di dialogo Proprietà cella. Imposta l'opzione Specifica larghezza e attiva l'interruttore In pixel per poter specificare in modo indipendente la larghezza della cella in pixel (il campo di input Specifica larghezza diventerà disponibile). Immettere un valore pari a 40 nel campo di input Specifica larghezza e fare clic su OK. Entrambe le celle nella prima colonna aumenteranno di dimensioni.

7. Attiva il pulsante Annulla, fai clic sulla cella destra della seconda riga e apri il menu Tabella. Questo menu contiene quattro sottomenu. I comandi del menu Tabella sono descritti nella tabella. 6.3.

*Tabella 6.3. Comandi del menu della tabella*
*Squadra*	*Descrizione*
Disegna tabella	Permette di disegnare una tabella nello stesso modo in cui si utilizza una matita su un foglio di carta
Sottomenu tabella Inserisci	Quando questo comando è attivato, si apre la finestra di dialogo Inserisci tabella. In esso è possibile impostare i parametri della tabella in creazione, che verrà inserita nella posizione in cui si trova il cursore (se il cursore si trova in una cella di un'altra tabella, al suo interno verrà posizionata la seconda tabella)
Sottomenu Inserisci righe o colonne Inserisci	La finestra di dialogo Inserisci righe o colonne specifica il numero di righe e colonne che possono essere inserite sopra, sotto, a destra o a sinistra della selezione.
Sottomenu cella Inserisci	Inserisce una nuova cella a sinistra della cella selezionata che viene spostata a destra
Sottomenu didascalia Inserisci	Progettato per inserire una riga vuota sopra la tabella. Questa riga è associata ad una tabella: quando viene selezionata o eliminata una tabella, viene selezionata o eliminata anche l'intestazione. Per impostazione predefinita, l'intestazione della tabella è impostata sull'allineamento centrale, ma può essere allineata a sinistra o a destra
Elimina celle	Utilizzato per eliminare le celle selezionate
Unisci celle	Ti consente di unire più celle sia in una riga che in una colonna
Celle divise	Nella finestra di dialogo Dividi cella, puoi impostare le celle selezionate in modo che siano divise sia in righe che in colonne
Cella, riga, colonna, tabella Selezionare il sottomenu	Il primo comando viene utilizzato per selezionare la cella corrente, il secondo la riga corrente, il terzo la colonna corrente e il quarto l'intera tabella
Distribuisci le righe in modo uniforme, Distribuisci le colonne in modo uniforme	Il primo comando ti consente di impostare la stessa larghezza per le righe selezionate e il secondo per le colonne selezionate
Adattamento automatico	Riduce la lunghezza di ciascuna colonna alla dimensione occupata direttamente dalle informazioni in essa contenute. Abilitare questo comando ha lo stesso effetto che disabilitare l'opzione Specifica larghezza nella finestra di dialogo Inserisci tabella, ovvero La lunghezza delle celle cambierà automaticamente a seconda della lunghezza del testo inserito o della lunghezza dell'oggetto inserito in esse
Sottomenu Testo in tabella Converti	Ti consente di convertire il testo selezionato in una tabella. L'attivazione di questo comando apre una finestra di dialogo per la selezione di un carattere delimitatore. Utilizza le virgole per separare il contenuto delle colonne e i marcatori di paragrafo per separare le righe
Sottomenu Tabella in testo Converti	Consente di convertire i dati tabulari in testo, con il contenuto di ciascuna cella che forma un paragrafo separato
Sottomenu Didascalia, Cella, Proprietà tabella	Questi tre comandi forniscono l'accesso alle finestre Proprietà didascalia, Proprietà cella e Proprietà tabella.

Accettare le impostazioni predefinite: gli interruttori Righe e Selezione sotto sono selezionati e il valore 1 viene immesso nel campo Numero di righe. Fare clic sul pulsante OK. Una nuova riga apparirà sotto la prima riga della tabella
3. Attiva nuovamente il comando Inserisci righe o colonne del sottomenu Inserisci. Imposta i pulsanti di opzione Colonne e Sinistra delle selezioni (a sinistra dell'area selezionata). Quindi fai clic sul pulsante OK. La tabella risultante dovrebbe assomigliare alla figura seguente

4. Attiva il comando Cella del sottomenu Inserisci. Di conseguenza, una nuova cella verrà inserita nella tabella e la cella situata a destra si sposterà fuori dalla riga a destra. Il cursore verrà automaticamente posizionato nella nuova cella

Per selezionare una cella, attivare il comando Cella del sottomenu Seleziona (selezionare una cella) o premere il tasto quando si fa clic su una cella. Per eliminare le celle, utilizzare il comando Elimina cella
5. Attiva il comando Didascalia del sottomenu Inserisci. Il cursore si troverà sopra la tabella al centro. Inserisci la frase seguente. Questa è l'intestazione della tabella
6. Seleziona la riga inferiore nella prima tabella Quindi seleziona il comando Unisci celle. Di conseguenza, tutte le linee di divisione tra le celle verranno rimosse nella riga inferiore

7. Fare clic sulla cella più a destra della prima riga e attivare il comando Dividi celle. Si aprirà la finestra di dialogo Dividi celle

Accettare le impostazioni predefinite e fare clic su OK. La cella specificata verrà divisa in due

8. Attivare il comando Tabella del sottomenu Seleziona e premere il tasto . La tabella verrà eliminata. Fare clic sul pulsante Annulla per ripristinarlo.
Frontpage ha due funzionalità che ti consentono di dividere una pagina in sezioni contenenti testo e grafica. Questi sono tavoli e cornici. Fino a questo punto abbiamo allineato il testo su una riga aggiungendo spazi utilizzando lo stile di paragrafo formattato. Puoi anche utilizzare le tabelle per allineare il testo. Utilizzando le tabelle, i campi del modulo vengono allineati (il Capitolo 7 è dedicato all'utilizzo dei moduli). È inoltre possibile utilizzare i fogli di stile CSS per formattare gli elementi della pagina. Va notato che i fogli di stile a cascata sono supportati solo nei browser più recenti.
C'è un altro modo per selezionare una tabella: fare doppio clic a sinistra della tabella (quelli all'esterno di essa)
9. Aprire la finestra di dialogo Proprietà tabella e immettere il valore 0 nel campo di input Dimensione bordo. Fare clic sul pulsante OK. Di conseguenza, i limiti della tabella verranno indicati da linee tratteggiate.
Disegnare una tabella
Finora hai creato tabelle utilizzando il comando Tabella del sottomenu Inserisci del menu Tabella. In questo caso il sito web viene generato automaticamente in base ai valori delle proprietà impostati. Dopo aver creato la tabella, hai modificato questi valori nella finestra di dialogo Tab!c Pioperties, aggiunto ed eliminato colonne e righe, celle unite e così via. attraverso i comandi di Tabie. Frontpage offre un altro modo per creare e modificare tabelle, in base al quale i pulsanti sulla barra degli strumenti Able vengono utilizzati per elaborare le tabelle. Il pulsante Disegna tabella consente di disegnare manualmente una tabella. Il pulsante Gomma viene utilizzato per rimuovere sezioni delle linee del crogiolo dalle celle. I restanti pulsanti duplicano i corrispondenti comandi del menu Tabella
1. Posiziona il cursore su una riga vuota tra due tabelle, quindi premi due volte il pulsante del mouse e una volta il tasto freccia su.
Frontpage ha due funzionalità che ti consentono di dividere una pagina in sezioni contenenti testo e grafica. Questi sono tavoli e cornici. Fino a questo punto abbiamo allineato il testo su una riga aggiungendo spazi utilizzando lo stile di paragrafo formattato. Puoi anche utilizzare le tabelle per allineare il testo. Utilizzando le tabelle, i campi del modulo vengono allineati (il Capitolo 7 è dedicato all'utilizzo dei moduli). È inoltre possibile utilizzare i fogli di stile CSS per formattare gli elementi della pagina. Va notato che i fogli di stile a cascata sono supportati solo nei browser più recenti.
È una buona idea lasciare una riga vuota tra le tabelle durante la creazione, poiché Frontpage rende difficile l'inserimento di righe tra le tabelle. È più semplice rimuovere quelli non necessari una volta completato il layout.
1. Dal menu Tabella, attivare il comando Disegna Tabella. Di conseguenza, verrà visualizzata la barra degli strumenti Tabella e il puntatore del mouse avrà l'aspetto di una matita. Nella tabella 6 4 descrive i pulsanti della barra degli strumenti Tabella
3. Posiziona il puntatore del mouse tra le tabelle esistenti sul lato sinistro della pagina e spostalo prima orizzontalmente su metà pagina, quindi verso il basso per una distanza pari all'altezza della seconda tabella.
Capitolo 6. Tabelle e cornici lul
4. Posiziona il puntatore del mouse sul bordo superiore della tabella, vicino all'angolo sinistro. Spostare il puntatore orizzontalmente per una distanza pari alla metà della lunghezza della tabella. Spostalo verso il bordo inferiore. La tabella ora ha due colonne.
5. Crea tre righe nella colonna di destra (l'altezza delle righe può essere arbitraria).
6. Selezionare la seconda colonna della tabella. Fai clic sul pulsante Distribuisci righe uniformemente sulla barra degli strumenti, in modo che tutte e tre le righe abbiano la stessa altezza.

7. Disegna una linea che divide la seconda riga della colonna di destra in due parti.
8. Disegna due linee che dividono la linea inferiore nella colonna di destra in tre parti. La larghezza della prima nuova cella è impostata uguale alla larghezza della cella situata in alto

9. Posiziona il puntatore sul bordo destro della prima colonna. Di conseguenza, il puntatore assumerà la forma di una freccia a doppia punta.
10. Sposta il bordo della colonna a destra per espanderlo.
11. Attivare il pulsante Cancella sulla barra degli strumenti Tabella. Il puntatore del mouse apparirà come una gomma. Trascina la gomma perpendicolarmente alla linea che separa la cella più a destra da quella centrale nella riga inferiore. Di conseguenza, questa linea di demarcazione scomparirà (vedi sotto).

12. Fare nuovamente clic sul pulsante Gomma (verrà ripristinata la visualizzazione normale del puntatore del mouse). Posiziona il puntatore nella parte superiore della seconda colonna. Quando il puntatore si trasforma in una piccola freccia nera rivolta verso il basso, fai clic per evidenziare la colonna.
13. Premere il tasto e spostare il puntatore verso destra, posizionandolo sopra la colonna più esterna. Dopo aver fatto clic, le due colonne esterne verranno evidenziate.
14. Fare clic sul pulsante Distribuisci colonne uniformemente sulla barra degli strumenti. La tabella risultante è mostrata di seguito.

15. Selezionare la tabella utilizzando il comando Tabella del sottomenu Seleziona del menu Tabella e premere il tasto per eliminarla.
Tabella 6 4. Pulsanti della barra degli strumenti della tabella

Gli esercizi che abbiamo eseguito sono progettati per dimostrare quanto siano ampie le possibilità di FiontPage in termini di creazione di tabelle. Tutte le operazioni vengono eseguite in modalità WYSIWYG, puoi vedere come apparirà la tabella creata nel browser.

Importazione di informazioni di testo in una tabella.

Per importare correttamente il testo in una tabella, è necessario prepararlo adeguatamente; i frammenti di testo posizionati nelle celle adiacenti della tabella devono essere separati tra loro da caratteri speciali (delimitatori), come ad esempio le virgole. Molto spesso, i segni di punteggiatura vengono utilizzati come separatori. Successivamente, esegui la seguente sequenza di azioni:
1. Fare clic sotto la tabella in basso e premere il tasto

2. Selezionare il testo inserito; menu 1 Tabella e attivare il testo del comando A Tabella Sottomenu Comen *
3. Nella finestra di dialogo Converti testo in tabella che viene caricata, seleziona l'interruttore Altro, elimina i punti nel campo a destra e inserisci un punto e virgola. Fai clic sul pulsante OK. Di conseguenza, il testo verrà importato nella tabella (Figura 6.5.)

Figura 6.5. Tabella creata dalle informazioni del test

Frontpage ha due funzionalità che ti consentono di dividere una pagina in sezioni contenenti testo e grafica. Questi sono tavoli e cornici. Fino a questo punto abbiamo allineato il testo su una riga aggiungendo spazi utilizzando lo stile di paragrafo formattato. Puoi anche utilizzare le tabelle per allineare il testo. Utilizzando le tabelle, i campi del modulo vengono allineati (il Capitolo 7 è dedicato all'utilizzo dei moduli). È inoltre possibile utilizzare i fogli di stile CSS per formattare gli elementi della pagina. Va notato che i fogli di stile a cascata sono supportati solo nei browser più recenti.
L'HTML non supporta i caratteri di tabulazione Se converti informazioni di testo in una tabella che utilizza tabulazioni per separare insiemi di informazioni, questi caratteri verranno rimossi e la tabella non verrà creata correttamente. Invece delle tabulazioni, dovresti usare i segni di punteggiatura, che non vengono utilizzati nel file di testo. In questo esempio viene utilizzato il punto e virgola perché il testo contiene virgole e trattini. Un simbolo alternativo è un marcatore di paragrafo * Potresti voler importare il contenuto di un file di testo nella tabella Ma prima devi importare il testo dal file e dalle pagine) attivando il comando File del menu Inserisci È bene ricordarlo che Frontpage non importa correttamente il testo cirillico (non ha problemi con il latino) Pertanto, se vuoi estrarre testo simile da un file e inserirlo nella pagina, apri il file in qualsiasi editor di testo ad esempio Blocco note e trasferisci il testo nella pagina utilizzando gli appunti - Nota.
ed.
4. Selezionare la riga inferiore (vuota) nella tabella, se presente, ed eliminarla. 5. Fare clic con il tasto destro sulla tabella e attivare il comando Proprietà tabella menu contestuale
. Nella casella di riepilogo Allineamento della finestra di dialogo che si apre, seleziona l'elemento Centro, quindi disattiva l'opzione Specifica larghezza. Nel campo Padding cella, inserisci il valore 4, specificando così la distanza tra i bordi della cella e il suo contenuto. Dopo aver completato tutte le impostazioni di cui sopra, fare clic sul pulsante OK.
6. Selezionare la linea isepxmolo, fare clic con il tasto destro su di essa e aprire la finestra di dialogo Proprietà cella. In questa finestra, impostare l'opzione Cella di intestazione e selezionare Sinistra nella casella di riepilogo Allineamento orizzontale. Infine, fai clic su OK.
7. Nel menu Tabella, attivare il comando Didascalia del sottomenu Inserisci. Fare clic sul pulsante Grassetto sulla barra degli strumenti Formattazione. Il titolo della tabella immesso sarà in grassetto. Ad esempio, inserisci il titolo seguente. Nome e cognome e anno di nascita dei dipendenti

9. Selezionare le righe rimanenti nella tabella e aprire la finestra di dialogo Proprietà cella. Specificare un colore giallo nella casella di riepilogo Colore nell'area Sfondo e nella casella di riepilogo Allineamento orizzontale selezionare Centro.
Fare clic sul pulsante OK. La tabella risultante dovrebbe assomigliare a quella mostrata in Fig. 6.6.
10. Fare clic sul pulsante Salva per salvare le tabelle create.
11. Dal menu File, selezionare Anteprima nel browser. Nella finestra di dialogo che viene caricata, seleziona il tuo browser Internet Explorer 5.0 e fare clic sul pulsante Anteprima. Nella fig. 6.7 presentato pagina iniziale Test Tables Sito Web contenente la tabella creata. Se stai utilizzando un altro browser, apri questa pagina e guarda come verrà visualizzata la tabella che abbiamo creato.
Le ultime versioni del browser hanno ampliato il supporto per le tabelle. In precedenza, esistevano differenze significative tra il modo in cui le tabelle venivano visualizzate nei diversi browser. Alcuni browser non li supportavano affatto. Dovresti rivedere il tuo lavoro in diversi browser e valutare come appaiono le tue tabelle al loro interno. IN al momento Il mercato dei browser è dominato dai prodotti Netscape e Microsoft. Questi due browser supportano abbastanza bene le tabelle.

Riso. 6.6. Versione finale della tabella (modalità di visualizzazione Pagina)

Riso. 6.7. Tavolo finale (Internet Explorer 5.0)

Utilizzo delle tabelle durante la progettazione di una pagina Web

Le tabelle sono utili per dividere una pagina in aree in cui verranno presentate le informazioni.
Segui questi passaggi:
1. Nella visualizzazione Pagina, crea una nuova pagina. Inserisci una riga vuota all'inizio della pagina.
2. Attivare il comando ClipArt del sottomenu Immagine del menu Inserisci.
3. Posiziona il cursore sotto l'immagine e inserisci il seguente testo: “Monumento dell'architettura indiana. Mausoleo del sultano Shah Jahan e di sua moglie Situato a 2 chilometri dalla città di Agra Struttura a cinque cupole in marmo bianco con un mosaico pietre colorate. L'altezza è di 74 metri. K Il Taj Mahal è adiacente a quattro minareti e un giardino. Un dipinto del famoso artista russo V.V Vereshchagin, che visitò l'India, introduce questo esempio di architettura indo-musulmana.
4. Evidenziare il testo inserito. Premere la combinazione di tasti per copiare il testo negli appunti. Posiziona il cursore alla fine dell'ultima frase e inserisci uno spazio. Premere la combinazione di tasti. Di conseguenza, la matrice del testo verrà aumentata, il che consentirà di ottenere ulteriormente il risultato desiderato: circondare l'immagine con il testo.
5. Spostare il puntatore all'inizio della pagina. Attivare il comando Tabella del sottomenu Inserisci del menu Tabella. Nella finestra caricata, inserisci il valore 2 nel campo Righe, -1 nel campo Colonne, 0 nel campo Dimensione bordo e disattiva l'opzione Specifica larghezza. La nuova tabella prenderà il posto della grafica e del testo, che si sposterà verso il basso. Il risultato è mostrato nella figura seguente.

6. Trascina l'immagine nella riga superiore della tabella.
7. Nella riga inferiore della tabella, inserisci il nome del monumento "Taj Mahal". Imposta il testo in grassetto e allinealo al centro della gabtatsa facendo clic rispettivamente sui pulsanti Grassetto e Centro del pannello Strumenti di formattazione
8 Aprire la finestra di dialogo Proprietà tabella ed evidenziare Sinistra nella casella di riepilogo Mobile. Fare clic su OK. Di conseguenza, il testo verrà posizionato attorno al tavolo. In altri testi spazzatura WOT l'effetto si chiama avvolgimento

9 Salvare la pagina, assegnandole il nome Tatj _Mahal e il titolo Taj Mahal Nel menu File, attivare il comando Anteprima nel browser Selezionare il browser e fare clic sul pulsante Pieview In Fig. 6-8 la pagina viene visualizzata in Internet Explorer 5Obrowser
Come puoi vedere, le tabelle sono utili per allineare immagini e didascalie. Crea diverse pagine basate su modelli che utilizzano tabelle e otterrai conferma di come strumento potente presentazione delle informazioni

Figura 6.8. Avvolgere il testo attorno a un'immagine

Potresti avere le tue idee riguardo all'uso delle tabelle in una pagina Web. Implementale fino a ottenere il risultato desiderato. Questo è l'unico modo per ottenere una pagina progettata con successo.

Lavorare con il personale

Klapbi, come le tabelle, vengono utilizzati per inserire informazioni sugli ospiti su singole pagine. I frame sono finestre posizionate su una pagina Web e progettate per visualizzare altre pagine Web. È molto conveniente posizionare un numero qualsiasi di frame su una pagina presentare informazioni su un sito Web con un sistema di rubricazione complesso. In questo caso, è necessario creare una pagina con due frame: un frame del sommario e un frame principale. Il frame del sommario contiene un elenco di intestazioni che sono collegamenti. Quando viene attivata una categoria di collegamento, la pagina corrispondente viene caricata nel frame principale.
Successivamente, completerai un semplice tutorial progettato per dimostrare i principi delle risorse umane (questo esempio avrà solo tre rubriche). Dedicheremo questo esempio ai monumenti architettonici.
1. Creare un nuovo sito Web a pagina singola e denominarlo Frames. Nella modalità di visualizzazione Pagina, attivare il comando Pagina del sottomenu Nuovo del menu File.
Nella finestra di dialogo Nuovo che viene caricata, vai alla scheda Pagine con frame, che visualizza i modelli di pagina con frame (Fig. 6.9).

Per impostazione predefinita, è selezionato il modello Banner e contenuti. L'area Anteprima presenta la composizione della pagina che verrà creata in base a questo modello e l'area Descrizione fornisce una descrizione del modello.

Seleziona ciascuno dei modelli uno per uno per leggere la loro descrizione e scoprire quali pagine possono essere create in base ad essi.
Riso. 6.9. Nuova finestra di dialogo (scheda Pagine frame)
2. Dopo aver esaminato le opzioni del modello, seleziona il modello Intestazione, piè di pagina e contenuto. Fare clic su OK.
Il risultato sarà una pagina contenente quattro frame: un frame con un'intestazione (frame superiore), un frame di indice a sinistra, un frame principale e un frame di piè di pagina (frame inferiore) (Figura 6.10). Ogni frame contiene due pulsanti: Imposta Pagina Iniziale (utilizzato per selezionare la pagina iniziale, cioè la pagina che viene visualizzata per prima nel frame successivo

caricando la pagina dei frame nel browser) e Nuova pagina (facendo clic sul pulsante Nuovo

La pagina risulta in una pagina iniziale vuota).
Frontpage ha due funzionalità che ti consentono di dividere una pagina in sezioni contenenti testo e grafica. Questi sono tavoli e cornici. Fino a questo punto abbiamo allineato il testo su una riga aggiungendo spazi utilizzando lo stile di paragrafo formattato. Puoi anche utilizzare le tabelle per allineare il testo. Utilizzando le tabelle, i campi del modulo vengono allineati (il Capitolo 7 è dedicato all'utilizzo dei moduli). È inoltre possibile utilizzare i fogli di stile CSS per formattare gli elementi della pagina. Va notato che i fogli di stile a cascata sono supportati solo nei browser più recenti.
Per utilizzare una pagina esistente come pagina iniziale di un frame, è necessario effettuare le seguenti operazioni: in questo frame, fare clic sul pulsante Imposta pagina iniziale; nella finestra di dialogo Crea collegamento ipertestuale che viene caricata, seleziona la pagina desiderata e chiudi la finestra utilizzando il pulsante OK.
4. Fare clic con il tasto destro sulla pagina nel frame superiore e selezionare Bordi condivisi dal menu contestuale. Nella finestra di dialogo caricata con lo stesso nome, l'opzione Pagina corrente è selezionata per impostazione predefinita (non modificare questa impostazione). Se sono installate delle opzioni, disattivarle.

Frontpage ha due funzionalità che ti consentono di dividere una pagina in sezioni contenenti testo e grafica. Questi sono tavoli e cornici. Fino a questo punto abbiamo allineato il testo su una riga aggiungendo spazi utilizzando lo stile di paragrafo formattato. Puoi anche utilizzare le tabelle per allineare il testo. Utilizzando le tabelle, i campi del modulo vengono allineati (il Capitolo 7 è dedicato all'utilizzo dei moduli). È inoltre possibile utilizzare i fogli di stile CSS per formattare gli elementi della pagina. Va notato che i fogli di stile a cascata sono supportati solo nei browser più recenti.
I frame sono uno strumento di navigazione alternativo alle aree condivise. Pertanto, se nel Sito sono presenti dei frame, le aree comuni non vengono utilizzate.
5. Nella pagina nel frame superiore, inserisci il titolo “Monumenti architettonici”. Assegna all'intestazione lo stile di paragrafo Titolo 2 e allinealo al centro.
6. Fare clic sul pulsante Nuova pagina nel frame inferiore. Nella pagina creata, inserisci la seguente frase: “Per domande o commenti, contattare: [e-mail protetta]". Selezionare il testo inserito e nella casella di riepilogo Dimensione carattere sulla barra degli strumenti Formattazione, selezionare il valore 2. La dimensione del carattere della frase inserita diventerà 10 punti.
7. Creare una nuova pagina nel riquadro del sommario (riquadro sinistro). Immettere le seguenti tre righe di testo (dopo aver inserito la riga successiva, premere il tasto):
Acropoli
Piramidi
Taj Mahal
8. Creare una nuova pagina nel frame principale facendo clic sul pulsante Nuova pagina.
Premere il tasto per creare una riga vuota. Nella seconda riga inserisci la seguente frase: "Benvenuti nel mondo dell'architettura!"
Assegna al testo inserito uno stile di paragrafo Titolo 1 e allinealo al centro della pagina. Rendi il testo in corsivo (selezionalo e fai clic sul pulsante Corsivo sulla barra degli strumenti Formattazione).
Quindi, sono state create le pagine iniziali di tutti i frame. Successivamente apporteremo modifiche alla pagina iniziale del riquadro del sommario.

10. Crea due nuove pagine bianche e posiziona su di esse altre due immagini di monumenti architettonici dalla libreria Clip Art: sulla prima - piramidi egiziane, sulla seconda - il Taj Mahal. Nel primo caso, nella finestra Galleria Clip Art, inserisci Piramidi come criterio di ricerca, nel secondo - Taj Mahal.
11. Vai alla pagina con l'immagine dell'Acropoli. Fare clic sul pulsante Salva.
Nella finestra di dialogo Salva, specificare un nome file per la pagina Acropoli. htm e cambia il titolo predefinito in Acropoli. Fare clic sul pulsante Salva. Verrà caricata la finestra di dialogo Salva file incorporato. Fare clic sul pulsante Cambia cartella. Nella finestra con lo stesso nome, seleziona la cartella Immagini. Chiudere entrambe le finestre utilizzando i pulsanti OK. Il file immagine verrà salvato nella cartella Immagini
12. Salva le pagine con le immagini delle piramidi e del Palazzo Taj Mahal. Nel primo caso, specificare Pyramids htm e Pyramids come nome e titolo del file di pagina, nel secondo - Taj_Mahal.htm e Taj Mahal.

13. Vai alla pagina nel riquadro del sommario. Evidenzia la parola Acropoli e fai clic sul pulsante Collegamento ipertestuale sulla barra degli strumenti Standard. Nella finestra Crea collegamento ipertestuale, seleziona la pagina Acropolis.htm. Il campo Target Frame deve contenere una voce Page Default (principale). Ciò significa che la pagina (Acropolis.htm) a cui viene creato il collegamento ipertestuale verrà aperta nel frame principale.
È possibile modificare il fotogramma di destinazione nella finestra di dialogo Fotogramma di destinazione, che si apre facendo clic sul pulsante Cambia fotogramma di destinazione. Nell'elenco Destinazioni comuni di questa finestra, è necessario selezionare l'elemento appropriato. In particolare, se è selezionata la voce Nuova Finestra, quando si clicca sul collegamento ipertestuale, la pagina verrà aperta in una nuova finestra del browser, mentre se è selezionata la voce Stesso Frame, la pagina verrà aperta nello stesso frame in cui si trova il collegamento ipertestuale
16. Dal menu File, selezionare il comando Salva. La finestra di dialogo Salva con nome verrà caricata e ti chiederà di salvare la pagina nel frame superiore. La parte destra della finestra Salva con nome mostra la composizione della pagina con frame (il frame attualmente in fase di salvataggio corrisponde all'area ombreggiata). Assegna un nome alla pagina Fr_header. Fai clic sul pulsante Salva. Successivamente, la finestra Salva con nome ti chiederà di salvare la pagina del frame inferiore (le pagine del frame vengono salvate nell'ordine in cui sono state create). Assegna un nome alla pagina del frame inferiore FrJboter, alla pagina del sommario Fr_contents, al frame principale Fr_main Infine, ti verrà chiesto di salvare la pagina dei frame. Dategli il nome Cornici e il titolo “Monumenti architettonici” (Fig. 6.12)

Riso. 6.11. Pagina con cornici in modalità di visualizzazione Pagina

Riso. 6.12. Procedura per salvare una pagina con frame

17. Carica la pagina con i frame nel browser e guarda come risulta
Aspetto.

Riso. 6.13. Pagina con frame del sito Web Frames nel browser

Un frame ha una serie di proprietà che puoi controllare. I valori delle proprietà del telaio vengono impostati nella finestra di dialogo Proprietà telaio. Per aprire questa finestra, fare clic con il tasto destro su un frame (ad esempio, un frame di indice) e attivare il comando Proprietà frame dal menu contestuale. Di conseguenza, si aprirà la finestra di dialogo mostrata in Fig.. 6.14. Gli elementi della finestra Proprietà telaio sono descritti nella tabella. 6.5.

Tabella 6.5. Proprietà del telaio

*Elemento*	*Descrizione*
Nome	Quando si crea un collegamento ipertestuale su una pagina di frame, è necessario specificare nella finestra di dialogo Crea Hyperiink il nome del frame in cui verrà caricata la pagina corrispondente quando il collegamento viene attivato
Pagina iniziale Pagina iniziale	Questo campo di input indica quale pagina verrà visualizzata per prima nel frame quando viene caricato
Dimensioni del telaio	Quest'area contiene due campi di input: Larghezza (larghezza) e Altezza riga (altezza della riga). I valori possono essere impostati qui in pixel, in unità relative o come percentuale della dimensione della finestra del browser
Margini	Quest'area determina la dimensione dei margini del frame (gli intervalli tra il contenuto della pagina e i limiti del frame) e i pixel
Ridimensionabile nel browser (ridimensionamento nel browser)	Se questa opzione è impostata, l'utente può modificare la dimensione del frame nel proprio browser
Mostra barre di scorrimento (visualizza le barre di scorrimento)	Questa casella di riepilogo contiene tre elementi Se necessario (se necessario) - le barre di scorrimento vengono visualizzate solo se il contenuto della pagina non si adatta alla finestra, Mai (mai) - le barre di scorrimento non vengono visualizzate, indipendentemente dalla quantità di informazioni sulla pagina, Sempre (costantemente) - le barre di scorrimento vengono visualizzate costantemente Quale di questi elementi deve essere selezionato dipende dal contenuto delle pagine che verranno caricate nel frame Ad esempio, se il frame si trova nella parte superiore della pagina e contiene informazioni comuni a tutte le pagine (ad esempio, una barra di navigazione), è necessario selezionare Nevei. Tieni presente che il modo in cui la pagina viene visualizzata dipende dalla risoluzione dello schermo, pertanto, l'opzione migliore è selezionare l'opzione Se necessario con le massime opportunità di visualizzare le informazioni nella cornice, seleziona la voce Sempre

Fare clic sul pulsante Pagina frame nella finestra di dialogo Proprietà cornice, che apre la finestra di dialogo Proprietà pagina. Nel campo di input Spaziatura fotogrammi è possibile impostare lo spessore delle linee di divisione tra i fotogrammi sulla pagina. L'opzione Mostra bordi determina se verranno visualizzate le linee tra i fotogrammi.

È possibile creare frame aggiuntivi nella pagina dei frame. Eseguire i seguenti passaggi: in modalità Visualizzazione pagina, tenere premuto il tasto e spostare leggermente verso il basso il bordo superiore del frame principale, quindi rilasciare il tasto e il pulsante del mouse. Di conseguenza, verrà creata una cornice sopra la cornice principale (Fig. 6.15), che non contiene una pagina.

Riso. 6.15. Nuovo telaio

Ci auguriamo che tu sia convinto che i frame siano un mezzo molto conveniente per presentare le informazioni. Uno dei problemi che sorgono quando si lavora con i frame è che non tutti i browser li supportano a partire dalla versione 20 e Internet Explorer dalla versione 3 0 Il supporto frame è stato introdotto in HTML 3 2 Alcuni utenti utilizzano ancora browser più vecchi Tieni quindi presente che una parte significativa del tuo pubblico potrebbe non essere in grado di visualizzare correttamente le pagine frame. La soluzione a questo problema è creare una pagina No Flames (senza frame). Se il browser dell'utente non supporta i frame, viene invece visualizzata automaticamente la pagina No Frames
Pagina Nessun frame durante la creazione di una pagina con frame Puoi verificarlo facendo clic sulla scheda Nessun frame nella parte inferiore della finestra Frontpage quando la pagina dei frame è aperta. La Figura 6-16 mostra la pagina Nessun frame creata per impostazione predefinita può consigliare all'utente di utilizzare il browser, supportando i frame. È inoltre necessario creare collegamenti a quei siti Web da cui è possibile scaricare un browser che supporti i frame (ad esempio, al sito Web Microsoft da cui è possibile scaricare il browser Internet Explorer 5.0).
Frontpage ha due funzionalità che ti consentono di dividere una pagina in sezioni contenenti testo e grafica. Questi sono tavoli e cornici. Fino a questo punto abbiamo allineato il testo su una riga aggiungendo spazi utilizzando lo stile di paragrafo formattato. Puoi anche utilizzare le tabelle per allineare il testo. Utilizzando le tabelle, i campi del modulo vengono allineati (il Capitolo 7 è dedicato all'utilizzo dei moduli). È inoltre possibile utilizzare i fogli di stile CSS per formattare gli elementi della pagina. Va notato che i fogli di stile a cascata sono supportati solo nei browser più recenti.
Una pagina con frame richiede più tempo per essere caricata rispetto a una normale pagina Web perché in realtà carica più pagine. I frame devono essere utilizzati con giudizio

Figura 6.16. Pagina No Flames in modalità di visualizzazione Pasu e

Progettare pagine frame in Frontpage è un gioco da ragazzi, grazie ai numerosi funzionalità forniti da Frontpage, oltre al fatto che in Frontpage la modifica della pagina viene effettuata in modalità WYSIWYG

. Etichetta può includere i seguenti attributi:

· LARGHEZZA="n"- definisce la larghezza della tabella in pixel o percentuali; per impostazione predefinita, la larghezza della tabella è determinata dal contenuto delle celle;

· ALLINEA=SINISTRA- determina la posizione della tabella nel documento. Per impostazione predefinita, la tabella viene spostata sul bordo sinistro della pagina. Valori degli attributi validi: LEFT (sinistra), CENTER (centro della pagina) e RIGHT (destra);

· BORDO="n"- imposta lo spessore del telaio. Per impostazione predefinita n=0 - la tabella viene disegnata senza cornice;

· BORDERCOLOR="#hhhhhh"- imposta il colore della cornice, dove #hhhhhh è il valore esadecimale del colore;

· CELLSPACING="n"- determina la distanza tra i fotogrammi delle celle della tabella in pixel;

· CELLPADDING="n"- definisce la distanza in pixel tra la cornice della cella e il testo;

· BGCOLOR="#hhhhhh"- imposta il colore di sfondo per l'intera tabella, dove #hhhhhh è un numero esadecimale.

· SFONDO="immagine.gif"- riempie lo sfondo della tabella con un'immagine;

· FRAME="valore"- controlla la cornice esterna della tabella, può assumere i seguenti valori:

§ VOID - nessuna cornice (valore predefinito);

§ SOPRA - viene disegnato solo il bordo superiore;

§ SOTTO - solo il bordo dal basso;

§ HSIDES - confini sopra e sotto;

§ VSIDES - solo bordi a sinistra ea destra;

§ LHS - solo bordo sinistro;

§ RHS - solo bordo destro;

§ BOX - vengono disegnati tutti e quattro i lati;

§ BORDO - anche tutti e quattro i lati.

· REGOLE="valore"- controlla le linee che separano le celle della tabella. Valori possibili:

§ NONE - nessuna riga (valore predefinito);

§ GRUPPI - le righe saranno solo tra gruppi di righe (THEAD, TFOOT, TBODY) e gruppi di colonne (COLGROUP, COL) - i gruppi sono descritti di seguito;

§ RIGHE - solo tra le righe;

§ COLS - solo tra colonne;

§ ALL - tra tutte le righe e colonne.

La tabella può avere un titolo: etichette

. Dovrebbe trovarsi direttamente dopo l'etichetta . Un'intestazione può avere un attributo ALIGN che specifica la posizione dell'intestazione rispetto alla tabella: Le righe della tabella iniziano con il tag <TR>e fine</TR>. Può avere attributi: · ALLINEA=SINISTRA- imposta l'allineamento orizzontale del testo nelle celle della riga. Può assumere i valori LEFT (allineamento a sinistra), CENTER (allineamento al centro) e RIGHT (allineamento a destra); · VALIGN=CENTRO- imposta l'allineamento verticale del testo nelle celle della riga. Valori validi: TOP (allineamento in alto), CENTER (allineamento al centro - questa è l'impostazione predefinita), BOTTOM (allineamento in basso); · BGCOLOR="#hhhhhh"- imposta il colore di sfondo per la riga. · SFONDO="immagine.gif"- riempie lo sfondo della linea con un'immagine. Ogni cella della tabella inizia con un'etichetta <TD>e finisce</TD>. Può avere i seguenti attributi: · ALLINEA=SINISTRA- imposta l'allineamento orizzontale del testo in una cella. Può assumere i valori LEFT (allineamento a sinistra), CENTER (allineamento al centro) e RIGHT (allineamento a destra); · VALIGN=CENTRO- imposta l'allineamento verticale del testo in una cella. Valori validi: TOP (allineamento in alto), CENTER (allineamento al centro - questa è l'impostazione predefinita), BOTTOM (allineamento in basso); · LARGHEZZA="n"- definisce la larghezza della cella in n pixel; · ALTEZZA="n"- definisce l'altezza della cella in n pixel; · COLSPAN="n"- imposta la "estensione" orizzontale della cella. Quelli. COLSPAN="3", ad esempio, significa che la cella si estenderà su 3 colonne; · ROWSPAN="n"- imposta la "estensione" verticale della cella. ROWSPAN= "2" significa che la cella occupa due righe della tabella; · ORARAP- la presenza di questo attributo indica che il testo deve essere posizionato su un'unica riga; · BGCOLOR="#hhhhhh"- imposta il colore di sfondo della cella; · SFONDO="immagine.gif"- riempie lo sfondo della cella con un'immagine. Inoltre, qualsiasi cella della tabella può essere definita senza etichette <TD></TD> e con etichette <TH></TH>- Intestazione tabella (titolo della tabella). In linea di principio, questa è una cella normale, ma il testo all'interno è in grassetto e centrato. Le righe della tabella possono essere combinate in gruppi. A questo scopo vengono utilizzati i seguenti marchi: <THEAD>...</THEAD>- qui vengono combinate le celle dell'intestazione superiore della tabella; <TFOOT>...</TFOOT>- celle dell'intestazione inferiore della tabella; <TBODY>...</TBODY>- e qui vengono combinate le righe del contenuto effettivo della tabella (potrebbero esserci più gruppi TBODY). Ogni gruppo deve contenere almeno una riga TR. Il gruppo TFOOT deve precedere TBODY, anche se apparirà in fondo alla tabella sullo schermo (Netscape non lo supporta). Tutti i gruppi devono contenere lo stesso numero di colonne. Utilizzo dei gruppi di righe: idealmente, sono progettati per visualizzare (scorrere) tabelle di grandi dimensioni indipendentemente dalle intestazioni. Le colonne della tabella possono anche essere raggruppate utilizzando le etichette <COLGROUP>E <COL>. L'etichetta COLGROUP consente di raggruppare le colonne in gruppi che possono essere distinti, ad esempio, utilizzando l'attributo RULES dell'elemento TABLES. L'etichetta COL consente di applicare qualsiasi attributo (allineamento, ecc.) a più colonne senza combinarle in un gruppo strutturale. <COLGROUP>può contenere i seguenti attributi: · SPAZIO=n- ci sono n colonne nel gruppo (n=1 per impostazione predefinita). Il browser ignorerà questo valore se compreso <COLGROUP>E <COL>c'è almeno un elemento <COL>; · LARGHEZZA=n- larghezza delle colonne nel gruppo. Il valore n può essere specificato in pixel o percentuali. Può essere specificato come valore relativo o avere anche il valore "0*", ad es. le colonne avranno una larghezza minima in base alla dimensione del contenuto della cella; · ALLINEARE, VALIGNARE- allineamento del contenuto della cella. <COL>contiene gli stessi attributi di <COLGROUP>. Se le larghezze delle colonne sono specificate sia in COL che in COLGROUP, viene selezionato il valore dell'etichetta COL. Etichetta <COL>non accoppiato, cioè non ha un tag di chiusura. Se la cella è vuota, attorno ad essa non viene disegnata alcuna cornice. Se hai ancora bisogno di una cornice attorno a una cella vuota, devi inserire un oggetto carattere (spazio unificatore). La cella sarà ancora vuota e sarà circondata da un bordo (- deve essere digitato in lettere minuscole e chiuso con un punto e virgola). Qualsiasi cella della tabella può contenere un'altra tabella. Possibili errori nelle tabelle: · Etichette che impostano il carattere ( , , Anche · Tavolo: design delicato. Se viene perso solo un tag <TR>potrebbe comportarsi in modi prevedibili. Etichetta mancante</TABLE> potrebbe far scomparire completamente l'intera tabella dallo schermo. Inserimento di una tabella nell'editor di FrontPage Utilizzando le tabelle, puoi creare layout in più colonne, applicare effetti per adattarli all'immagine e allo sfondo, posizionare linee sottili sull'intera larghezza o altezza della pagina, ecc. Per inserire una tabella, è possibile utilizzare la barra degli strumenti standard, ma nel menu sono presentati i comandi più completi per lavorare con le tabelle Tavolo. Crea una tabella come questa: 1. Finestra di dialogo Inserimento di una tabella Puoi specificare non solo il numero di righe e colonne della tabella, ma anche il metodo di allineamento, il colore di sfondo delle celle, il colore e lo spessore dei bordi, la spaziatura tra le celle e altri parametri. Effettuiamo le impostazioni richieste secondo l'esempio. 2. Dopo aver creato una tabella di 4 righe e 3 colonne, è necessario selezionare le celle necessarie per combinarle, ad esempio, tutte le celle della prima colonna ed eseguire la catena di azioni: Tabella® Unisci celle. Parte pratica. Gli studenti completano il compito Lavoro pratico 6-7.doc Con lo sviluppo Internetè apparso un protocollo di scambio di informazioni, si chiama protocollo HTTP (protocollo di trasferimento ipertesto- protocollo di trasferimento ipertestuale). Insieme a questo protocollo è apparso un servizio World Wide Web(spesso chiamato WWW o semplicemente Una pagina), che fornisce una vasta rete di server HTTP trasferimento di file tramite Internet.La parte principale di questi file sono Pagine Web– file speciali scritti nella lingua HTML (linguaggio di markup dell'ipertesto– linguaggio di markup ipertestuale). Pagine Web pubblicato in Internet inserendo tali file sui server HTTP (siti Web). Contenuto Pagine Web possono essere diversi e dedicati ad argomenti del tutto arbitrari, ma utilizzano tutti la stessa base: il linguaggio HTML. La maggior parte delle persone che desiderano creare il proprio sito Web o la propria pagina hanno familiarità con la lingua HTML solo per sentito dire. Pertanto, il programma può venire in loro aiuto MicrosoftFrontPage, uno dei costruttori di siti web più famosi.FrontPage, incluso nel pacchetto dell'applicazione Microsoft Office, è diventato il primo prodotto ampiamente utilizzato per Internet, che combina parti client e server e offre la possibilità di sviluppare il sito nel suo insieme e installarlo sui server più diffusi. FrontPageè in grado di farsi carico di tutto il lavoro di programmazione necessario. Tuttavia FrontPage Diventerà anche un serio assistente per gli sviluppatori professionisti che preferiscono avere il pieno controllo sul processo creativo.Finestra del programma FrontPage 2003. Programma FrontPage rilasciato dalla società Microsoft ed è realizzato nello stesso stile dei prodotti inclusi nella confezione Microsoft Office, quindi l'aspetto del programma non è praticamente diverso da un elaboratore di testi Parola .Nella parte superiore della finestra sono presenti una barra dei menu e due barre degli strumenti: Standard e formattazione. È possibile abilitare o disabilitare la visualizzazione delle barre degli strumenti Visualizza il menu. Sul lato sinistro c'è Visualizza pannello, con il quale è possibile cambiare modalità documento. La parte principale della finestra è occupata dall'area di lavoro, nella quale è possibile aprire una o più finestre contenenti i singoli documenti. Nella parte inferiore della finestra c'è barra di stato, contenente informazioni di base. Inoltre nella parte inferiore della finestra sono presenti tre pulsanti per la visualizzazione del documento. Visualizzazione delle barre degli strumenti. Per gestire le barre degli strumenti in FrontPage puoi usare gli stessi metodi di in Microsoft Word. Vale a dire: nel menu Visualizzazione bisogna scegliere Elemento della barra degli strumenti e nel nuovo sottomenu che si apre: installa caselle di controllo di fronte alle barre degli strumenti di cui hai bisogno; oppure fare clic fare clic con il tasto destro per qualsiasi motivo pannelli di controllo(o nell'area accanto) e utilizza il menu contestuale allo stesso modo.FrontPage, come altre applicazioni Microsoft Office, consente di aggiungere, eliminare e riorganizzare voci di menu e pulsanti sulle barre degli strumenti. È anche possibile creare pannelli completamente personalizzati. Per fare questo è necessario:IN Menù di servizio scegliere voce Impostazioni… O V Visualizza il menu scegliere Elemento della barra degli strumenti, e nel menu a cascata che appare - voce Impostazioni… Come risultato delle tue azioni, si aprirà una finestra di dialogo Impostazioni, dove è possibile installare i pannelli necessari.Creane uno nuovo Pagine Web. Se hai iniziato FrontPage, significa nuovo Pagina Web hai già creato (all'avvio FrontPage immediatamente se ne apre uno nuovo vuoto Pagina Web, pronto per posizionare testo e qualsiasi altro elemento). Crea nuovo Pagina Web Puoi farlo in altri modi:Utilizzando un pulsante Nuova pagina SU Pannello standard utensili. Menù archivio selezionare il sottomenu Creare, poi - Pagina O Sito web; utilizzando combinazioni CTRL+N; utilizzando menu contestuale(funziona in tutte le modalità tranne Attività e report) - per questo all'interno Elenco cartelle dato Una pagina) è necessario fare clic con il tasto destro e selezionare la voce nel menu contestuale che appare Crea  Pagina.Creazione di pagine utilizzando una procedura guidata e modelli.Come accennato in precedenza, se hai utilizzato il menu per creare una nuova pagina File  Nuovo  Pagina o sito Web, Quello FrontPage ti chiederà di utilizzare un modello per creare una nuova pagina. Per fare ciò, si aprirà una finestra di dialogo, il cui aspetto è mostrato di seguito:Sulla scheda Generale Questa finestra di dialogo visualizza un elenco di modelli FrontPage attualmente disponibile. Selezionando uno qualsiasi dei modelli, puoi vederne la descrizione in Campo campione. Creazione Web di FrontPage. Web di Microsoft FrontPage- questo è un set Pagine Web, file di immagini e altri componenti che possono essere visualizzati nel loro insieme. Se crei un sito web in FrontPage, quindi il modo più conveniente per memorizzarlo è utilizzarlo Web di FrontPage. il vantaggio più importante è la possibilità di rinominare i file inclusi nel file Web di FrontPage. Immaginalo prima di pubblicare il tuo sito in Internet All'improvviso hai notato che un paio dei tuoi file hanno nomi russi. - "Ora dovrai esaminare tutti i file e modificare i collegamenti manualmente!" duamete. Questo è dove ti aiuterà Web di FrontPage- puoi rinominare i file in tutta sicurezza e FrontPage esaminerà in modo indipendente tutti gli altri file inclusi in Web di FrontPage e rinominerà tutti i collegamenti al file che hai corretto. Non descriverò tutti gli altri vantaggi, ma vorrei dirlo per sfruttare tutte le possibilità FrontPage, allora è meglio usare Web di FrontPage. Quindi, per crearne uno nuovo Web di FrontPage Clicca sulla freccia collocata a sinistra del pulsante Nuova pagina della barra degli strumenti e seleziona la voce nel menu a tendina che compare Sito web…Apertura di pagine Web.Molto spesso, quando si crea un sito web, è necessario modificare già creato Pagine Web. Puoi tornare alla stessa pagina tutte le volte che vuoi per modificarla o utilizzarne parti per crearne di nuove. Pagine Web.Aprine uno esistente Pagina Web possibile in una qualsiasi delle modalità esistenti.Dalla modalità Visualizzazioni di pagina Esistono quattro modi per aprire una pagina esistente:1 modoSe stai lavorando con Web di FrontPage, quindi seleziona semplicemente il file desiderato in Elenco cartelle e fai doppio clic su di esso con il mouse.Metodo 2Dal menu File, selezionare Ultimi file. Dal menu a cascata che appare, seleziona il file desiderato.3 vieUtilizzando la finestra di dialogo Apri file: File  Apri.Anteprima.Per vedere come appare la tua pagina direttamente nel browser, puoi utilizzare la scheda Anteprima in modalità di modifica Pagine Web. Ma in questo caso potrebbe risultare che il browser FrontPage non mostrerà alcuni elementi del tuo pagine, quindi è meglio: utilizzare il pulsante sulla barra degli strumenti o dentro Menù archivio seleziona l'elemento Anteprima r nel browser.Se hai utilizzato il primo metodo, il contenuto della tua pagina verrà visualizzato nel browser integrato FrontPage. Se hai utilizzato il secondo metodo, allora FrontPage verrà visualizzata una finestra di dialogo Visualizza nel browser...Qui puoi: Seleziona il browser in cui desideri visualizzare il tuo Pagina Web. In genere visualizzato qui inizialmente navigatore, che è installato per impostazione predefinita sul tuo computer. Aggiungi qualsiasi altro browser, per il quale è necessario utilizzare il pulsante Aggiungere. Modifica o rimuovi i browser installati. Imposta le dimensioni dello schermo su cui verrà visualizzato il tuo Pagina WebRisparmio Pagine Web. Predefinito FrontPage invece di un nome pagine prende la prima riga di testo dalla tua pagine. Questo non è sempre ciò che è necessario. Puoi modificare il titolo della pagina utilizzando Cambia pulsanti- facendo clic su questo pulsante si apre la finestra di dialogo Titolo pagine, in cui è possibile modificare il nome pagine.Rimozione Pagine Web. Quando si lavora con Sito web prima o poi capiterà che alcune pagine non ti serviranno più e vorrai cancellarle.Ci sono tre modi per rimuovere Pagine Web.1 modoNel pannello Elenco cartelle selezionare il file che si desidera eliminare e fare clic sul pulsante Eliminare sulla tastiera.Metodo 2Nel pannello Elenco cartelle fare clic con il tasto destro su file(o icona file), che occorre eliminare e nel menu contestuale che appare selezionare la voce Eliminare.3 vieIN Pannello elenco cartelle selezionare il file che desideri eliminare e quindi seleziona Elimina dal menu Modifica.Lavorare con il testo.A prima vista, inserendo il testo in FrontPage non è diverso dall'inserire testo in qualsiasi editor di testo (ad esempio, in Microsoft Word). Per digitare il testo è sufficiente fare clic con il mouse in un punto qualsiasi della pagina e il cursore verrà posizionato nel punto più vicino in cui è possibile inserire il testo. La digitazione delle lettere maiuscole, la modifica del testo (eliminazione di caratteri, inserimento di testo, ecc.) vengono eseguite esattamente come in Microsoft Word. C'è solo un piccolo MA: quando premi Inserisci le chiavi In FrontPage Il cursore è costretto a spostarsi su una nuova riga, mentre i rientri di paragrafo fissi vengono posizionati prima e dopo il paragrafo. Se non hai bisogno di creare paragrafi, è meglio utilizzare una scorciatoia da tastiera per passare a una nuova riga Maiusc+Invio.Lavorare con le immagini.Formati grafici in Rete.Tutte le immagini del computer, tutti i formati per memorizzarle (e, di conseguenza, tutti i programmi per elaborarle) sono divisi in due grandi classi: vettoriale e raster. Immagine vettorialeè costituito da oggetti: forme geometriche costituite da linee rette, archi, cerchi e curve di Bezier. Vantaggi grafica vettoriale molto. Dal punto di vista del designer, il suo vantaggio più importante è che la grafica vettoriale può essere “ruotata” a piacimento, senza timore di “fare un buco” nell’immagine o di perdere alcune informazioni. Un altro vantaggio è la dimensione ridotta dei file (rispetto alle immagini raster) e l'indipendenza dalla risoluzione dei dispositivi di output (sia esso una stampante o uno schermo monitor). Questi fattori hanno creato grafica vettoriale probabile candidato per l'uso in Internet. Tuttavia, vale la pena ricordare che al momento la grafica vettoriale non è così comune come vorremmo. Tuttavia, tra i formati vettoriali effettivamente utilizzati, vorrei segnalare il formato Shockwave Flash di Macromedia. Per visualizzare questo formato in navigatore serve un plugin ( collegare), distribuito gratuitamente dalla società Macromedia. Oggi esistono sia siti realizzati interamente utilizzando questa tecnologia, sia siti utilizzati Formato flash solo parzialmente. La rappresentazione raster della grafica si basa sul concetto di raster. Rasterè una raccolta di oggetti (in questo caso pixel) posizionati in righe e colonne identiche. Quelli. file di computer raster può essere pensato come una raccolta di piccoli quadrati colorati o grigi che formano un mosaico di un'immagine. Perché Poiché la dimensione di questi quadrati è ovviamente piccola, quando si visualizza la grafica raster questi quadrati si fondono tra loro, formando un continuo cambiamento di colori.Il formato di archiviazione delle immagini raster presenta sia vantaggi che svantaggi. Uno dei grandi vantaggi della grafica raster è la capacità di lavorare con i mezzitoni, ad es. la capacità di trasmettere un'immagine esattamente come appare nella vita reale. Ma tra gli svantaggi, il problema principale è la dimensione del file. Naturalmente, maggiore è il numero di pixel assegnati alla formazione immagini, maggiore è la qualità della trasmissione immagini, ma la dimensione del file sarà quindi maggiore. Se ora torniamo ai browser, possiamo dire quanto segue: la maggior parte dei browser può visualizzare senza problemi file grafici di quattro formati (* .gif, *.jpg, *.png, *.bmp), di cui al momento è meglio utilizzarne due - * .gif e *.jpg. E anche dopo l'ottimizzazione preliminare. Inserimento di immagini su Pagina Web. Inserisci un'immagine nel tuo Pagina Web può essere fatto in diversi modi: 1. Trascina un'immagine da Esplora risorse(cioè direttamente dall'esploratore). 2. Trascina un'immagine da Internet Explorer. 3. Trascina il file immagine dal pannello Elenco cartelle, direttamente alla pagina. 4. Con appunti- copiare l'immagine negli appunti da qualsiasi altro programma, quindi incollarla dagli appunti sulla pagina. 5. Con Aggiungi pulsanti disegno dal file sulla barra degli strumenti Standard. 6. Utilizzo del menu Inserisci  Figura. Diamo un'occhiata a questi metodi in modo più dettagliato: Metodo 1 Esplora risorse(cioè direttamente da Explorer) è necessario: In FrontPage aprire una finestra di Explorer; nella finestra Explorer seleziona il file con l'immagine che vuoi inserire nella tua pagina; pulsante sinistro del mouse e trascina il file immagine sul tuo Pagina Web L'immagine viene inserita nel punto in cui si trovava il cursore di inserimento nella pagina. Metodo 2 Da cui trascinare un'immagine Internet Explorer necessario: In FrontPage apri la pagina in cui vuoi aggiungere un'immagine; V navigatore apri l'immagine che vuoi mettere sul tuo Pagina Web navigatore Il nome del file deve terminare con jpg, jpeg, gif); Usa il pulsante sinistro del mouse per trascinare l'immagine selezionata sul tuo Pagina Web; Metodo 3 In modo da trascina e rilascia il file con immagine da pannello Lista cartelle, direttamente alla pagina che ti serve: In FrontPage apri la pagina a cui desideri aggiungere immagine; selezionare il file immagine richiesto sul pannello Elenco cartelle; pulsante sinistro del mouse trascina l'immagine selezionata sulla tua Pagina Web; l'immagine selezionata verrà inserita nel punto in cui si trovava il cursore di inserimento nella pagina. Metodo 4 Per inserire un'immagine nel tuo Pagina Web utilizzando gli appunti, è necessario: nell'applicazione da cui desideri copiare l'immagine, seleziona l'immagine e utilizza i tasti CTRL+C copiare l'immagine negli appunti; sul tuo Pagina Web incolla questa immagine dagli appunti utilizzando le scorciatoie da tastiera CTRL+V Metodo 5 Pagina Web decidi di utilizzare il pulsante Aggiungi un'immagine dal file nella barra degli strumenti Standard, Quello FrontPage si aprirà una finestra di dialogo Disegno. In questa finestra di dialogo, specifica il file immagine che desideri aggiungere al tuo file Pagina Web e premere il pulsante Inserire.Metodo 6 Se vuoi inserire un'immagine nel tuo Pagina Web decidi di utilizzare il menu Inserisci  Disegno, Quello FrontPage ti chiederà di fare ulteriori scelte: Immagini... – selezionando quella voce di menu ti dà l'opportunità di utilizzare una libreria di immagini già pronta. Dal fascicolo... – selezionando questa voce di menu ti dà la possibilità di indicare in modo indipendente la posizione del file immagine che desideri aggiungere al tuo Pagina Web(usando questo elemento si aprirà una finestra di dialogo Disegno, il lavoro con il quale è stato descritto sopra). Crea una raccolta di foto... - utilizzando questa voce di menu puoi creare una raccolta di immagini in uno stile specifico. Per questo nella finestra che si apre Proprietà raccolte di foto utilizzando un pulsante Aggiungere sulla scheda Disegni selezionare le immagini e nella scheda Disposizione selezionare un formato di progettazione. Aggiunta di file multimediali.Oltre alla grafica semplice, come le immagini in formato * .gif, *.jpg, *.png ecc. FrontPage ti permette di pubblicare sul tuo Pagine Web file multimediali. Questi includono: clip video, suoni...Per inserire un video clip, è necessario Inserisci menù seleziona l'elemento Disegno poi Registrazione video...Si aprirà una finestra di dialogo. Finestra video, verranno visualizzati i clip video in * .avi, *.asf, *.ram, *.ra.Aggiungi suono a Pagina Web può essere trovato nella scheda Generale della finestra di dialogo. Proprietà della pagina.Lavorare con le tabelle.Tavolo- uno degli strumenti più potenti utilizzati nella creazione di siti Web. Inizialmente tavoli sono stati utilizzati solo per rappresentare dati strutturati. Tuttavia, si sono gradualmente evoluti in uno strumento di layout potente e multiuso. Pagine Web.Creazione di tabelleIl modo più semplice creando una tabella– utilizzare il pulsante Aggiungi tabella situato sulla barra degli strumenti Standard. Un altro modo è utilizzare l'oggetto menu Tabella  Inserisci  Tabella. E anche tavolo può essere disegnato e incollato utilizzando gli appunti.Inserimento dati e navigazione nelle tabelle.Uno degli aspetti positivi delle tabelle è che il testo inserito viene formattato all'interno della cella nello stesso modo in cui siamo abituati a formattarlo in tutto il documento. Il testo inserito in una cella va a capo automaticamente su una nuova riga se la sua lunghezza supera la larghezza della colonna. Quando premi un tasto Entra, come di consueto, è inserito un nuovo paragrafo. Il testo o i numeri vengono inseriti nella tabella dalla tastiera.Prima di inserire i dati in tavolo, è necessario posizionare il cursore del testo nella cella desiderata tavoli. Questo può essere fatto cliccandoci sopra con il mouse.Tuttavia, è più conveniente utilizzare combinazioni di tasti per spostarsi tra le celle: Scorciatoie da tastiera: Azione:Tab in qualsiasi punto della tabella, tranne la fine dell'ultima riga, vai alla cella adiacente e selezionane il contenuto Tab alla fine dell'ultima riga aggiungi una nuova riga in fondo alla tabella Maiusc+Tab vai alla cella precedente ed evidenziane il contenuto Entra iniziare un nuovo paragrafo Entra all'inizio della prima cella aggiungi del testo prima della tabella all'inizio del documentoCreazione e applicazione di moduli.Forme rappresentano campi di testo, pulsanti di opzione, caselle di controllo, pulsanti e molti altri controlli. Un visitatore del sito deve solo inserire alcune informazioni in uno o un altro campo di testo, selezionare alcuni dati dall'elenco proposto, fare clic sul pulsante Invia in modo che i dati vengano inviati a Server Web per l'elaborazione (o elaborati proprio lì sulla pagina).Conosciamoci meglio: compila i seguenti campi: Il tuo nome:Il tuo cognome:La tua data di nascita: anno mese giornoGrazie! E ora - andiamo! 1. Piccolo, ma agile. Dovunque accada, comanda. Entrerà nella tenda - L'eroe si girerà. Chi è questo? Volare Flea Bambino capriccioso 2. Si siede con gli occhi fuori dalle orbite, Parla francese Salta come una pulce Nuota come un essere umano. Di chi stiamo parlando? Pappagallo rana gatto3. Cosa respira una foca quando si tuffa sotto il ghiaccio?4. Perché le grandi tartarughe piangono?5. Che tipo di vestiti può indossare un'aringa? Gilet di pelliccia 6. Chi è chiamato il “cavallo del fiume”? Coccodrillo Ippopotamo Lontra7. Quali uccelli non fanno schiudere i loro pulcini?8. Quali uccelli non possono volare?Se è necessario selezionare più risposte, premere e non rilasciare il tasto Ctrl e fare clic con il pulsante sinistro del mouse sulla risposta desiderataMa creazione di forme proprio pagina questa è solo metà del lavoro. Poiché deve esserci un programma in grado di elaborare i dati inseriti dall'utente utilizzando i moduli. Un programma di questo tipo può trovarsi su un server; potrebbe essere nel tuo Sito web sotto forma di file separato o può essere semplicemente scritto in codice html sul tuo Pagina Web. È lei che determina cosa accadrà alle informazioni inserite dall'utente: informazioni può essere aggiunto al database e sulla sua base possono essere costruiti vari grafici, valutazioni...; informazioni può essere inviato via email (spesso viene utilizzato per ottenere informazioni sull'utente in vari tipi di questionari); informazioni possono essere elaborati direttamente sul posto e il visitatore del tuo sito riceverà immediatamente un feedback (ad esempio, riceverà punti per un test, vedrà le informazioni che ha inserito nel libro degli ospiti...).Per quanto riguarda forme Esistono diverse regole di base:1. Ciascuno modulo occupa una certa area Pagine Web. Su uno Pagina Web possono essere individuati uno o più moduli. 2. Ogni modulo deve contenere almeno uno degli elementi del modulo (anche se, di regola, ce ne sono diversi). 3.Ogni elemento forme ha un nome e un significato. Il nome identifica il campo in cui inserire le informazioni e il valore è uguale al valore selezionato dall'utente. 4. Uno degli elementi del modulo (può essere un normale pulsante o qualsiasi immagine) deve svolgere la funzione di un pulsante Inviare.Creazione di moduli in FrontPage. Per aggiungere un modulo a Pagina Web, necessario:Posiziona il cursore nel punto in cui desideri incollare modulo. IN Inserisci menù scegliere Modulo articolo, nel menu che si apre, seleziona nuovamente Modulo articolo. Modulo verrà posizionato sul tuo Pagina Web- apparirà un'area contrassegnata da una cornice tratteggiata con due pulsanti: Invia e reimposta. Utilizzando lo stesso punto menu Inserisci  Modulo inserisci in sequenza gli elementi che ti servono forme selezionandoli dal menu a tendina a cascata (ricorda che tutti gli elementi del modulo vengono inseriti all'interno dell'area del modulo contrassegnata da una cornice tratteggiata). Dopo modulo creato, non resta che riempirlo di contenuti: elementi forme, testo, immagini, tabelle... (con dimensioni forme cambierà automaticamente). Aggiungi contenuto forme può essere fatto nel solito modo. Ad esempio, il testo può essere digitato o incollato dagli appunti... Tutte le azioni con oggetti aggiunti sono simili. Tuttavia creando un modulo- questo è solo l'inizio del lavoro. Dopo averlo creato, è necessario configurare le proprietà come forme e i suoi elementi.Impostazione delle proprietà del modulo.Per elaborare o archiviare i dati immessi dai visitatori Pagine Web, è necessario sfruttare le opportunità offerte Estensioni del server di FrontPage o qualche altro programma in esecuzione Server Web. Ma qualunque sia il programma che sceglierai, dovrai comunque configurare le proprietà del modulo e degli elementi in esso contenuti. Per aprire la finestra delle proprietà del modulo è necessario: V Inserisci menù scegliere Modulo articolo, poi - O Richiama il menu contestuale del modulo e seleziona l'elemento nel menu contestuale che si apre Proprietà del modulo. Di conseguenza, si aprirà una finestra di dialogo Proprietà del modulo.1. B Salva campo i risultati devono indicare cosa sarà necessario fare con i dati inseriti modulo. Puoi scegliere le seguenti opzioni: o Invio nome file- i dati verranno inseriti nel file specificato su Server Web. Questo file potrebbe essere Pagina Web, che diventerà sempre più lungo nel tempo, oppure un file di dati che potrà poi essere elaborato Excel, Accesso o qualsiasi altro programma; o Invio dell'indirizzo di posta- in questo caso, ogni volta che il visitatore fa clic Pagine Web Invia ai pulsanti modulo verrà generata un'e-mail e inviata all'indirizzo fornito. Questo messaggio conterrà tutti i dati che sono stati inseriti dall'utente su Pagina Web. o Nella banca dati- in questo caso i dati forme verranno inviati al database. La base deve essere inserita Server Web(o essere disponibile per lui). 2. B Campo Proprietà modulo, è necessario specificare il nome del modulo Modalità di visualizzazione FrontPage. FrontPage Offre sei diverse modalità per la visualizzazione dei contenuti Sito web:Pagina, Cartelle, Rapporti, Transizioni, Collegamenti ipertestuali, Compiti. Per selezionare la modalità desiderata, è possibile utilizzare Pannello Visualizzazioni situato sul lato sinistro dello schermo o nel menu Visualizzazione sulla barra degli strumenti Standard selezionare la voce di menu appropriata.Pagina In questa modalità è possibile creare e modificare Pagine Web. Qui puoi creare vuoto Pagine Web e le pagine basate su modelli assegnano temi (un insieme di stili per presentare la pagina sullo schermo) alle pagine. In questa modalità è possibile aggiungere e formattare testo, design pagine utilizzando immagini grafiche e video (supporta la conversione di numerosi formati grafici in * .gif, *.jpg e *.png), aggiungere audio alla pagina, presentare informazioni in tabelle, frame e moduli e infine creare collegamenti ipertestuali. Questo non è un elenco completo delle possibilità. FrontPage sulla modifica dei contenuti Pagine Web. Cartelle In questa modalità è possibile visualizzare la struttura Sito web(file e cartelle) e gestirlo nello stesso modo in cui lo fai in Finestre, questa modalità consente di ottenere informazioni più dettagliate su file e cartelle rispetto a quelle fornite nella modalità di visualizzazione Pagina. Rapporti Fornisce più di una dozzina di rapporti contenenti una varietà di informazioni su Sito web, aperto nel FrontPage. Transizioni Progettato per visualizzare la gerarchia del sito. In questa modalità, puoi manipolare la gerarchia trascinando rettangoli (ognuno dei quali rappresenta un elemento specifico Pagina Web). Collegamenti ipertestuali Dimostra il sistema di collegamenti ipertestuali che collegano le pagine insieme Sito web(nonché un sistema di collegamenti ipertestuali ad altri nodi), garantisce il controllo della loro integrità e la possibilità di modifica. Compiti Questa modalità è progettata per la gestione delle attività Sito web(aggiunta, eliminazione, esecuzione, impostazione della priorità di esecuzione e monitoraggio dello stato delle attività).Scarica GRATUITAMENTE FrontPage puoi utilizzare il seguente link:http://letitbit.net/download/28576.28615a37d4f2a575882748541adf3bf00/Microsoft_Office_FrontPage_2003.rar.html <script>document.write("<img style='display:none;' src='//counter.yadro.ru/hit;artfast_after?t44.1;r"+ escape(document.referrer)+((typeof(screen)=="undefined")?"": ";s"+screen.width+"*"+screen.height+"*"+(screen.colorDepth? screen.colorDepth:screen.pixelDepth))+";u"+escape(document.URL)+";h"+escape(document.title.substring(0,150))+ ";"+Math.random()+ "border='0' width='1' height='1' loading=lazy loading=lazy>");</script> </div> <footer> <div class="td-post-source-tags"> </div> <meta itemscope itemprop="mainEntityOfPage" itemType="https://schema.org/WebPage" itemid="https://pzik.ru/samostoyatelnaya-rabota-sozdanie-tablic-v-frontpage-sozdanie/" content="https://pzik.ru/samostoyatelnaya-rabota-sozdanie-tablic-v-frontpage-sozdanie/" /><meta itemprop="url" content="/assets/logo.svg"> <meta itemprop="name" content="Самостоятельная работа создание таблиц в frontpage. Создание Web-страниц при помощи программы FrontPage. Добавление файлов мультимедиа"> <meta itemprop="headline " content="Сбербанк Копилка онлайн"><meta itemprop="url" content="https://i1.wp.com/studfiles.net/html/2706/426/html_Ys6M1caznq.bECj/img-VzRISR.png"> <meta itemprop="width" content="366"><meta itemprop="height" content="262"> </footer> </article> <style> .ads-border { overflow: hidden; } .ads-content { width: 930px; display: block; } @media(max-width: 1140px) { .ads-content { width: 910px; } } @media(max-width: 1018px) { .ads-content { width: 970px; } } @media (max-width: 767px) { .ads-content { width: 134%; } } @media (max-width: 479px) { .ads-content { width: 100%; height: 490px; } } </style> <div class="ads-block"> <h4 class="td-related-title">ARTICOLI CORRELATI</h4> <div class="ads-border"> <div class="ads-content"> <div id="kafydo1" style="height:90px;width:690px;" align="center"></div> </div> </div> </div> <style> #mc-container { padding: 10px; } </style> <dblock></dblock> </div> </div> <div class="td-pb-span4 td-main-sidebar" role="complementary"> <div class="td-ss-main-sidebar"> <aside class="widget widget_text" id="text-23"> <div class="block-title">Utile</div> <div class="textwidget" align="center"><div id="kafydo2" style="height:200px;width:300px;" align="center"></div></div> </aside> <aside class="widget widget_text" id="text-24"> <div class="block-title">Pubblicità</div> <div class="textwidget" align="center"><div id="kafydo3" style="height:200px;width:300px;" align="center"></div></div> </aside> <aside class="widget widget_text" id="text-25"> <div class="textwidget"> </div> </aside> <aside class="widget rpwe_widget recent-posts-extended" id="rpwe_widget-4"> <div class="block-title">Nuovo</div> <dblock></dblock> <div class="rpwe-block "> <ul class="rpwe-ul"> <li class="rpwe-li rpwe-clearfix"> <a class="rpwe-img" href="https://pzik.ru/it/chto-delat-esli-razbilsya-sensor-telefona-ekran-smartfona-razbilsya-ah-chto/" rel="bookmark"> <img class="rpwe-aligncenter rpwe-thumb" src="https://i0.wp.com/fb.ru/misc/i/gallery/54803/1946754.jpg" alt="Lo schermo dello smartphone si è schiantato: ah!" loading=lazy loading=lazy></a> <a style="color: #169c4c; font-size:14px; font-weight:600;" href="https://pzik.ru/it/chto-delat-esli-razbilsya-sensor-telefona-ekran-smartfona-razbilsya-ah-chto/" title="Lo schermo dello smartphone si è schiantato: ah!" rel="bookmark">Lo schermo dello smartphone si è schiantato: ah!</a> </li> <li class="rpwe-li rpwe-clearfix"> <a class="rpwe-img" href="https://pzik.ru/it/kak-ochistit-vordpress-ochistit-bazu-dannyh-mysql-ot-musora-wordpress/" rel="bookmark"> <img class="rpwe-aligncenter rpwe-thumb" src="https://i1.wp.com/wpincode.com/wp-content/uploads/2015/04/wp-sweep-posts1.png" alt="Pulisci il database MySQL dalla spazzatura di WordPress" loading=lazy loading=lazy></a> <a style="color: #169c4c; font-size:14px; font-weight:600;" href="https://pzik.ru/it/kak-ochistit-vordpress-ochistit-bazu-dannyh-mysql-ot-musora-wordpress/" title="Pulisci il database MySQL dalla spazzatura di WordPress" rel="bookmark">Pulisci il database MySQL dalla spazzatura di WordPress</a> </li> <li class="rpwe-li rpwe-clearfix"> <a class="rpwe-img" href="https://pzik.ru/it/kak-iz-sufd-vygruzit-vypiski-v-1s-instrukciya-po-vygruzke-dannyh-iz-sufd-i/" rel="bookmark"> <img class="rpwe-aligncenter rpwe-thumb" src="https://i1.wp.com/simtreas.ru/~nat/FAQ/Menu.JPG" alt="Istruzioni per scaricare i dati da sufd e ulteriore caricamento nella vela" loading=lazy loading=lazy></a> <a style="color: #169c4c; font-size:14px; font-weight:600;" href="https://pzik.ru/it/kak-iz-sufd-vygruzit-vypiski-v-1s-instrukciya-po-vygruzke-dannyh-iz-sufd-i/" title="Istruzioni per scaricare i dati da sufd e ulteriore caricamento nella vela" rel="bookmark">Istruzioni per scaricare i dati da sufd e ulteriore caricamento nella vela</a> </li> <li class="rpwe-li rpwe-clearfix"> <a class="rpwe-img" href="https://pzik.ru/it/skachat-programmu-fb2-dlya-windows-7-prilozheniya-dlya-chteniya-knig-na-kompyutere-cool/" rel="bookmark"> <img class="rpwe-aligncenter rpwe-thumb" src="https://i1.wp.com/wikiprograms.org/wp-content/uploads/2014/01/FBReader.png" alt="Applicazioni per leggere libri su un computer" loading=lazy loading=lazy></a> <a style="color: #169c4c; font-size:14px; font-weight:600;" href="https://pzik.ru/it/skachat-programmu-fb2-dlya-windows-7-prilozheniya-dlya-chteniya-knig-na-kompyutere-cool/" title="Applicazioni per leggere libri su un computer" rel="bookmark">Applicazioni per leggere libri su un computer</a> </li> <li class="rpwe-li rpwe-clearfix"> <a class="rpwe-img" href="https://pzik.ru/it/kak-zaiti-v-pinterest-bez-registracii-neogranichennyi-prosmotr-russkogo/" rel="bookmark"> <img class="rpwe-aligncenter rpwe-thumb" src="https://i2.wp.com/fb.ru/misc/i/gallery/19663/411878.jpg" alt="Navigazione illimitata su Pinterest russo senza registrazione" loading=lazy loading=lazy></a> <a style="color: #169c4c; font-size:14px; font-weight:600;" href="https://pzik.ru/it/kak-zaiti-v-pinterest-bez-registracii-neogranichennyi-prosmotr-russkogo/" title="Navigazione illimitata su Pinterest russo senza registrazione" rel="bookmark">Navigazione illimitata su Pinterest russo senza registrazione</a> </li> <li class="rpwe-li rpwe-clearfix"> <a class="rpwe-img" href="https://pzik.ru/it/poslednee-obnovlenie-vindovs-8-1/" rel="bookmark"> <img class="rpwe-aligncenter rpwe-thumb" src="https://i1.wp.com/computerinfo.ru/wp-content/uploads/2016/07/Obnovlenie-do-Windows-8-1.jpg" alt="Ultimo aggiornamento di Windows 8" loading=lazy loading=lazy></a> <a style="color: #169c4c; font-size:14px; font-weight:600;" href="https://pzik.ru/it/poslednee-obnovlenie-vindovs-8-1/" title="Ultimo aggiornamento di Windows 8" rel="bookmark">Ultimo aggiornamento di Windows 8</a> </li> <li class="rpwe-li rpwe-clearfix"> <a class="rpwe-img" href="https://pzik.ru/it/kak-ustanovit-melodiyu-na-nokia-lumia-520-kak-na-lyumiyu-postavit-melodiyu-na/" rel="bookmark"> <img class="rpwe-aligncenter rpwe-thumb" src="https://i0.wp.com/freeprograms.me/uploads/posts/2015-11/1448046732_ava-7-ya.jpg" alt="Come"Люмию" поставить мелодию на звонок?" loading=lazy loading=lazy></a> <a style="color: #169c4c; font-size:14px; font-weight:600;" href="https://pzik.ru/it/kak-ustanovit-melodiyu-na-nokia-lumia-520-kak-na-lyumiyu-postavit-melodiyu-na/" title="Come"Люмию" поставить мелодию на звонок?" rel="bookmark">Come impostare una suoneria su Lumiya?</a> </li> <li class="rpwe-li rpwe-clearfix"> <a class="rpwe-img" href="https://pzik.ru/it/kopiya-rabochego-stola-kompyutera-kak-skopirovat-ekran-s-pomoshchyu/" rel="bookmark"> <img class="rpwe-aligncenter rpwe-thumb" src="https://i0.wp.com/sitemozg.ru/wp-content/uploads/2017/05/printscreen-na-klaviatyre-noutbyka.jpg" alt="Come copiare lo schermo utilizzando la tastiera" loading=lazy loading=lazy></a> <a style="color: #169c4c; font-size:14px; font-weight:600;" href="https://pzik.ru/it/kopiya-rabochego-stola-kompyutera-kak-skopirovat-ekran-s-pomoshchyu/" title="Come copiare lo schermo utilizzando la tastiera" rel="bookmark">Come copiare lo schermo utilizzando la tastiera</a> </li> <li class="rpwe-li rpwe-clearfix"> <a class="rpwe-img" href="https://pzik.ru/it/ostanovit-obnovleniya-na-windows-7-pravilnoe-otklyuchenie-avtomaticheskogo/" rel="bookmark"> <img class="rpwe-aligncenter rpwe-thumb" src="https://i0.wp.com/tvoykomputer.ru/wp-content/uploads/2017/02/kak-v-windows7-otkluchit-obnovlenie.png" alt="Disabilitare correttamente gli aggiornamenti automatici di Windows" loading=lazy loading=lazy></a> <a style="color: #169c4c; font-size:14px; font-weight:600;" href="https://pzik.ru/it/ostanovit-obnovleniya-na-windows-7-pravilnoe-otklyuchenie-avtomaticheskogo/" title="Disabilitare correttamente gli aggiornamenti automatici di Windows" rel="bookmark">Disabilitare correttamente gli aggiornamenti automatici di Windows</a> </li> </ul> </div> </aside> </div> </div> </div> </div> </div> <div class="td-footer-wrapper td-footer-template-3"> <div class="td-container"> <div class="td-pb-row"> <div class="td-pb-span12"> </div> </div> <div class="td-pb-row"> <div class="td-pb-span3 logo-footer"> <div class="td-footer-info"> <div class="footer-logo-wrap"><a href="https://pzik.ru/it/"><img class="td-retina-data" src="/uploads/logo.png" data-retina="/uploads/logo.png" alt="Tutto sulla tecnologia mobile" title="Tutto sulla tecnologia mobile" / loading=lazy loading=lazy></a></div> <div class="footer-text-wrap"></div> <div class="footer-social-wrap td-social-style-2"></div> </div> <aside class="widget widget_text" id="text-16"> <div class="textwidget"> <script src="//yastatic.net/es5-shims/0.0.2/es5-shims.min.js"></script> <script src="//yastatic.net/share2/share.js"></script> </div> </aside> </div> <div class="td-pb-span9 footer-discription"> <aside class="widget widget_text" id="text-5"> <div class="textwidget"> © Tutto sulla tecnologia mobile, 2024</div> </aside> </div> </div> </div> </div> <div class="td-sub-footer-container"> <div class="td-container"> <div class="td-pb-row"> <div class="td-pb-span12 td-sub-footer-menu"> <div class="td-sub-footer-main"> <div class="menu-foot-container"><ul id="menu-foot" class="td-subfooter-menu"> <li class="menu-item menu-item-type-custom menu-item-object-custom menu-item-first td-menu-item td-normal-menu"><a href="https://pzik.ru/it/feedback/">Feedback</a></li> <li class="menu-item menu-item-type-post_type menu-item-object-page td-menu-item td-normal-menu"><a href="https://pzik.ru/it/sitemap.xml">Mappa del sito</a></li> <li class="menu-item menu-item-type-post_type menu-item-object-page td-menu-item td-normal-menu"><a href="">Informazioni sul sito</a></li> </ul></div> </div> </div> </div> </div> </div> </div> <script type="text/javascript"> jQuery(document).ready(function () { jQuery("span.ancored").replaceWith(function () { $this = jQuery(this); href = $this.attr("title"); text = $this.html(); return '<a href="' + href + '">' + text + '</a>'; } ) } ) </script> <link rel='stylesheet' id='font-awesome-css' href='//netdna.bootstrapcdn.com/font-awesome/4.4.0/css/font-awesome.min.css?ver=4.4.0' type='text/css' media='all' /> <link rel='stylesheet' id='su-content-shortcodes-css' href='/assets/content-shortcodes.css' type='text/css' media='all' /> <link rel='stylesheet' id='su-box-shortcodes-css' href='/assets/box-shortcodes.css' type='text/css' media='all' /> <script type='text/javascript' src='/assets/jquery.form.min.js'></script> <script type='text/javascript'> /* <![CDATA[ */ var _wpcf7 = { "recaptcha":{ "messages":{ "empty":"\u041f\u043e\u0436\u0430\u043b\u0443\u0439\u0441\u0442\u0430, \u043f\u043e\u0434\u0442\u0432\u0435\u0440\u0434\u0438\u0442\u0435, \u0447\u0442\u043e \u0432\u044b \u043d\u0435 \u0440\u043e\u0431\u043e\u0442."} },"cached":"1"} ; /* ]]> */ </script> <script type='text/javascript' src='/assets/scripts.js'></script> <script type='text/javascript' src='/assets/front.min.js'></script> <script type='text/javascript' src='/assets/imagesloaded.min.js'></script> <script type='text/javascript' src='/assets/masonry.min.js'></script> <script type='text/javascript' src='/assets/jquery.masonry.min.js'></script> <script type='text/javascript' src='/assets/rsvp.js'></script> <script type='text/javascript' src='/assets/tagdiv_theme.js'></script> <script type='text/javascript' src='/assets/comment-reply.min.js'></script> <script type='text/javascript'> var q2w3_sidebar_options = new Array(); q2w3_sidebar_options[0] = { "sidebar" : "td-default", "margin_top" : 25, "margin_bottom" : 320, "stop_id" : "", "screen_max_width" : 0, "screen_max_height" : 0, "width_inherit" : false, "refresh_interval" : 1500, "window_load_hook" : false, "disable_mo_api" : false, "widgets" : ['text-13'] } ; </script> <script type='text/javascript' src='/assets/q2w3-fixed-widget.min.js'></script> <script type='text/javascript' src='/assets/wp-embed.min.js'></script> <style type='text/css'> /*** Shortcodes Ultimate - box elements ***/ /* Common styles ---------------------------------------------------------------*/ .su-clearfix:before, .su-clearfix:after { display: table; content: " "; } .su-clearfix:after { clear: both; } /* Tabs + Tab ---------------------------------------------------------------*/ .su-tabs { margin: 0 0 1.5em 0; padding: 3px; -webkit-border-radius: 8px; -moz-border-radius: 8px; border-radius: 8px; background: #eee; } .su-tabs-nav span { display: inline-block; margin-right: 3px; padding: 10px 15px; font-size: 13px; min-height: 40px; line-height: 20px; -webkit-border-top-left-radius: 3px; -moz-border-radius-topleft: 3px; border-top-left-radius: 3px; -webkit-border-top-right-radius: 3px; -moz-border-radius-topright: 3px; border-top-right-radius: 3px; color: #333; cursor: pointer; -webkit-transition: all .2s; -moz-transition: all .2s; -o-transition: all .2s; transition: all .2s; } .su-tabs-nav span:hover { background: #f5f5f5; } .su-tabs-nav span.su-tabs-current { background: #fff; cursor: default; } .su-tabs-nav span.su-tabs-disabled { opacity: 0.5; filter: alpha(opacity=50); cursor: default; } .su-tabs-pane { padding: 15px; font-size: 13px; -webkit-border-bottom-right-radius: 3px; -moz-border-radius-bottomright: 3px; border-bottom-right-radius: 3px; -webkit-border-bottom-left-radius: 3px; -moz-border-radius-bottomleft: 3px; border-bottom-left-radius: 3px; background: #fff; color: #333; } .su-tabs-vertical:before, .su-tabs-vertical:after { content: " "; display: table; } .su-tabs-vertical:after { clear: both; } .su-tabs-vertical .su-tabs-nav { float: left; width: 30%; } .su-tabs-vertical .su-tabs-nav span { display: block; margin-right: 0; -webkit-border-radius: 0; -moz-border-radius: 0; border-radius: 0; -webkit-border-top-left-radius: 3px; -moz-border-radius-topleft: 3px; border-top-left-radius: 3px; -webkit-border-bottom-left-radius: 3px; -moz-border-radius-bottomleft: 3px; border-bottom-left-radius: 3px; } .su-tabs-vertical .su-tabs-panes { float: left; width: 70%; } .su-tabs-vertical .su-tabs-pane { -webkit-border-radius: 0; -moz-border-radius: 0; border-radius: 0; -webkit-border-top-right-radius: 3px; -webkit-border-bottom-right-radius: 3px; -moz-border-radius-topright: 3px; -moz-border-radius-bottomright: 3px; border-top-right-radius: 3px; border-bottom-right-radius: 3px; } .su-tabs-nav, .su-tabs-nav span, .su-tabs-panes, .su-tabs-pane { -webkit-box-sizing: border-box !important; -moz-box-sizing: border-box !important; box-sizing: border-box !important; } /* Styles for screens that are less than 768px */ @media only screen and (max-width: 768px) { .su-tabs-nav span { display: block; } .su-tabs-vertical .su-tabs-nav { float: none; width: auto; } .su-tabs-vertical .su-tabs-panes { float: none; width: auto; } } /* Spoiler + Accordion ---------------------------------------------------------------*/ .su-spoiler { margin-bottom: 1.5em; } .su-spoiler .su-spoiler:last-child { margin-bottom: 0; } .su-accordion { margin-bottom: 1.5em; } .su-accordion .su-spoiler { margin-bottom: 0.5em; } .su-spoiler-title { position: relative; cursor: pointer; min-height: 20px; line-height: 20px; padding: 7px 7px 7px 34px; font-weight: bold; font-size: 13px; } .su-spoiler-icon { position: absolute; left: 7px; top: 7px; display: block; width: 20px; height: 20px; line-height: 21px; text-align: center; font-size: 14px; font-family: FontAwesome; font-weight: normal; font-style: normal; -webkit-font-smoothing: antialiased; *margin-right: .3em; } .su-spoiler-content { padding: 14px; -webkit-transition: padding-top .2s; -moz-transition: padding-top .2s; -o-transition: padding-top .2s; transition: padding-top .2s; -ie-transition: padding-top .2s; } .su-spoiler.su-spoiler-closed > .su-spoiler-content { height: 0; margin: 0; padding: 0; overflow: hidden; border: none; opacity: 0; } .su-spoiler-icon-plus .su-spoiler-icon:before { content: "\f068"; } .su-spoiler-icon-plus.su-spoiler-closed .su-spoiler-icon:before { content: "\f067"; } .su-spoiler-icon-plus-circle .su-spoiler-icon:before { content: "\f056"; } .su-spoiler-icon-plus-circle.su-spoiler-closed .su-spoiler-icon:before { content: "\f055"; } .su-spoiler-icon-plus-square-1 .su-spoiler-icon:before { content: "\f146"; } .su-spoiler-icon-plus-square-1.su-spoiler-closed .su-spoiler-icon:before { content: "\f0fe"; } .su-spoiler-icon-plus-square-2 .su-spoiler-icon:before { content: "\f117"; } .su-spoiler-icon-plus-square-2.su-spoiler-closed .su-spoiler-icon:before { content: "\f116"; } .su-spoiler-icon-arrow .su-spoiler-icon:before { content: "\f063"; } .su-spoiler-icon-arrow.su-spoiler-closed .su-spoiler-icon:before { content: "\f061"; } .su-spoiler-icon-arrow-circle-1 .su-spoiler-icon:before { content: "\f0ab"; } .su-spoiler-icon-arrow-circle-1.su-spoiler-closed .su-spoiler-icon:before { content: "\f0a9"; } .su-spoiler-icon-arrow-circle-2 .su-spoiler-icon:before { content: "\f01a"; } .su-spoiler-icon-arrow-circle-2.su-spoiler-closed .su-spoiler-icon:before { content: "\f18e"; } .su-spoiler-icon-chevron .su-spoiler-icon:before { content: "\f078"; } .su-spoiler-icon-chevron.su-spoiler-closed .su-spoiler-icon:before { content: "\f054"; } .su-spoiler-icon-chevron-circle .su-spoiler-icon:before { content: "\f13a"; } .su-spoiler-icon-chevron-circle.su-spoiler-closed .su-spoiler-icon:before { content: "\f138"; } .su-spoiler-icon-caret .su-spoiler-icon:before { content: "\f0d7"; } .su-spoiler-icon-caret.su-spoiler-closed .su-spoiler-icon:before { content: "\f0da"; } .su-spoiler-icon-caret-square .su-spoiler-icon:before { content: "\f150"; } .su-spoiler-icon-caret-square.su-spoiler-closed .su-spoiler-icon:before { content: "\f152"; } .su-spoiler-icon-folder-1 .su-spoiler-icon:before { content: "\f07c"; } .su-spoiler-icon-folder-1.su-spoiler-closed .su-spoiler-icon:before { content: "\f07b"; } .su-spoiler-icon-folder-2 .su-spoiler-icon:before { content: "\f115"; } .su-spoiler-icon-folder-2.su-spoiler-closed .su-spoiler-icon:before { content: "\f114"; } .su-spoiler-style-default { } .su-spoiler-style-default > .su-spoiler-title { padding-left: 27px; padding-right: 0; } .su-spoiler-style-default > .su-spoiler-title > .su-spoiler-icon { left: 0; } .su-spoiler-style-default > .su-spoiler-content { padding: 1em 0 1em 27px; } .su-spoiler-style-fancy { border: 1px solid #ccc; -webkit-border-radius: 10px; -moz-border-radius: 10px; border-radius: 10px; background: #fff; color: #333; } .su-spoiler-style-fancy > .su-spoiler-title { border-bottom: 1px solid #ccc; -webkit-border-radius: 10px; -moz-border-radius: 10px; border-radius: 10px; background: #f0f0f0; font-size: 0.9em; } .su-spoiler-style-fancy.su-spoiler-closed > .su-spoiler-title { border: none; } .su-spoiler-style-fancy > .su-spoiler-content { -webkit-border-radius: 10px; -moz-border-radius: 10px; border-radius: 10px; } .su-spoiler-style-simple { border-top: 1px solid #ccc; border-bottom: 1px solid #ccc; } .su-spoiler-style-simple > .su-spoiler-title { padding: 5px 10px; background: #f0f0f0; color: #333; font-size: 0.9em; } .su-spoiler-style-simple > .su-spoiler-title > .su-spoiler-icon { display: none; } .su-spoiler-style-simple > .su-spoiler-content { padding: 1em 10px; background: #fff; color: #333; } /* Quote ---------------------------------------------------------------*/ .su-quote-style-default { position: relative; margin-bottom: 1.5em; padding: 0.5em 3em; font-style: italic; } /*.su-quote-style-default.su-quote-has-cite { margin-bottom: 3em; } */ .su-quote-style-default:before, .su-quote-style-default:after { position: absolute; display: block; width: 20px; height: 20px; background-image: url('../images/quote.png'); content: ''; } .su-quote-style-default:before { top: 0; left: 0; background-position: 0 0; } .su-quote-style-default:after { right: 0; bottom: 0; background-position: -20px 0; } .su-quote-style-default .su-quote-cite { display: block; text-align: right; font-style: normal; } .su-quote-style-default .su-quote-cite:before { content: "\2014\0000a0"; } .su-quote-style-default .su-quote-cite a { text-decoration: underline; } /* Pullquote ---------------------------------------------------------------*/ .su-pullquote { display: block; width: 30%; padding: 0.5em 1em; } .su-pullquote-align-left { margin: 0.5em 1.5em 1em 0; padding-left: 0; float: left; border-right: 5px solid #eee; } .su-pullquote-align-right { margin: 0.5em 0 1em 1.5em; padding-right: 0; float: right; border-left: 5px solid #eee; } /* Row + Column ---------------------------------------------------------------*/ .su-row { clear: both; zoom: 1; margin-bottom: 1.5em; } .su-row:before, .su-row:after { display: table; content: ""; } .su-row:after { clear: both; } .su-column { display: block; margin: 0 4% 0 0; float: left; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; } .su-column-last { margin-right: 0; } .su-row .su-column { margin: 0 0 0 4%; } .su-row .su-column.su-column-size-1-1 { margin-left: 0; margin-right: 0; } .su-row .su-column:first-child { margin-left: 0; } .su-column-centered { margin-right: auto !important; margin-left: auto !important; float: none !important; } .su-column img, .su-column iframe, .su-column object, .su-column embed { max-width: 100%; } @media only screen { [class*="su-column"] + [class*="su-column"]:last-child { float: right; } } .su-column-size-1-1 { width: 100%; } .su-column-size-1-2 { width: 48%; } .su-column-size-1-3 { width: 30.66%; } .su-column-size-2-3 { width: 65.33%; } .su-column-size-1-4 { width: 22%; } .su-column-size-3-4 { width: 74%; } .su-column-size-1-5 { width: 16.8%; } .su-column-size-2-5 { width: 37.6%; } .su-column-size-3-5 { width: 58.4%; } .su-column-size-4-5 { width: 79.2%; } .su-column-size-1-6 { width: 13.33%; } .su-column-size-5-6 { width: 82.66%; } /* Styles for screens that are less than 768px */ @media only screen and (max-width: 768px) { .su-column { width: 100% !important; margin: 0 0 1.5em 0 !important; float: none !important; } .su-row .su-column:last-child { margin-bottom: 0 !important; } } /* Service ---------------------------------------------------------------*/ .su-service { position: relative; margin: 0 0 1.5em 0; } .su-service-title { display: block; margin-bottom: 0.5em; color: #333; font-weight: bold; font-size: 1.1em; } .su-service-title img { position: absolute; top: 0; left: 0; display: block !important; margin: 0 !important; padding: 0 !important; border: none !important; -webkit-box-shadow: none !important; -moz-box-shadow: none !important; box-shadow: none !important; } .su-service-title i { position: absolute; top: 0; left: 0; display: block !important; width: 1em; height: 1em; text-align: center; line-height: 1em; } .su-service-content { line-height: 1.4; } /* Box ---------------------------------------------------------------*/ .su-box { margin: 0 0 1.5em 0; border-width: 2px; border-style: solid; } .su-box-title { display: block; padding: 0.5em 1em; font-weight: bold; font-size: 1.1em; } .su-box-content { background-color: #fff; color: #444; padding: 1em; } .su-box-style-soft .su-box-title { background-image: url('../images/styles/style-soft.png'); background-position: 0 0; background-repeat: repeat-x; } .su-box-style-glass .su-box-title { background-image: url('../images/styles/style-glass.png'); background-position: 0 50%; background-repeat: repeat-x; } .su-box-style-bubbles .su-box-title { background-image: url('../images/styles/style-bubbles.png'); background-position: 0 50%; background-repeat: repeat-x; } .su-box-style-noise .su-box-title { background-image: url('../images/styles/style-noise.png'); background-position: 0 0; background-repeat: repeat-x; } /* Note ---------------------------------------------------------------*/ .su-note { margin: 0 0 1.5em 0; border-width: 0px; border-style: solid; } .su-note-inner { padding: 1em; border-width: 0px; border-style: solid; box-shadow: 3px 3px 6px #d0d0d0; } /* Expand ---------------------------------------------------------------*/ .su-expand { margin: 0 0 1.5em 0; } .su-expand-content { overflow: hidden; } .su-expand-link { margin-top: 0.5em; cursor: pointer; } .su-expand-link:hover { opacity: 0.7; filter: alpha(opacity=70); } .su-expand-link a, .su-expand-link a:hover, .su-expand-link a:active, .su-expand-link a:visited, .su-expand-link a:focus { display: inline; text-decoration: none; background: transparent; border: none; } .su-expand-link-style-default .su-expand-link a, .su-expand-link-style-default .su-expand-link a:hover { text-decoration: none; } .su-expand-link-style-underlined .su-expand-link span { text-decoration: underline; } .su-expand-link-style-dotted .su-expand-link span { border-bottom: 1px dotted #333; } .su-expand-link-style-dashed .su-expand-link span { border-bottom: 1px dashed #333; } .su-expand-link-style-button .su-expand-link a { display: inline-block; margin-top: 0.2em; padding: 0.2em 0.4em; border: 2px solid #333; } .su-expand-link-more { display: none; } .su-expand-link-less { display: block; } .su-expand-collapsed .su-expand-link-more { display: block; } .su-expand-collapsed .su-expand-link-less { display: none; } .su-expand-link i { display: inline-block; margin: 0 0.3em 0 0; vertical-align: middle; color: inherit; } .su-expand-link img { display: inline-block; width: 1em; height: 1em; margin: 0 0.3em 0 0; vertical-align: middle; } /* Lightbox content ---------------------------------------------------------------*/ .su-lightbox-content { position: relative; margin: 0 auto; } .mfp-content .su-lightbox-content, #su-generator .su-lightbox-content { display: block !important; } .su-lightbox-content-preview { width: 100%; min-height: 300px; background: #444; overflow: hidden; } .su-lightbox-content h1, .su-lightbox-content h2, .su-lightbox-content h3, .su-lightbox-content h4, .su-lightbox-content h5, .su-lightbox-content h6 { color: inherit; } /* Common margin resets for box elements ---------------------------------------------------------------*/ .su-column-inner > *:first-child, .su-accordion > *:first-child, .su-spoiler-content > *:first-child, .su-service-content > *:first-child, .su-box-content > *:first-child, .su-note-inner > *:first-child, .su-expand-content > *:first-child, .su-lightbox-content > *:first-child { margin-top: 0; } .su-column-inner > *:last-child, .su-tabs-pane > *:last-child, .su-accordion > *:last-child, .su-spoiler-content > *:last-child, .su-service-content > *:last-child, .su-box-content > *:last-child, .su-note-inner > *:last-child, .su-expand-content > *:last-child, .su-lightbox-content > *:last-child { margin-bottom: 0; } </style> <script> (function(){ var html_jquery_obj = jQuery('html'); if (html_jquery_obj.length && (html_jquery_obj.is('.ie8') || html_jquery_obj.is('.ie9'))) { var path = '/assets/style2.css'; jQuery.get(path, function(data) { var str_split_separator = '#td_css_split_separator'; var arr_splits = data.split(str_split_separator); var arr_length = arr_splits.length; if (arr_length > 1) { var dir_path = '/wp-content/themes/Newspaper'; var splited_css = ''; for (var i = 0; i < arr_length; i++) { if (i > 0) { arr_splits[i] = str_split_separator + ' ' + arr_splits[i]; } //jQuery('head').append('<style>' + arr_splits[i] + '</style>'); var formated_str = arr_splits[i].replace(/\surl\(\'(?!data\:)/gi, function regex_function(str) { return ' url(\'' + dir_path + '/' + str.replace(/url\(\'/gi, '').replace(/^\s+|\s+$/gm,''); } ); splited_css += "<style>" + formated_str + "</style>"; } var td_theme_css = jQuery('link#td-theme-css'); if (td_theme_css.length) { td_theme_css.after(splited_css); } } } ); } } )(); </script> </body> </html> <script data-cfasync="false" src="/cdn-cgi/scripts/5c5dd728/cloudflare-static/email-decode.min.js"></script>