Vorreste guardare il mio sito e darmi qualche consiglio estetico ed "indicizzativo"?

lucolo

Per migliorare l'estetica potresti realizzare un template.
Mentre per l'indicizzazione basta inserire i meta tag in ogni pagina e curare il SEO (qua si apre il capitolo SEO).

david

Ehm scusa ma parli arabo per me...
Template? Cosa?
Per i meta tag invece avevo sentito dire che google non li legge più???

lucolo

Un template se hai conoscenza di html, php e css era subito fatto (tutto mattoncino per mattoncino come volevi tu).

Per i meta tag, i motori di ricerca li prendono ancora (eccome se li prendono).
Forse è il tag meta keywords a cui ti riferivi, quello si, google non lo considera più.

david

Ho capito cosa intendi per template, io uso le pagine Master in linguaggio asp per fare quello che dici tu... i buchi vuoti si riempiono con le pagine "page". Ma sempre esteticamente lineare resta, no? Qualcosa mi sfugge?

jesoloimpresa

Ciao David e semplicissimo
HTML e Css uno scrive l'altro disegna

david

Mi fareste un esempio? Anche solo un link, poi vado a vedere il sito e lo sbudello con Firefox.
Perché io uso html e css allegramente, faccio i siti col block notes ma non mi viene un lavoro esteticamente gradevole e articolato! Cosa mi manca?

ps: grazie mille a tutti!

jesoloimpresa

Vedi se ti piace.
Se va bene ti invio il pacchetto con i file

david

Mi piace! Invia pure, così vedo il codice e poi lo incorporo nella struttura.
Ma l'hai fatto tu? Sei stato gentilissimo

Grazie!

jesoloimpresa

Ciao D

Inviami la tua mail cosi ti allego il file zip

david

Grazie, la mail è:
[email][email protected][/email]

jesoloimpresa

Mail inviata
Divertiti

david

Io ti ringrazio tantissimo, effettivamente è molto bello... però, sai cosa? Coi vecchi browser fa uno schifo non funzionante che non si può vedere... anche il tuo sito, se devo essere sincero, fa la stessa cosa. Cioè, per esempio, quelle scritte nella home che dovrebbero scorrere all'interno della sezione centrale non si vedono (magari non ti interessa, ma credevo giusto avvertirti)... se ne vede metà, la metà alta, mentre la metà bassa resta nascosta.

Se cerchi l'estetica, spettacolare, ma chi non ha un browser con "document" diverso da document.getElementById non vede nulla e non naviga.

Sigh...

jesoloimpresa

Mi dispiace che non vada bene. Pazienza
Per quanto riguarda il mio sito ti allego una vignetta che mi fa sempre sorridere avendo solo stumenti apple per il lavoro.
Ciao.

david

Vignetta? Dov'è?
Ah, ho provato per tutto il pomeriggio a modificare quel template, ma è impestato di javascript al punto che non ci capisco niente. Peccato però, mi piaceva l'impaginazione e lo slide delle immagini!!! Non sai se c'è un template in giro che abbia solo il pezzetto di codice dello slide? Che non funziona, è vero, sui vecchi browser ma se creo delle pagine dove si avverte che sono visualizzabili solo da certi browser va bene. Oppure metto un javascript che identifica il browser ed attiva o disattiva tutto il codice slide in base al browser. Sarebbe bello

Grazie mille per l'aiuto.

jesoloimpresa

Ciao David

Scusa ma non capisco dove vedi tutto sto impestamento di js...

il codice che vedi sotto per esempio è la home page (index) che ti ho inviato e i js sono solo intestazioni che dicono cosa usare e dove, in pratica la slide e basta.

devi solo cambiare immagini e testi al massimo css color e position ma niente altro.

Con sta storia dei browser poi secondo me è un problema di chi non aggiorna e non si dota di tecnologia all'avanguardia e basta. Se qualcuno ha un pc del 1990 e non aggiorna il suo browser non è un problema tuo anzi.....

Mi sa che hai un po le idee confuse.

Leggi sotto.

Il js non deve essere toccato e devi scrivere tutto in html semplice.... niente asp php ecc....

Ti consiglio vivamente di usare dreamweawer per fare una cosa fatta bene e in modo semiprofessionale per evitare prima di tutto l'effetto rimbalzo,che penso in questo momento sia intorno al 90%.

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>

 <form action="#" />   
   <div id="search-drop" style="top:-38px;">
       <input type="text" name="search" id="search-field" value="Search this site" /> 
       <input type="submit" value="go" name="submit" id="search-btn" />
       <img id="close" src="http://www.giorgiotave.it/forum/images/close.jpg" alt="" title="" />
   </div>
 </form>  
  
    <div id="menu">
        <ul>
            <li><a href="index.html">Home</a></li>
            <li><a href="#" title="">About</a></li>
            <li><a href="projects.html" title="">Projects</a></li>
            <li><a href="products.html" title="">Products</a></li>
            <li><a href="#" title="">Blog</a></li>
            <li><a href="contact.html" title="">Contact</a></li>
            <li id="go">Search</li>
        </ul>    
    </div>
      
    <div id="logo">
     <img src="http://www.giorgiotave.it/forum/images/EZI-logo.jpg" alt="" title="" />
    </div>
 
    <div id="slider">
        <img src="http://www.giorgiotave.it/forum/images/slider/slide-1.jpg" alt="" title="" />
        <img src="http://www.giorgiotave.it/forum/images/slider/slide-2.jpg" alt="" title="" />
        <img src="http://www.giorgiotave.it/forum/images/slider/slide-3.jpg" alt="" title="" />
        <img src="http://www.giorgiotave.it/forum/images/slider/slide-4.jpg" alt="" title="" />
    </div>
 
    <div id="controls">
        <div class="controls-left"><!--| leave this empty |--></div>
        <div class="controls-right">
            <img id="prevbtn" src="http://www.giorgiotave.it/forum/images/btn-prev.png" alt="" title="" />
            <img id="nextbtn" src="http://www.giorgiotave.it/forum/images/btn-next.png" alt="" title="" />
        </div> 
    </div>
 </div><!--| end header |-->

   <!--| CONTENT/MID |-->
    <div id="content">
        <div id="index-left">
        
            <div class="item1">
                <img src="http://www.giorgiotave.it/forum/images/dummy-img-1.jpg" alt="" />
                  <h2>3 Skins to choose from</h2>
                    <p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. In tempus vulputate 
                    sapien. Maecenas fermentum consequat ante. In ultricies. Integer eget eros. 
                    Maecenas magna. Duis varius lobortis mi. Praesent vitae sem et magna feugiat 
                    ultrices. Suspendisse libero. Fusce tincidunt euismod nulla. Vestibulum ante 
                    ipsum primis in faucibus orci luctus et ultrices posuere cubilia Curae; Donec 
                    massa nisl, viverra ac, pellentesque laoreet, ornare sodales, orci. Suspendisse 
                    enim lacus, placerat eget, laoreet ut, luctus in, tortor. Mauris viverra elementum 
                    urna. Nullam ultrices.  
                    </p>
            </div>

             <div class="item1">
                <img src="http://www.giorgiotave.it/forum/images/dummy-img-3.jpg" alt="" />
                  <h2>jQuery slider and cycle plugin</h2>
                    <p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. In tempus vulputate 
                    sapien. Maecenas fermentum consequat ante. In ultricies. Integer eget eros. 
                    Maecenas magna. Duis varius lobortis mi. Praesent vitae sem et magna feugiat 
                    ultrices. Suspendisse libero. Fusce tincidunt euismod nulla. Vestibulum ante 
                    ipsum primis in faucibus orci luctus et ultrices posuere cubilia Curae; Donec 
                    massa nisl, viverra ac, pellentesque laoreet, ornare sodales, orci. Suspendisse 
                    enim lacus, placerat eget, laoreet ut, luctus in, tortor. Mauris viverra elementum 
                    urna. Nullam ultrices.  
                    </p>
            </div> 
            
            <div class="item1">
                <img src="http://www.giorgiotave.it/forum/images/dummy-img-2.jpg" alt="" />
                  <h2>Slider controls</h2>
                    <p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. In tempus vulputate 
                    sapien. Maecenas fermentum consequat ante. In ultricies. Integer eget eros. 
                    Maecenas magna. Duis varius lobortis mi. Praesent vitae sem et magna feugiat 
                    ultrices. Suspendisse libero. Fusce tincidunt euismod nulla. Vestibulum ante 
                    ipsum primis in faucibus orci luctus et ultrices posuere cubilia Curae; Donec 
                    massa nisl, viverra ac, pellentesque laoreet, ornare sodales, orci. Suspendisse 
                    enim lacus, placerat eget, laoreet ut, luctus in, tortor. Mauris viverra elementum 
                    urna. Nullam ultrices.  
                    </p>
            </div>
                                 
        </div><!--| end index-left |-->
     
        <div id="index-right">
        
            <div>
             <h3>20th july 2009</h3>
              <p>
              Fusce tincidunt euismod nulla. Vestibulum ante ipsum primis in faucibus orci luctus et ultrices posuere cubilia Curae; Donec massa nisl, viverra ac, pellentesque laoreet, ornare sodales, orci. 
              </p>
            </div>

            <div>
             <h3>20th july 2009</h3>
              <p>
              Fusce tincidunt euismod nulla. Vestibulum ante ipsum primis in faucibus orci luctus et ultrices posuere cubilia Curae; Donec massa nisl, viverra ac, pellentesque laoreet, ornare sodales, orci. 
              </p>
            </div>

            <div>
             <h3>20th july 2009</h3>
              <p>
              Fusce tincidunt euismod nulla. Vestibulum ante ipsum primis in faucibus orci luctus et ultrices posuere cubilia Curae; Donec massa nisl, viverra ac, pellentesque laoreet, ornare sodales, orci. 
              </p>
            </div>

            <div>
             <h3>20th july 2009</h3>
              <p>
              Fusce tincidunt euismod nulla. Vestibulum ante ipsum primis in faucibus orci luctus et ultrices posuere cubilia Curae; Donec massa nisl, viverra ac, pellentesque laoreet, ornare sodales, orci. 
              </p>
            </div>
                                           
        </div><!--| end index-right |-->

