-
Neopets Tutorial HTML
-
Neopets son mascotas virtuales interactivos y divertidos que se preocupa por como viven en el mundo de Internet de Neopia. Cada personaje tiene su propia página web que muestra quién es y lo que le gusta. Puede personalizar el aspecto y el contenido de sus páginas de mascotas mediante el uso de lenguaje de marcado de hipertexto (HTML).
Acceder al código HTML
Antes de poder editar su página Neopet, usted tiene que acceder al código HTML. Para empezar, acceda a su cuenta Neopet y seleccione "Mi cuenta" en el menú desplegable "Panel de control". Busque la sección "Neopets" en el medio de la página y haga clic en el enlace "Editar página mascotas" en la parte inferior.
Haga clic en el enlace "Editar" debajo de la imagen del Neopet. Desplazarse por la página hasta que vea el cuadro de texto con el código HTML existente y el contenido. Puede hacer doble clic en el interior de la caja y empezar a escribir para editar la página.
Observe los botones en la parte inferior del campo de texto. Haga clic en el botón "Vista previa de cambios" para ver lo que su página se ve como cuando se realizan cambios y haga clic en el botón "Restablecer página predeterminada" para poner la última página como lo encontró. No utilice el botón "Reset" si desea conservar los cambios que se realicen, ya que no será capaz de recuperarlos.
Cambiar el fondo
En la parte superior del cuadro de texto se encuentra el HTML que controla el fondo de la "<body>" etiqueta del cuerpo superior. Cambiar esta configuración para mostrar un fondo preferido.
Cambiar el color de fondo de la página mediante la localización de la entrada color de fondo "bgcolor". Usted puede cambiar el color blanco actual a cualquier tono que desee mediante la supresión de este código y reemplazarla con su propia tonalidad preferida. Por ejemplo, cambiar bgcolor = "blanco" para bgcolor = "blue" para cambiar el color a azul.
Ahora edite la entrada de fondo "fondo" para permitir que la sombra previamente elegido para aparecer. El fondo por defecto muestra una imagen de repetición, lo que hace que sea difícil leer el texto en una página, por lo que puede optar por deshacerse de este, si se prefiere. Simplemente busque la línea que lee fondo = "http://images.neopets.com/template_images/(imagename).gif" y pulse el botón" Eliminar "en su teclado.
Termine haciendo clic en el botón "Vista previa de cambios" para ver la nueva página, y si te gusta los cambios en la vista resultante, desplazarse hasta la parte inferior y haga clic en el botón "Guardar cambios". De lo contrario, haga clic en el botón "Regresar" para editar el código HTML de nuevo.
Formato a la fuente
Formato a la fuente de la pantalla mediante la edición de los "<font>" etiquetas de fuentes en todo el código HTML.
Busque el primer "<font>" etiqueta para cambiar el "color" a la sombra que desee. Los ajustes actuales contienen códigos de seis dígitos conocidos como hexadecimales. Puede reemplazar estos códigos con los números de otra hexadecimal para aplicar un color diferente, como por ejemplo los "azules marinos" en lugar de simplemente "azul", o simplemente utilizar el nombre de otro color como el "rojo". Se puede acceder a las cartas de colores hexadecimales en la Internet para obtener los códigos de color adicionales (ver Recursos). Para cambiar el color, basta con sustituir los números existentes con su selección elegida. Por ejemplo, cambio de color = "# 990099" al color = "# 000000" para cambiar la tonalidad púrpura actual a negro.
Continuar haciendo que el tamaño de la letra más grande o más pequeño. Los tamaños se establecen en números, que se muestran en letra más grande cuanto mayor sea el número va. Encuentra la parte de la etiqueta "<font>" que dice "tamaño" y cambiarlo a un número menor o mayor según se prefiera. Para ilustrar, para hacer un tipo de letra más grande aparece, cambie el tamaño = "3" para size = "4".
Previsualizar los cambios para asegurarse de que te gusta el formato y seguir editando los otros ""> <font etiquetas de fuente para editar las distintas secciones de la página. Haga clic en el botón "Guardar cambios" para guardar sus selecciones de forma permanente.
