Cosa sono i CSS?**
CSS sta per Cascading Style Sheet, cioè Foglio di Stile a Cascata. Sono uno strumento di formattazione dei documenti per il web attraverso i quali è possibile manipolare e definire ogni aspetto della presentazione di una pagina.

Perchè usare i CSS?
Il primo vantaggio che introducono i CSS è quello di separare completamente contenuto e presenzione. Il secondo grande vantaggio è l' accessibilità: con i CSS si possono definire presentazioni differenti per ogni tipo di lettore, dai browser testuali agli smartphone.
Essendo il foglio di stile messo in cache dai browser, ed essendo per sua natura separato dal contenuto della pagina, si accorciano i tempi di caricamento. Per ultima cosa, ma non in ordine di importanza, facilitano il posizionamento nei motori di ricerca.

Dove posso imparare?
Esistono molte valide guide in rete:
http://css.html.it/guide/leggi/2/guida-css-di-base/
http://www.webmasterpoint.org/css/
http://www.risorse.net/css/
E per ogni tuo dubbio c'è la sezione CSS del Forum GT

**Regole, Sintassi e Proprietà

Che cos'è un selettore?**
Il selettore identifica a quali parti del documento Xhtml applicare determinate proprietà.
La sintassi generica è la seguente:

selettore {proprietà: valore;
       proprietà: valore;
       ...    } 
```**Quanti e quali tipi di selettori esistono?**
* selettori TAG
* selettore ID
* selettori di classe**
Cosa sono i selettori di TAG? Come posso fare in modo che tutti gli elementi di un certo tipo, abbiamo determinate proprietà?**
I selettori TAG usano come selettore, direttamente il nome del tag. In questo modo a tutte le istanze di quel tag all'interno del documeto Xhtml verranno applicate le proprietà definite.
* Esempio:```

