Este sitio esta dedicado a auxiliar a webmaster que apenas emprenden su carrera por el dise�o paginas web, aqui encontrara tutoriales, javascripts, postales, chat, email y mas, ademas que comprende los demas sitios hermanos como Nsyncmania, Chemax, dise�ados por EJDesigner y su webmaster Edwin Jediael, bienvenido a este sitio hosteado en Yahoo Geocities
Alguna vez ha pasado por tu cabeza el como se construye una pagina web? Pues bien, no es ta dificil como parece y aqui te vamos a ense�ar lo basico para tu mismo te empiezes a construir tu pagina web. Bien, la pagina web que haremos lo tendras hospedado en tu disco duro, en la carpeta que creas conveniente, lo unico que te pedimos es: HERRAMIENTAS
Ya leido las herramientas que necesitamos procedemos a empezar nuestra pagina web. Empezaremos esto teniendo la idea que lo publicaras en internet por medio de algunos de los servicios de hospedaje gratuito, asi que te recomendamos Yahoo! Geocities, Starmedia Orbita, o simplemente Buscar Hospedaje Gratuito.Ahora creamos una carpeta con el nombre de Web o el nombre que quieras, abrimos nuestro editor de texto(Bloc de notas) y en el menu Archivo le damos click en Guardar como... una vez que visualizes el cuadro Guardar como, selecciona en el menu Guardar en la carpeta nueva que creastes(Web) y en nombre de archivo, le ponemos index.html, lo llamaremos asi, ya que la mayoria de los hostings gratiutos reconocen index.html, como la pagina de inicio del sitio, una vez guardada el archivo, buscamos la carpeta y abrimos Index.html, ya tenemos una pagina web, sin programacion claro, ahora viene lo que es un tanto complicado, por ahora, una vez que te familiarises veras que no es tan dificil, bien con el segundo boton del mouse abrimos nuestro menu contextual y hacemos click en Ver codigo fuente, una vez abierto el editor de texto, iniciamos sin antes mensionarte los simbolos que usaremos en la programacion:<(menor),>(mayor), ()(parentesis), /(diagonal), ''(comillas),'(comilla), =(igual), estos en la programacion basica, y estos funcionan de la siguiente manera, en html este ejemplo es un codigo que el navegador lee como si fuera parte de la programacion: <Hola>, como te daras cuenta estan hola esta dentro de los simbolos menor y mayor, que obedece a que se ha abierto una cadena, el cual se cierra con los siguientes parametros: </Hola>, los mismos simbolos solo que agregandole una diagonal en el principio. Viendo ya los pasos que vamos a usar, en nuestro editor escribimos <html>, lo que como deciamos antes se empieza la cadena, luego continuamos en otro renglon(recomendable), con <head>(encabezado),dentro de esta cadena es donde son colocados las llamadas Meta-etiquetas el cual veremos mas adelante; en una siguiente linea colocamos <Title>, dentro de la etiqueta title colocaremos el titulo de nuestra pagina el cual aparecera en la barra de titulo del navegador, para luego cerrarlo </Title>, un ejemplo seria: <Title>Mi pagina web</Title> una vez colocado esto cerramos la cadena asi, </head>,para luego continuar con <body>(Cuerpo).Alguna propidades del body son: Topmargin, Leftmargin, Bgcolor y Background. Bien, aqui haremos un parentesis para explicar como se les aplica las propiedades a las etiquetas, trabajaremos con body, como mencionamos, body tiene como propiedades Topmargin que es aplicado como parte de la etiqueta en cuestion, pero no solo es ponerlo si no que hay que ponerle un valor de la siguiente manera Topmargin="0", bien como te daras cuenta estamos usando los simbolos igual y comillas, las comillas no son tan necesarias como el simbolo igual, para valorar Bgcolor seguiremos los mismos pasos solo que como este es color de fondo le pondremos este valor ya sea el nombre del color o un valor exadecimal, para background el valor seria la direccion de alguna imagen. Ahora que ya vimos como aplicarle los valores a las propiedades ten encuenta que se usa en toda la programacion de documento html. Ahora continuamos con el body aplicandole sus propiedades de esta manera <Body topmargin="0" letfmargin="0">, ya usando esto, seguimos con nuestro primer elemento dentro de la pagina, aunque bien podriamos escribir apartir de ahora pero lo haremos mediante una Tabla, que se crea de la siguiente manera, <Table>, las tablas tienen como propiedades principales: Border(borde), Cellspacing(espacio en celdas), (separacion de celdas)Cellpadding, Width(ancho) y Height(altura), todos con valor apartir de cero, ten muy encuenta los valores de Width(este se puede valorar con porcentaje que es el abarcara en el tama�o de la ventana, si lo ponemos en 100% abarcara toda la ventana) y height, ahora creamos una fila de la siguiente manera <tr>, para luego una celda o culumna con <td>, la celda tiene como valores Width el cual se puede valorar con el tama�o o en porcentaje, so le ponemos un porcentaje ocupara el total de la tabla, una vez teniendo esto nos procedemos a escribir lo que se nos ocurra, una vez escrito cerramos nuestra celda con </td>, cerramos la fila con </tr> y la tabla </Table>, procedemos a cerrar el body </body> y finalizamos el documento con </html>, ahora ya tenemos una pagina web que quedo de la siguiente manera: <html> <head> <title>Mi pagina web</title> </head> <body topmargin="0" leftmargin="0" bgcolor="blue"> <Table border="0" cellspacing="0" cellpadding="0" width="200" height="200"> <tr> <td width="100%">Escribimos lo que sea</td> </tr> </Table> </body> </html> Ahora nos procedemos a guardar los cambios en nuestro editor para luego ver nuestra pagina y actualizarla y listo, te daras cuenta que lo unico que esta escrito es lo que tienes dentro de la celda. Ahora te das cuenta que no esta tan dificil hacer una programacion de los documentos html. Pero te invitamos a perfeccionar tus documentos , dandole formato a los textos, usando imagenes, links, asi que selecciona de la lista la que mas te convenga.
BIENVENIDO A JAE | 
Agregar a Favoritos
Imprimir
Comentarios
Alguna vez ha pasado por tu cabeza el como se construye una pagina web?
