NeytorTec Tutoriales Web

Neytortec es un blog dedicado a brindar conocimientos Sobre las diferentes formas de crear un sitio web desde el aprendizaje de lenguajes web hasta su aplicación en el uso de un Blog.

Poner HTML a las Entradas en Blogger , es de cierta forma beneficioso, debido a que el editor de entradas que Blogger tiene no posee algu...

HTML en Blogger

Poner HTML a las Entradas en Blogger, es de cierta forma beneficioso, debido a que el editor de entradas que Blogger tiene no posee algunas herramientas, las cuales podríamos obtener aplicando un poco de HTML, como por ejemplo la creación de Tablas o formularios en una entrada y muchas otras cosas con las cuales el editor de Blogger no cuenta. Para buena noticia de los que usamos Blogger, poner HTML en nuestras entradas no es nada difícil lo único que tenemos que hacer es entrar al Editor de Entradas de neutro Blog y seleccionar la opción HTML la cual esta al costado de la opción Redactar:

0 comentarios:

CSS (Cascade Style Sheets, Hojas de estilo en Cascada) . Esta Tecnología pretende superar los inconvenientes que tiene el HTML . Por eje...

Estilos Css, Introduccion a Css

CSS (Cascade Style Sheets, Hojas de estilo en Cascada). Esta Tecnología pretende superar los inconvenientes que tiene el HTML. Por ejemplo en HTML es difícil de controlar exactamente el formato de las pagina Web. Mientras que, con CSS se pueden crear documentos que especifiquen claramente como deben actuar las etiquetas de HTML.

Con los estilos CSS se pueden evitar la excesiva utilización de tablas en las paginas. En su lugar no se indica en el código HTML el estilo del documento, sino que se indica lo que es cada elemento de la pagina. El Formato en el que se muestra cada objeto es lo que se define mediante CSS.

0 comentarios:

Añadir gadgets en Blogger, es de cierta forma una de las mejores formas de hacer que tu Blog no solo muestre contenido, sino también di...

Añadir Gadgets en Blogger

Añadir gadgets en Blogger, es de cierta forma una de las mejores formas de hacer que tu Blog no solo muestre contenido, sino también diversas Aplicaciones Dinámicas llamadas Gadgets, las cuales pueden ser de ayuda para que nuestro Blog sea mas atractivo, En Blogger podemos añadir gadgets que nos permitan compartir muchas cosas como: Vídeo, Imágenes, Noticias, Códigos HTML y hasta anuncios que nos pueden generar Ingresos, como lo son los anuncios de Adsense.


Una noticia excelente para los que usamos Blogger es que no es cosa del otro mundo agregar un gadget, es mas, es de cierta forma algo fácil y rápido.

0 comentarios:

Con HTML se puede crear un campo para cargar archivos,  en los cuales el usuario puede seleccionar un archivo de su sistema, como un doc...

Campos Para Cargar Archivos en HTML

Con HTML se puede crear un campo para cargar archivos, en los cuales el usuario puede seleccionar un archivo de su sistema, como un documento de texto, imágenes, vídeos, etc y cargarlos a un servidor. Un campo de archivo tiene la apariencia de un campo de texto pero ademas contienen un Botón, el usuario puede introducir la ruta del archivo que desea cargar manualmente  o buscarla mediante el botón, el cual normalmente lleva el nombre de Examinar. En esta Entrada ejecutaremos un ejemplo para tener una mejor comprensión.

Nuestro campo para cargar archivos sera creado en la etiqueta <input> en la cual añadiremos el atributo type="file", dicho atributo es el que permite obtener mencionado campo.

18 comentarios:

Muchos de los que espesamos con un Blog , siempre nos preguntamos ¿Que es lo que publicaremos en nuestro Blog? y ¿Como hacer que mi Bl...

¿Que Publicar y como Tener Éxito con mi Blog?

