Unidad 1
Crear una pagina basica
<html>
<head>
<title>Inicio</title>
</head>
<body bgcolor="#99CC99">
</body>
</html>

Est...
Unidad dos
Insertar textos con diferentes propiedades

insertar texto con diferentes propiedades
debajo de la etiqueta bod...
Unidad 3
Insertar un hiperenlaces

aca añadiremos un enlace para esto el codigo correspondiente seria

<p align="center">
...
Unidad 4
Insertar una imagen
para agregar una imagen crearemos una carpeta llamada como nuestra empresa en este
caso “guay...
Unidad 5
Trabajar un tablas
tablas
aca lo que intentamos hacer es que las imágenes queden a un lado y la descripción a
otr...
Unidad 6
Crear un conjunto de marcos
Inserta la linea en blanco debajo de la etiqueta </head>
<frameset rows="*" cols="142...
Unidad 7
Insertar elementos de formularios
Busca la linea de <td>Campo de seleccion</td>
<select name="animal">
<option se...
Unidad 8
Insertar sonido de fondo
Insertar una linea en blanco debajo de la etiqueta <basefont>
Después escribimos este co...
Unidad 9
Modificar las propiedades de una capa
Añaade la pagina detrás de la etiqueta </table>

El siguiente codigo

<div ...
Unidad 10
Llamadas a javascript
Copia el siguiente codigo de lante de la etiqueta </head>:
<!-function MM_reloadPage(init)...
Unidad 11
Crear hoja de estilos
Inserta este codigo en el documento en blanco
body { background-color: #FFCC00; }
.mitexto...
Próxima SlideShare
Cargando en…5
×

Trabajo jose

156 visualizaciones

Publicado el

  • Sé el primero en comentar

  • Sé el primero en recomendar esto

Trabajo jose

  1. 1. Unidad 1 Crear una pagina basica <html> <head> <title>Inicio</title> </head> <body bgcolor="#99CC99"> </body> </html> Este seria el codigo base esto lo escribiriamos en el bloc de notas despues lo guardamos : seleccionandole donde queremos que este y añadiendole el .html para que se abra con el navegador
  2. 2. Unidad dos Insertar textos con diferentes propiedades insertar texto con diferentes propiedades debajo de la etiqueta body <basefont color="red" size="1 "> Esto lo que crearia seria un linea en blanco que separaria el titulo de el contenido después creariamos un texto dentro de la etiqueta <hr> y escribiríamos lo que queremos que aparezca arriba de la linea para agregar una descripción <ul> <li>Alimentar al gato con comida seca de buena calidad o darle algo duro para que lo mastique</li> <ul> <li>Preferiblemente que coma pienso</li> </ul> <li>Cepillarle los dientes una vez a la semana</li> <li>Que el veterinario examine la boca del gato por lo menos cada seis meses </li> </ul> Este seria el codigo solo modificamos el contenido y ya
  3. 3. Unidad 3 Insertar un hiperenlaces aca añadiremos un enlace para esto el codigo correspondiente seria <p align="center"> <a href="http://www.aulaclic.com" target="_blank"> <b> visita aulaClic </b> </a> </p> Esto nos agregaria un hiperenlace en nuestra pagina
  4. 4. Unidad 4 Insertar una imagen para agregar una imagen crearemos una carpeta llamada como nuestra empresa en este caso “guayos” dentro de esta crearemos una pagina llamada imágenes aca pegaremos una imagen que la renombraremos como imagen 1 para que la imagen aparezca en la pagina web agregamos el codigo : <img src="imagenes/imagen 1.jpg" width="200" height="80"> Width and height =ancho y alto Para que las imagenes se centren pegariamos este codigo <p align="center"> Atrás del codigo para las imágenes es decir <p align="center"><img src="imagenes/imagen 1.jpg" width="200" height="80">
  5. 5. Unidad 5 Trabajar un tablas tablas aca lo que intentamos hacer es que las imágenes queden a un lado y la descripción a otro el codigo para esto seria <br> <table width="100%" border="0"> <tr> <td width="70%"> Esto detrás de hr y </td> <td width="30%"> esto detrás de </ul> </td> </tr> </table> Escribimos delante de la etiquita </body> <table width="575" border="2" align="center" cellspacing="2" bordercolor="#00 0000" > Despues escribimos </table> Después escribimos 6 vecees <tr align="center" valign="middle">
  6. 6. Unidad 6 Crear un conjunto de marcos Inserta la linea en blanco debajo de la etiqueta </head> <frameset rows="*" cols="142,*" framespacing="0" frameborder="NO" border=" 0"> <frame src="menu.htm" name="marcoizquierdo" frameborder="no" scrolling=" NO" noresize> <frame src="inicio.htm" name="marcoderecho" frameborder="no"> </frameset> con la primera linea estaras creando dos marcos en la pagina se distribuiran en forma de columna (cols="142,*"). inserta una linea en blanco debajo de la etiqueta </frameset>, <noframes> <body bgcolor="#99CC99"> Esta p&aacute;gina tiene marcos, y tu navegador no los soporta </body> </noframes>
  7. 7. Unidad 7 Insertar elementos de formularios Busca la linea de <td>Campo de seleccion</td> <select name="animal"> <option selected>--- Elige opci&oacute;n ---</option> <option>Perro</option> <option>Gato</option> <option>Otros</option> </select> Inserte una line a de en blanco debajo de la linea <input name="restablecer" type="reset" value="Restablecer">, y escribe el siguiente codigo en ella <input name="enviar" type="submit" value="Enviar">
  8. 8. Unidad 8 Insertar sonido de fondo Insertar una linea en blanco debajo de la etiqueta <basefont> Después escribimos este codigo <bgsound src="varios/audioanimales.MID" loop="-1"> con este codigo estaras estableciendo el archivo audioanimales.MID sustituye la palablar inicio por el siguiente codigo <object classid="clsid:D27CDB6E-AE6D-11cf-96B8444553540000"codebase="http://download.macromedia.com/pub/shockwave/cab s/flash/swflash.cab#version=6,0,29,0" width="100" height="23"> <param name="movie" value="binicio.swf"> <param name="quality" value="high"> <embed src="binicio.swf" width="100" height="23" quality="high" pluginspage=" http://www.macromedia.com/go/getflashplayer"type="application/x-shockwaveflash" > </embed> </object> sustitulle la palabra guayos por el sieguiente codigo <object classid="clsid:D27CDB6E-AE6D-11cf-96B8444553540000"codebase="http://download.macromedia.com/pub/shockwave/cab s/flash/swflash.cab#version=6,0,29,0" width="100" height="23"> <param name="movie" value="bperros.swf"> <param name="quality" value="high"> <embed src="bperros.swf" width="100" height="23" quality="high" pluginspage= "http://www.macromedia.com/go/getflashplayer"type="application/x-shockwaveflash" > </embed> </object>
  9. 9. Unidad 9 Modificar las propiedades de una capa Añaade la pagina detrás de la etiqueta </table> El siguiente codigo <div id="gatosemana" style="position:absolute; width:320px; height:320px; zindex:1; left: 10px; top: 69px; background-color:#FFFF99;layer-backgroundcolor:#FFFF99;" > <p align="center">&nbsp;</p> <p align="center"><font size="4">Este es Golfo y es de Valencia</font></p> <p align="center"><img src="imagenes/gato1.gif" ></p> <p align="center"><a href="#"><font color="#000000" size="4">Cerrar</font></a> </p> </div> La capa se mostrara a distancia de margenes específicamente width y height
  10. 10. Unidad 10 Llamadas a javascript Copia el siguiente codigo de lante de la etiqueta </head>: <!-function MM_reloadPage(init) { //reloads the window if Nav4 resized if (init==true) with (navigator) {if ((appName=="Netscape")&&(parseInt(appVersion)==4)) { document.MM_pgW=innerWidth; document.MM_pgH=innerHeight; onresize=MM_reloadPage; }} else if (innerWidth!=document.MM_pgW || innerHeight!=document.MM_pgH) location.reload(); } MM_reloadPage(true); function MM_findObj(n, d) { //v4.01 var p,i,x; if(!d) d=document; if((p=n.indexOf("?"))>0&&parent.frames.length) { d=parent.frames[n.substring(p+1)].document; n=n.substring(0,p);} if(!(x=d[n])&&d.all) x=d.all[n]; for (i=0;!x&&i<d.forms.length;i++) x=d.forms[i][n]; for(i=0;!x&&d.layers&&i<d.layers.length;i++) x=MM_findObj(n,d.layers[i].document); if(!x && d.getElementById) x=d.getElementById(n); return x; } function MM_showHideLayers() { //v6.0 var i,p,v,obj,args=MM_showHideLayers.arguments; for (i=0; i<(args.length-2); i+=3) if ((obj=MM_findObj(args[i]))!=null) { v=args[i+2]; if (obj.style) { obj=obj.style; v=(v=='show')?'visible':(v=='hide')?'hidden':v; } obj.visibility=v; } } //--> </script> Después busca la linea <a href="#"><img src="imagenes/gatito.gif" alt="gatito" border="0"></a> y Ya
  11. 11. Unidad 11 Crear hoja de estilos Inserta este codigo en el documento en blanco body { background-color: #FFCC00; } .mitexto { text-transform: uppercase; color: #FF0000; } con este texto define el color del documento #FFCC00 ( Pagina wed: file:///C:/Users/estacion1/Desktop/HTML/guayos/index.htm

×