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

Tasti di scelta rapida per Microsoft Office 2007 - dummies

Tasti di scelta rapida per Microsoft Office 2007 - dummies

Microsoft Office 2007 è pieno di scorciatoie da tastiera per risparmiare tempo. Comprimi i componenti di Office 2007 - Word, Excel, Outlook, PowerPoint e Access - utilizzando i tasti di scelta rapida utili della seguente tabella. Con poco sforzo, puoi aprire file, trovare contenuti, modificare quel contenuto e altro! Funzione Ctrl Copia Ctrl + C Taglia Ctrl + X Trova Ctrl + F Vai ...

Vantaggi di Lync Online - dummies

Vantaggi di Lync Online - dummies

Lync Online è disponibile sia in ambito professionale sia in piccole imprese (P) e aziendali (E ) piani in Office 365. Le funzionalità includono messaggistica istantanea (IM), chiamate audio e video, presenza, riunioni online, presentazioni online e la possibilità di connettersi con i contatti di Windows Live Messenger e altri utenti esterni che eseguono Lync. La tecnologia è integrata in tutto ...

Come avviare una conversazione con Lync Online - dummies

Come avviare una conversazione con Lync Online - dummies

La scheda di contatto di Lync Online è un ottimo modo per avviare una conversazione con un collega o i membri del tuo team. Oltre alle note personali, alla presenza e alla posizione, vengono visualizzate anche le informazioni sulla tua organizzazione come il titolo e i numeri di telefono. Per visualizzare la scheda di contatto, passa con il mouse sopra l'immagine di una persona e fai clic sul gallone ...

Scelta dell'editore

Come scegliere un'immagine di sfondo Twitter per Visual Social Marketing - dummies

Come scegliere un'immagine di sfondo Twitter per Visual Social Marketing - dummies

Quando si imposta su un account Twitter per il social marketing visivo, un tipo di immagine che è richiesto per il tuo profilo è l'immagine di sfondo - viene visualizzata dietro il profilo Twitter. Nella parte superiore della schermata Impostazioni disegno, Twitter ti consente di scegliere tra una serie di temi premade. Un tema premade applica un ...

Come scegliere un buon nome utente Twitter - dummy

Come scegliere un buon nome utente Twitter - dummy

Su Twitter, il tuo nome utente, o handle, è il tuo identità. Se puoi, iscriviti a Twitter usando il tuo nome o una variante di esso come nome utente (supponendo che qualcun altro non lo stia già utilizzando). Ad esempio, se il tuo nome è John Ira, potresti scegliere un nome utente Twitter come @johnira o ...

Come personalizzare il tuo profilo Twitter - dummies

Come personalizzare il tuo profilo Twitter - dummies

La tua pagina pubblica su Twitter, noto anche come profilo, è la prima impressione che gli altri utenti di Twitter hanno di te, e può fare una grande differenza nel decidere se seguirti. Personalizzare la tua pagina del profilo Twitter in modo che rifletta te o la tua azienda fa la differenza quando si tratta di persone ...

Scelta dell'editore

Perché avresti bisogno di più profili utente per Dragon Professional Individuale - manichini

Perché avresti bisogno di più profili utente per Dragon Professional Individuale - manichini

Drago Individuo professionale capisce solo quelli che si sono presentati ufficialmente come utenti e hanno creato un profilo utente. Ecco quattro motivi per cui potresti voler creare più di un profilo utente: usi diversi vocabolari o stili di scrittura per compiti diversi. Si utilizzano diversi microfoni per compiti diversi. Volete ...

Lavorare con fogli di calcolo Usare NaturallySpeaking - dummies

Lavorare con fogli di calcolo Usare NaturallySpeaking - dummies

Utilizzando fogli di calcolo con versioni precedenti di NaturallySpeaking era difficile perché non si poteva indirizzare direttamente i nomi delle celle. Volevi dire qualcosa come "Cella A5" o "Seleziona Colonna C." Ma (sospiro), niente dado. Il tuo assistente non aveva idea di cosa stavi parlando. Bene, il tuo assistente ha "up-leveled" le sue abilità! Ora è possibile ...

Su Evernote's Passcode Lock - dummies

Su Evernote's Passcode Lock - dummies

Abbonati premium e business che utilizzano determinati dispositivi ora possono bloccare l'app Evernote con un blocco Passcode . Ogni volta che torni all'app, ti viene chiesto di inserire il tuo codice. Un blocco passcode è un'ottima opzione se condividi il tuo telefono o tablet con altre persone e vuoi impedire loro di accedere a ...