Tecnología

Inicio

Cómo construir sitios web interactivos

March 5

Cómo construir sitios web interactivos


Se puede construir un sitio web interactivo mediante la creación de contenido de la página que el usuario pueda interactuar con él. JavaScript es un lenguaje del lado del cliente versátil que le permite crear contenido en función de las condiciones cambiantes, como la información proporcionada por el usuario. CSS (Cascading Style Sheets) le permite modificar el estilo de página. Construir una página web interactiva con JavaScript y CSS que permite a su visitante a elegir el color de la página.

Instrucciones

1 Abra su editor y crear un nuevo documento.

2 Introduzca los siguientes datos en su documento:

<Html>

<Head>

<Title> </ title>

</ Head>

<Body>

<Form name = "colorform">

Elija su color de la página: <br />

Naranja: <input name = "page_color" type = "radio" onclick = "pcolor ( '# FF6600')" /> <br />

Verde: <input name = "page_color" type = "radio" onclick = "pcolor ( '# 99FF00')" /> <br />

Amarillo: <input name = tipo "page_color" = "radio" onclick = "pcolor ( '# FFFF66')" />

</ FORM>

</ Body>

</ Html>

Esto muestra las opciones de radio de "naranja", "verde" y "Amarillo".

3 Escriba los datos siguientes por encima de la etiqueta </ ​​head>:

<Script language = "JavaScript">

función pcolor (color) {

document.bgColor = color;

}

</ Script>

La función pcolor se llama cuando se selecciona una radio. Los cambios de página de color en función de la elección del color.

4 Guardar el documento como "index.html". Se trata de un nombre de archivo predeterminado reconocido por el servidor como su página principal. Crear cualquier otro documento necesario para construir su sitio web.

5 Sube tu página (s) y cualquier otro archivo a su servidor utilizando los datos dados a usted por su proveedor de alojamiento. Utilizar un programa FTP como Dreamweaver o cuteFTP. Después de la carga, su sitio web es accesible por los espectadores web.

6 Probar el sitio introduciendo su URL en un navegador. Si se realiza algún cambio en sus archivos locales, asegúrese de repetir el proceso de carga de nuevo para hacer la versión más reciente visible en Internet.