- Mensajes
- 240
- Puntuación de reacción
- 0
Bueno como José impartirá un curso próximamente y sería interesante conocer algunas cosas previamente (aunque él, las vea rápido), es algo muy básico y con la última versión (que utilizara José) puede haber cambiado cosas.
Creo que esto os ayudara a situaros y que os resulte más fácil después.
Lenguaje básico o muy básico del código html:
Esto necesitara de unos estilos CSS: estos aran que automáticamente pongan un estilo (tipo letra del testo, tamaño…..) común a múltiples paginas de la web. Esto sirve para ahorrar tiempo y no tener que especificarlo todo en todas las páginas.
Como se vería el código html:
Espero que os sirva de algo.
Saludos.
Creo que esto os ayudara a situaros y que os resulte más fácil después.
Lenguaje básico o muy básico del código html:
- Etiqueta: todo aquello que va entre < y >
- / : Se utiliza para cerrar una etiqueta.
- Código de la web: siempre entre las etiquetas <html> y </html>
- Cabecera: <head> y </head>
- Cuerpo de la web: <body> y </body>
- Titulo de la pagina: <title> y </title>
- Descripción de la pagina: <meta name="Description" content="descripción de la página">
- Para configurar las tildes… : <meta charset="utf-8" />
- El contenido: se escribe entre <p> y </p>
- Negritas: <b> y </b>
- Cursivas: <i> y </i>
- Subrayado: <u> y </u>
- Comentarios: <!-- y -- > se pueden poner más guiones (haciéndose más visible en el código) pero mínimo 2 delante y dos detrás.
- Títulos dentro del texto: <h1> </h1> , <h2> </h2> … los estilos estarán en los estilos CSS, menor número más importante el titulo.
- Imágenes: <img ………..> no lleva etiqueta de cierre, los puntos suspensivos se cambian por las propiedades.
- Vínculos: <a ……….> </a>
- Saltos de línea: <br/>
- Para listas desordenadas: <ul> y </ul>
- Listas ordenadas con circulitos (puntos): <ul> <li> </li> <li> </li> …… </ul>
- Listas ordenadas numéricamente: <ol> <li> </li> <li> </li> ….. </ol>
- Palabras clave: <meta name="keywords" content="palabrauno, palabra2, par de palabras, palabra4......., palabra10" />
Esto necesitara de unos estilos CSS: estos aran que automáticamente pongan un estilo (tipo letra del testo, tamaño…..) común a múltiples paginas de la web. Esto sirve para ahorrar tiempo y no tener que especificarlo todo en todas las páginas.
Como se vería el código html:
Código:
<html>
<html lang="es">
<head>
<meta charset="utf-8" />
<title>Título de la web</title>
<!-- Insertar aquí mas Metatags-->
</head>
<body>
<a name="arriba"></a>
<img src="imagenes/logotipo.gif" alt="En ComoCrearTuWeb puedes aprender a diseñar páginas web" width="270px" height="80px" />
<h1>Menú de Contenidos</h1>
<a href="#titulouno" title="Ir al título uno">Ir al título uno</a>
<a href="#titulodos" title="Ir al título dos">Ir al título dos</a>
<a href="#titulotres" title="Ir al título tres">Ir al título tres</a>
<h2>Título Uno</h2>
<a name="titulouno"></a>
<p>Este es el <u>texto correspondiente</u> al título uno, aunque debería ser más largo para que se note el efecto.</p>
<p>Este es el texto correspondiente al título uno, aunque debería ser más largo para que se note el efecto.</p>
<p>Este es el texto correspondiente al título uno, aunque debería ser más largo para que se note el efecto.</p>
<h2>Título Dos</h2>
<a name="titulodos"></a>
<p>Este es el <i>texto correspondiente</i> al título dos, aunque debería ser más largo para que se note el efecto.</p>
<p>Este es el texto correspondiente al título dos, aunque debería ser más largo para que se note el efecto.</p>
<p>Este es el texto correspondiente al título dos, aunque debería ser más largo para que se note el efecto.</p>
<h2>Título Tres</h2>
<a name="titulotres"></a>
<p>Este es el <b>texto correspondiente</b> al título tres, aunque debería ser más largo para que se note el efecto.</p>
<p>Este es el texto correspondiente al título tres, aunque debería ser más largo para que se note el efecto.</p>
<p>Este es el texto correspondiente al título tres, aunque debería ser más largo para que se note el efecto.</p>
<a href="http://www.comocreartuweb.com" target="_blank" title="Todo sobre diseño de páginas web">ComoCrearTuWeb</a>
<p>Adios <b>Amigos</b>!</p><!-- Enlace tipo ancla hacia la parte superior -->
<a href="#arriba" title="Ir Arriba">Ir Arriba</a>
</body>
</html>
Espero que os sirva de algo.
Saludos.