JavaScript

Abrimos una estructura de html y empezamos a crear etiquetas de JavaScript.

Ejemplo uno:

Crear una alerta.

Tendremos que poner la siguiente etiqueta.

     <!-- Ejemplo de JavaScript    -->

<SCRIPT type="text/javascript">

alert( "Un virus ha entrado en sus sistema" );

document.write( "</br>3+5=" ); document.write( 3+5 ); 

document.write( "</br>3*5=" ); document.write( 3*5 ); 

document.write( "</br>3/5=" ); document.write( 3/5 ); 

document.write( "</br>3-5=" ); document.write( 3-5 ); 

</SCRIPT>

EJEMPLO FINAL:

Ejemplo dos :

Crearemos una suma.

 <!-- Ejemplo de JavaScript una suma -->

</br>

</br>

</br>

<SCRIPT type="text/javascript">

var numero_1 =3 ;

var numero_2 =1 ;

var resultado = numero_1 + numero_2 ;

document.write ("El resultado de sumar " + numero_1 + " y " + numero_2 + " es :" + resultado);

</SCRIPT>

Ejemplo tres :

Un cambio de peseta a euro.

</SCRIPT>

 <!-- Ejemplo de JavaScript cambio de peseta a euro -->

</br>

</br>

</br>

<SCRIPT type="text/javascript">

var cambio = 166.386;

var  pesetas = 300 ;

var resultado = pesetas / cambio;

document.write ('El resultado de pasar ' + pesetas + ' pesetas a Euros es :' + resultado + ' Euros' );

</SCRIPT>

Ejemplo 4:

Calculamos el radio de un circulo cualquiera.

</SCRIPT>

<!-- Ejemplo de JavaScript calcular radio -->

</br>

</br>

</br>

<SCRIPT type="text/javascript">

var pi = 3.1416;

var  radio = 8;

var area = pi*radio*radio;

document.write ('El resultado del calculo del area de un circulo es : ' + area );

</SCRIPT>

Ejemplo 5:

 <!-- Ejemplo de JavaScript cadenas de texto -->

</br>

</br>

</br>

<SCRIPT type="text/javascript">

var mensaje = "Bienvenido a  nuestro sitio web </br>";

var  nombreProducto = "Producto ABC";

var LetraSeleccionada = "c";

document.write (  mensaje + "</br>" + nombreProducto + "</br>" + LetraSeleccionada  );

</SCRIPT>

Ejemplo finales de las variables anteriores.

como crear una filas y columnas "tablero de ajedrez"

Para crear las filas y columna de la tabla de ajedrez.(hacerse una idea)

Ejemplo1:

HTML

CSS

Ejemplo final

Cambiar por defecto a charset=utf-8

Cambiaremos el charset=windows-1252 que viene por defecto en el editor BlueGriffon lo pondremos a charset=utf8  que sera el formato de codificacion de caracteres que utilizaremos.
Ejemplo por defecto:

Una vez abierto el BlueGriffon hacemos los sigueintes paso para que salga automaticamente charset=utf-8.

Ejemplo 1:

Una vez en preferencias se nos abrirá una ventana, nos dirigimos a la opción avanzadas una vez hay pincharemos en el editor de configuración.

Ejemplo 2:

Seguimos...

Ejemplo 4:

Pincharemos dos veces y ponemos utf-8 y aceptamos.

Ya lo tenemos conseguido. Automáticamente el charset saldra por defecto "charset-utf8"

Ejemplo final:

Poner stylos en la estructura html

Las hojas de estilo sirven para mejorar la apariencia de las páginas web.
En el directorio que tenemos de html crearemos un directorio style hay metemos un estilo.
En nuestro caso se llama miestilo.css. Una vez metido el archivo, modificaremos la estructura de html con nootepad++. y metermos las indicaciones de donde esta la hoja de estilo.
Ejemplo:

UTF-8

Al copiar una estrutura de html de una pagina web de internet a nootepad++ tendremos problema.
Se pasa en formato ANSI y no lee la etiqueta de UTF8, no reconoce las tilde y la Ñ.
Convertiremos el formato ANSI al fotmato UTF8 para no tener mas problema de que no reconozca las tilde y la Ñ.
Ejemplo:

Una vez codificado lo guardaremos. Y comprobamos si se lee correctamente el código html en la pagina web.

crear y poner en html un FAVICON

Primeramente debemos descargarnos una foto y la tenemos que convertir a la extensión .ico en Internet tenemos convertidores gratuito y rápidos.
Utilizaremos para el icono el tamaño de 32x32 una vez hecho,en este caso, lo guardaremos con el nombre favicon.ico . Estará guardado en el directorio html y dentro de html crearemos un directorio llamado imagen.

Tenemos que añadir el favicon.ico en código html para hacerlo lo editaremos con nootepad++.
Ejemplo:

 Ya tenemos todo listo, para ver que a funcionado abrimos la pagina web,saldrá en la pestaña el icono que hemos elegido.
Ejemplo final:

Como entrar con un puerto en nuestro servidor Apache

Queremos conseguir entrar en nuestro servidor con un puerto como por ejemplo el puerto 82 de la siguiente manera https://smr2pc10:82.
Arrancamos Apache y nos fijamos desde que puerto esta arrancado, una vez fijado te damos la instrucciones para cambiar de puerto.
Ejemplo inicial:

Sigue los sigueintes paso.
Nos dirijimos a donde tenemos guardado el siguiente fichero, httpd.conf, que se encuentra en C:/xampp/apache/config y el fichero que debemos modificar es el siguiente que hemos indicado antes. Lo modificaremos con notepad++ y dentro del fichero buscaremos Listen 80 pues donde indica eso cambiaremos el numero y pondremos Listen 82 y nos quedara de la siguiente manera.
Ejemplo:

Una vez encontrado y modificado lo guardamos, y arrancamos el Apache de nuevo para que se actualice el cambio. Una vez abierto el xampp nos fijamos que el puerto se a cambiado.Quedara de la siguiente manera:

Una vez seguido los anteriores pasos ahora abrimos el navegador y en la barra pondremos http:/smr2pc10:82. y habremos conseguido lo que queríamos.
Ejemplo final:

Como entrar en nuestro servidor con Apache

Como entrar con el navegador poniendo http://smr2pc10.

Pasos a dar:

Tenemos que dirijirno a c:\windows>system32>drivers>etc una vez llegado a ese directorio debemos copiarlo y pegarlo en nuestro  escritorio si no damos ese paso al guardarlo dara problemas,lo editamos por ejemplo con notepap++ ponemos la direccion 127.0.0.1      smr2pc10 y quitamos el asterisco (#) y listo, lo guardamos y quedara de la sigueinte manera.

Ejemplo:

Una vez guardado volvemos a copiar y pegar en c:\windows>system32>drivers>etc una vez hecho los siguiente pasos nos dirijimos al xampp y arrancamos Apache. Abrimos el navegador y ponemos en la barra de el smr2pc10 y listo tenemos lo que queremos.
Ejemplo final: