Provare con HTML e CSS

8749michelep

Utente Attivo
9 Mar 2013
46
0
0
www.listecanali.com
Salve grandi esperti, visto che cerco di imparare il CSS e HTML non tutto ma per lo meno il necessario, avevo pensato di provare per capire il funzionamento e man mano capire i tag. Stavo pensando di scrivere da locale i file di testo con codice html per poi salvarlo come htm in modo da visionarlo sul web. Però ho anche una domanda se creò un'altro file per i css e collego a questo ultimo il mio file in html, dal browser vengono caricati anche i CSS?

Insomma vorrei qualcosa per provare sia il CSS che HTML e vedere di volta in volta il risultato. Avete qualche idea da suggerirmi?
 

criric

Super Moderatore
Membro dello Staff
SUPER MOD
MOD
21 Ago 2010
5.607
54
48
TN
Ciao, puoi crearti due file con il blocco note di windows e li puoi mettere in una cartella o direttamente sul desktop
uno avrà estensione .html e l'altro .css
pagina.html
HTML:
<!DOCTYPE html>
<html>
    <head>
        <title></title>
        <!-- con questa istruzione richiami il file che contiene il codice css -->
        <link rel="stylesheet" type="text/css" href="style.css"/>
    </head>
    <body>
        <div class='titolo'>
            Hello world!!
        </div>
    </body>
</html>
style.css
Codice:
html body {
    background-color: #E4E4E4;
}
div.titolo {
    text-align: center;
    font-family: "Trebuchet MS";
    font-size: 1.6em;
}
e segui qualche guida
https://www.mrw.it/css/guide/guida-css/
https://www.mrw.it/html/guide/guida-html/
 

8749michelep

Utente Attivo
9 Mar 2013
46
0
0
www.listecanali.com
Ciao, puoi crearti due file con il blocco note di windows e li puoi mettere in una cartella o direttamente sul desktop
uno avrà estensione .html e l'altro .css
pagina.html
HTML:
<!DOCTYPE html>
<html>
    <head>
        <title></title>
        <!-- con questa istruzione richiami il file che contiene il codice css -->
        <link rel="stylesheet" type="text/css" href="style.css"/>
    </head>
    <body>
        <div class='titolo'>
            Hello world!!
        </div>
    </body>
</html>
style.css
Codice:
html body {
    background-color: #E4E4E4;
}
div.titolo {
    text-align: center;
    font-family: "Trebuchet MS";
    font-size: 1.6em;
}
e segui qualche guida
https://www.mrw.it/css/guide/guida-css/
https://www.mrw.it/html/guide/guida-html/

Grazie per il consiglio. Le guide già mi sono state suggerite e lette, infatti volevo fare delle prove per capire.

Ho capito quando io scrivo tra i tag <head> di html il collegamento href nomefile.css, se ho ben capito mettendo solo il nome file senza il suo percorso vuoldire che il file deve appertenere alla stessa directory del file html?

Ancora una cosa scrivendo col blocco note di windows, lui ovviamente me li salve il txt, basta che cambio solo l'estensione in css?
 

criric

Super Moderatore
Membro dello Staff
SUPER MOD
MOD
21 Ago 2010
5.607
54
48
TN
il file deve appertenere alla stessa directory del file html?
esattamente
basta che cambio solo l'estensione in css?
Stai attento a non creare un file tipo style.css.txt
al massimo tasto destro del mouse e rinomina
per aprirlo invece tasto destro apri con blocco note

Per lavori piu complessi ti consiglio di cercarti un buon editor
 

8749michelep

Utente Attivo
9 Mar 2013
46
0
0
www.listecanali.com
esattamente

Stai attento a non creare un file tipo style.css.txt
al massimo tasto destro del mouse e rinomina
per aprirlo invece tasto destro apri con blocco note

Per lavori piu complessi ti consiglio di cercarti un buon editor

Ho capito non ti preoccupare io lavoro senza la spunta NASCONDI L'ESTENSIONE PER TIPI DI FILE CONOSCIUTI, quindi non c'è rischio di sbagliare :)

Ho anche gedit di linux, ma forse hai qualcosa da propormi per lavorare al meglio?
 

criric

Super Moderatore
Membro dello Staff
SUPER MOD
MOD
21 Ago 2010
5.607
54
48
TN
Io lavoro su windows e uso netbeans
credo che qualsiasi editor puo andare bene l'importante è trovarsi bene
ho iniziato sul blocco note
 

Jonn

Utente Attivo
29 Dic 2012
352
3
18
Pistoia
Quando hai imparato l'annidamento dei TAG e il funzionamento delle DIV praticamente hai imparato l'HTML, non è che sia chissà che cosa, io ho imparato in una nottata a fare la mia prima pagina html e poi con quella ci feci un sito di un negozio di giocattoli che ora però non c'è più.
Come programma io ti consiglio vivamente XAMPP.
 

8749michelep

Utente Attivo
9 Mar 2013
46
0
0
www.listecanali.com
Io lavoro su windows e uso netbeans
credo che qualsiasi editor puo andare bene l'importante è trovarsi bene
ho iniziato sul blocco note

Grazie allora per adesso faro delle prove con gedit che mi trovo meglio ho già fatto le prove per l'esempio che mi hai dato ed è andato bene.



Quando hai imparato l'annidamento dei TAG e il funzionamento delle DIV praticamente hai imparato l'HTML, non è che sia chissà che cosa, io ho imparato in una nottata a fare la mia prima pagina html e poi con quella ci feci un sito di un negozio di giocattoli che ora però non c'è più.
Come programma io ti consiglio vivamente XAMPP.

John avevo capito che sei una persona molto perspicace, ma devo iniziare da qualche parte e sono lieto di ricevere risposte per il mio percorso. Bene ho tante domande ma cominciamo dalla prime 2

1) Per quanto riguardo le div ecc si possono creare siti statici, e per quelli dinamici per il tuo negozio? E' possibile farlo solo con html? io so che serve il PHP, database e web server, in modo da richiedere il codice giusto al momento della richiesta dell'utente. Mi spieghi meglio?

2) Xampp non ricordo cosa sia so solo che serve per l'installazione per CMS tipo joomla o wordpress. Cosa ci faccio con Xampp? Mi dai delle dritte migliori?
 

Jonn

Utente Attivo
29 Dic 2012
352
3
18
Pistoia
Per quanto riguardo le div ecc si possono creare siti statici, e per quelli dinamici per il tuo negozio? E' possibile farlo solo con html? io so che serve il PHP, database e web server, in modo da richiedere il codice giusto al momento della richiesta dell'utente. Mi spieghi meglio?

No! con il solo HTML fai un sito vetrina e basta, cioè, come lo vedi e come rimane.

2) Xampp non ricordo cosa sia so solo che serve per l'installazione per CMS tipo joomla o wordpress. Cosa ci faccio con Xampp? Mi dai delle dritte migliori?

XAMPP è una suite di programmi per webserver che combinati tra loro ti consentono di "eseguire" un sito web in locale.
Il fatto che sia comodo per provare i CMS in locale è un esempio di utilizzo, ma XAMPP non è stato creato apposta per i CMS.

Comunque ti conviene leggerti una guida all'HTML, se hai già qualche nozione magari puoi omettere alcune parti dalla lettura, ma ti serve.
 

8749michelep

Utente Attivo
9 Mar 2013
46
0
0
www.listecanali.com
No! con il solo HTML fai un sito vetrina e basta, cioè, come lo vedi e come rimane.



XAMPP è una suite di programmi per webserver che combinati tra loro ti consentono di "eseguire" un sito web in locale.
Il fatto che sia comodo per provare i CMS in locale è un esempio di utilizzo, ma XAMPP non è stato creato apposta per i CMS.

Comunque ti conviene leggerti una guida all'HTML, se hai già qualche nozione magari puoi omettere alcune parti dalla lettura, ma ti serve.

Grazie per le risposte
 
Discussioni simili
Autore Titolo Forum Risposte Data
V Provare App con Eclipse php Sviluppo app per Android 8
Herzog provare cloud Cloud Computing e Cloud Server 1
P Provare un tutorial e funziona mentre nel video sembrerebbe di si PHP 30
Frank10 Esiste un software per provare tutti i browser? Windows e Software 1
A ANNO1777 - Rivoluzionario e da provare assolutamente Discussioni Varie 0
M Potente software GRATIS da provare. Altri Annunci 0
K provare un database asp Classic ASP 1
F come posso provare le mie pagine? HTML e CSS 1
B provare un hosting prima di acquistarlo Altri Annunci 0
F access ricerca record con apostrofo. MS Access 0
F Cerco Hosting con VECCHIE versioni di php Hosting 0
C Come ricreare questo calcolatore di prezzi a step con woocommerce? WordPress 0
C Segnalo barra laterale di navigazione ASSENTE con Chrome Comunicazioni dallo Staff 5
G Guadagna dalla Vendita di Articoli Sponsorizzati con GuestPostMax.com! Guadagnare col Sito 0
P Hosting multidominio con Plesk Hosting 0
L Soluzione con INNER JOIN Database 0
S passare un valore da un form a un file .php con metodo post PHP 4
A Redirect 301 genera url statico con variabili Web Server 0
T problemi con dati menu a tendina HTML e CSS 2
T Query con date MS Access 1
F Url dinamiche da cambiare con categoria, subcategoria e title PHP 2
L Aiuto con DataGridView Visual Basic 1
O problema con dvr dahua xvr5116 IP Cam e Videosorveglianza 0
G Problema con Xampp Web Server 1
M Aggiunta prodotti nel carrello con lo stesso in e varianti diverse PHP 0
andrea barletta Problema con miniature comandi Photoshop 0
I problema con alice Posta Elettronica 0
B Non riesco a trovare i cognomi con i caratteri speciali in Access (Microsoft 365) MS Access 0
N Problema con position absolute e overflow HTML e CSS 4
M Estrarre soltanto i prodotti con stessa descrizione PHP 10
felino [Wordpress] Gallery con foto selezionabili dall'utente WordPress 0
G Invio di più valori con la stessa checkbox PHP 4
csi Inviare file jpg in locale alla stampante con php PHP 0
otto9due Proteggere una cartella e file con password tramite .htaccess e .htpasswd Web Server 0
I Form con selettore HTML e CSS 0
G phpmailer e php 8.1 con estensione mysqli PHP 6
L Problema con inner join PHP 11
K [php] Problema con inner join PHP 4
N Vendo sito web di casino online con 1000 giochi Compravendita siti e domini 0
G form invio multiplo con checkbox PHP 12
L Query e selezione DB con $_POST PHP 2
K [PHP] Problema con variabili concatenate. PHP 1
R Dubbi su siti sviluppati con Wordpress e con codice WordPress 6
B Router e telecamere con pannello solare IP Cam e Videosorveglianza 0
Z Cerco ecommerce gratuito meglio se realizzato con Woocommerce di Wordpress. E-Commerce 0
S [CERCO] scambio di articoli con link Offerte e Richieste di scambio links 0
A Immagine decentrata con sfondo trasparente Photoshop 0
O problema con query PHP 4
Jensen Errore di sintassi con DELETE PHP 3
D Casella di testo con grassetto ecc... HTML e CSS 2

Discussioni simili