-
Cómo editar una fuente de HTML
-
Una de las mejores maneras de aprender desarrollo web es el estudio de la obra de otros desarrolladores. Usted puede aprender trucos HTML, como vuelcos de imágenes y menús animados, copiando el código fuente de una página web y experimentando con él. Alterar la apariencia de una página HTML existente por elementos en movimiento, añadiendo otros nuevos y el cambio de atributos en la sección de hoja de estilos de la página. Si usted no tiene software de edición de HTML, utilice Bloc de notas para realizar los cambios.Instrucciones
1 Visitar un sitio web que tiene características visuales o interactivos que le gusten.
2 Haga clic en "Ver" en la parte superior del navegador y seleccione "Ver código fuente". El navegador se abrirá una ventana que contiene el código fuente HTML de la página web.
3 Haga clic en cualquier área de la página y seleccione "Copiar".
4 Abra un editor HTML o el Bloc de notas y crear un nuevo documento. Pulse "CTRL + V". Windows le pega el siguiente código HTML en el documento.
5 Pulse "CTRL + V". Windows le pega el siguiente código HTML en el documento.
6 Examine el código. Podrás ver las etiquetas HTML estándar como HTML, el cuerpo y la cabeza. Si la página web utiliza JavaScript, verá etiquetas script también.
7 Encuentra uno de los elementos de la sección del cuerpo del documento. Por ejemplo, si la página tiene un botón, casilla de entrada o de partida, encontrar uno de estos y cambiar la propiedad text del elemento escribiendo un nuevo valor.
8 Añadir elementos adicionales a la página según sea necesario. Por ejemplo, para agregar una nueva imagen, agregue el código siguiente a la sección de cuerpo:
<Img alt = "mi imagen" />
Reemplazar xyz.gif con el nombre de una imagen en su disco duro.
9 Guarde el documento y verlo en su navegador. Podrás ver los cambios realizados.
10 Volver al documento y encontrar la sección de estilo cerca de la parte superior de la página. Aquí es donde los desarrolladores suelen definir los colores, las fuentes, las dimensiones y otras propiedades visuales de los elementos de una página. Por ejemplo, es posible que aparezca una sección de estilo similar a esto:
<Style>
.class1 {color: red; font-weight: bold; altura: 100px; Anchura: 200px; }
</ Style>
Esta clase CSS, "clase 1", se aplicará estos atributos a cualquier elemento de la página que hace referencia a la clase. Alterar algunos de estos valores, guardar la página y ver cómo los cambios afectaron a la página.
11 Continuar para estudiar el código fuente HTML, modificarlo y ver los cambios en el navegador. Si ve un elemento de la página interesante, como un menú transparente con el texto del oro, encontrar ese elemento en el código fuente y averiguar cómo el desarrollador crea el efecto.
Consejos y advertencias
- Muchos editores de HTML tienen un botón de "Vista Diseño". Estos botones simplifican la tarea de ver los cambios HTML. Haga clic en el botón y se puede ver cómo se verá la página en un navegador sin tener que guardar la página y abrir un navegador.