epelpad

El post que buscas se encuentra eliminado, pero este también te puede interesar

Como hacer una pagina web facil

Bienvenidos a mi nuevo post
Como hacer una pagina web facil

Bueno en este post les mostrare como hacer una pagina web Facil con Html y Css no necesitan saber nada sobre estos lenguages!
Advertencia:Este Post solo contiene la estructura de una pagina web los menus secciones favicon y demas lo explicare en otro post



Bueno lo unico que necesitaremos sera el bloc de notas(notepad) y algo de pasiencia.
Abrimos el notepad y en el escribimos
dijo:<html>
<Head><Title>Aqui estara el titulo de tu web</Title></Head>
<Body>
</Body>
</Html>[/quote] (Mas facil solo copien y peguen )
Html =Es tu pagina
Head=Ahi iran algunas instrucciones que seguira tu web (como el estilo css) pero no afectara el contenido de la pagina
Title=El titulo de tu web
Body=El contenido de tu pagina
dijo:<html><head><body><title><embed><style> etc etc etc. se les llama etiquetas[/quote]

Ahora solo Guardan el documento como .html en vez de .txt (para hacer mas facil todo ponganle de nombre index.html)
web
Pero nuestra pagina esta en blanco! necesitamos ponerle una estructura y por eso elegiremos hacerla con Divs (Capas) ya que este es el diseno mas profesional.
Agregamos en body lo siguiente
dijo:<html>
<head>
<title>El titulo de tu web</title>
</head>
<body>
<DIV id=contenedor>
<DIV id=barra-lateral>
Aqui ira tu menu
</DIV>
<DIV id=cabecera>
<h1>Aqui puedes poner el titulo</h1>
</DIV>
<DIV id=contenido>
Aqui estara el contenido que devera ir en tu web
</DIV>
</DIV>
</body>
</html>[/quote]

En contenedor no pongas nada!
La etiqueta <h1> sirve para escribir titulos

Guarden los cambios. Cuando quieras ver el progreso de tu web solo en tu navegador presiona ctrl+o y selecciona el archivo de tu pagina web.Por el momento no tendras mas que texto en tu web
html
Cuando quieras ponerle una imagen de fondo a tu web solo escribe en Body
dijo:<body Background="imagen.jpg">[/quote]
(el formato y el nombre puede variar de acuerdo a tu imagen)Pon la imagen que vallas a poner en tu web en la misma carpeta que el archivo index.html
Y para agregar color de texto a toda tu web en etiqueta body
dijo:<body text="#FFFFFF">[/quote]
El color esta en hexadecimal (buscalo en google )
Ahora pasaremos a CSS.
Abrimos un nuevo documento del notepad y agregamos lo siguiente
dijo:#contenedor { width: 900px; height: 400px; }
#cabecera { background-color: green; height:50px; padding:5px; }
#barra-lateral { background-color: orange; float: left; width:140px; height:100%; }
#contenido { background-color: gray; float:left; width:740px; height:100%; }[/quote]
Ojo los colores pueden ir en ingles (red,blue,gray,pink,yellow,green etc etc.) o en Hexadecimal el color se define en la parte donde dice Background-color:
Ahora guarden el archivo como estilo.css en minuscula.
Volvamos a el index.html, agreguemos esto entre el <head>
dijo:<head>
<LINK media=all href="estilo.css" type=text/css rel=stylesheet>
</head>[/quote]
dijo:asi quedaria el html (al menos el mio )
<html>
<head>
<title>El titulo de tu web</title>
<LINK media=all href="estilo.css" type=text/css rel=stylesheet>
</head>
<body background ="musica-online.gif" text="FFF3FF">
<DIV id=contenedor>
<DIV id=barra-lateral>
Aqui ira tu menu
</DIV>
<DIV id=cabecera>
<h1>Aqui puedes poner el titulo</h1>
</DIV>
<DIV id=contenido>
Aqui estara el contenido que devera ir en tu web
</DIV>
</DIV>
</body>
</html>[/quote]

Como
Ahora solo pongan el archivo estilo.css y index.html + la imagen que hayan agregado en la misma carpeta

Muy bien! ahora ya tienen estructura basica. Despues les ensenare sobre menus y favicon insercion de imagenes musica y videos a tu web

Y si les gusta el rock y el metal visiten y recomienden mi web.



Segunda parte ------->http://www.taringa.net/posts/hazlo-tu-mismo/10921171/Como-hacer-una-pagina-web-facil-parte-2.html
Tercera parte ------->http://www.taringa.net/posts/hazlo-tu-mismo/10932986/Como-hacer-una-pagina-web-facil-parte-3.html

Comentarios Destacados

20 comentarios - Como hacer una pagina web facil

somaco +3
xD cero aporte! se supone que tienes que colocar los programas que necesitas, etc............
robertovls -2
muy buena la sencilles de como lo explicas, te felicito
KREATOR16 +2
Pero cuando usas un programa es mas facil el manejo de estilos.css, carpetas, archivos: PHP, HTML, ASP etc...
Damphir77 -1
buen post loco!! y vi que te faltan 10 para el nfu.. ahi van +10

saludos
brianjulio95 +1
para no tener una URL tan larga &quot;.co.cc&quot; te recomiendo &quot;.tk&quot; es gratis
solo registras tu pagina y ta. Es como cuando registraste tu &quot;.co.cc&quot; ,
no precisa que pases toda tu pagina solo se registra la pagina de inicio
Espero te sirva saudos
softoxic
raulalejandro1 dijo:
brianjulio95 dijo:para no tener una URL tan larga &quot;.co.cc&quot; te recomiendo &quot;.tk&quot; es gratis
solo registras tu pagina y ta. Es como cuando registraste tu &quot;.co.cc&quot; ,
no precisa que pases toda tu pagina solo se registra la pagina de inicio
Espero te sirva saudos

ok muchas gracias lo tendre en cuenta pero me gusta mi url! pero aun asi gracias!


@raulalejandro1 mira que no precisa cambia tu url simplemente le acortas el subdominio enorme que biene con el plan gratis XD

ej: si tu web es &quot;poringaxd.rosamelchoto.net&quot; le podes poner &quot;poringaxd.tk&quot;

espero que te halla servido y no te tomesa mal la url es solo para reir un rato pero pienso que mi aporte es bueno y cualquier duda qe tengan hacerca de paginas web pregunten

pd: les recomiendo empezar probando con el programam webpagemarker y despues que sepan algo usen el dream weaver. salu2
alvin963
les digo se descargan un programa llamado pwg maker y se hacen el fondo de su web yo ya tengo la mia les dejo un cuento de navidad:

file:///C:/Documents%20and%20Settings/Alvaro/Escritorio/cuentos%20de%20navidad/cuento%20de%20navidad.html