|
diseño de webs,coordinador amilcar jesus legazcue
Created by Amilcar Jesus Legazcue de Leon, from URUGUAY,SOUTH AMERICA BOOKS amilcar legazcue montevideo uruguay LECCION 1ª Para confeccionar una página web lo único que se necesita es un editor de texto. Existen editores especializados en crear ficheros HTML Podemos utilizar Notepad, WordPad o el que queramos. Seguramente tienes uno de estos programas en tu ordenador. Si no sabes donde esta pulsa en la esquina inferior izquierda "Inicio" y "Buscar" Escribimos el nombre del fichero que estoy buscando en este caso Notepad o wordpad y pulsamos "Buscar Ahora" · Y pulsamos dos veces sobre sobre el fichero de Notepad o wordpad En la sección de programación tienes editores gratuitos para descargar. colocas estas palabras:LUEGO DE LA PALABRA HTML Y HEAD SE COLOCA UNA DESCRIPCION DE TEMA Y PALABRAS CLAVES Y UN TITULO,SEGUN EL MODELO ejemplos de palabras claves y ubicacion de keywords-Elija sus palabras claves e invente otras------- "keywords" content="ejemplos,keywords,buscador, indice, guia, internet, arbol tematico, paginas, sites, internet, productos, arte, humanidades, ciencias sociales, economia, negocios, finanzas, comercio ,electronico, publicaciones, periodismo, cultura, turismo, humanidades, historia, internet, informatica, educacion, gobiernos, politica, deportes, ciencias, salud, medicina, directorios, motores ,busqueda, search, latinoamerica, hispanoamerica, españa, mejores, altas, añadir, url, incluir, web, correo, gratis, foros, chatmania, chat, logos, melodías, postales, guia, e-mail, fotos, agenda, traductor, callejero, ofertas, compras, viajes, motor, moviles, clasificados, conexión, Internet, dominios, hispavista, empresas, alta, buscadores, hosting, profesional, información, la bolsa, bolsa, trabajos, formación, noticias, tiempo, horoscopo, me,gustas,mucho, queda,conmigo, cine, música, jugos, sofware,Download, page, Words, Suite, dictionary, ,and ,Text ,Editor, Piano, text ,editor, spellcheck , dictionary ,spanish ,French, Medical, Legal,legazkue,uruguay, deseo,la recuperacion del deseo,hacer el .amor.sexo,conferencia, de. amilcar .legazcue. en biblioteca, nacional de montevideo ,en el, ciclo la alegria, del, cuerpo, y el, espiritu,personal,bioenergia,energia,bioenergetica,masaje,reiki,androgyny, darling, sex, boys, girls, fetish, macho,sildenafil,maccio,man,men, androgeny, free, , erotic, erotica, lubrication,macho,supermacho,energia, sexualidad,plantas,medicinales,metafisica,fraternidad,masaje,reiki,energia, toys, blondes, transvestite, transsexual, transexual, she-male, leather, hand, ,mensajes,comunicacion,marketing,ciencia,informatica,natural,artificial.clon,adn.genoma,satelite,galaxia,astros,planeta,oceano,mapa, singles, swingers, exotic, dancer, stripper, balls, dick, penis, enlarger,BIOENERGETICA,TECNICA, CANALIZACION,ENERGIA, ANALISIS ,POTENCIACION, página" LECCION 2ª Pasos para crear la página web: 1. Abrir el programa editor de texto. 2. Escribir los códigos o "tags". Escribimos los comandos como escribimos en un procesador de textos. Y guardamos el fichero que creamos como fichero de texto.A lo largo de este curso veremos los diferentes códigos. · Una vez abierto el programa editor de texto voy escribiendo los códigos o "tags" · Las instrucciones, códigos o "tags" de html van entre dos signos < y >. Las instrucciones es indiferente si se escriben en mayúsculas o minúsculas. · Tenemos que poner un código de inicio y uno de cierre. Ejemplo: Poner texto en negrilla La instrucción para que un texto se ponga en negrilla es Soy magnífico La instrucción de cierre tiene que llevar el signo / Por lo tanto: A) Ponemos el código de inicio para poner el texto en negrilla B) A continuación el texto que queremos que aparezca en negrilla y C) Al final el código de cierre 3. Guardar el fichero. Es recomendable que cree un directorio en el disco duro de su ordenador para guardar ordenadas los ficheros que iremos generando. Para guardar el fichero tenemos que ponerle un nombre y como extensión htm. html o shtml. Es decir nombre, punto y htm. Por ejemplo miprimerapagina.htm Es preferible no poner acentos, "ñ" ni simbolos extraños para evitar problemas de compatibilidad No ponerle espacios en blanco al nombre del fichero. Y guardar como documento de TEXTO. Formato de texto ASCII. Volveremos a ver esta cuestión. Una vez guardado el fichero podemos ver como queda utilizando el mismo programa con el que ve esta página. El resultado cuando veamos con el navegador el documento será Soy magnífico Puede ver como quedaría el fichero pulsando el enlace miprimerapagina. Para volver pulse Atrás en su navegador miprimerapagina.htm Si utiliza una versión avanzada de Internet Explorer, puede ver los códigos de la página. Una vez que este en miprimerapagina pulse en la Barra superior: · Pulsamos Archivo · Y pulsamos Modificar con Microsoft Front Page. Esperamos unos segundos. Y pulsamos sobre la pestaña HTML que se encuentra en la parte inferior derecha. LECCION 3ª Vamos a realizar nuestra primera página utilizando los códigos html que denominaremos "La Primera" y en la que aparezca escrito "soy un fenómeno" Tenemos que crear un fichero en el que podremos las instrucciones y lo guardamos como fichero con terminación .htm A) Todas las páginas html comienzan con el código de inicio y terminan con el código Así que ponemos B) Las páginas html se dividen en un encabezado y un cuerpo. Para el encabezamiento tenemos que poner los "tags" Tenemos que ponerlo dentro de las instrucciones inicial y final de página (paso A) por lo tanto nos queda LECCION 4ª C) Igualmente insertamos las instrucciones para el cuerpo de la página y Con lo que nos queda Podemos dejar líneas en blanco para comprender con más claridad la estructura del programa que estamos escribiendo. las líneas en blanco serán ignoradas cuando se ejecute el fichero html LECCION 5ª D) Le ponemos título a la página con la instrucción LECCION 10ª LECCION 9ª LAS PARTES DE LAS INSTRUCCIONES Por tanto vemos que las instrucciones de HTML tienen varias partes. Las instrucciones de html se componen de tres partes fundamentales: A) El elemento al que se refiere la instrucción. Es la palabra que va después del signo <. Por ejemplo Otro ejemplo, letra tamaño grande Elemento Atributo Valor LECCION 8ª PONER COLORES La instrucción para poner color a las letras es aquí el texto al que queremos dar color EJEMPLO 1 Para poner el texto en rojo este texto se pone rojo El resultado si lo ponemos dentro de los códigos del fichero html será este texto se pone rojo EJEMPLO 2 Para poner el texto en azul este texto se pone en azul este texto se pone en azul L pone rojo EJEMPLO 2 Para poner el texto en azul este texto se pone en azul este texto se pone en azul ALINEAR LECCION 7ª DAR FORMATO A LAS LETRAS Cambiar los atributos de las letras utilizamos el comando (fuente o tipo de letra). El color o el tamaño son atributos del elemento tipo de letra. Podemos dar distintos atributos a las letras. A) TAMAÑO DEL TEXTO * Si queremos poner las letras de distinto tamaño empleamos el atributo SIZE="". * Dentro de las comillas pondremos "+" para aumentar el tamaño y "-" para disminuirlo EJEMPLO 1 este texto se ve con mayor tamaño El resultado: este texto se ve con mayor tamaño EJEMPLO 2 Si queremos aun mayor tamaño ponemos un número mayor. Voy a probar con 4 este texto se ve muy grande este texto se ve muy grande EJEMPLO 3 Para disminuir el tamaño ponemos -1 al poner -1 disminuye el tamaño Al poner -1 disminuye el tamaño Podemos poner el texto en negrilla, en cursiva o subrayado PONER EL TEXTO EN NEGRILLA Para poner el texto en negrilla utilizamos el tag "b" (de bold) Soy el mejor de la clase Soy el mejor de la clase PONER EL TEXTO EN CURSIVA Para ponerlo en cursiva utilizamos "i" (de italian) Poner un texto en cursiva Poner un texto en cursiva PONER EL TEXTO SUBRAYADO Para subrayado Ahora toca el subrayado de parte de la frase Ahora toca el subrayado de parte de la frase Guardamos el fichero para lo cual es aconsejable ser ordenado y crear un subdirectorio en el disco duro de nuestro ordenador para ir almacenando los ficheros. Es importante: A) Ponerle al fichero la terminación html B) Guardarlo como documento de TEXTO (para que no se incluyan otros códigos) C) Para evitar problemas es interesante que en el nombre del fichero, NO DEJAR ESPACIOS y NI PONER SIGNOS NO COMUNES como acentos, "ñ", o símbolos de distintos idiomas. l Para alinear el texto utilizamos el atributo align align=left para alinear a la izquierda align=right para alinear a la derecha align=center para centrar el texto EJEMPLO ALINEAR A LA IZQUIERDA alineamos el texto a la derecha alineamos el texto a la izquierda EJEMPLO "ALINEAR A LA DERECHA"alineamos el texto a la derecha alineamos el texto a la derecha EJEMPLO DE CENTRARcentramos el texto centramos el textoLECCION 11ª LINEAS HORIZONTALES El elemento para crear una línea horizontal es HR. Este "tag" no necesita un "tag" de cierre Y a este elemento podemos darle distintos atributos width para definir el largo de la línea con un cierto número de pixel o un porcentaje del documento> size para asignar el ancho de la linea noshade para el fondo de la línea EJEMPLO Línea de 100 pixels Línea de 200 pixels Línea del 100% del ancho del documento Línea con 10 de ancho 
| |||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||