</div>
</div>

<!--| FOOTER/BOTTOM |-->
 <div id="footer">
  <div class="footer-content">
  
    <div class="footer-content-left"><a href="http://www.jesoloimpresa.com">© jesoloimpresa.com</a></div>
   
  </div> 
 </div><!--| end footer |-->

david

Ciao, per quanto riguarda i browser io direi che il problema è di chi vuole farsi vedere e non di chi guarda. Se tu hai un vecchio browser e non mi vedi, non muori di certo... chettefrega? Ma io perdo un lettore, a me importa MOLTO

Per il JS invece: nei file .JS non ci si capisce niente! Volevo capire ed aggiustare, ma è impossibile!
Cioè, sai che se prendo il template senza modificarlo per niente la casella di ricerca non cerca nulla? È bellina, appare e scompare, ma non cerca: non posso implementare sul sito una pagina che non va, ti pare? Per la visualizzazione no problem: uso i template per chi riesce a navigarli e metto inoltre un link alla vecchia versione testuale compatibile anche con un 286 MS-DOS senza schermo staccato dalla corrente e con l'hard disk fuso
Il vecchio sito sarà brutto ma è leggibile da tutti
Il nuovo invece... esteticamente appagante. Ma deve funzionare. Non hai idee più semplici di manutenere, tipo pezzi di template auto-sufficienti che io possa riadattare?

Oppure, ma forse è un'idea stupida, un editor da installare in locale dove io possa creare contenuti complessi per poi "smontarli e studiarci su".

Grazie.

musthave

@David said:

