Tecnología

Inicio

Cómo copiar una página web en Dreamweaver

Cómo copiar una página web en Dreamweaver


El diseño de un sitio web puede ser una tarea difícil cuando se está seguro de lo que se verá así. Examinando los diferentes sitios web que le gusta puede ser una buena idea cuando se piensa en el aspecto de su propio sitio web. Sin embargo, hay una manera de crear una página web similar a la que admiras. Usted puede utilizar el código fuente HTML de la página web que desea como una plantilla para su propio sitio web. Uso de Adobe Dreamweaver, puede personalizar la plantilla en el sitio web que desea.

Instrucciones

1 Abra el navegador de su elección e ir a la página web que le gustaría emular. Encuentra el código fuente de la página web y copiarlo. Dependiendo del navegador que está utilizando, se encuentra el código fuente en diferentes lugares.

Mozilla Firefox: Haga clic en la pestaña en la parte superior del navegador que dice "View". En la lista de opciones del menú desplegable, haga clic en el segundo lugar a la última opción, el "origen de página." Aparecerá otra ventana abierta que contiene el código fuente HTML. Ir a la pestaña "Editar", elegir la opción "Seleccionar todo" y luego elegir la opción "Copiar" en la misma lista desplegable.

Internet Explorer: Encuentra la pestaña "Ver" en la parte superior del navegador y seleccione "Fuente" en la parte inferior de la lista. Una ventana separada se abrirá mostrando el código fuente HTML. Ir a "Editar" y elegir la opción "Seleccionar todo" y luego elegir la opción "Copiar" en la misma lista desplegable.

2 Abra Adobe Dreamweaver a una página HTML en blanco. Asegúrese de que la página se muestra debajo de la pantalla "Código" y no bajo el "diseño" de pantalla. Puede ver las tres opciones de visualización por encima de la página en blanco: "Código", "Split" y "Diseño". Haga clic en la opción "Código" y verá un esqueleto HTML.

3 Resalte la página entera y borrar el esqueleto HTML. Ir a "Editar" y seleccione "Pegar" para pegar el código HTML en Adobe Dreamweaver. A continuación, seleccione la pantalla "Diseño", y verá el diseño del sitio web. Ahora eres libre de personalizar el código fuente o utilizar como plantilla para futuros proyectos de páginas web.

Consejos y advertencias

  • Dreamweaver ofrece muchos plug-ins para ayudarle a hacer su sitio web más dinámico.
  • Si va a crear su propio sitio web, es importante recordar que no debe copiar exactamente el sitio web. Una vez que copiar el código fuente en Dreamweaver, debe modificar el código para hacer el sitio web de su cuenta. Mediante el código fuente HTML inalterada se considera robo duro trabajo de otro diseñador.