Creare siti internet Gratis

[LionHeart92]

Io usavo drupal e mi ci trovavo molto bene.
Riuscivo ad implementare senza alcun problema tutto ciò che volevo.

[Emerald]

Grazie a tutti, non so se esiste (molte delle cose che voglio io non esistono ) ma starei cercando un programma che funziona offline, per creare una home e le varie sottosezioni.
Scusate le troppe domande, ma con cosa posso creare gli sfondi oppure immagini come Questo?.
Potete consigliarmi quache programma?
Ps: Io e photoshop CS4 non andiamo molto daccordo.

[Rinoa Heartilly]

Beh, per creare uno sfondo come quello devi essere Namine XD
Visto che stiamo parlando di tuoi primissimi tentativi sia con il codice delle pagine (e quindi con layout e scriptini vari) sia con la grafica, ti consiglierei di puntare inizialmente su qualcosa di veramente modesto, per iniziare a capire i meccanismi basilari del tutto. D'altronde il Diary all'inizio era formato da pochissime pagine senza uno straccio di layout, e della grafica non ne parliamo :P

A questo proposito, mi è venuto in mente il nome dell'editor "visuale" o WYSIWYG ("What yoy see is what you get") di cui ti parlavo nella home, e che potresti iniziare ad usare in attesa di impratichirti col codice: anni fa aveva semplicemente il nome di "Mozilla Editor", poi è stato inserito all'interno di un "Pack" (con Firefox, Thunderbird, eccetera), adesso non so sotto che categoria sia ricompreso ma dovresti trovarlo cercando tra i Products del sito Mozilla. Come ti dicevo nella tagboard, un editor di questo tipo è un buon supporto quando si vuole iniziare a far pratica e non si ha un manuale/insegnante a disposizione: devi però partire dal presupposto di usarlo, appunto, per iniziare a comprendere gli script basilari, e non per creare direttamente pagine complicatissime e perfette (più avanti ti accorgerai infatti che a tal scopo un editor visuale è assolutamente inaffidabile).
In parole povere, è essenziale a tal fine che tu tenga su schermo SIA la finestra "visuale" di risultato SIA la finestra del codice: usando ad esempio il comando "Inserisci Immagine" noterai che l'editor scriverà qualcosa del tipo

Codice: Seleziona tutto

<img alt="TITOLO" src="INDIRIZZO-IMMAGINE"/>

mentre chiedendo di Inserire un Link avrai una cosa del genere

Codice: Seleziona tutto

<a href="INDIRIZZO-LINK">TESTI</a>

più vari parametri e sotto-parametri. Tenendo d'occhio come si comporta l'editor potresti iniziare a capire come funzionano i comandi essenziali e i relativi sotto-parametri; man mano inizierai a scriverli direttamente, senza l'intermediazione del lato "visuale", per avere il codice perfetto per le tue esigenze. Per il resto, se vuoi seguire la strada dell'autodidatta, usa tantissimo Google e non avere timore a chiedere in questo topic :)

[Emerald]

D'altronde il Diary all'inizio era formato da pochissime pagine senza uno straccio di layout, e della grafica non ne parliamo :P