Muchos de los que espesamos con un Blog, siempre nos preguntamos ¿Que es lo que publicaremos en nuestro Blog? y ¿Como hacer que mi Blog tenga éxito?, quizás la respuesta a estas pregunta sean las mas importantes para que nuestro Blog tenga éxito o no. Si bien es cierto en el inmenso mundo de información de la Web, existen una cantidad incontable de temáticas que fueron o están siendo trabajadas por diversas personas del mundo, pero esa no es excusa para intimidarnos y dar marcha atrás con los planes que tenemos para nuestro Blog. Por eso a la hora de elegir el tema del que tratara nuestro Blog debe ser algo que nos interese a nosotros mismos y que sobre todo nos guste todo lo relacionado con esa temática. 

0 comentarios:

Los botones controlan las operaciones de los formularios . se utilizan los botones para enviar datos del formulario a un servidor o para ...

Botones de Formulario, Submit y Reset

Los botones controlan las operaciones de los formularios. se utilizan los botones para enviar datos del formulario a un servidor o para restablecer los valores del formulario. Estos botones normalmente son llamados Enviar y Restablecer. También se puede asignar otros procesos definidos por un script.

Ahora crearemos los botones, el botón de Enviar, la cual sera creada en la etiqueta <input> asignándolo el atributo type="submit",  el cual permite enviar los datos del formulario al momento de hacer clic en el botón,  los datos se enviaran a la dirección seleccionada en el atributo action del formulario; el botón de Restablecer el cual también sera creado en la etiqueta <input> y a este se le asignara el atributo type="reset", el cual permite que se borre el contenido del formulario al hacer clic en el boton.


1 comentarios:

Una de las cosas mas difíciles por así decirlo, a la hora de crear un Blog en blogspot, es darle la forma que mas se adecue a nuestro estil...

Personalizar la Plantilla de mi Blog

Una de las cosas mas difíciles por así decirlo, a la hora de crear un Blog en blogspot, es darle la forma que mas se adecue a nuestro estilo o al rubro que tendrá nuestro Blog, para buena noticia de los que usamos Blogger, este posee muchas opciones con diversas herramientas que nos permitirán dar vida al Blog, por eso la opción de personalizar, es una de las mas útiles a la hora de dar forma y estilo a nuestro Blog.

0 comentarios:

Un menú de  formulario HTML  permite a un visitante seleccionar uno o mas elementos de una lista. Los menús son útiles cuando se dispone ...

Menús de Formularios en HTML

Menus de formulario
Un menú de formulario HTML permite a un visitante seleccionar uno o mas elementos de una lista. Los menús son útiles cuando se dispone de una cantidad de espacio limitada pero se necesita mostrar muchos elementos. También son útiles cuando se desean controlar los valor devueltos al servidor.A diferencia de los campos de texto, en los que el usuario puede escribir todo lo que desea, incluso datos no validos, en los menús se establecen los valores exactos, que se deben enviar al servidor.


1 comentarios:

Algo que muchas veces hace atractivo visualmente a una entrada en Blogger , son sin duda las imágenes y ni que decir de los vídeos que mu...

Insertar Imágenes y Videos en Blogger

Algo que muchas veces hace atractivo visualmente a una entrada en Blogger, son sin duda las imágenes y ni que decir de los vídeos que muchas veces son una gran ayuda a la hora de querer transmitir información o enseñar algo de una manera visual y para buena hora Blogger nos permite insertar imágenes y vídeos en nuestras publicaciones de manera fácil sin necesidad de saber ningún Código HTML o otro lenguaje web. 

0 comentarios:

Los botones de Opciones, a diferencia de las casillas de verificación  las cuales permiten seleccionar mas de una opción a la ves, este o...

Botones de Opciones en HTML

