Casa Social media Come usare Slicing in Fireworks CS5 - dummies

Come usare Slicing in Fireworks CS5 - dummies

Sommario:

Video: Fireworks CS5: 9-Slice Scaling 2025

Video: Fireworks CS5: 9-Slice Scaling 2025
Anonim

Adobe Fireworks Creative Suite 5 supporta s l icing , una tecnica per suddividere file di grandi dimensioni in pacchetti più piccoli quindi si scaricano più velocemente. È anche un metodo per allegare URL a diverse regioni di un'immagine in un modello di griglia.

Un candidato perfetto per la grafica a fette è una barra di navigazione. Ogni scheda è una singola sezione che, quando si fa clic su un browser Web, porta il visualizzatore in un'altra posizione.

Scegli il comando Fit Canvas.

Crea l'immagine di base

Per prima cosa, crea l'immagine di base - un rettangolo, per questo esempio. Segui questi passi:

  1. Scegli File → Nuovo per aprire la finestra di dialogo Nuovo documento.

  2. Digitare 500 nella casella Larghezza e 200 nella casella Altezza; fare clic su OK.

    Si apre il nuovo documento vuoto. (Nota che è più grande dell'immagine che stai creando, vedi come modificarla in seguito.)

  3. Seleziona lo strumento Rettangolo nella sezione Vector del pannello Strumenti. Fare clic e trascinare per creare un rettangolo.

    Qualsiasi dimensione va bene.

  4. Con il rettangolo selezionato, fare clic su Colore riempimento nella sezione Colori del pannello Strumenti e scegliere un colore.

  5. Scegli Finestra → Informazioni per aprire il pannello Informazioni.

  6. Inserire 300 nella casella W (Larghezza) e 50 nella casella H (Altezza).

    È anche possibile utilizzare il pannello Proprietà per impostare questa dimensione.

  7. Con lo strumento Puntatore, fare clic in un punto qualsiasi nell'area di disegno al di fuori del rettangolo per deselezionare il rettangolo.

  8. Fate clic con il pulsante destro del mouse (Windows) o tenendo premuto il tasto Control (Mac) e scegliete Modifica tela → Adatta tela dal menu contestuale.

    La tela si adatta alle dimensioni del rettangolo.

Quando non è selezionato alcun oggetto, è possibile anche fare clic sul pulsante Adatta tela nel pannello Proprietà.

La tela si adatta per adattarsi al tuo oggetto.

Aggiungi testo

Aggiungi testo alla barra di navigazione.

  1. Seleziona lo strumento Testo nella sezione Vector del pannello Strumenti.

  2. Fai clic su Colore riempimento nella sezione Colori del pannello Strumenti. Scegli un colore.

  3. Imposta il carattere e la dimensione del carattere nel pannello Proprietà.

  4. Fai clic sulla metà sinistra del rettangolo per posizionare il punto di inserimento dove vuoi che inizi il testo e digita il testo.

  5. Fare clic due volte a destra dell'area di testo per deselezionare l'area di testo attiva e crearne una nuova.

    Tenere premuto Alt + Maiusc (Windows) o Opzione + Maiusc (Mac) e trascinare la casella di testo iniziale a destra per clonare e allineare una nuova casella di testo.

  6. Digita una parola o due per la tua prossima scheda di navigazione.

  7. Usa lo strumento Puntatore per riposizionare il testo.

Slicezza

Dopo aver preparato una barra di navigazione semplice ma efficiente, utilizzare lo strumento Sezione per creare un paio di sezioni e quindi esportarle.Segui questi passi:

  1. Seleziona lo strumento Slice nella sezione web del pannello Strumenti; quindi fai clic e trascina dall'angolo in alto a sinistra della sezione Home del rettangolo verso l'angolo in basso a destra.

    Se stai andando per la perfezione, scegli Visualizza → Righelli per visualizzare i righelli. Quando i righelli sono visibili, puoi fare clic e trascinare le guide da essi.

    Quando una sezione è attiva, il pannello Proprietà cambia per offrire opzioni di sezione.

  2. Modificare il formato utilizzando l'elenco a discesa Impostazioni esportazione sezione.

    Scegli il formato GIF se la grafica ha un sacco di colori a tinta unita, o scegli JPEG per le immagini con molte sfumature di colore.

  3. Inserire un collegamento nella casella di testo Link.

  4. Inserire una breve descrizione del collegamento nella casella di testo Alt.

    Il testo alternativo è il testo che viene visualizzato durante il download di una pagina. Appare anche al posto del grafico se un visualizzatore ha spento la visualizzazione grafica nel suo browser web.

  5. Con lo strumento Sezione, fai clic e trascina per circondare la seconda metà della barra di navigazione. Ripeti i passaggi 3 e 4.

Questo sta affettando in una forma semplice. È possibile rendere il processo complicato come si desidera, creando intere pagine affettate (perché i motori di ricerca preferiscono cercare contenuti di testo) a navbar con molti collegamenti e destinazioni.

Come usare Slicing in Fireworks CS5 - dummies

Scelta dell'editore

Vantaggi di base della rete - manichini

Vantaggi di base della rete - manichini

Se la verità viene detta, le reti di computer sono un problema da impostare. Perché i vantaggi di avere una rete rendono la pena di crearne uno utile. Non è necessario essere un dottorato di ricerca per comprendere i vantaggi del networking. Le reti riguardano esclusivamente la condivisione. Nello specifico, le reti riguardano la condivisione di tre elementi: informazioni, risorse, ...

Biometria L'accettazione, la privacy e la legge - manichini

Biometria L'accettazione, la privacy e la legge - manichini

La tecnologia biometrica non è affatto universalmente accettata da tutti gli utenti. Ci sono una serie di considerazioni sociali e legali che danno ad ogni organizzazione una pausa prima di fare il salto a capofitto nell'implementazione di un sistema biometrico. Le persone sono più a loro agio con i sistemi di raccolta biometrici che sono i meno intrusivi. Scanner per retina e nasi elettronici sono ...

Biometria Nozioni di base - manichini

Biometria Nozioni di base - manichini

La biometria non è roba da fantascienza. Puoi trovare una dozzina di modi più o meno efficaci per utilizzare la biometria per identificare qualcuno, ognuno dei quali si divide in due classi: la biometria fisiologica misura una parte specifica della struttura o della forma di una porzione del corpo di un soggetto. La biometria comportamentale è più interessata a come ...

Scelta dell'editore

Come creare un nuovo dizionario personalizzato in Excel 2007 - dummies

Come creare un nuovo dizionario personalizzato in Excel 2007 - dummies

In Excel 2007, è possibile creare dizionari personalizzati da utilizzare quando si esegue il controllo ortografico dei fogli di lavoro. Utilizzare il pulsante Aggiungi al dizionario nella finestra di dialogo Controllo ortografico per aggiungere parole sconosciute a un dizionario personalizzato. Per impostazione predefinita, Excel aggiunge queste parole a un file dizionario personalizzato denominato CUSTOM. DIC, ma è possibile creare una nuova personalizzazione ...

Come creare un componente aggiuntivo da un file di cartella di lavoro Excel Excel normale in VBA - modi di dire

Come creare un componente aggiuntivo da un file di cartella di lavoro Excel Excel normale in VBA - modi di dire

Sebbene sia possibile convertire qualsiasi cartella di lavoro di Excel in un componente aggiuntivo, non tutte le cartelle di lavoro traggono vantaggio da questa conversione. Una cartella di lavoro senza macro rende un componente aggiuntivo inutile. In effetti, gli unici tipi di cartelle di lavoro che traggono vantaggio dall'essere convertiti in un componente aggiuntivo sono quelli con macro. Ad esempio, una cartella di lavoro costituita da macro generiche (Sub ...

Come creare una nuova cartella di lavoro in Excel 2010 - dummy

Come creare una nuova cartella di lavoro in Excel 2010 - dummy

Se si lavora in Microsoft Excel 2010 e vuoi iniziare a lavorare in un nuovo file di cartella di lavoro di Excel, puoi facilmente creare una nuova cartella di lavoro. Per fare ciò, puoi usare un comando nella scheda File o una scorciatoia da tastiera. Fare clic sulla scheda File. Excel visualizza la visualizzazione Backstage, in cui è possibile accedere ai comandi relativi ai file. ...

Scelta dell'editore

Usa lo strumento Gomma in Adobe Illustrator CS5 - manichini

Usa lo strumento Gomma in Adobe Illustrator CS5 - manichini

Adobe Illustrator Creative Suite 5 (Adobe CS5) Illustrator è utilizzato per rimuovere rapidamente aree di grafica con la stessa facilità con cui si cancellano i pixel in Photoshop, accarezzando con il mouse su qualsiasi forma o gruppo di forme. Facendo doppio clic sullo strumento Gomma, è possibile definire il diametro, l'angolo e la rotondità della gomma. Se stai usando un ...

Trasforma gli strumenti in Adobe Illustrator CS5 - dummies

Trasforma gli strumenti in Adobe Illustrator CS5 - dummies

I più popolari strumenti di trasformazione in Adobe Creative Suite 5 (Adobe CS5) Illustrator - Rifletti, scala, inclina, rimodella e Trasformazione libera: sono facili da usare e modificano rapidamente la tua illustrazione. Lo strumento Rifletti Niente è simmetrico, giusto? Forse no, ma gli oggetti non creati simmetricamente in Illustrator possono sembrare off-kilter. Utilizzando lo strumento Rifletti, si ...

Quando utilizzare Adobe CS5 Illustrator - dummies

Quando utilizzare Adobe CS5 Illustrator - dummies

Utilizzando Adobe Creative Suite 5 (Adobe CS5) Illustrator anziché Photoshop , ottieni diversi benefici. Potresti aver sentito che Illustrator è migliore per la grafica vettoriale, ma perché e che altro porta? Illustrator può salvare ed esportare immagini nella maggior parte dei formati di file. Scegliendo di salvare o esportare, è possibile creare un ...