Blog come creare un sito web
l’html è un linguaggio di markup che viene utilizzato per la creazione di pagine web. Molto spesso infatti, l’html è lo scheletro di un sito web. La sua conoscenza è importante per poter comunicare le informazioni della nostra lingua in un linguaggio comprensibile per il browser. In questo modo possiamo fornire al PC indicazioni precise, per ottenere un risultato preciso. L’html è la lingua che viene principalmente usata nel web design. L'html non può stare solo, a bisogno del linguaggio css che li da la parte estetica. Inoltre per avere la parte server serve il linguaggio php che e la parte server. La maggior parte dei siti web li contiene.
CSS è ciò che viene chiamato style sheet language. In particolare, viene utilizzato per formattare i documenti che sono stati scritti utilizzando un linguaggio di markup... il più delle volte HTML.Quindi questo è il modo in cui l’HTML e il CSS lavorano insieme per costruire pagine web e siti: pensate a CSS come il capo, dicendo agli elementi HTML (le caselle di cui abbiamo discusso) quando, come e dove dovrebbero apparire nel layout della pagina web.Così, CSS potrebbe dire una particolare casella HTML di apparire sul lato sinistro del layout, con un certo colore di sfondo e spaziatura, forse con un bordo... e qualsiasi altra istruzione che si desideri.
<!doctype html><html lang="it"><head> <meta charset="utf-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <meta name="description" content="inserire la descrizione del sito web"> <link rel="stylesheet" href="css/style1.css"> <title>La mia prima pagina web</title></head><body> <div class="container" > <h1 class="titolo">titolo h1 </h1> <h2 class="sottotitolo">sottotitolo h2 </h2> <hr> <nav> <ul > <li > <a href="#">HOME</a> </li> <li > <a href="#">CONTATTA</a> </li> </ul> </nav> <div> <section class="section"> <hr> <div class="conta"> <h2> qua va inserito le vostre parti del sito </h2> <p>Lorem Ipsum è un testo segnaposto utilizzato nel settore della tipografia e della stampa. Lorem Ipsum è considerato il testo segnaposto standard sin dal sedicesimo secolo, quando un anonimo tipografo prese una cassetta di caratteri e li assemblò per preparare un testo campione. È sopravvissuto non solo a più di cinque secoli, ma anche al passaggio alla videoimpaginazione, pervenendoci sostanzialmente inalterato. Fu reso popolare, negli anni ’60, con la diffusione dei fogli di caratteri trasferibili “Letraset”, che contenevano passaggi del Lorem Ipsum, e più recentemente da software di impaginazione come Aldus PageMaker, che includeva versioni del Lorem Ipsum.></p> </div> </section> </div> </div> <footer class="footer"> <a href="#">va inserita la farte footer "la parte in fondo del sito </a> </footer></body></html>
Come l'HTML, anche il CSS non è un vero e proprio linguaggio di programmazione. Si tratta di un "linguaggio di stile", che consente cioé di applicare, selettivamente, uno stile agli elementi dei documenti HTML. Per esempio, per selezionare tutti gli elementi paragrafo di una pagina HTML e rendere rosso il testo che contengono, devi scrivere questo CSS:
html, body { height: 100%; }.container{ min-height: 100%; height: auto !important; height: 100%; margin: 0 auto -100px;}h1{color: red; font-size: 30px;}h2{color: darkmagenta; font-size: larger; font-family: Arial, Helvetica, sans-serif;}.section{position: absolute;margin-top: 5%;}ul { font-family: Verdana, sans-serif; font-size: 11px; margin: 0; padding: 0; list-style: none;} ul li { background-color: #FF831C; border-bottom: 5px solid #54BAE2; display: block; width: 150px; height: 30px; margin: 2px; float: left; /* elementi su singola riga */}ul li a { color: #fff; display: block; font-weight: bold; line-height: 30px; text-decoration: none; width: 150px; height: 30px; text-align: center;}ul li.active, ul li:hover { background-color: #54BAE2; border-bottom: 5px solid #FF831C;} .fotter { position: absolute; bottom: 0; left: 0; width: 100%;}