Cómo diseñar una página de marcador de posición para su sitio web

UN página de marcador de posición es exactamente lo que parece: Es la página de inicio por defecto que los visitantes ven en una dirección web en particular - su nombre de dominio - cuando usted (o su cliente) ambos han registrado el dominio y establecer un plan de alojamiento, pero aún no se han publicado los nuevo sitio web o cualquiera de sus propias páginas allí.

Para crear su propia página de marcador personalizado, necesita tener acceso a las siguientes cosas:

  • Un texto, HTML o editor de código WYSIWYG para crear la página de marcador de posición como Dreamweaver, CoffeeCup, Amaya, Kompozer, TextWrangler, o incluso TextEdit o Bloc de notas

  • compañía de nombre / logotipo del propietario del sitio en formato GIF, PNG, o JPG

  • La declaración descriptiva sobre el sitio que se incluirá en la página de marcador de posición

  • dirección de correo electrónico del propietario del sitio, que debe utilizar el nuevo nombre de dominio como info @mi sitio.com en lugar de una dirección personal de correo electrónico de AOL, Gmail, AT&T o Yahoo!

Aquí es cómo crear una página personalizada marcador de posición sencilla de estilo con CSS interna. Al dejar el CSS dentro de la página, sólo tiene que cargar un único archivo en lugar del HTML y el CSS.

Siga estos pasos para crear la página de marcador de posición:

Video: Como Agregar tu Negocio en Google Maps

  1. Crear una nueva carpeta en el escritorio de ordenador llamado marcador de posición, y dentro de esa carpeta, crear otra carpeta llamada imágenes.

    La página de marcador de posición y la imagen que está a punto de crear se guardarán en esta estructura de carpetas.

  2. Guarde el logotipo de la empresa con el .jpg, .jpg, o .jpg extensión de archivo y colocarlo en sus nuevas imágenes dentro de la carpeta de marcador de posición en el escritorio.

    Para guardar una copia del gráfico, a la derecha, haga clic (Windows) o Control + clic (Mac) en la imagen y selecciona Guardar (Este) Imagen Como. Elija la carpeta de imágenes dentro de la carpeta de marcador de posición en el escritorio como la de guardar en la ubicación.

  3. Usando su editor de código preferido, o un programa de edición de texto de su ordenador, abra un nuevo documento en blanco.

    Para utilizar el programa de edición de texto de su ordenador, seleccione Inicio → Todos los programas → Accesorios → Bloc de notas si estás usando un PC o en un Mac, el lanzamiento de la carpeta Aplicaciones y haga doble clic en el icono de edición de textos.

    Un nuevo documento sin título que se abrirá automáticamente. Si eso no sucede, seleccione Archivo → Nuevo para abrir un nuevo archivo.

  4. Si está utilizando un editor de texto, escriba la siguiente estructura básica de la página HTML 5, que incluye el DTD y HTML5 charset etiqueta meta:

    De lo contrario, si usted está usando un editor de código HTML, que cae automáticamente en el código estructural para usted, vaya directamente al paso 5.

  5. Entre la apertura y el cierre etiquetas, escriba un título para la página (por ejemplo, Luau-a-go-go).

    Su código debe tener este aspecto:

    <b>Luau-a-go-go</b>

    Este código establece el título de la página, que aparece en la barra de título del navegador.

    Video: Curso de Word 2013. 18.1. Insertar marcadores

  6. Entre la apertura y el cierre etiquetas, escriba el nombre de la empresa, una declaración o etiqueta de la línea descriptiva, y una dirección de correo electrónico (que se convierte en una dirección de correo electrónico cifrado en el Paso 10).

    Video: Como crear una marca de posición en Google Earth

    Por ejemplo, escriba el siguiente texto en negrita, asegurándose de añadir el párrafo

    y romper las etiquetas que se indique:

    Luau-a-go-go

    Luau-a-go-go


    Catering temático hawaiano


    Luaus * Eventos especiales * Cumpleaños * Aniversarios * Fiestas
    Santa Mónica, CA
    Para más información contacte
    [email protected]

    los etiquetas tienen el texto y otro contenido que aparezca en la ventana del navegador.

  7. Seleccione Archivo → Guardar para abrir el cuadro de diálogo Guardar como.

    Tendrá que guardar el documento en su nueva carpeta de marcador de posición.

  8. En el campo Nombre de archivo, escriba index.html- en el campo Guardar en, seleccione el marcador de posición carpeta- y en el campo Guardar como tipo, seleccione la opción Todos los archivos. A continuación, haga clic en el botón Guardar.

    Este documento no incluye ningún logotipo gráfico, sin embargo, por lo que tendrá que modificar el código.

    Si está utilizando edición de textos, elija la opción Texto sin formato Make en el menú Formato. También quiere asegurarse de que incluye el .html la extensión de archivo antes de guardar para que su documento no guarda como un accidente .rtf o .TXT archivo.

  9. Elimine la línea de código que dice

    Luau-a-go-go

    y reemplazarla con la siguiente línea de código, que inserta el logotipo gráfico en la página:
    & Lt; i & gt; Luau-a-go-go & lt; / i & gt;

    Vuelva a colocar el texto en cursiva si está usando el logo de su cliente.

  10. Convertir la dirección de correo electrónico en un hipervínculo de trabajo mediante un servicio de cifrado de correo electrónico (en lugar de los mailto: vínculo de correo electrónico, que es vulnerable al spam), como el que se encuentra en Dynamic Drive.

    Su código de página debería ser algo como esto:

    Luau-a-go-goLuau-a-go-go

    Catering temático hawaiano


    Luaus * Eventos especiales * Cumpleaños * Aniversarios * Fiestas
    Santa Mónica, CA
    Para más información contacte

  11. Guarde los cambios en el archivo y vista previa de la página en una ventana del navegador.

    Para una vista previa de la página en un navegador, arrastrar y soltar el icono de su nueva index.html página en cualquier ventana del navegador abierta. No se requiere conexión a Internet para previsualizar la página localmente.

    Video: Cómo hacer corazón marcador de página

Artículos Relacionados