Cominciare come un immagine che ho trovato su internet (che imageshark non mi fa caricare >.<) appena posso la Uppo non mi farebbe dispiacere ... è la pagina più vecchia che ho trovato del diary, con la grafica sono bravo solo nei fogli ^^" con Photoshop non riesco a capire dei comandi. anche se ho creato questa da crisis core unendo vari screenshot (i ricordi di zack nell OMD, Le fiamme di Sephiroth, I cristalli che esplodono dopo l' incontro con minerva e altre), si potrebbe utilizzare quell' immagine pe rmettere i collegamenti della Home (al centro) forum, news, etc all' interno delle immagini?
Rinoa, anche se è ancora in progettazione, ti piacerebbe essere mod o admin (non credo che abbia tempo per fare l' Admin, però se ti fa piacere...). oppure qualcuno che ha altre esperienze con i siti...

[Bash]

Bè, tanto per essere banali XD, per photoshop ti consiglio i tutorial di deviantart.
Una volta nel sito usa cerca e scrivi tutorial photoshop, dopo che ne hai seguiti un paio prenderai subito la mano.
Per l'editor ci sarebbe Expression Web 3 della suite expression della microsoft oppure dreamweaver della adobe.
Entrambi a pagamento però.
Quello a cui si riferisce Rinoa credo sia KompoZer o WYSWYG Web Builder 7.

Per un corso acceleratissimo di html, non è assolutamente difficile, ti consiglio i tutorial di html.it, però cerca di evitare quelli sull 'XHTML che sono un mare di menate ancora per niente.

Edit:
Per fare quello che hai detto con l'immagine hai diverse possibilità.
La più semplice è usare come immagine di sfondo di una tabella e far diventare le celle corrispondenti ai quadrati dell'immagine dei link.

[Emerald]

Edit:
Per fare quello che hai detto con l'immagine hai diverse possibilità.
La più semplice è usare come immagine di sfondo di una tabella e far diventare le celle corrispondenti ai quadrati dell'immagine dei link.

questo ho provato a farlo con word, e ci sono riuscito.. bisogna solo centrare bene... ma poi, rimangono le celle , basta semplicemente mettere il conotrno in tasparente?
Cmunque..

Per un corso acceleratissimo di html, non è assolutamente difficile, ti consiglio i tutorial di html.it, però cerca di evitare quelli sull 'XHTML che sono un mare di menate ancora per niente.

l' HTML serve solo per i codici? se si beh.. me la cavo perchè scrivo tutti i codici sempre a mano, tranne quotare testi di utenti.

Quello a cui si riferisce Rinoa credo sia KompoZer o WYSWYG Web Builder 7.

Questi servono per...?

[Bash]

Allora... ricordi di 3° XD.
HTML (Hyper Text Markup Language, credo di ricordare che l'acronimo fosse questo) è il codice per scrivere i testi come dicevi appunto tu.
Per esempio:
<html>
<head><title>mio sito</title></head>
<body>
<h1> Ciao mondo </h1>
<br>
sito di prova
</body>
</html>
Questo (da <html> a </html>) è il codice che disegna la pagina. Con l'html puro non si può fare moltissimo ma comunque vengono fuori bei siti. Se vuoi cose più "animate" devi usare css e javascrypt.

I due programmi invece sono degli editor visuali di html.
Visuali nel senso che non devi scrivere codice ma solo 'disegnare', come fosse paint o word e lui scrive automaticamente il codice della pagina.

Edit: si per far scomparire la tabella basta mettere o i bordi trasparenti o mettere dimensione 0 ai bordi.

[Emerald]

CI vuole qualche repertorio per saper usare Javascript e CSS? io ho fatto l' ECDL, ma non credo che c'entri molto...
se ho capito bene con quei programmi disegno (non ho capito in che senso) all' interno e mi crea la struttura della pagina?

[Bash]

Per usare css non serve nessuna conoscenza specifica, è solo un modo per ampliare la personalizzazione della pagina.
Per quanto riguarda javascript è consigliabile un minimo di programmazione.

Per gli altri 2 programmi, cerco di spiegarmi il più semplicemente possibile.
E' come se avessi davanti il foglio di powerpoin o di word, tu lo riempi come vuoi e il programma pensa da solo a scrivere il codice html corrispondente.
Per esempio se tu vuoi fare una scritta tipo il titolo, grande in grassetto, tu, proprio come in word, selezioni dai menù il grassetto e la dimensione 20 o 22 o quella che preferisci invece di scrivere tutto tra i tag <font size=20><strong> Titolo </strong></font>.
Ti mando uno screen di esempio.
http://img208.imageshack.us/img208/2977/immaginejad.png
Come puoi vedere, nella metà sotto io ho solo scritto 'Titolo' centrato in grassetto in dimensione 18(large).
La metà sopra è il codice corrispondente che bisognerebbe scrivere per ottenerlo in una pagina web.
Come puoi vedere il programma ha scritto automaticamente quella parte, io mi sono limitato a scrivere Titolo e basta.
Una volta finito io salvo il codice che vedi nella metà in alto in un file .html o .htm e lo carico su altervista e quello che ottengo è quello che vedo nella metà sotto.

[Emerald]

Si, ok fino a li ci sono, in teoria sarebbe una sorta di Firebug al contrario...
Scrivo normalmente e me lo traduce in HTML, perl la grafica? come faccio a mettere sfondo, reindirizzamenti etc?
come faccio a fare i link della pagina?

[Bash]

ci sono i bottoni apposta in giro, o anche tasto destro. Quei due non li ho mai usati io uso expression web quindi non ti so dire, ma di solito è tasto destro o in qualche menù.

[Emerald]

io uso expression web.

Ha le stesse funzionalità/proprietà di CSS?

[Bash]

O.O...
Ok, forse c'è qualche malinteso o forse ho dato un po di cose per scontato...

HTML è il linguaggio base per costruire lo scheletro della pagina.
CSS è un altro linguaggio che si scrive dentro l'HTML per migliorare l'aspetto grafico aggiungendoci delle particolarità.
Javascript è un linguaggio di programmazione che si scrive, diciamo anche lui dentro l'HTML, e che serve a fare controlli e animazioni ma è complesso per un profano.

Expression Web è un editor che usa in automatico tutti e 3 quei linguaggi mentre tu componi la pagina come fosse un documento di word, e quando hai finito lui ti ha scritto parallelamente la pagina corrispondente in quei 3 linguaggi da poter mettere sul web. In sostanze serve per poter fare le pagine complesse senza conoscere niente ne di HTML ne di CSS ne di Javascript perchè ci pensa lui a usarli.

[Emerald]

Expression Web è un editor che usa in automatico tutti e 3 quei linguaggi mentre tu componi la pagina come fosse un documento di word, e quando hai finito lui ti ha scritto parallelamente la pagina corrispondente in quei 3 linguaggi da poter mettere sul web. In sostanze serve per poter fare le pagine complesse senza conoscere niente ne di HTML ne di CSS ne di Javascript perchè ci pensa lui a usarli.

O.K. ora ho capito Express editor. però non ho ancora capito come mettere il link alla pagina, devo aver già creato un sito? poi, per la grafica? come faccio? non vorrei un sito come c'erano un po' di anni fa... solo scritto

[Bash]

Per mettere il link devi avere, innanzi tutto una pagina già esistente da linkare.
Poi cerca tra i menù ci deve essere inserisci link o collegamento ipertestuale e ti chiederà qual'è la destinazione del link.
Per la grafica affidati a photoshop e alla gran vecchia gestione a tabelle, ovvero la pagina la fai come una gigantesca tabella dove incastri menù e contenuti. così puoi dare sia uno sfondo generale che uno ad ogni singolo contenuto se ti va.

Se non dovessi trovare il bottone per il link puoi sempre agire direttamente da codice e scrivere:
<a href='percorso della pagina'> testo del link </a>
In questo modo è come scrivere nel forum url='percorso della pagina'] testo del link /url] (non ho messo le [ se no le considera come il tag XD).

Ad ogni modo ti consiglio di andarti a leggere questo: http://xhtml.html.it/guide/leggi/51/guida-html/
Giusto per capire qualcosa.

Edit:
Se vuoi rendere una pagina dinamica, ovvero vuoi permettere registrazione degli utenti, consentire l'invio di commenti ecc. li le cose si fanno molto complicate in quanto devi usare PHP che però è veramente complicato da usare se non hai basi di programmazione.
Se vuoi qualcosa che crei siti in modo "automatico" ma comunque personalizzabile prova con joomla o simili.
Joomla crea un sito con già tutto pronto. Registrazione, gestione databse, link delle pagine, inserimento post/commenti da parte di altri utenti, ecc.
Basta scegliere il template (aspetto fisico) che preferisci ed il gioco è fatto. Se sei capace puoi anche farti il tuo template personale da inserire, io non l'ho mai usato quindi non so esattamente come funziona ma so che molti lo hanno utilizzato e non me ne hanno parlato male...