Da auto didatta a costruire un sito internet

falco.azzuro

Nuovo Utente
25 Gen 2013
14
0
0
salve a tutti sono nuovo sto provando ad imparare a costruire un sito internet , ho scaricato sul web un programma che si chiama KompoZer e come guida di rif... dati html al sito www.topmanga.it/web/costruire_sito.php il mio problema e ho inserito i codici html e ho salvato il lavoro quando provo a vedere il lavoro che o fatto nn mi si apre la pagina che o cercato di creare come devo fare???????
 

falco.azzuro

Nuovo Utente
25 Gen 2013
14
0
0
grazie

io ho scritto i comandi html poi vado su file vado su salva con nome come fale html xro quando riprovo ad aprire il lavoro salvato si apre la pagina xro con i dati html non mi appaiono la pagina con il testo creato , come codice non so cose ???
 

borgo italia

Super Moderatore
Membro dello Staff
SUPER MOD
MOD
4 Feb 2008
16.041
149
63
PR
www.borgo-italia.it
ciao
se su KompoZer (che tra l'altro non conosco) scrivi "ciao mondo" e salvi il lavoro pinco.html, quando col browser apri il file (o cercandolo con esplora risorse e doppio clik sul pinco.html)
vedrai una pagina bianca con scritto ciao mondo.
senza uscire dal bw e chiudere la pagina (io uso firefox) vai strumenti => sviluppo web => sorgente pagina
cliccando su sorgente pagina ti si apre un'altra pagina che ti mostra il codice html circa una cosa del genere (spesso su un'unica riga)

HTML:
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1">
<title>Documento senza titolo</title>
</head>
<body>
ciao mondo
</body>
</html>
quello è il codice html,

se vuoi farti un sito non affidarti solo a kompozer o chi per esso ti consiglio di guardare https://www.mrw.it/html/guide/guida-html/
 

falco.azzuro

Nuovo Utente
25 Gen 2013
14
0
0
grazie

il video su youtobe mi e stato di aiuto , da quello che o visto si usano poco i comandi html ma di piu il word , per usare html apparte il blocco note che programma mi consigli per prendere pratica?
 

borgo italia

Super Moderatore
Membro dello Staff
SUPER MOD
MOD
4 Feb 2008
16.041
149
63
PR
www.borgo-italia.it
ciao
io uso dreamviewer (ma costa) devo ritrovare una discussione in cui altri utenti davano dei consigli, appena la ritrovo posto
 

Jonn

Utente Attivo
29 Dic 2012
352
3
18
Pistoia
Ciao,
PREMESSA!:
non voglio striminzire le conoscenze di nessuno ne tantomeno voglio ridurre l'importanza di un linguaggio che oramai domina il web (HTML, sia esso scritto e/o generato con l'ausilio di più linguaggio o comunque diversi o meno).





Prima di tutto ricordati delle semplici regole basilari:
DOCTYPE:
Il (o La, che dir si voglia) Doctype è quella parte del codice che specifica se il linguaggio, è scritto seguendo determinati standards, il riferimento per la scrittura di un/una doctype è sempre il W3C.
si può anche omettere ma poi il documento non sarebbe valido secondo gli standards del W3C (meglio se si).


Struttura base HTML:
HTML:
<html>
<head><!-- questa è l'intestazione, ci vanno gli stili CSS i codici javascript e altri collegamenti a documentiu che devono essere caricati prima della pagina stessa -->
<title>Nome pagina</title><!-- Qui ci va il nome della pagina, quello che vedi nelle schede, oppure nel nome della finestra del browser se quest'ultimo non utilizza le schede -->
</head>
<body>
Qui ci và il corpo della pagina, che comprende header, nav laterali contenuto pagina e footer
</body>
</html>

come puoi vedere nel codice (oltre ai commenti) ogni tag (codice riconoscibile dal browser tra simboli di minore < e maggiore >)
presenta lo stesso tag ripetuto con il simbolo "/" (slash) che indica la chiusura del contenuto del tag

ricorda il principio che qualunque tag che pretende il tag stesso di chiususa, non può essere chiuso prima che un qualunque tag al suo interno non sia chiuso (suona familiare vero?? XD).

L'importante non è ricordarsi i tag (quella è una cosa che a forza di scriverli, li memorizzi automaticamente piano piano), ma è ricordarsi che un qualunque tag che pretende la chiusura (</nometag>) va chiuso solo dopo che tutti i tag al suo interno sono chiusi e deve essere chiuso prima che un qualunque tag che lo contiene venga chiuso (è un gioco di parole ma è così).

