Gracias a todos por hacerme top post del dia en la categoria info!
Y en todas las categorias:
Gracias!!
1- Conociendo la Web: ayer y hoy
2- Como planificar y diseñar un sitio Web
3- Las decisiones esteticas
4- Claves sobre diseño Web para nuestro sitio
5-Herramientas para la puesta en marcha
1- Los primeros pasos
2- Codigos de programacion
3- Arquitectura de datos y bases de datos en la Web
4- Accesibilidad,navegabilidad y usabilidad
5- Requerimientos técnicos de los contenidos Web
Recuerda:este es un post largo... Explicativo... Si tienes dudas,me puedes decir a mi por mp... Y yo te intentare ayudar con gusto... No aprenderas en 1 hora a hacer una pagina Web... Seguramente,tardaras una semana... Yo te aconsejo... Leer una sola parte por dia... Para ir ENTENDIENDOLA... Actualmente,estoy diseñando una pagina... No voy a dar mas detalles... Pero si estas interesado y quieres ayudarme... Igual me puedes avisar por mp... Si quieres mas aportes como este... Pronto pondre otros tutoriales como la programacion de HTML,para que les sirva aun mas para diseñar su pagina web... Como dije,de todas formas,me envian mp y os ayudo!
Programas:no se necesita ningun programa... Aunque si quieres mejorar el diseño de tu pagina... Programas como PhotoShop (PERO ES DE PAGO) sirven perfectamente,pero si no,prueba con uno gratuito... Y GIMP y tambien PhotoScape... Si van a lo gratuito,agarren los 2... Para programacion Amaya y Kompozer
Estos son algunos codigos para poner en nuestra pagina,ademas de los ya expuestos
Construir tablas con HTML puede parecer, al principio, complicado, pero si no pierdes la calma y andas con ojo, en realidad es de lo más lógico: como todo en HTML.
Ejemplo 1:
se vera asi en nuestro navegador
<html>
<head><title>Ejemplo de tabla sencilla</title></head>
<body>
<h1>Listado de cursos</h1>
<table>
<tr>
<td><strong>Curso</strong></td>
<td><strong>Horas</strong></td>
<td><strong>Horario</strong></td>
</tr>
<tr>
<td>CSS</td>
<td>20</td>
<td>16:00 - 20:00</td>
</tr>
<tr>
<td>HTML</td>
<td>20</td>
<td>16:00 - 20:00</td>
</tr>
<tr>
<td>Dreamweaver</td>
<td>60</td>
<td>16:00 - 20:00</td>
</tr>
</table>
</body>
</html>
Si visualizamos esto en algun navegador,se veria asi
La etiqueta <table> encierra todas las filas y columnas de la tabla. Las etiquetas <tr> ( del inglés "table row" ) definen cada fila de la tabla y encierran todas las columnas. Por último, la etiqueta <td> ( del inglés "table data cell" ) define cada una de las columnas de las filas, aunque realmente HTML no define columnas sino celdas de datos.
Al definir una tabla, se debe pensar en primer lugar en las filas que la forman y a continuación en las columnas. El motivo es que HTML procesa primero las filas y por eso las etiquetas <tr> aparecen antes que las etiquetas <td>.
De todos los atributos disponibles para las celdas, los más utilizados son rowspan y colspan, que se emplean para construir tablas complejas como las que se ven más adelante. Entre los demás atributos, sólo se utiliza de forma habitual el atributo scope, sobre todo con las celdas de cabecera que se ven a continuación.
Normalmente, algunas de las celdas de la tabla se utilizan como cabecera de las demás celdas de la fila o de la columna. En este caso, HTML define la etiqueta <th> (del inglés "table header cell" ) para indicar que una celda es cabecera de otras celdas.
Los atributos de la etiqueta <th> son idénticos que los atributos definidos para la etiqueta <td>. En este caso, el atributo más utilizado es scope, que permite indicar si la celda es cabecera de la fila o de la columna (<th scope="row"> y <th scope="col"> respectivamente).
Por otra parte, HTML define la etiqueta <caption> para establecer la leyenda o título de una tabla. La etiqueta debe colocarse inmediatamente después de la etiqueta <table> y cada tabla sólo puede incluir una etiqueta <caption>.
esto ahora se veria asi
agregamos algunas imagenes al codigo
no los voy a matar con 12340123 tablas... Mas adelante,editare el post con mi propio codigo de mi pagina Web que voy creando,para que vean el transcurso de esta... Si quieren buscar codigos mas avanzados... Solo hace falta googlear y conseguiras lo querido... Si les gusta el post... Hare uno especificamente en esto...
<head><title>Ejemplo de tabla sencilla</title></head>
<body>
<h1>Listado de cursos</h1>
<table>
<tr>
<td><strong>Curso</strong></td>
<td><strong>Horas</strong></td>
<td><strong>Horario</strong></td>
</tr>
<tr>
<td>CSS</td>
<td>20</td>
<td>16:00 - 20:00</td>
</tr>
<tr>
<td>HTML</td>
<td>20</td>
<td>16:00 - 20:00</td>
</tr>
<tr>
<td>Dreamweaver</td>
<td>60</td>
<td>16:00 - 20:00</td>
</tr>
</table>
</body>
</html>
Si visualizamos esto en algun navegador,se veria asi
La etiqueta <table> encierra todas las filas y columnas de la tabla. Las etiquetas <tr> ( del inglés "table row" ) definen cada fila de la tabla y encierran todas las columnas. Por último, la etiqueta <td> ( del inglés "table data cell" ) define cada una de las columnas de las filas, aunque realmente HTML no define columnas sino celdas de datos.
Al definir una tabla, se debe pensar en primer lugar en las filas que la forman y a continuación en las columnas. El motivo es que HTML procesa primero las filas y por eso las etiquetas <tr> aparecen antes que las etiquetas <td>.
De todos los atributos disponibles para las celdas, los más utilizados son rowspan y colspan, que se emplean para construir tablas complejas como las que se ven más adelante. Entre los demás atributos, sólo se utiliza de forma habitual el atributo scope, sobre todo con las celdas de cabecera que se ven a continuación.
Normalmente, algunas de las celdas de la tabla se utilizan como cabecera de las demás celdas de la fila o de la columna. En este caso, HTML define la etiqueta <th> (del inglés "table header cell" ) para indicar que una celda es cabecera de otras celdas.
Los atributos de la etiqueta <th> son idénticos que los atributos definidos para la etiqueta <td>. En este caso, el atributo más utilizado es scope, que permite indicar si la celda es cabecera de la fila o de la columna (<th scope="row"> y <th scope="col"> respectivamente).
Por otra parte, HTML define la etiqueta <caption> para establecer la leyenda o título de una tabla. La etiqueta debe colocarse inmediatamente después de la etiqueta <table> y cada tabla sólo puede incluir una etiqueta <caption>.
esto ahora se veria asi
agregamos algunas imagenes al codigo
no los voy a matar con 12340123 tablas... Mas adelante,editare el post con mi propio codigo de mi pagina Web que voy creando,para que vean el transcurso de esta... Si quieren buscar codigos mas avanzados... Solo hace falta googlear y conseguiras lo querido... Si les gusta el post... Hare uno especificamente en esto...
Esta es la pagina PRINCIPAL de mi proyecto... Y falta editarla... Si necesitan ayuda en vuestro proyecto,me pueden enviar mp,que con gusto les respondo sus dudas y ayudo en su proyecto