(Wamp) hacer una carpeta dentro de www hacer carpeta de test, dentro de test bloc de notas
quitar extensiones, para visualizarlo ponemos localhost/test por ejemplo en el navegador.
(Xamp) en la carpeta en la raíz carpeta HTDOCS subcarpeta test subcarpeta index.html
cliente html.
Esto es HTML sencillo <strong>ESTO ESTA EN NEGRITA</strong>
<br><br>
<?php
echo "Mi nombre es ¿name?<br>";
echo "Mi apellido es <strong>¿apellidos?</strong";
?>
<form action="nombre_edad2.php" method="post">
<label>NOMBRE
<input type="text" name="nombre" />
</label>
<label>APELLIDO
<input type="text" name="apellido" />
</label>
</label>EDAD
<input type="text" name="edad" />
</label>
<input> type="submit">
</form>
</body>
Aquí os dejo un ejemplo que vosotros mismo podéis hacer con DREAMWEAVER:
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>Documento sin título</title>
</head>
<body>
<marquee behavior="scroll" direction="right">
<center>
<strong>OFERTAS</strong><br /><br />
3 Libros por el precio de 1 <br />
1/2 kilo de pescadilla por 1 euro<br />
<img src="images.jpg" width="350" height="250" /><br />
2 baguettes por 0,50 Euros<br />
<br />
Pase por nuestra tienda !!!
<br />
o llamenos al :<br />
<br /¿>telefono?<br />
<center>
</marquee>
</body>
</html>
Estos códigos que hay es un ejemplo que podéis probar, donde pone TELÉFONO lo podéis cambiar y poner otra cosa. Igual que OFERTAS, 3 LIBROS, PESCADILLA o BAGUETTES, son ejemplos que e puesto.
En la esquina superior izquierda de la pantalla si os fijáis hay 4 casillas, CÓDIGO, DIVIDIR, DISEÑO y en VIVO. Lo que tendréis que hacer es poner la casilla de CÓDIGO, porque estas instrucciones es programación tendremos que seleccionarla. Una vez seleccionada escribiremos esas instrucciones, como en la imagen que estáis viendo abajo:
A continuación una vez hecho eso si ahora marcamos la casilla de DISEÑO veremos la presentación de como os a quedado. En el recuadro del medio en este caso no se vera ninguna imagen porque no hemos seleccionado ninguna, por lo tanto no se a cargado para visualizar ninguna imagen. Pero el contenido que hemos escrito lo vemos en esta imagen:
También para más comodidad lo que podemos hacer es irnos a las casillas y marcar la casilla de DIVIDIR, y podremos ver en el lado izquierdo la escritura en programación y en el lado derecho la presentación o visualización de como nos va quedando como en la imagen de abajo:
A continuación cuando terminamos de trabajar lo tendremos que guardar como DREAMWEAVER para tener el archivo, o bien si ya hemos terminado y queremos probar en el navegador haber como nos a quedado lo guardamos como navegador. Y por último y para acabar, para probarlo en el navegador que tengamos instalado lo único que abra que hacer es hacer doble clic al icono que hemos gravado que saldrá el icono de vuestro navegador, haciendo doble clic se abrirá automáticamente en el navegador y podremos ver nuestro trabajo en la pagina del navegador, como en esta imagen de abajo:
0 comentarios:
Publicar un comentario