Es.
HTML:
<tag1><tag2></tag2></tag1> <!-- è corretto! -->
<tag1><tag2></tag1></tag2> <!-- è una bestemmia! -->

L'errore più diffuso nelle problematiche HTML che fanno spesso in moltissimi (anche io ovviamente ahah) è quello di dimenticare la chiusura di qualche tag (</tag>).

Questo è il principio esistenziale per scrivere in HTML, dopo vengono altre regole come:
- Indentazione
- utilizzo o meno di tag in maiuscolo e/o in minuscolo

Ma sono cose secondarie a quella che ti ho scritto...
Se può esserti di aiuto morale, posso dirti che io con l'HTML ho imparato a fare un sito web in una notte (logicamente era uno schifo, però meglio di niente, qualunque cosa!) XD

Se avessi scritto qualche cassata, siete autorizzati a sbranarmi vivo, ahah.
Ciaooo
 
Ultima modifica:

borgo italia

Super Moderatore
Membro dello Staff
SUPER MOD
MOD
4 Feb 2008
16.041
149
63
PR
www.borgo-italia.it
ciao @jonn
non amo l'albionico (per me dovrebbe essere abolito) quindi spesso mi viene da scrivere come si legge
 
Ultima modifica:

Jonn

Utente Attivo
29 Dic 2012
352
3
18
Pistoia
Do la stessa risposta che ho dato in un precedente 3D:

Notepad :elvis:

ahah.

Comunque seriamente, per fare queste cose ci deve anche essere lo spirito della curiosità, il voler scoprire ed imparare, non la pretesa di avere tutto e subito, ti consiglio come ho fatto nell'altro post di utilizzare la struttura base che ti ho scritto, e poi farti venire delle idee per scrivere, modificare, aggiungere, togliere....:

HTML:
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1">
<title>Documento senza titolo</title>
</head>
<body>
ciao mondo
</body>
</html>

Ad esempio la prima domanda che potrebbe venire in mente per imparare è:
- Come inserisco una struttura che mi consenta di posizionare gli elementi nella pagina?
- - Fai uso delle DIV, cerca DIV su google e leggi cosa sono e a cosa servono.
- - Le div sono dei contenitori, ai quali si possono applicare tutte le caratteristiche che consentono il loro posizionamento, le dimensioni, la formattazione dei contenuti.....e hanno una diffusione capillare visto che vengono usati quasi solo quelli per fare gli "scheletri" delle pagine.
Quindi comincia con una struttura a DIV + CSS (che è quella più utilizzata, le tabelle evitale come la peste),
impara l'annidamento delle div (che poi alla fine è la stessa cosa dell'annidamento dei tag in HTML).

Gli editor sono un'ottima scelta per chi comincia ma comportano molto spesso anche l'aggiunta di codice inutile ai lavori che fai:
Io ti posso dire che utilizzo Dreamweaver come moltissimi altri, e che la versione che uso io è la Macromedia Studio MX (una tra le più vecchie in assoluto) e ti dico che è un ottimo programma per professionisti, è comodo soprattutto per la colorazione del codice che ti consente di individuare errori nei tag e nelle chiusure dei tag, ha anche una funzione tipo filezilla che ti consente di lavorare con i dati direttamente sul dominio, insomma, a dispetto di chi ne parla male, ti garantisco che è un programma non ottimo, di più! l'unica pecca è che costa molto, io infatti ho comprato la licenza della versione MX che l'ho pagata veramente poco (qualcosa tipo 50€ su ebay) perchè appunto è una versione vecchia, ma se lo sai sfruttare basta e avanza e di certo non te ne pentirai, garantito!

Oltre a DREAMWEAVER c'è l'alternativa che sarebbe APTANA, un programma totalmente opensource, l'unico neo è che non c'è in italiano (almeno quando lo usavo io) e che a livello gestionale e semplicità nei menù non è il massimo per chi è alle primissime armi.

Ho usato anche altri programmi tipo NVU, notepad++... ma se posso darti una mia idea, a confronto con Aptana e Dreamweaver non valgono nulla.

Buona permanenza sul forum, Ciau ^^
 

WpStyle

Utente Attivo
25 Gen 2004
611
0
16
Pistoia
www.animalfestival.net
@02Jonn: uso anch'io Dreamweaver e direi che a parte il costo lo metto al primo posto nella classifica dei software di sviluppo web.
Con Linux invece uso Bluefish un software open source molto interessante che come Dreamweaver visualizza il codice con colorazioni diverse e dispone anche dei suggerimenti in fase di inserimento marcatori.