Ciao, per quanto riguarda i browser io direi che il problema è di chi vuole farsi vedere e non di chi guarda. Se tu hai un vecchio browser e non mi vedi, non muori di certo... chettefrega? Ma io perdo un lettore, a me importa MOLTO
Per il JS invece: nei file .JS non ci si capisce niente! Volevo capire ed aggiustare, ma è impossibile!
Sono d?accordo con jesoloimpresa sul fatto che hai le idee un po? confuse, evidentemente perché non conosci nulla, o poco, di programmazione orientata al Web, CSS, javascript eccetera. Nessun problema perché sono cose che puoi imparare, ma non certo in 24 ore.
Per questo motivo ti ho consigliato di usare WordPress, così da non doverti preoccupare del codice ma solo dei contenuti.
Modifiche alla grafica le puoi fare in seguito un po? alla volta fino al punto che potresti essere in grado di crearti un tuo tema grafico, oppure usarne uno gratuito o a pagamento, con pochi click del mouse e senza perdere nulla dei tuoi contenuti.

@David said:

Il vecchio sito sarà brutto ma è leggibile da tutti

Il vecchio sito è brutto e invoglia molto poco alla navigazione, bisognerebbe fare una statistica tra chi abandona un sito perché brutto o chi perché ha un browser non compatibile.
Se ti piace tienilo così, ma sei tu che hai chiesto un parere

david

Scusate, mi spiace se sono stato frainteso. Ci riprovo:
scrivo HTML e CSS con JAVASCRIPT (lato cliente) e VBSCRIPT (lato server) a livelli ovviamente abbastanza bassi ed insufficienti. Ma non voglio usare nessun CMS perché desidero avere il controllo sul codice. Controllo completo, affinché le pagine siano modificabili da qualsiasi computer, tablet, telefono o forza del pensiero purché ci giri un block notes.
Ed anche perché mi piace capire quel che sto facendo, invece di affidarmi ad un... coso... che fa da sè (mettendo anche nel codice errori così banali che persino io sono capace di vedere!).

Non vorrei sembrare sfacciato, ma il fatto è che chiedo aiuto a voi perché siete così gentili da volermi aiutare (e vi ringrazio infinitamente ) e tanto competenti in materia da darmi delle dritte di cui posso fidarmi. Ma fin qui siete stati, perdonate l'espressione, fuori tema: io vorrei aiuto su HTML (meglio se 5) e CSS (meglio se 3). E' come se vi chiedessi come modificare un'auto per farle avere più potenza e voi mi rispondeste "usa la moto, il rapporto peso\potenza è fantastico".
Mi spiego?

Non che mi lamenti, già trovare persone disponibili è raro oggigiorno però... se non riesco a farvi capire cosa mi servirebbe vi faccio anche perdere tempo inutilmente a rispondermi.

Concludo il poema, sennò mi dilungo troppo:
vorrei sapere come si può fare qualcosa di esteticamente soddisfacente con il codice HTML e col CSS. Magari anche col JS. O con che altro ne so, non sono esperto
jesoloimpresa mi ha mandato un template che usava Jquery e devo dire che, a parte il fatto che non funzionava, era molto bello
Jquery magari fa al caso mio, ci sto studiando un pò. Però parto da sottozero...
In ogni caso da quel che ha detto jesoloimpresa ho recuperato un'idea che potrebbe andare, alla quale non sarei mai arrivato da solo. Mi basta questo, qualche lancio di idee che secondo voi sono fattibili. Non cerco chi mi posti un codice bell'è fatto, come ho visto che accade in altri forum: io non cerco la pappa fatta, solo un aiutino.

Grazie,
e grazie della pazienza se avete letto tutto il 'papiro'

jesoloimpresa

Ciao David
Il templare che ti ho mandato non è che non funziona e che non soddisfa i requisiti degli utenti Commodor 64.
Potresti fare così
Studia

david

Certo che studierò, non avevo bisogno che me lo dicessi tu.
E guarda che il template NON funziona: il 'search' non sercia proprio nulla! Prova. Su nessun browser, Chrome Explorer10 Firefox24 NON FUNZIONA la ricerca! Ergo quel codice ha delle falle ed essendo non manutenibile manualmente non si può correggere.
Studia pure tu.

Comunque, se non sei in grado di darmi consigli su quello che ho chiesto dillo... non c'è nulla di male.