Los botones de Opciones, a diferencia de las casillas de verificación las cuales permiten seleccionar mas de una opción a la ves, este objeto de los formularios solo  permiten marcar  una opción  de las lista de opciones que se muestran, esto podría ser útil a la hora de llenar formularios que tengan datos generales para todos pero a la ves  solo uno de estos datos  puede pertenecer a cada usuario o persona. por ejemplo, a la hora de marcar: el sexo, el signo, etc.

Así de forma general el código para crear Botones de opción seria :

<input type="radio">


4 comentarios:

Quizás para muchos crear una entrada en Blogger ya es una cosa que se puede hacer de cierta manera hasta con los ojos cerrados, per...

Crear una entrada en Blogger


Quizás para muchos crear una entrada en Blogger ya es una cosa que se puede hacer de cierta manera hasta con los ojos cerrados, pero para otros que recién se sumergen en el mundo del Blogging puede ser de cierta forma tedioso, al no conocer las diferentes herramientas con las que cuenta Blogger para que nuestra entrada pueda ser creada de manera fácil y sencilla pero con un gran atractivo.

2 comentarios:

Las casillas de verificación en HTML permiten a los usuarios seleccionar de un listado de opciones, una o mas de las opciones de la lista...

Casillas de Verificación en HTML

Las casillas de verificación en HTML permiten a los usuarios seleccionar de un listado de opciones, una o mas de las opciones de la lista. Estas pueden ser una buena herramienta para formularios que tienen como finalidad recaudar diversos tipos de datos de una persona, así como también para la selección de diversas respuestas según venga el caso.

En esta publicación nos centraremos en la creación de las casillas de verificación de manera fácil y concreta.
Como ya vimos en diversas entradas sobre objetos de los formularios, al igual que muchos de esos objetos las casillas de verificación también son creadas a base de la etiqueta <input>.

5 comentarios:

Empezar a usar un Blog , es de cierta forma una manera de enlazarnos con el resto del mundo debido a que el uso de esta herramienta nos f...

Empezando con Blogger

Empezar a usar un Blog, es de cierta forma una manera de enlazarnos con el resto del mundo debido a que el uso de esta herramienta nos facilita poder publicar información organizada ,que puede contener texto, imágenes,  vídeos,  etc. En la web existen una gran variedad de empresas que ofrecen el servicio de Blogs otros con un costo y otros de manera gratuita. La empresa Google  brinda este servicio de manera gratuita y sobre todo es uno de los mas usados a nivel mundial, su herramienta Blogger nos permite alojar nuestro Blog bajo el dominio .blogspot.com.

0 comentarios:

En muchos casos al llenar formularios es notable dejar comentarios o textos de varias lineas, y debido a que son textos de varias lineas...

Áreas de Texto con HTML

Campos de texto
En muchos casos al llenar formularios es notable dejar comentarios o textos de varias lineas, y debido a que son textos de varias lineas un campo de texto no es muy estético a la hora de cubrir este característica,  por eso en HTML para lograr colocar textos diversos existe un objeto denominado comúnmente área de texto o caja de texto. En este campo podemos ingresar textos en varias formas de una manear libre, donde incluso podemos agregar saltos de linea.

Las etiquetas que nos permitirán crear nuestra caja de textos son las siguientes : <textarea> y </textarea>




0 comentarios:

En los formularios un objeto que es muy útil y a la ves muy usado son los campos de contraseña. En los campos de contraseña podemos ing...

Campos de Contraseñas con HTML

En los formularios un objeto que es muy útil y a la ves muy usado son los campos de contraseña. En los campos de contraseña podemos ingresar la información y esta se vera de forma encriptada, este tipo de campos es muy usado por las paginas con login que requieren un usuario y una contraseña

En esta publicación aprenderemos a crear un campo de contraseña y los diferentes atributos que intervienen para la personalización de este.

Al igual que en los campos de texto se procede de la misma manera con la única diferencia el atributo type="password"


1 comentarios:

Uno de los objetos mas usados a la hora de crear formularios son los campos de texto.En los campos de texto podemos ingresar cualquier t...

