Recomendados
Más contenido relacionado
Destacado
Similar a Html alyson orozco
Similar a Html alyson orozco (20)
Último
Último (20)
Html alyson orozco
- 1. HTML Manuela gallego Acevedo Alyson dahiana Orozco jaramillo Técnica en sistemas Yohany Ortiz Institución educativa Gonzalo Restrepo jaramillo
- 2. Definición:: hacereferenciaallenguajedemarcadoparalaelaboracióndepáginasweb.Esun estándarquesirvede referenciadelsoftwarequeconectaconlaelaboracióndepáginasweb ensusdiferentesversiones,defineunaestructura básicay un código(denominadocódigoHTML)paraladefinicióndecontenidodeunapáginaweb,comotexto, imágenes,videos,juegos,entreotros.EsunestándaracargodelWorldWideWeb Consortium(W3C)oConsorcio WWW, organizacióndedicadaalaestandarizacióndecasitodaslastecnologíasligadasalaweb,sobretodoenlo referenteasuescrituraeinterpretación.
- 3. 1.- MicrosoftVisualStudioExpressforWeb Estádisponibleenvariosidiomas(incluyendoel Español)ysuúnicalimitaciónesque sólofuncionabajoWindows.Es decir,quesi trabajasenMac oLinux no podrásutilizarlo.Porlodemáses unentornointegradodedesarrollo(IDE) espectacular.Aunque,aligualqueelanterior,esunaherramientatécnicaorientadaaprogramadoresyconmuchas otrasposibilidadesavanzadas,ofreceunsoporteestupendoparadiseñodepáginasWeb,coneditores avanzadosde HTML, CSSy JavaScript,capacidaddedepuración,ayudacontextualparatodosloslenguajes,validadoresdecódigo, validadoresdeaccesibilidad,visualizaciónrealdecómovana quedarlaspáginas,etc...Echarásdemenosmuypocas cosas(aunquealgunassí,sobretodosiusasSublime).Estotalmentegratuito. 2.- JetBrainsWebStorm
- 4. Esteessin dudaunodelosmejoreseditoresdecódigodelmercado,yno soloparaeltrinomioHTML/CSS/JavaScript.De hechosoportaotroslenguajescomoCoffeeScript,TypeScriptyNode.js,ymultituddelibreríasde JavaScript,sistemasde controldecódigo,testeounitario,etc....Esmuyespectacularlacapacidaddeeditaryverentiemporeallos cambiosen unCrome,inclusoenaplicacionesdetipoSPA/AJAX.Lalistadecaracterísticasestanlargaquemejorteenlazo ala mismaen supágina.Llevaun ratoaprendertodassusposibilidades,peromerecelapena. Esmultiplataforma.Noesgratuito,perosuprecio(solamente44€ parausoindividual)esunregaloparatodoloque ofrece.Muyrecomendable. 3.- SublimeText Un editordetextoavanzadoparaprogramadores,multiplataforma.Aunqueesbastanteespartanolociertoesquetodo el queinvierte tiempoenaprenderadominarloluegonoloquiere dejar,yaque aumentamucholaproductividadala horadeescribircódigo.No ofrecemuchasdelascaracterísticasdeayudaalprogramadorwebquesíofrecenlamayoría delos otrosentornos,porloqueesrecomendablesobretodosivamosatrabajarmucho directamenteconcódigo, especialmenteJavaScript.Lopodemosdescargaryutilizargratuitamente,perosilovamosausaramenudopara trabajarsuscreadoresnossolicitanquelespaguemosunalicencia(eslojusto).Éstatieneunpreciomuyrazonable.
- 5. Bloc denotas: esun editordetextosimpleincluidoen lossistemasoperativosdeMicrosoftdesde1985.Sufuncionalidad esmuy simple.Algunascaracterísticaspropiasson: InsercióndehorayfechaactualpulsandoF5,enformato"HH:MMDD/MM/AA". Insercióndehorayfechaactualsiel documentocomienzapor".LOG". Ajustedelínea. Posibilidaddeexportaracualquierformatodetextonoformateado(muyútilcomorecursodeemergenciapara programar)
- 6. Navegador:esunsoftware,aplicaciónoprogramaquepermiteelaccesoalaWeb, interpretandolainformaciónde distintostiposdearchivosysitiosweb paraqueestospuedanservisualizados. La funcionalidadbásicadeunnavegadorwebes permitirlavisualizacióndedocumentosdetexto, posiblementecon recursosmultimediaincrustados.Además,permitevisitarpáginaswebyhaceractividadesenella,es decir,enlazarun sitioconotro,imprimir,enviary recibircorreo,entreotrasfuncionalidadesmás. Los tiposdenavegadoresson: Internetexplore Googlechrome Mozilla firefox Opera Safari
- 7. COMANDOS HTML ..Descripción...... ..............INICIO.......... ..........F I N A L.......... Principo de Documento ..<html>... </html> Encabezado y Título <head><title>....(titulo del archivo).... </title></head> Color de Fondo de Página <body bgcolor="#RRVVAA"> ---- Imágen de Fondo <body background="XXX.gif (o jpg)"> ---- Imágen Individual <img src="YYY.gif (o jpg)"> ---- Imágen(Ancho*Alto) <img src=".." width="n" height="n"> ----- Espacio "libre" <img src=".." hspace="n"> ----- Color del Texto (parcial) <font color="#RRVVAA"> </font> Tamaño del Texto (parcial) <font size="n"> </font> Punto y a Parte <br> ----- Linea(s) en blanco <p> ----- "As you See" <pre> </pre> Linea Embebida <hr="n"> ----- Negrita*Cursiva*Subray <b> * <I> * <U> </b> * </I> * </U> Subíndice * Superíndice <sub> * <sup> </sub> * </sup> Centrado*Izquierda*Derecha <center>*<left>*<right> </center>*</left>*</right> Enlace "lejano" <a href="http://..."> ....</a> Enlace "ab.html" en tu PC <a href="ab.html"> ....</a> Enlace misma página <a href="#pepe"> ....</a> Localiz.anterior <a name="pepe"> ....</a> Enlace Correo <a herf="mailto: dir.mail..."> ...</a>
- 8. Arch.de Sonido <bgsound src="xx.wav"> (o .mid) ----- Desplazam. Marquesina <marquee>(texto) </marquee> NARANJADO Orange ROSADO pink VERDE Green AMARILLO yellow ROJO red AZUL blue CAFÉ coffee MORADO purple BLANCO White NEGRO Black PIEL skin PLATEADO silver DORADO golden Azul celestelightblue marrón Brown algerian arial cambria calibri arialblack aharoni centurygothic andalus book antiqua dotumche corbel cordiaupc ebrima gadugi
- 9. gisha