La maggior parte dei web designer ora usa programmi costosi come Adobe Dreamweaver o Adobe Fireworks per creare i propri siti web. Bene, questi programmi hanno molte funzionalità ma hanno anche un pesante prezzo. Come web designer di partenza non ho avuto accesso a programmi come questo fino a quando non ho progettato un paio di siti. Quindi avevo bisogno di un modo per creare i miei Web Design con quello che avevo quando ho iniziato e quello era un laptop con Windows XP, una connessione internet e la volontà di imparare. Quello di cui avevo bisogno era un modo in cui avrei potuto impaginare il mio modo di vedere la mia pagina web e quindi estrarre parti delle immagini per il mio sito web.
Come realizzare un sito Web - Tutorial sul web design
Adobe ha questo piccolo ed elegante strumento chiamato lo strumento slice che usi per tagliare l';immagine in modo che funzioni in una pagina web. Ciò che ho scoperto è che MS Paint è in grado di fare anche questo, non con la stessa facilità con cui Photoshop lo fa, ma è comunque fattibile. Quindi tutto ciò che serve per iniziare a creare pagine Web di qualità, è Blocco note, Paint MS e Calcolatrice di Windows. Ora apriremo MS Paint e andremo su :Immagine: e selezioniamo :Attributi: o premiamo Ctrl + E e cambiamo la dimensione in 800x600 o in qualsiasi dimensione desideri che sia la tua pagina web. Ora impazzisci e crea un colore di sfondo principale usando lo strumento barattolo di vernice e crea il tuo banner, i tuoi collegamenti di immagine lungo il lato o in alto. In pratica, fai in modo che questa immagine appaia esattamente come vuoi che appaia la tua pagina web, ma non aggiungere il contenuto alla pagina web.
Ora che hai fatto il tuo disegno in MS Paint, estrarremo le immagini in modo che possiamo usarle. Il modo più semplice per farlo è utilizzare lo strumento di selezione quadrata in alto a destra nella barra degli strumenti. Seleziona questo strumento e quindi usalo per selezionare la prima casella che sarà la tua prima immagine. Una volta selezionata l';immagine, fai clic su :Modifica:, poi su :Copia: o su Ctrl + C. Quindi apri un';altra istanza di MS Paint e fai clic su :Modifica:, quindi su :Incolla: o Ctrl + V, in modo che la nostra selezione sia ora la sua immagine. Assicurati di afferrare la casella in basso a destra dell';immagine e ridimensionare la tela in modo che ora ci sia più bianco che mostra intorno alla nostra immagine. Ora salva questa immagine come qualcosa che ricorderai. Lo faremo ora per tutte le aree logiche della nostra immagine, come ogni link sarà la sua immagine, ogni spazio in più sarà un';immagine, l';intera area in cui pianificherai di mettere il tuo contenuto sarà la sua immagine.
Ora che abbiamo tutte le nostre immagini è il momento di metterle insieme nella nostra pagina web. Questo può essere fatto semplicemente usando le tabelle e avendo un po ';di pazienti per assicurarsi che tutto sia dimensionato correttamente. Per prima cosa creerai una tabella che avrà una larghezza di 800, poiché quella era la larghezza dell';immagine originale che creiamo. Se hai una larghezza maggiore nell';immagine originale che crei, assicurati che la tua tabella rifletta quell';immagine. Successivamente vogliamo assicurarci che border = :0:, cellpadding = :0: e cellspacing = :0: perché vogliamo che tutto tocchi l';uno contro l';altro. Tutte le nostre immagini verranno posizionate nella tabella di conseguenza in modo da ricreare l';immagine originale. Quando crei i tuoi collegamenti con le immagini, assicurati che nel tag img specifichi border = :0: in modo da non ottenere un bordo blu attorno all';immagine.
Il prossimo è come gestiamo l';area del contenuto del tuo sito web e abbiamo due modi in cui possiamo farlo. Il primo modo è prendere l';immagine che abbiamo ritagliato e usarla come sfondo per il tag td che avrà il nostro contenuto in esso. In questo modo è un po ';più semplice, ma aumenta il tempo di caricamento della pagina web. L';altro modo funziona solo se lo sfondo della sezione dei contenuti è a tinta unita. Torna a MS Paint con l';immagine originale caricata sullo schermo e seleziona il pulsante della barra degli strumenti che sembra un contagocce e fai clic sull';area dell';immagine che sarà il tuo contenuto. In questo modo il colore viene inserito nel programma di disegno in cui è possibile visualizzarlo e modificarlo. Fare clic su :Colori:, quindi su :Modifica colori ...: e verrà visualizzata una finestra in cui si fa clic su :Definisci colori personalizzati >>:. Si aprirà una finestrella laterale in cui è possibile vedere la quantità di rosso, verde e blu in uso. Copia questi numeri e fai clic su Annulla nella finestra :Modifica colori:. Ora apri la calcolatrice e fai clic su :Visualizza: quindi su :Scientifica: in modo da ottenere tutte le opzioni extra con la calcolatrice. Per ottenere il colore della nostra pagina web abbiamo bisogno di convertire il numero decimale che abbiamo ottenuto dalla vernice in HEX. Quindi prendiamo il primo numero che abbiamo annotato e lo digitiamo nella nostra calcolatrice e poi facciamo clic sul pulsante di opzione che dice HEX. Ora abbiamo l';equivalente esadecimale del nostro numero decimale. Quindi dobbiamo fare questo per tutti e tre i numeri che abbiamo copiato, ad esempio abbiamo Red 56 Green 153 e Blue 23 una volta convertiti in HEX sono Red 38 Green 99 e Blue 17. Quindi il nostro codice per impostare lo sfondo nel nostro tr il tag sarà :# 389917:.
Quindi, come probabilmente puoi vedere usando MS Paint, è più dispendioso in termini di tempo rispetto all';utilizzo di Photoshop per creare le tue pagine web. Ma non ti costerà più di un po ';di tempo prima di poter creare abbastanza siti Web da poter acquistare Photoshop o Fireworks. Spero che questo articolo ti sia piaciuto e l';ho trovato informativo. Come progettare un sito Web La regola d';oro per un sito web di successo è stata e continua ad essere :Mantenerla veloce, facile e organizzata:. Navigazione e contenuti devono essere semplici per attirare visitatori e tenerli sul posto una volta arrivati. Rendendolo veloce, facile e organizzato non accade per caso. Succede evitando alcuni errori comuni di progettazione del sito web.
I visitatori per la prima volta a qualsiasi sito web devono sapere, il più rapidamente possibile:
...Chi sei
...Perché il tuo sito è degno di essere letto
...Perché dovrebbero comprare da te
...Soprattutto, come muoversi nel sito per arrivare dove vogliono andare
I siti che non forniscono queste nozioni di base o commettono altri errori comuni non trattengono i visitatori e si perdono tra gli innumerevoli siti Web già presenti in Internet.
Per darti una possibilità di combattere per essere visto, evita i seguenti errori del sito Web per garantire la massima visibilità online:
1. Quando si dispone di un sito Web, è importante concentrarsi sui propri clienti. Uno dei maggiori errori del sito Web è l';organizzazione del sito in modo tale da avvantaggiare l';azienda ma confondere il cliente. In primo luogo, scopri cosa vogliono i tuoi clienti, quindi prova a creare un sito Web che faciliti l';acquisizione. Troppi siti Web sono progettati in modo che solo il progettista comprenda come utilizzare il sito!
2. Molte aziende sono così entusiaste del potenziale che approcciano al design del sito web totalmente all';indietro: ottengono un nome di dominio e l';hosting, sviluppano il sito web e determinano ciò che i clienti desiderano.
Ecco l';ordine corretto dei passaggi per ridurre i costi e migliorare il successo:
a) Definire le aspettative e le esigenze del cliente
b) Sviluppare il sito Web - al momento è possibile prenotare un nome di dominio, ma l';hosting non è ancora necessario
c) Selezionare l';hosting e attivare il nome di dominio
d) Carica il sito Web sul server e integra la tua presenza su Internet nel tuo approccio di marketing
3. Pensa al browser Web che i tuoi visitatori useranno per visualizzare il tuo sito Web, insieme alla risoluzione dello schermo. Assicurati che il tuo sito Web sia visualizzato correttamente e sia di facile lettura. Ad esempio, visualizza il tuo sito Web in Internet Explorer e Firefox, i due browser più popolari, prima di finalizzare il tuo progetto. Il tuo sito potrebbe essere diverso da browser a browser. Avere un sito difficile da esplorare è uno dei più grandi errori del sito web che si potrebbero fare.
4. Alcuni siti Web commettono l';errore di richiedere agli utenti di scaricare applicazioni software per utilizzare il sito web. Avere programmi speciali che devono essere scaricati prima di poter visualizzare parti del tuo sito è un grave errore. Gli studi hanno dimostrato che le persone semplicemente non vogliono scaricare elementi sui loro computer per visualizzare una pagina web. L';unica eccezione sarebbe ebooks PDF. I PDF sono lo standard del settore e la maggior parte dei computer ha un lettore PDF integrato. Le persone più abili si trovano a proprio agio nel download di ebook in formato PDF.
5. Il software di progettazione Web consente al progettista di inserire più grafica su un sito Web di quanto non sia pratico. Anche se una grande immagine può essere ridimensionata, potrebbe comunque consumare una grande quantità di larghezza di banda e rallentare il caricamento della pagina web. Questo è un modo sicuro per cacciare i visitatori. Inoltre, le foto personali non sempre presentano un aspetto professionale e dovrebbero essere utilizzate con parsimonia, se non del tutto.
6. Evita plug-in, effetti speciali, immagini complesse e altri espedienti. Questi impiegano molto tempo per essere caricati, richiedono software speciali o, nel peggiore dei casi, danneggiano i computer dei visitatori. A meno che il tuo sito web non sia progettato per essere un';opera d';arte o un pezzo di performance in sé e per sé, ed esiste principalmente per scopi di intrattenimento, evita le cose fantasiose. La maggior parte delle persone visita un sito Web per ottenere informazioni o un prodotto nel modo più rapido e semplice possibile.
Infine, uno degli errori più comuni è quello di presumere che i visitatori improvvisamente inizieranno ad affluire sul tuo sito web non appena sarà online. :Se lo costruisci, verranno: non si applica. Devi dire loro che l';hai costruito e dove trovarlo. Non appena sei soddisfatto del tuo sito web, inizia con le basi del marketing online.