Campos de Texto en HTML

Uno de los objetos mas usados a la hora de crear formularios son los campos de texto.En los campos de texto podemos ingresar cualquier tipo de información, como : nombres, fechas, números, etc.

En esta publicación aprenderemos a crear un campo de texto y los atributos que intervienen para que este pueda ser efectivo a la hora de enviar información a trabes de la web.


0 comentarios:

Los formularios permiten obtener información de los visitantes del sitio web. Los visitantes introducen información utilizando objetos d...

Formularios HTML

Los formularios permiten obtener información de los visitantes del sitio web. Los visitantes introducen información utilizando objetos del formulario como campos de texto, cuadros de lista, botones de opciones, casillas de verificación  los cuales son enviados por un botón especifico.

Los formularios HTML están delimitados por las etiquetas <form> y </form>, entre los que se deben encontrar los elementos que componen el formulario, así como cualquier otro elemento HTML que necesitemos como imágenes, enlaces, tablas, etc. En un documento HTML puede haber varios formularios como se necesite, pero no pueden estar anidados(uno dentro de otro).

0 comentarios:

Una cualidad interesante al combinar celdas es la que sin duda nos brindan los atributos colspan y rowspan , en esta publicación nos cent...

Combinación de Celdas (Atributo rowspan)

Una cualidad interesante al combinar celdas es la que sin duda nos brindan los atributos colspan y rowspan, en esta publicación nos centraremos en la funcionalidad del atributo rowspan, el cual tiene como finalidad, extender una celda verticalmente según la cantidad que se le asigne.

Veremos un par de ejemplos que nos permitirán entender mencionado atributo.



0 comentarios:

Como ya vimos en muchos ejemplos sobre Tablas HTML en este blog, podemos aplicar distintos atributos que nos permiten dar cualidades extra...

Combinación de Celdas (Atributo colspan)

Como ya vimos en muchos ejemplos sobre Tablas HTML en este blog, podemos aplicar distintos atributos que nos permiten dar cualidades extras a nuestras tablas, en este oportunidad, aprenderemos las cualidades que nos brinda el uso del atributo colspan.

El Atributo colspan, Expande una celda horizontalmente,  para comprendedlo mejor aplicaremos un par de ejemplos que nos permitirán visualizar mejor las propiedades de dicho atributo.

Ejemplo 1 :

Aplicaremos <td colspan="3"> en la segunda fila de nuestra tabla y tendremos el siguiente código:

Código HTML:



Resultado:

1 2 3
4 5 6

Como observamos en nuestro primer ejemplo al aplicar <td colspan="3"> en la segunda fila, vemos como esta se extiende horizontalmente a lo largo de la cantidad de celdas que indicamos, como en este caso indicamos coslpan="3", la fila se extendió hasta cubrir el tamaño de 3 celdas en la tabla.

Ejemplo 2:

En este ejemplo aplicaremos <td colspan="2">, usaremos el mismo código HTML, del ejemplo anterior, con la única diferencia del atributo colspan.

Resultado:

1 2 3
4 5 6

Ahora en el segundo ejemplo podemos observar que al colocar colspan="2", la expansión de la fila solo cubre 2 celdas que es lo asignado en el atributo colspan.


OJO: la aplicación de esto ejemplos , sufre diversos cambios según el navegador que estemos utilizando, funciona correctamente en Google Chrome y tambien es visible en Firefox, pero en IE los resultados no se observan correctamente.

No  probé en otros navegadores, pero si tienen la oportunidad por favor comenten el resultado que se visualiza en los navegadores diferentes a los ya mencionados.

0 comentarios:

La alineación vertical de los elementos de una Tabla es posible gracias al atributo valign, asi como   la alineacion horizontal con el at...

Alineación vertical de los elementos de una Tabla

