Casa Social media Come costruire un modello di pagina Web da zero - dummies

Come costruire un modello di pagina Web da zero - dummies

Video: Come Creare un Sito Web Professionale in 20 Minuti 2025

Video: Come Creare un Sito Web Professionale in 20 Minuti 2025
Anonim

Lo strumento standard tra le agenzie digitali e i reparti interni per la creazione di grafica per siti Web è Adobe Photoshop. Sebbene Fireworks sia ottimizzato e costruito appositamente per produrre file sorgente di grafica web, non è stato preso in considerazione, probabilmente a causa del massiccio sforzo di riqualificazione che avrebbe richiesto la realizzazione di interi reparti. Per impostare un nuovo modello di web-comp:

  1. Avvia Photoshop.

  2. Scegli File → Nuovo.

    Nella finestra di dialogo che appare, inserisci una dimensione della tela di 1, 200 pixel di larghezza di 1, 000 pixel di altezza. La risoluzione deve essere impostata su 72 dpi ( pixel per pollice, in realtà). La modalità colore dovrebbe essere di colore RGB. Il colore di sfondo può essere bianco. Clicca OK.

  3. Dal menu di Photoshop, selezionare Preferenze → Generale.

    Sulla sinistra, selezionare l'opzione Unità e righelli. Quindi, nell'area della finestra principale, per Righelli, seleziona "pixel" dal menu a discesa. Clicca OK.

    Utilizzerai le guide. Per fare ciò, devi prima accendere i Righelli dal menu Visualizza, come mostrato nel Passaggio 4.

  4. Seleziona Visualizza → Righelli dal menu.

    Dopo aver visto i righelli, fai clic sul righello sul lato sinistro e trascina una guida verticale e rilasciala sul contrassegno da 100 pixel.

  5. Ripristina il marker 0, 0.

    Nell'angolo in alto a sinistra del documento, all'intersezione dei due righelli c'è un piccolo quadrato con linee tratteggiate. Fai clic sul quadratino e trascina la tua guida sul segno da 100 pixel, ma fai attenzione a rimanere nella parte superiore della pagina. Quello che stai cercando di fare è mantenere 0 nella parte superiore della pagina (dove è ora), ma impostare il tuo attuale contrassegno guida da 100 pixel su 0. Se lo fai correttamente, vedrai l'aggiornamento della numerazione nel tuo righello superiore.

  6. Imposta il secondo indicatore guida.

    Fai nuovamente clic sul righello sinistro e trascina un'altra guida. Trascina questa nuova guida sulla pagina e rilasciala sul marchio da 1, 000 pixel. Se hai eseguito correttamente i passaggi 1-6, dovresti avere un margine di 100 pixel su entrambi i lati delle due guide. Salva il documento.

  7. Trasforma lo sfondo in un livello.

    Nel pannello Livelli, dovresti avere solo un livello chiamato "Sfondo" in corsivo. Fare doppio clic su di esso per trasformarlo in un livello che è in grado di trasparenza e di essere spostato in set di livelli che verranno creati. Nella finestra visualizzata, lascia il nome come Livello 0 per ora e fai clic su OK.

  8. Crea quattro set di livelli.

    Nella parte inferiore del pannello Livelli vedrai l'icona di una cartella. Fare clic quattro volte per creare quattro distinti set di livelli (cartelle che possono contenere livelli).Sono un ottimo modo per aiutarti a organizzarti. Ecco i passaggi:

    1. Fai doppio clic sul testo di gruppo 1 del set di livelli più in basso e rinominalo in BACKGROUND in maiuscolo.

      Usa tutti i maiuscoli per i nomi delle cartelle e in minuscolo per i nomi dei livelli per aiutarti a distinguerli.

    2. Fai clic e trascina il livello Livello 0 nel set di livelli BACKGROUND.

    3. Fare doppio clic sul testo del gruppo 2 e rinominarlo PIEDE.

    4. Rinomina gli altri due set di livelli CONTENT e NAVIGATION.

    Questi set di livelli sono solo il tuo punto di partenza e potresti averne bisogno di meno o più. Salva il tuo modello.

Ora hai una tela bianca pronta per le tue ispirazioni creative. Mentre crei nuovi livelli per lavorare su parti diverse del tuo comp, chiamali subito e assicurati che vengano trascinati nel set di livelli appropriato. Non solo ciò ti aiuterà a rimanere più organizzato, qualsiasi altro designer che raccolga il tuo comp per apportare modifiche - così come lo sviluppatore che deve usarlo per costruire la versione HTML di esso - sarà più in grado di dare un senso.

Come costruire un modello di pagina Web da zero - 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 ...