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

Come leggere dal file in PHP per la programmazione HTML5 e CSS3 - manichini

Come leggere dal file in PHP per la programmazione HTML5 e CSS3 - manichini

Se puoi scrivere dati in un file in PHP, sarebbe logico che tu possa leggere da quel file anche per la programmazione HTML5 e CSS3. Il readContact. programma php recupera i dati salvati nel programma precedente e li visualizza sullo schermo. Non è difficile scrivere un programma per leggere ...

Come usare una classe PHP in uno script - dummy

Come usare una classe PHP in uno script - dummy

Il codice classe PHP deve essere inserito lo script che usa la classe. Più comunemente, la classe viene archiviata in un file di inclusione separato ed è inclusa in qualsiasi script che utilizza la classe. Per usare un oggetto, devi prima creare l'oggetto dalla classe. Quindi quell'oggetto può eseguire qualsiasi metodo che ...

Scelta dell'editore

Come usare lo strumento Timbro clone di Photoshop - manichini

Come usare lo strumento Timbro clone di Photoshop - manichini

Puoi usare lo strumento Timbro clone in Photoshop per rimuovere gli angoli e altri difetti copiando una porzione dei pixel circostanti, che dovrebbero avere un colore e una consistenza simili, sopra la parte malata dell'immagine. Per utilizzare lo strumento Timbro clone, attenersi alla seguente procedura: Selezionare lo strumento Timbro clone dallo strumento ...

Come disinstallare e reinstallare Photoshop Lightroom - dummies

Come disinstallare e reinstallare Photoshop Lightroom - dummies

Se si nota un problema con Lightroom la prima volta che si avvia esso, qualcosa potrebbe essere andato storto durante il processo di installazione. Disinstallare e quindi reinstallare potrebbe essere tutto ciò che è necessario per correggere il problema. Il processo è diverso per ogni sistema operativo, quindi ecco i passaggi separati per ciascuno. Su Windows: Chiudi tutto ...

Fotografia For Dummies Cheat Sheet - dummies

Fotografia For Dummies Cheat Sheet - dummies

La fotografia è un hobby divertente e gratificante che può renderti molto popolare tra la gente nelle tue foto - o molto impopolare. Per ottenere il massimo da una fotocamera "inquadra e scatta", digitale o meno, la prima abilità da padroneggiare è bloccare l'attenzione. Puoi perfezionare le tue abilità fotografiche in modo che le tue foto siano ...

Scelta dell'editore

Agire per aumentare le emozioni edificanti - manichini

Agire per aumentare le emozioni edificanti - manichini

Al fine di elevare le tue emozioni, il primo passo è diventare consapevoli di quale emozioni che hai Diventa consapevole di ciò che ti innesca: cosa ti mette in agitazione e ti fa arrabbiare e ciò che ti rende molto eccitato. Un trigger sta guardando alcuni programmi televisivi e consente alle emozioni di questi programmi di permeare ...

Come le aziende ti convincono ad acquistare i loro prodotti - manichini

Come le aziende ti convincono ad acquistare i loro prodotti - manichini

Quasi tutti i media commerciali destinati alle donne ottengono la loro pubblicità entrate dalle industrie del cibo, della bellezza, della dieta e della moda. Solo l'industria della dieta stessa è un'impresa commerciale da 33 miliardi di dollari l'anno. E, naturalmente, queste industrie hanno bisogno di clienti in modo continuativo per continuare a avere successo. È nel loro interesse per ...

Come si forma l'immagine del corpo nella tua gioventù - dummies

Come si forma l'immagine del corpo nella tua gioventù - dummies

In generale, ciò che hai vissuto con la tua famiglia quando stavano crescendo ha avuto un effetto diretto sui pensieri e le sensazioni che hai avuto sul tuo corpo. Ripensa ai tuoi anni più giovani. Quanto attentamente le seguenti affermazioni descrivono la tua famiglia? Nessuno ha esercitato. L'auto è stata utilizzata anche per viaggi brevi. Cibo pesante e da ingrasso ...