La alineación vertical de los elementos de una Tabla es posible gracias al atributo valign, asi como  la alineacion horizontal con el atributo align, en este caso nos centraremos en aprender el atributo valign y para conseguirlo aplicaremos un ejemplo que nos permitirán entender mejor la forma de uso de dicho atributo.

Una cosa que siempre tenemos que tener en cuenta es los parámetros que podemos dar al atributo valign, que son los siguientes:

valign="top"            --->Arriba
valign="middle"      --->Medio
valign="bottom"     ---->Abajo

Ejemplo:

Código HTML:



Resultado:



1 2 3
4 5 6
7 8 9

Como se observa en el resultado, al aplicar el atributo valign vemos que los elementos se alinean de forma vertical alrededor de la celda en la que se encuentran.

Es importante tener siempre en claro que al poner valign="middle", la alineación del elemento no se distingue con la alineación por defecto.(observar el código HTML)

Cualquier duda o aporte hacerlo por comentario, agradezco su tiempo saludos!!

0 comentarios:

El uso de atributos siempre esta presente en diversas estructuras del HTML, en este caso usaremos un atributo que nos permite especificar l...

Alinear los elementos de las Celdas en HTML

El uso de atributos siempre esta presente en diversas estructuras del HTML, en este caso usaremos un atributo que nos permite especificar la alineación de los elementos de nuestras celdas, esto se logra colocando dentro de la etiqueta <td> el atributo align.

Para entender mejor la alineación de elementos de las celdas, veremos 2 tablas, una con los elementos alineados  y otra con la alineación por defecto (elementos sin alinear).

Ejemplo 1 : 

Código HTML:
                                         "Tabla con la alineación por defecto de los elementos."



Resultado:

1 2 3
4 5 6
7 8 9

Como observamos en el primer ejemplo, los elementos de la tabla están alineados a la izquierda, como ya dijimos en publicaciones anteriores, la alineación a la izquierda es la alineación por defecto. Ahora en el siguiente ejemplo aplicaremos el atributo align y especificaremos la alineación que queremos darle a nuestros elementos.    

Código HTML:
                                         "Tabla con elementos alineados específicamente"



Resultado:

1 2 3
4 5 6
7 8 9

Como observamos en esta tabla, los elementos 1,2,3 están alineados específicamente al centro y a la derecha, a diferencia de los demás elementos que su alineación es a la izquierda(alineación por defecto), para que esta alineación sea posible especificamos el atributo align en las etiquetas <td>, en este caso dentro de la primera fila, entre el primer par de etiquetas <tr> y </tr>. (Analizar código HTML) 


Cualquier duda o aporte que deseen añadir sera bien recibido.



0 comentarios:

Anidar  Tablas en HTML , o en otras palabras colocar tablas dentro de una tabla. Esta forma de usar las tablas puede ser de mucha utilidad ...

Tablas dentro de una Tabla (Anidar Tablas )

Anidar  Tablas en HTML, o en otras palabras colocar tablas dentro de una tabla. Esta forma de usar las tablas puede ser de mucha utilidad a la hora de especificar diversas opciones en las celdas, pero el uso que le demos ya depende de la necesidad de cada uno de nosotros. Para mejor entendimiento de tablas anidadas veremos un  ejemplo:

Código HTML:

Las tablas internas se creara como si fueran elementos de la tabla general, eso quiere decir que estarán creadas dentro de las etiquetas <td> y </td>.



Resultado:

1 3
2 4
-------
--------
1 3
2 4

Como vemos en el ejemplo, al anidar tablas, podemos crear una tabla en las celdas de una tabla, en este caso para este ejemplo creamos 2 tablas, entre las etiquetas <td> y </td> de la tabla general.

OJO: cabe aclarar que cada tabla creada dentro de una tabla , posee sus atributos únicos  quiere decir que una tabla no es afectada por los atributos en este caso, las 2 tablas creadas en las celdas de la tabla general no son afectados por los atributos de esta.

4 comentarios: