mimoperez
Usuario (México)
Siguiendo mi travesia por la red les traigo este tutorial del curso de HTML de mi auditoria y que se les presento , recuerden que todos los temas los puedes encontrar en mi pagina web http://www.tutomix.netne.net Les presento la etiquetas basicas de HTML Etiquetas de encabezados Los encabezados son formas de html que ya estan predeterminados, y que se utilizan para organizar en categorias logicas y distintivas del texto visible,Son encabezados en pocas palabras. La etiqueta <H#> se utiliza para crear los encabezados en donde el # es un numero como por ejemplo el numero 1,<H1> seria el mas grande de los encabezados y el numero 2 <H2> seria un encabezado mas pequeño, y asi sucesivamente. Etiqueta de parrafo Esta etiqueta <p>..... </p> es muy importante ya que sirve para delimitar cuando hay parrafos en las paginas web,Cuando se pone esta etiqueta el navegador automaticamente hace un corte y empieza en una linea nueva dejando un espacio conveniente entre parrafos. Etiqueta salto de linea Esta etiqueta tambien sirve para establecer saltos de linea un pocos mas largos, esta etiqueta es abierta es decir no debemos cerrarla, para custiones de estandar la etiqueta se pondria asi <BR /> y ya no habria problema, pero solo las etiquetas que son abiertas se podria hacer esto. ALIGN La etiqueta de parrafo y las de encabezado utilizan un PARAMETRO que nos ayuda a Pocisionarlos mejor en la pagina web dicho parametro es el ALIGN este parametro que utiliza a su ves sus propios parametros nos servira para acomodar las etiquetas. por ejemplo podemos utilizarlo de esta manera <H1 align="left">, y de esta manera el encabezado se pocisionara a la izquierda. el parametro de la instruccion aling son los siguientes Align="left"(para aliniar el texto a la izquierda),Align="center"(para aliniar el texto al centro) y Align="right" (para alinear el texto a la derecha). A continuacion un pequeño codigo donde utilizamos todo lo explicado. <HTML> <HEAD><TITLE>Esta es una pagina web Nueva</TITLE></HEAD> <BODY BGCOLOR="BLUE" TEXT="#ffff"> <H1 align="center">Mi primera pagina web</H1> <H2 align="left">Segundo encabezado</H2> <BR /> <p align="Right">Esto es un parrafo que estara alineado a la derecha</p> </BODY> </HTML> Aqui hay un video que ilustra lo anterior. link: http://www.youtube.com/watch?v=1FO6Yd-h398 COMENTAR ES AGRADECER
Siguiendo con mi tutorial este es el tercer post y les mostrare algunos parametros y argumentos que se pueden utilizar y que son comunes , recuerden que pueden encontrar mas informacion en mi pagina web http://www.tutomix.netne.net En este apartado veremos que son los parametros Los parametros son formatos especiales que tienen algunas etiqetas para hacer una funcion extra a la que fungen, asi como por ejemplo podemos agregar el parametro BGCOLOR al BODY para indicar el color de fondo de la pagina. a continuacion les presentamos una tabla con los parametros que mas se utilizan en html. El siguiente codigo Html Ejemplifica las etiquetas que acabamos de mencionar: <HTML> <HEAD> <TITLE>EJEMPLO DE BODY</TITLE> </HEAD> <BODY BGCOLOR="yellow" TEXT="Blue"> Como se ve el cuerpo de la pagina ......... </BODY> </HTML> A contuacion un video que ilustra lo anterior link: http://www.youtube.com/watch?v=t33H0F2q7gU comentar es agredecer
Bueno en este tutorial les dejo un proyecto que tengo en desarrollo y es mi pagina web y en este momento estoy dando un curso de HTML y en esta ocacion les dejo una definicion de lo que es HTML El lenguaje de Marcado de Hipertexto (hypertext Marking Language,HTML), es el lenguaje de marcado con el que se desarrollan casi todas las paginas web. Este codigo puede crearse y procesarse en editores de texto sencillos como lo puede ser el bloc de notas o especializados por por ejemplo Aptana. HTML utiliza un sistema de etiquetas (tags) para dar caracteristicas de formato a los distintos elementos de texto(encabezados,parrafos,listas,ligas o vinculos),graficos,animaciones,sonido, video, etc, por eso se dice que es un lenguaje de marcado por que el navegador que es el software con el que se navega por internet como Google chrome o internet explorer , interpreta este codigo y muestra el resultado de su interpretacion. HTML consta de una serie de ordenes, comandos o instrucciones que indican al navegador como debe presentar los elementos(texto,graficos y de mas partes) que contiene el documento, a estas ordenes les diremos etiquetas. En html las etiquetas pueden ser cerradas o abiertas.Las etiquetas cerradas necesitan de dos palablas clave una que abre la etiqueta y otra que la cierre, la etiqueta de cierre debe llevar una / antes de la palabra. TODAS las etiquetas van entre los signos <>. en Cambio las etiquetas abiertas solo llevan una palabra clave Ejemplos: Etiqueta Cerrada <CENTER> Mi Pagina Web</CENTER> Etiqueta Abierta <HR> Aqui les dejo un Video hecho por mi que lo explica todo link: http://www.youtube.com/watch?v=QCAoNn_niqs Bueno espero les haya gustado y visiten mi pagina web com mas informacion http://www.tutomix.netne.net GRACIAS
En este nuevo post muestro otro tutorial de lo que seria mi curso de HTML y en esta ocacion les traigo lo que es las etiquetas que son para crear listas ordenadas y desordenadas .. Recuerden que puenden encontrar mas informacion en mi pagina web http://www.tutomix.netne.net Listas Con HTML se pueden crear dos tipos de listas y en estas listas se pueden agregar tambien sublistas,existen listas ordenadas y listas NO ordenadas. Listas no numeradas.Tambien llamadas listas no ordenadas o listas de viñetas, estas se anuncian mediante las etiquetas <UL>....</UL>,y cada uno de los elementos que conformaran este tipo de lista se coloca dentro de de la etiqueta <LI>....</LI> El resultado que estas etiquetas dan es una pequeña sangria, mas grande entre mas este jerárquica menor. Listas numeradas.Tambien llamadas listas ordenadas se establecen mediante la etiqueta <OL>....</OL>al igual que las listas de viñetas su contenido se realiza mediante las etiquetas <LI>....</LI>, esta etiqueta contiene parametros interesantes como lo son : START="numero"-Define con que numero comenzara la lista. TYPE=A/a/I/i/1-Determina el tipo de numeracion que se utilizara. <HTML> <HEAD><TITLE>Esta es una pagina web Nueva</TITLE></HEAD> <BODY> <H1 align="center">LISTAS</H1> <OL> <LI>Lista Ordenada</LI> <LI>Elemento 2</LI> <LI>Elemento 3</LI> <LI>Cuarto Elemento</LI> </OL> <BR /> <UL> <LI>Lista desordenada</LI> <LI>Elemento 2</LI> <LI>Elemento 3</LI> <LI>Cuarto Elemento</LI> </UL> <BR /> </BODY> </HTML> Aqui mostramos un pequeño video que ilustra lo que estamos comentando anteriormente link: http://www.youtube.com/watch?v=Dv_KJBaaJBM COMENTAR ES AGRADECER nos vemos hasta un nuevo tutorial
Esta vez les traigo:una serie de videos hechos por mi de los cuales les estare dando seguimiento para las personas que les interese el ambito de programacion en esta lista de reproduccion traigo cosas basicas para principiantes para que aprendan los aspectos esenciales para que aprendar a programarlink: http://www.youtube.com/watch?v=bjnDIxU9KZw&context=C38e3968ADOEgsToPDskIm6j-Z0GP-mrHLL7PjtBcc La segunda parte (:link: http://www.youtube.com/watch?v=SEtfclJa-zs&context=C38e3968ADOEgsToPDskIm6j-Z0GP-mrHLL7PjtBccy la tercera estare dandole seguimiento a mis tutoriales y tambien tengo de otros ambitos que les puedan interesar (:link: http://www.youtube.com/watch?v=nMK6w-cVqro&context=C32cd8ecADOEgsToPDskKuhkKiAEGHCJqwpv4jETkZcomentar no cuesta (:
Bueno chicos en este nuevo POST les enseñare que son los pseudocodigos y diagramas de flujo Segun mis conocimientos en el tema En programación es muy común usar estos dos tipos de Expresiones y la verdad que ayudan mucho a poder hacer un buen trabajo Empezaremos con saber de donde se desglosan estos dos tipos de plasmar la informacion..sabiendo que es un algoritmo; WIkipedia nos dice esto:: Es un conjunto preescrito de instrucciones o reglas bien definidas, ordenadas y finitas que permite realizar una actividad mediante pasos sucesivos que no generen dudas a quien deba realizar dicha actividad.Dados un estado inicial y una entrada, siguiendo los pasos sucesivos se llega a un estado final y se obtiene una solución. Los algoritmos son el objeto de estudio de la algoritmia En pocas palabras un algoritmo Es un conjunto De comandos que usamos para analizar y darle solución a un problema Pero estos comandos están definidos Con un estándar Solo que uno lo puede adaptar a sus necesidades es como un previo Antes de realizar en programa en un lenguaje de programación. sabiendo esto podemos decir que de los algoritmos se desglosan estos::: Diagrama de flujo Los diagramas de flujo son descripciones gráficas de algoritmos; usan símbolos conectados con flechas para indicar la secuencia de instrucciones y están regidos por ISO. Los diagramas de flujo son usados para representar algoritmos pequeños, ya que abarcan mucho espacio y su construcción es laboriosa. Por su facilidad de lectura son usados como introducción a los algoritmos, descripción de un lenguaje y descripción de procesos a personas ajenas a la computación. para la programacion es muy util ya que por su facil lectura Es mas facil LA traduccion A las personas que trabajan en nuestro proyecto O programa. la simbologia de Este se construye con diferentes figuras geometricas y cada una tiene diferente significado aqui esta el listado de los simbolos que se utilizan Simbología y Normas del Cursograma Círculo: Procedimiento estandarizado. Cuadrado: Proceso de control. Línea Ininterrumpida: Flujo de información vía formulario o documentación en soporte de papel escrito. Línea Interrumpida: Flujo de información vía formulario digital. Rectángulo: Formulario o documentación. Se grafica con un doble de ancho que su altura. Rectángulo Pequeño: Valor o medio de pago (cheque, pagaré, etcétera).Se grafica con un cuádruple de ancho que su altura, siendo su ancho igual al de los formularios. Triángulo (base inferior): Archivo definitivo. Triángulo Invertido (base superior): Archivo Transitorio. Semi-óvalo: Demora. Rombo: División entre opciones. Trapezoide: Carga de datos al sistema. Elipsoide: Acceso por pantalla. Hexágono: Proceso no representado. Pentágono: Conector. Cruz de Diagonales: Destrucción de Formularios. aqui tenemos un ejemplo no forzozamente en prgramacion es una lampara que no funciona y aqui esta el diagrama de flujo DEBEMOS poner atencion En LOs figuras que rodean a las palabras y ver que es lo que son para que no nos confundamos Pseudocodigo un pseudocodigo es utilizado por programadores para describir algoritmos en un lenguaje humano simplificado que no es dependiente de ningún lenguaje de programación. Por este motivo puede ser implementado en cualquiera lenguaje por cualquier programador que utilice el pseudocódigo. esto ya es mas tecnico y enfocado a la materia de programacion este ya es un previo mas cercano Y debemos poner mas atencion con este por que ya tiene algo de validez aunque el compilador no podra leer este codigo aun si podra ser leido por demas personas para poder entender tus ideas y lo que planeas hacer con el programa...... La estructura de un pseudocodigo es la siguiente:: INICIO variables cuerpo FIN EL tema de variables no lo trataremos en esta ocacion pero Es un tema interesante para los que están estudiando esta materia =) de mi parte seria todo Ojala les haya servido y si quieren mas informacion pidanla en comentarios y lo resolvemos juntos