Como Hacer Una Pagina Web
Páginas: 11 (2584 palabras)
Publicado: 10 de noviembre de 2012
PROYECTO CON HTML
1. Abre el correo de grupo descarga los archivos que les envíe en formato .jpg
2. Crea una carpeta que se llame proyecto final html y tu nombre
3. Dentro de la carpeta guarda todos los archivos .jpg
4. Abre el bloc de notas y guárdalo como pagina inicio.htm.
5. Abre otro bloc de notas y guárdalo como acerca de internet.htm
6. Abre otro bloc de notas yguárdalo como etiquetas de html.htm
7. Abre otro bloc de notas y guárdalo como practicas realizadas.htm
8. Abre otro bloc de notas y guárdalo como glosario de terminos.htm
9. Abre otro bloc de notas y guárdalo como referencias.htm
10. Abre con el bloc de notas el archivo pagina de inicio.htm, captura ahí lo siguiente:
<html>
<head>
<title>Practica final conhtml</title>
</head>
<body bgcolor="blue"link="red">
<marquee>
<img src="C:\Users\nancy\Desktop\PROYECTO CON HTML\LOGOTIPO DEL CUC.jpg"alt="logotipo CUC"/>
</marquee>
<hr width="100%">
<p align="center"><font size=7><font color="white">Centro Universitario Continental</font></p>
<p align="center"><fontsize=6><font color="white">Licenciatura en Derecho</font></p>
<p align="center"><font size=5><font color="white">Semestre: Tercero Grupo:Uno</font></p>
<p align="center"><font size=4><font color="white">Computacion III</font></p>
<p align="center"><font size=4><font color="white">Nombre delalumno</font></p>
<p align="center"><font size=4><font color="white">Docente: Lic. Comp. Adriana Katia López Hernández</font></p>
<hr width="100%"><br/>
<a href="inicio.htm"><center><img src="boton inicio.jpg"/></center></a><br/></td>
<a href="acerca de internet.htm"><br/><center><imgsrc="boton acerca de internet.jpg"/></center></a><br/>
<a href="etiquetas de html.htm"><br/><center><img src="boton etiquetas de html.jpg"/></center></a><br/>
<a href="practicas realizadas.htm"><br/><center><img src="boton practicas realizadas con html.jpg"/></center></a><br/>
<a href="glosariode terminos.htm"><br/><center><img src="boton glosario de terminos.jpg"/></center></a><br/>
<a href="referencias.htm"><br/><center><img src="boton referencias.jpg"/></center></a><br/>
</body>
</html>
Guárdala normal. Cuando lo visualices con internet Explorer deberá aparecer asi:
Y si mueves labarra de desplazamiento hacia abajo se verá así:
11. De la carpeta proyecto final html Abre la pagina acerca de internet.htm con el bloc de notas, ahí deberás elaborar la pagina utilizando las etiquetas que hasta el momento hemos visto y los apuntes que les di acerca de Internet, te dare un ejemplo:
<html>
<head>
<title>Acerca de Internet</title>
<body><h1>encabezado de prueba</h1>
<p>párrafos……. Todos los que quieran</p>
O si lo prefieren utilizar listas:
<lh>Caracteristicas de Internet</lh>
<ol type=”a”>
<li>Anomina
<li>Autoregulada
<li>Distribucion geografica
</ol>
12. Abre la página etiquetas de html.htm con el bloc de notas ahí deberás capturar las dos segundashojas que fotocopiaste, estas forman una tabla, con dos columnas la primera columna se llama etiqueta y la segunda se llama descripción, una tabla la insertamos con el siguiente código:
<table width="100%" border="2" cellpadding="2" cellspacing="2" bordercolor="white">
Esta linea de codigo inicia la tabla con borde doble 2 columnas y borde color blanco
<tr>
<th>NOMBRE DE...
1. Abre el correo de grupo descarga los archivos que les envíe en formato .jpg
2. Crea una carpeta que se llame proyecto final html y tu nombre
3. Dentro de la carpeta guarda todos los archivos .jpg
4. Abre el bloc de notas y guárdalo como pagina inicio.htm.
5. Abre otro bloc de notas y guárdalo como acerca de internet.htm
6. Abre otro bloc de notas yguárdalo como etiquetas de html.htm
7. Abre otro bloc de notas y guárdalo como practicas realizadas.htm
8. Abre otro bloc de notas y guárdalo como glosario de terminos.htm
9. Abre otro bloc de notas y guárdalo como referencias.htm
10. Abre con el bloc de notas el archivo pagina de inicio.htm, captura ahí lo siguiente:
<html>
<head>
<title>Practica final conhtml</title>
</head>
<body bgcolor="blue"link="red">
<marquee>
<img src="C:\Users\nancy\Desktop\PROYECTO CON HTML\LOGOTIPO DEL CUC.jpg"alt="logotipo CUC"/>
</marquee>
<hr width="100%">
<p align="center"><font size=7><font color="white">Centro Universitario Continental</font></p>
<p align="center"><fontsize=6><font color="white">Licenciatura en Derecho</font></p>
<p align="center"><font size=5><font color="white">Semestre: Tercero Grupo:Uno</font></p>
<p align="center"><font size=4><font color="white">Computacion III</font></p>
<p align="center"><font size=4><font color="white">Nombre delalumno</font></p>
<p align="center"><font size=4><font color="white">Docente: Lic. Comp. Adriana Katia López Hernández</font></p>
<hr width="100%"><br/>
<a href="inicio.htm"><center><img src="boton inicio.jpg"/></center></a><br/></td>
<a href="acerca de internet.htm"><br/><center><imgsrc="boton acerca de internet.jpg"/></center></a><br/>
<a href="etiquetas de html.htm"><br/><center><img src="boton etiquetas de html.jpg"/></center></a><br/>
<a href="practicas realizadas.htm"><br/><center><img src="boton practicas realizadas con html.jpg"/></center></a><br/>
<a href="glosariode terminos.htm"><br/><center><img src="boton glosario de terminos.jpg"/></center></a><br/>
<a href="referencias.htm"><br/><center><img src="boton referencias.jpg"/></center></a><br/>
</body>
</html>
Guárdala normal. Cuando lo visualices con internet Explorer deberá aparecer asi:
Y si mueves labarra de desplazamiento hacia abajo se verá así:
11. De la carpeta proyecto final html Abre la pagina acerca de internet.htm con el bloc de notas, ahí deberás elaborar la pagina utilizando las etiquetas que hasta el momento hemos visto y los apuntes que les di acerca de Internet, te dare un ejemplo:
<html>
<head>
<title>Acerca de Internet</title>
<body><h1>encabezado de prueba</h1>
<p>párrafos……. Todos los que quieran</p>
O si lo prefieren utilizar listas:
<lh>Caracteristicas de Internet</lh>
<ol type=”a”>
<li>Anomina
<li>Autoregulada
<li>Distribucion geografica
</ol>
12. Abre la página etiquetas de html.htm con el bloc de notas ahí deberás capturar las dos segundashojas que fotocopiaste, estas forman una tabla, con dos columnas la primera columna se llama etiqueta y la segunda se llama descripción, una tabla la insertamos con el siguiente código:
<table width="100%" border="2" cellpadding="2" cellspacing="2" bordercolor="white">
Esta linea de codigo inicia la tabla con borde doble 2 columnas y borde color blanco
<tr>
<th>NOMBRE DE...
Leer documento completo
Regístrate para leer el documento completo.