Quello invece che non capisco è l'insistenza nei consigli sull'uso di notepad che altro non fa che allungare i tempi di sviluppo di un progetto, se poi lo usa un newbie senza tanta esperienza nei vari linguaggi...

Sembra quasi un vanto dire "ho sviluppato tutto con l'ausilio del notepad cavoli hai visto che bravo che sono" ...usereste notepad per sviluppare per esempio un e-commerce? Credo proprio di no. Spero di non averti offeso @02Jonn ma mi piace dire quello che penso nel pieno rispetto delle opinioni altrui.

Ci sono diversi software che creano codice pulito, e non parlo di modalità WYSIWYG (per me potrebbero anche eliminarla) ma di editor testuali che facilitano e non di poco lo sviluppo.
Naturalmente prima di tutto viene la conoscenza dei linguaggi in primis HTML/CSS...non posso costruire una casa se non ho i mattoni.
 
Discussioni simili
Autore Titolo Forum Risposte Data
R Distribuire uno Script "Facebook Auto Post" PHP 0
R Auto-fill per formulari in e-commerce E-Commerce 1
trattorino Mentions Auto Suggesting da jquery a php PHP 2
bubino8 [PHP] Auto Riempimento Database PHP 0
bubino8 [PHP] Auto Submit form con dati PHP 7
D [WordPress] [PHP] Pulsante per auto riempire i campi in un modulo WordPress 1
S PHP: Aiuto con upload immagini che si auto tuotano PHP 24
G profilo utente + auto PHP 3
F Auto submit form jQuery 1
E Problemi auto increment con query Insert Into Select MySQL 2
G [RETRIBUITO] Inserzionisti forum auto 0,40€ a messaggio Offerte e Richieste di Lavoro e/o Collaborazione 2
B Auto-increment multicolonna oppure qualsiasi alternativa MySQL 1
Devil-94 auto completamento delle parole Javascript 1
I auto refresh invisibile PHP 1
T db mysql - chiave primaria auto-increment MySQL 1
U Blog su auto e moto ecologiche Presenta il tuo Sito 1
F Cos'e' l'auto-fattura? Leggi, Normative e Fisco 0
B Auto-aggiornamento DIV con php+ayax PHP 1
M chiave primaria con valore auto incrementante nella maschera Database 2
P galleria fotografica per parco auto Webdesign e Grafica 12
I Ricerca con auto compilazione nel database PHP 2
D [php/ios] Recuperare dati da targa auto PHP 0
Mauro Guardiani auto scroll Discussioni Varie 0
asevenx auto-incremento id che parte da valore sbagliato MySQL 3
catellostefano Auto adattamento HTML e CSS 0
L auto selezionamento del option PHP 2
Web Designer [SVENDO] Web Directory Annunci Auto Compravendita siti e domini 0
B editor web con auto-completamento codice Windows e Software 1
C Function auto completamento campo zipcode PHP 3
E Database Auto aggiornato PHP 0
D refresh del database in auto? PHP 8
L pagina del sito auto-aggiornabile CMS (Content Management System) 1
andreas88 info sito vendita auto Leggi, Normative e Fisco 1
max_400 Gioco di auto - Problema sovrapposizione clip - by max_400 Flash 0
S auto complete extender is not working in Web user Control ASP.NET 1
M Auto refresh pagina solo su FF PHP 4
S Auto Complete MooTools Classic ASP 2
L nuovo sito auto Presenta il tuo Sito 1
borgo italia overflow:auto HTML e CSS 2
I Auto-start webradio [Era: Problema con codice] Javascript 0
G GalleriAuto. Auto usate in vendita. Presenta il tuo Sito 0
G Quale CMS per negozio di ricambistica auto online? CMS (Content Management System) 6
L Auto-Occasioni.Com sito annunci auto Presenta il tuo Sito 0
for10days Sito di annunci gratuiti di Auto e Moto - www.for10days.it Presenta il tuo Sito 2
G Esiste estensione firefox per fare l'auto login? Windows e Software 0
P Problema auto-increment PHP 3
L [AJAX] PHP + JS Completamento auto. Javascript 0
M Mannino Auto s.r.l. - Vendita auto nuove e usate di tutte le marche - Aulla (MS) Presenta il tuo Sito 1
B Query and List, PhP Main Page Auto Listing of User Actio PHP 0
A margin-left: 0 auto; HTML e CSS 3

Discussioni simili