p { color:#999; font-size:11px;    }  
``` In questo esempio il testo di tutti i paragrafi (<p>) saranno di colore grigioscuro (#999) e di dimensione 11px

**Cosa sono i selettori ID? ** 
I selettori ID servono per selezionare un particolare elemento all'interno di un documento Xhtml, identificato appunto, da un identificativo univoco, specificato nell'attributo id=&#8221;nomeId&#8221;.
Esempio:
nell'Xhtml:

<div id=”piedipagina”>
<h4>Infomazioni utili.</h4>
</div>

#piedipagina{ background-color:#CC0066;}

 
 **Posso avere due id con lo stesso nome?**
 No, l'id deve essere univoco all'interno del documento Xhtml;

 **Il nome dell'id può contenere sia lettere che numeri?**
 Il valore dell'attributo id può contenere lettere e numeri, ma non può cominciare per numero o contenere solo numeri.
 
 **Cosa sono i selettori di Classe?**
 I selettori di classe consentono di assegnare le stesse proprietà a uno o più elementi identificabili nel documento Xhtml dotati dell'attributo class=”nomeclasse”.
  Esempio:
 nell'Xhtml:

<p class=”pippo”>Questa</p>
<p>prova</p>
<p class=”pippo”>funziona!</p>

.pippo{ font-weight:bold;}

 
 **Quando mi conviene usare gli id? E quando le classi?**
Dipende! Potenzialmente è possibile utilizzare indistintamente l'uno o l'altro tipo di selettore, tuttavia ci sono delle restrizioni, dovute alle loro proprietà intrinseche. Ad esempio la frequenza nel documento Xhtml: mentre l'Id deve essere univoco (quindi un solo elemento può avere quell'identificativo), la classe può essere usata su più elementi diversi.

**I selettori possono essere combinati?**
 E' possibile combinare l'uso dei selettori, per raffinare i criteri di scelta dell'elemento Xhtml. Ad esempio poniamo il caso di avere due div che contengono rispettivamente un titolo e due paragrafi di testo.

<div id="primo">
<h2>Primo testo in (finto) latino </h2>
<p>Lorem ipsum dolor sit amet, consectetur adipisici elit, sed eiusmod tempor incidunt ut labore et dolore magna aliqua.</p>
<p>Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquid ex ea commodi consequat. </p>
</div>
<div id="secondo">
<h2>Secondo testo in (finto) latino </h2>
<p class=”importante”>Quis aute iure reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur.</p>
<p>Excepteur sint obcaecat cupiditat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum</p>
</div>

#primo p{ color:#FF0000;}

Posso utilizzare le stesse proprietà,  per due selettori diversi?**
Si! Se voglio attribuire le stesse proprietà a elementi che sono identificati da selettori differenti, è possibile farlo separando i selettori con una virgola:
 selettore1, selettore2 {    proprietà:valore; proprietà: valore} E' buona norma utilizzare questo tipo di scrittura, poiché scrittura presenta il vantaggio di rendere il codice facilmente modificabile.
 
 **Che cosa sono gli elementi block e in-line?**
 I tag contenuti nel body possono essere di due tipi: block o in-line. Genericamente il W3C identifica gli elementi in-line come elementi a livello di testo (possono contenere solo testo, o altri elementi in-line), mentre gli elementi block, possono contenere sia altri elementi block, sia diversi elementi in-line. 
Per default, i browser visualizzano gli elementi block con un'interlinea dall'elemento li precede. Per questo è facile immaginare gli elementi block come aree rettangolari, mentre gli elementi in-line assumeranno la forma del testo o dei blocchi che li contengono.
 
 **Che differenza c'è tra <span> e <div>?**
Div e span sono due tag che identificano due contenitori generici. Si differenziano fra loro, poiché il primo è un elemento in-line, il secondo è un elemento block.
 Esempio:

<div><p>Oggi splende il <span>sole</span>.</p></div>

Perché è importante sapere se un elemento è di tipo blocco, o di linea?**
Lavorando con i CSS è importante conoscere se il selettore a cui attribuiamo determinate proprietà si riferisca ad un elemento in-line o di tipo block. Questo poiché determinate proprietà sono esclusive degli elementi block, e se applicate ad elementi in-line, non hanno alcun effetto!
 Ad esempio in relazione al codice della domanda precedente(n.17):

span { border:1px solid red; height:150px;}

 
 **Un elemento in-line, può comportarsi come elemento block, o viceversa?**
 Attraverso la proprietà display, è possibile modificare la “natura” di un elemento da block a in-line o viceversa.

span{ dispay:block; height:150px;}

**Cos'è l'ereditarietà?**
L'ereditarietà è il meccanismo grazie al quale gli stile vengono applicati non solo ad uno specifico elemento, ma anche ai suoi figli. Se per esempio applichiamo un colore per il testo di un paragrafo, quel colore si applicherà anche per tutti gli elementi figli:
[html]<p style="color: green">Questo testo è verde. <strong>molto</strong> <em>verde</em></p>[/html]**

Tutte le propietà vengono ereditate?**
No. Alcune proprietà non trarrebbero vantaggio dall'essere ereditate. È il caso di **border**, **float**, etc.. Fate sempre riferimento alle specifiche w3c.

**Sviluppo, Testing & Debug

Perché la resa su Internet Explorer (specialmente la versione 6) è diversa da Mozilla?**
 Perché utilizzano diversi modi di visualizzazione dell'xhtml e delle loro proprietà e in generale Internet Explorer non implementa ancora tutti gli standard.
 
**Su quali browser è necessario controllare la resa del foglio di stile in fase di sviluppo?**
In linea teorica, il sito dovrebbe vedersi correttamente su TUTTI i browser. In realtà possiamo ridurre il campo di osservazione, testando le pagine su un numero ristretto di prodotti e, ragionevolmente, pensare che per induzione funzionino anche sugli altri prodotti simili. Ecco la lista dei browser che non devono mancare.
* **Ms Internet explorer 6**:     è la vera bestia nera del web designer. E&#8217; ancora molto     diffuso, ed è condizione **NECESSARIA **testarvi     i vostri lavori.
* **Ms Internet explorer 7**:     è il nuovo nato di casa Ms. Non è ancora diffuso, ma     sta lentamente sostituendo il precedente.
* **Mozzilla Firefox**: è il browser più diffuso della famiglia Mozzilla, è multi piattaforma (win, linux e mac) e offre una vasta gamma di componenti aggiuntivi molti dei quali studiati appositamente per lo sviluppo web.Per i perfezionisti anche;
* **Safari **(per mac, in beta anche una versione per Wind.): se il sito si vede in maniera corretta Firefox per mac, le probabilità che funzioni nella stessa maniera anche su safari sono buone.
* **Opera** (win, linux e mac)**
E' davvero importante controllare la resa su browser diversi da IE, infondo è il più diffuso!?!**
Si, è davvero importante. Sia per una questione &#8220;etica&#8221; sull'accessibilità e fruibilità dei contenuti da parte di tutti i possibili utenti, sia per una questione di professionalità.
 
**  Non dispongo di una macchina Windows, come posso testare il sito su IE?**
Si. Esistono diversi servizi on-line che danno la possibilità di avere degli screenshot del sito da parte di diverse versione di browser. Ne è un esempio il Total Validator che fornisce il servizio screenshot, oltre alla validazione delle pagine.
 http://www.totalvalidator.com/validator/ValidatorForm
 
**Come posso collegare un foglio di stile valido solo per IE?**
E' possibile specificare un foglio di stile, le cui proprietà siano applicate agli elementi della pagina, solo nel momento in cui l'utente utilizza il browser Internet Explorer.
 Basta aggiungere nell'head dell'html il seguente codice:

<!--[if IE 6]>
<style type="text/css" media="screen">@import "ie6.css";</style>
<![endif]-->
<!--[if IE 7]>
<style type="text/css" media="screen">@import "ie7.css";</style>
<![endif]-->

 

 **Ci sono dei plugin per browser, utili in fase di sviluppo di fogli di stile?**
Si. Ad esempio Firefox mette a disposizione una vasta gamma di addOn, validatori, visualizzatori per IE e molti altri. Fra le più utili per lo sviluppo web:
* Web Developer Tool che permette di     agire direttamente sulla visualizzazione dello stile;
* CSS Validator: consente la     convalida del foglio di stile, secondo le regole del W3C.
* IE view: permette di visualizzare     una pagina con IE, dentro Mozilla Firefox**Note**

Hanno contribuito a queste FAQ: **[Meryk](http://www.giorgiotave.it/forum/members/meryk.html)**, **[Laburno](http://www.giorgiotave.it/forum/members/laburno.html)**.
Ultima revisione: **10/09/2007**

Hai trovato un errore? Vuoi proporci una FAQ o vuoi scriverne una tu? Contatta i moderatori: **il contributo di tutti è sempre benvenuto.**

Cancellazione tramite script PHP*
Nella nostra pagina PHP andremo per prima cosa ad inserire i nostri dati di connessione al Database Server e quindi i comandi relativi alla cancellazione del Database:
[LEFT][PHP]<?php
$connection = @mysql_connect($db_host,$db_user,$db_pass) or die ("Connessione al server non stabilita");
$sql = "DROP DATABASE nuovo_database ";
$query = @mysql_query($sql) or die (mysql_error());
@mysql_close($connection);
?>[/PHP][/LEFT]

Ci basterà richiamare la presente pagina dal browser per poter eliminare definitivamente il nostro Database.
*molti hosting, per motivi di sicurezza, non permettono la creazione/cancellazione/modifica di Database o tabella tramite comandi esterni o script.

Tramite input box SQL del phpMyAdmin
Una volta effettuato l'accesso al nostro phpMyAdmin abbiamo la possibilità (in qualunque posizione del Database Server ci troviamo) di immettere direttamente la nostra istruzione SQL di cancellazione del Database nella input box prevista dal programma.
Basterà cliccare sulla linguetta SQL

per far apparire la nostra textarea dove andremo ad inserire la nostra istruzione SQL:

Limitandoci infine a cliccare su "Esegui" il phpMyAdmin ci chiederà conferma dell'operazione e quindi cancellerà il nostro nuovo_database.

Tramite utilizzo procedura guidata del phpMyAdmin
Accediamo al nostro phpMyAdmin e selezioniamo il Database che vogliamo eliminare:

A questo punto basterà cliccare sulla linguetta "Elimina":

per poter procedere alla cancellazione del Database.

N.B. La cancellazione di un Database implica anche la cancellazione di tutte le tabelle in esso contenute.

Non vengono visualizzate le immagini e di conseguenza non si capisce se la navigazione funziona ed allo stesso tempo dovrebbe esserci un elenco lincato a destra che permette di saltare da un ambiene ad un atro anche se non collegati fra loro tramite le frecce di navigazione/percorso virtuale.

Download codice da verficare/correggere

@francy25 1. si studia algoritmi e la logica di sviluppo. Alla fine si "somigliano"per tipologia di linguaggio

Grazie mille del consiglio!!

Ho un quesito da porre in merito: Dato che vedo sviluppare di tutto ( software, app, siti, script per tracciare ecc) esiste un modo per imparare a sviluppare cose senza imparare codice a memoria?

Sappiamo tutti che quasi sempre quando si sviluppa un prodotto integriamo più linguaggi differenti a seconda della logica e dell’ utilizzo.

Lavorando mi capita spesso di interfacciarmi con sviluppatori per questioni strettamente commerciali, quando c è una nuova richiesta la domanda che viene posta allo sviluppatore è sempre la solita..

Tu sviluppi in + nome linguaggio

La risposta è la seguente: Non conosco il linguaggio ma
conosco le logiche quindi dovrebbe essere fattibile

A questo punto mi chiedo, gli sviluppatori non conoscono linguaggi e sintassi a memoria e quando sviluppano passano moltissimo tempo a consultare la documentazione?

Sicuramente il tempo di risposta del server (intendi questo, giusto?) è UN segnale di qualità (uno tra tanti, certo) e anche solo un segnale potrebbe spostare il sito fuori dal classificatore che fa sì che il tuo sito sia dentro o fuori News/Discover.

Ora, il cliente mi dice che vuole mantenere il posizionamento, ma vuole che a essere posizionata per le medesime keyword sia non solo la pagina X, ma anche la pagina Y.

Il mio dubbio è: ha senso iniziare a lavorare / ottimizzare la pagina Y per le medesime keyword della X già posizionata? Posso riuscire a posizionare entrambe, oppure è più probabile che vadi a fare concorrenza alla mia pagina già posizionata? Qualcuno si è mai trovato a lavorare con questo tipo di obiettivo e quali strategia ha adottato o cosa fareste?

Grazie in anticipo

//questi sono i valori passati da form
//$immagine = $_FILES['immagine']['type'];

//questi sono i valori passati da form
//$file =$_FILES['immagine']['name'];

//questa e la ver. modificata del passag dei dati da form, inteoria se il form non passa dati esegue else

$immagine_ = $FILES['immagine']['type'];
$file =$FILES['immagine']['name'];
$direc ="../../images/noimage.png";
if ( !empty ($immagine)) {$type = $immagine_;}
elseif (empty ($immagine_))
{
$type = $direc;
}

if ( !empty ($file_))
{
$file = $file_;
}
elseif (empty ($file_))
{
$file = $direc;
}

$type = array("image/gif","image/x-png", "image/png","image/pjpeg","image/jpeg", "image/jpg");
if(!in_array($_FILES['immagine']['type'],$type))
{
die("Il file non è di un tipo consentito, sono ammessi solo i seguenti: " . implode("," , $type) . ".");
}

$dir ="../../images/staff/foto/";
$timestamp = time();
$urlimmagine = $dir.time() .'-'. $file;
copy($_FILES['immagine']['tmp_name'], $urlimmagine);
$destination_path = '../../images/staff/thumb/'.time() .'-'. $file;
$sImgInfo = getimagesize($urlimmagine);
$max_width = "800";
$max_height = "800";
$sMaxWidth = $sImgInfo[0];
$sMaxHeight = $sImgInfo[1];
if ($sMaxWidth > $max_width || $sMaxHeight > $max_height) {
die ("Errore: La Foto ha Dimisioni Maggiori di 800x800 " .mysql_error());
exit; }
list () = thummain ($type, $file, $destination_path, $sMaxWidth, $sMaxHeight, $sImgInfo, $urlimmagine);
function thummain( $type, $file, $destination_path, $sMaxWidth, $sMaxHeight, $sImgInfo, $urlimmagine)
{
switch($sImgInfo[2])
{
case 1: $sType = IMG_GIF; break;
case 2: $sType = IMG_JPG; break;
case 3: $sType = IMG_PNG; break;
case 4: $sType = IMG_WBMP; break;
default: return $urlimmagine; break;
}
switch($sType)
{
case IMG_GIF:
if (!function_exists('imagecreatefromgif')) return $urlimmagine;
$srcImage = imagecreatefromgif($urlimmagine) or die ("Impossibile aprire l'immagine originale");
break;
case IMG_JPG:
if (!function_exists('imagecreatefromjpeg')) return $urlimmagine;
$srcImage = imagecreatefromjpeg($urlimmagine) or die ("Impossibile aprire l'immagine originale");
break;
case IMG_PNG:
if (!function_exists('imagecreatefrompng')) return $urlimmagine;
$srcImage = imagecreatefrompng($urlimmagine) or die ("Impossibile aprire l'immagine originale");
break;
case IMG_WBMP:
if (!function_exists('imagecreatefromwbmp')) return $urlimmagine;
$srcImage = imagecreatefromwbmp($urlimmagine) or die ("Impossibile aprire l'immagine originale");
break;
default: return $urlimmagine;
}
if($srcImage)
{
$srcWidth = $sImgInfo[0];
$srcHeight = $sImgInfo[1];

    $sNewWidth = 250; 
    $sNewHeight =  ($sNewWidth * $srcHeight) / $srcWidth;
    if (!function_exists("imagecreatetruecolor")) 
        $sDestImage = imagecreate($sNewWidth, $sNewHeight) or die("Impossibile creare la miniatura"); 
    else 
        $sDestImage = imagecreatetruecolor($sNewWidth, $sNewHeight); 
      
    imagecopyresized($sDestImage, $srcImage, 0, 0, 0, 0, $sNewWidth, $sNewHeight, $srcWidth, $srcHeight); 
    switch($sType) 
    { 
        case IMG_GIF: imagegif($sDestImage, $destination_path); break; 
        case IMG_JPG: imagejpeg($sDestImage, $destination_path); break; 
        case IMG_PNG: imagepng($sDestImage, $destination_path); break; 
        case IMG_WBMP: imagewbmp($sDestImage, $destination_path); break; 
    } 
    imagedestroy($srcImage); 
    imagedestroy($sDestImage); 
    return $destination_path; 
} 

else 
{ 
    return $urlimmagine; 
} 

}
?>
[/php]

<script>
	
function getText() {
		
	var $a =	document.getElementById('text').value;
	
		xhr = new XMLHttpRequest();
		xhr.open('POST' , 'chatdb.php',true);
		xhr.setRequestHeader('content-type','application/x-www-form-urlencoded');
		xhr.send('chat='+$a);
		xhr.onreadystatechange=function(){
			if (xhr.responseText){
			//	document.getElementById('chatarea').innerHTML=xhr.responseText;
									}
				}
					}
		

function setText(){
	
	xhr = new XMLHttpRequest();
	xhr.open('POST' , 'chatFetch.php' , true);
	xhr.setRequestHeader('content-type','application/x-www-form-urlencoded');
	xhr.send();
	xhr.onreadystatechange = function(){
	//	alert(xhr.responseText);
			document.getElementById('chatarea').innerHTML = xhr.responseText;
			}
		
	}
	setInterval("setText()",2000);
	
	
setInterval("users()",3000);

	
	function users(){
	xhr1 = new XMLHttpRequest();
	xhr1.open('POST' , 'userFetch.php' , true);
	xhr1.setRequestHeader('content-type','application/x-www-form-urlencoded');
	xhr1.send();
	xhr1.onreadystatechange = function(){
	//	alert(xhr.responseText);
			document.getElementById('loginperson').innerHTML = xhr1.responseText;
			}
		
		
		}
		
		
</script>

<script> function f(){ const suono = new Audio("nomefile.mp3"); suono.play(); } </script>

buongiorno e grazie per la risposta meglio javascript

Ho implementato il mod rewrite per gli articoli, passando da un url dinamico ad un url statico in questo modo:

RewriteRule ^([^/]+)/([^/]+).htm /testo.php?Id=$1&nomefile=$2 

Tutto funziona bene, ma c'è un problema quando faccio un redirect 301 come questo:

Redirect 301 /11/pippo.htm /11/super-pippo.htm

ossia redirect 301 da https://www.sito.it/11/pippo.htm a https://www.sito.it/11/super-pippo.htm

Ebbene in questo caso si porta dietro anche le variabili ed ottengo questo link errato:
https://www.sito.it/11/super-pippo.htm?Id=11&nomefile=pippo
invece dovrebbe essere:
https://www.sito.it/11/super-pippo.htm

Sicuramente mi sfugge qualcosa al momento, se possibile attendo un vostro professionale supporto.

Grazie

Da come mi è stato detto, non hanno intenzione di installarla.

A questo punto vi chiedo: posso farlo io visto che senza questa estensione non posso passare alla versione PHP 8.1?

Intanto provo........poi vedremo
Grazie, grazie al momento