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

HDR Fotografia: Regola le impostazioni in Photomatix Dettagli Enhancer - dummies

HDR Fotografia: Regola le impostazioni in Photomatix Dettagli Enhancer - dummies

Dettagli Enhancer in Photomatix Pro ti consente di toni mappa le tue immagini ad alta gamma dinamica (HDR). Come puoi vedere da questa figura, ci sono un certo numero di controlli. Per fortuna, sono ben organizzati in aree funzionali. Le tre finestre mobili mostrano le impostazioni, l'anteprima dell'immagine e l'istogramma. Forza: controlla la forza di potenziamento del contrasto, sia locale ...

HDR Fotografia - Miscela materiale da fonti alternative - manichini

HDR Fotografia - Miscela materiale da fonti alternative - manichini

Cerca le aree dove potresti aver bisogno per mescolare il materiale da fonti alternative. Ad esempio, se una parte del cielo è saltata fuori, potresti voler sostituire il cielo scoppiato con una versione che è stata mappata in modo diverso in modo che il cielo appaia meglio (ciò che spesso accade è il resto ...

HDR Fotografia: scegli un formato file - dummies

HDR Fotografia: scegli un formato file - dummies

Quando crei un'immagine ad alta gamma dinamica, spesso viene data la possibilità di salvarlo come file HDR per un uso successivo. Se lo si salva come file HDR dipende in parte dalle preferenze e in parte da ciò che si intende fare. Normalmente, salti a destra nella mappatura dei toni, salva il minimo finale ...

Scelta dell'editore

Farmaci Opzioni per gestire la rabbia - manichini

Farmaci Opzioni per gestire la rabbia - manichini

La maggior parte dei programmi di gestione della rabbia non affronta il problema dei farmaci. In parte, probabilmente perché i farmaci non sono in realtà un modo per gestire la tua rabbia. E gli studi sull'efficacia dei farmaci per la rabbia sono stati alquanto incoerenti. Tuttavia, dovresti sapere che i farmaci possono essere un'opzione per alcune persone, specialmente quando altri disturbi emotivi, come ...

Gestione di amici e parenti con intelligenza emotiva - manichini

Gestione di amici e parenti con intelligenza emotiva - manichini

Ecco alcuni modi in cui si praticano tecniche di intelligenza emotiva con amici intimi e i parenti possono aiutarti a disinnescare situazioni difficili ea mantenere relazioni equilibrate e soddisfacenti con i tuoi cari. A partire dal finale le persone a volte interrompono completamente i contatti con parenti e amici e potresti trovarti in una situazione in cui ...

Mini questionario motivazionale - manichini

Mini questionario motivazionale - manichini

Dai un'occhiata al seguente elenco di compiti e decidi se vuoi ottenerne uno. Seleziona le attività che pensi di voler intraprendere: Acquistare una nuova casa Decorare la tua casa Sviluppare uno stile di vita più salutare Ottenere un nuovo lavoro Ottenere una promozione di lavoro Passare gli esami Lavorare per un ...

Scelta dell'editore

Come identificare i trigger di rabbia - dummies

Come identificare i trigger di rabbia - dummies

Conoscere i trigger di rabbia - gli eventi e le situazioni che ti fanno impazzire - è importante perché risponderai in modo più efficace alla tua rabbia quando ti sentirai preparato. Anticipare la possibilità di rabbia aumenta la capacità di esprimerlo in modo più costruttivo. Ecco alcuni trigger di rabbia comuni. Molte persone si sentono ...

Come misurare il tuo stress - manichini

Come misurare il tuo stress - manichini

Riconoscere i sintomi dello stress e quanto spesso si verificano può aiutarti ad affrontare lo stress. Utilizza le due settimane precedenti come periodo di tempo e registra l'occorrenza dei seguenti segni e sintomi fisici ed emotivi di stress. Dopo aver identificato i sintomi dello stress e quanto spesso si verificano, utilizzare la scala di valutazione dello stress per trovare il ...

Come calmare la mente - dummies

Come calmare la mente - dummies

Trovare modi per ridurre i livelli di stress aumenterà la tua felicità. A volte distrarti non è abbastanza per calmare la tua mente. A volte avete bisogno di misure più forti per eliminare, o almeno rallentare, quelle preoccupazioni e preoccupazioni indesiderate e che producono stress. Forse hai una preoccupazione inquietante che ti intrude continuamente nel tuo pensiero e ti impedisce di goderti ...