Bienvenido: ( Identificarse | Registrarse )      
Foros de Trucos Windows
 
Closed TopicStart new topicStart Poll

Outline · [ Estándar ] · Lineal+

> Como hacer una web rapidamente.

Lizz
post Feb 1 2008, 01:00 AM
Publicado: #1


Maestro Secreto
Group Icon

Grupo: Miembros Vitalicios
Mensajes: 1.458
Registrado: 18-May 07
Desde: Mar del Plata, Argentina
Miembro nº: 201.159



Como Hacer Una Web En pocos minutos


Como hacer una web en pocos minutos.

Bueno si tienes algo de idea de html y photoshop, veras aqui como hacer una pagina web en pocos minutos.
Para comenzar debemos tener instalado el macromedia dreamweaver , yo usare el 8.

Aqui comienza el tutorial

Primero, creamos un nuevo documento en blanco , Html.

Nos Ubicamos entre

CODE
<body>

</body>


y luego , nos dirijimos a Insertar-> Tabla.
Lo configuramos asi.
imagen externa


Ahora ya tenemos la tabla para introducir nuestras imagenes, botones , etc.
Luego configuramos la tabla para que quede centrada.

Buscamos eso.

CODE
<table width="750" border="0">


Le agregamos

CODE
align="center"


Quedaria asi:
CODE
<table width="750" border="0" align="center">


Bueno , ahora agregamos el logo de la web.

Nos ubicamos en la primer Fila.

CODE
<td></td>


Ahora vamos a insertar imagen, y seleccionamos el logo de la web, quedaria asi.

CODE
<td><img src="logo.png" width="750" height="200"/></td>


Bueno ahora ya tenemos el logo.

Ahora vamos a colocar los botones de la web.

Ahora debemos tener una imagen de la misma altura de los botones (igual que los botones pero sin nada escrito), para cubrir el espacio vacio de la fila de botones

Nos ubicamos en la 2° fila y configuramos para que esa imagen ocupe toda la fila.
CODE
<td>


Le agregamos.

CODE
background="barra.png"


Quedaria asi.

CODE
<td background="barra.png">


Ya tenemos el fondo de la fila ocupado por esa imagen.

Ahora vamos a agregar los botones.

Nos obicamos en.

CODE
<td background="barra.png"> </td>


Vamos a Insertar-> Imagen

Quedaria asi.

CODE
<td background="barra.png"><img src="inicio.png" border="0"/></td>


Ya tenemos El boton de Inicio de la pagina, para volver a la pagina principal de la pagina web , nos seriviria si tenemos mas secciones.

Si le queremos agregar algun enlace, le agregamos adelante, lo siguiente.
CODE
<a rel="nofollow" href="index.html">


Quedaria asi.

CODE
<td background="barra.png"><a rel="nofollow" href="index.html"><img src="inicio.png" border="0"/></td>


Bueno ya tenemos un boton, si queremos agregar mas hacemos lo mismo.

Ahora nos ubicamos en la 3° fila para colocar un texto una imagen que identifique la web.

Estamos en:

CODE
<td> </td>


Le agregamos una imagen. Insertar-> Imagen.

Quedaria asi.

CODE
<td><center><img src="reparacion.png"/></center></td>


De esa forma quedaria centrada.

Bueno si queremos agregar un texto, solo escribimos sobre la fila esa.

Bueno aca les dejo el link de como quedo la web, con algunos botones de mas.

Aca la pagina

Un saludo smile.gif

Permito la libre distribucion del manual , espeficando la fuente y autor, sin ningun fin comercial.

Cualquier duda sobre este manual, en un tema aparte.


User is offlineProfile CardPM
Go to the top of the page
+Quote Post
Torresltp
post Feb 1 2008, 01:47 AM
Publicado: #2


Nunca digas nunca...
******

Grupo: Members
Mensajes: 579
Registrado: 21-August 07
Miembro nº: 209.416



tongue.gif Muy bien lizz.cabj se parece a las como 5 web k diseñe en mi clase de diseño de web, cuando estudiaba informatica en el politecnico de mi ciudad... clap.gif Sobretodo la parte de Inicio, Contacto y todo eso... coolio0ju.gif aaaa y por cierto las hacias en dreamweaver


User is offlineProfile CardPM
Go to the top of the page
+Quote Post
Lord MinDokan
post Feb 1 2008, 10:03 PM
Publicado: #3


Más alto subes, más duro el golpe de la caída.-
Group Icon

Grupo: Moderadores
Mensajes: 3.422
Registrado: 6-February 06
Desde: Argentina, Santa Fe, Rosario
Miembro nº: 159.059



Lizz esto merece ir a tutoriales :D

Felicidades y gracias amigo.


User is offlineProfile CardPM
Go to the top of the page
+Quote Post
resback
post Feb 1 2008, 10:07 PM
Publicado: #4


¤яєѕвα¢¤
Group Icon

Grupo: Miembros Vitalicios
Mensajes: 1.197
Registrado: 11-July 07
Desde: Mexico DF
Miembro nº: 205.812



Si no quiero que cambie, lo del menu para arriba ya que en todas las secciones tiene lo mismo (el logo no cambia, el menu y botones tampoco) osea el contenido que cambie sin alterar lo mencionado antes, como lo haria???


saludos bye1.gif bye1.gif bye1.gif ,
User is offlineProfile CardPM
Go to the top of the page
+Quote Post
Lizz
post Feb 1 2008, 10:19 PM
Publicado: #5


Maestro Secreto
Group Icon

Grupo: Miembros Vitalicios
Mensajes: 1.458
Registrado: 18-May 07
Desde: Mar del Plata, Argentina
Miembro nº: 201.159



QUOTE
  Si no quiero que cambie, lo del menu para arriba ya que en todas las secciones tiene lo mismo (el logo no cambia, el menu y botones tampoco) osea el contenido que cambie sin alterar lo mencionado antes, como lo haria???


Tu dices, de como editar cada seccion en su contenido?

Si es eso, yo lo hago, cambiando el contenido que quiera en el documento del inicio y lo guardo con otro nombre (de la seccion que sea)

Un Saludo smile.gif
User is offlineProfile CardPM
Go to the top of the page
+Quote Post

 
Closed TopicTopic OptionsStart new topic

Collapse

> Topicos similares

como desactivo y vuelvo a activar outpost firew ... vegetasonyer 79 6 Ayer, 04:27 PM
By: Kbite
como desactivo y vuelvo a activar outpost firew ... vegetasonyer 0 0 Ayer, 02:57 PM
By: Kbite
como sustituir archivo RosMari 52 3 Ayer, 09:44 AM
By: Kbite
"Guardar como" no trabaja bien Jorge Aldao 100 2 Ayer, 12:26 AM
By: ole1105