Este sábado 13 de febrero de 2010 si hay clase de Pequeños emprendedores, a las 10:00 hrs., lugar habitual
Este sábado 13 de febrero de 2010 si hay clase de Pequeños emprendedores, a las 10:00 hrs., lugar habitual
(para entregar vía correo electrónico (pe@axayacatl.edu.mx) antes del lunes 1 de febrero de 2010)
Nota: No habrá clases este sábado 30
Nota: Todos los scripts deberán tener las siguientes características:
Cualquier duda, consulta o comentario, hacerlo por medio de los comentarios de este Post
(para entregar vía correo electrónico (pe@axayacatl.edu.mx) antes del viernes 22 de enero de 2010)
El resultado de la división de 200 / 39 es: 5.12 y el residuo es: 5
Nota: Todos los scripts deberán tener las siguientes caracteristicas:
Cualquier duda, consulta o comentario, hacerlo por medio de los comentarios de este Post
| Ejemplo | Nombre | Resultado |
|---|---|---|
| -$a | Negación | El opuesto de $a. |
| $a + $b | Adición | Suma de $a y $b. |
| $a – $b | Substracción | Diferencia entre $a y $b. |
| $a * $b | Multiplicación | Producto de $a y $b. |
| $a / $b | División | Cociente de $a y $b. |
| $a % $b | Módulo | Resto de $a dividido por $b. |
El operador de división ("/") devuelve un valor flotante a menos que los dos operandos sean enteros (o cadenas que son convertidas a enteros) y los números sean divisibles sin residuos, en cuyo caso se devuelve un valor entero.
Los operandos del módulo son convertidos a enteros (removiendo la parte decimal) antes de ser procesados.
Nota: El resto de $a % $b es negativo para valores negativos de $a.
El operador básico de asignación es "=". A primera vista, podríamos pensar en él como "es igual a". No lo hagamos. Lo que quiere decir en realidad es que el operando de la izquierda recibe el valor de la expresión a la derecha (es decir, "se define a").
El valor de una expresión de asignación es el valor que se asigna. Es decir, el valor de "$a = 3" es 3. Esto le permite hacer una que otra cosa curiosa:
$a = ($b = 4) + 5; // $a es igual a 9 ahora, y $b ha sido definido a 4.
?>
Nota: El operador de asignación "=" no debe confundirse con la comparación logica "==".
En conjunto con el operador básico de asignación, existen "operadores combinados" para todos los operadores de aritmética binaria, unión de matrices y de cadenas, que le permiten usar un valor en una expresión y luego definir su valor como el resultado de esa expresión.
| Operador | Descripción | Ejemplo |
|---|---|---|
= |
Asigna un valor a una variable | $variable = 5; |
| += | Incrementa el valor de la variable en el valor dado. Equivale a $a = $a + 7 | $a += 7; |
| -= | Decrementa el valor de la variable en el valor dado. Equivale a $a = $a – 3 | $a -= 3; |
| *= | Multiplica el valor de la variable. Equivale a $a = $a * 4 | $a *= 4; |
| /= | Divide el valor de la variable. Equivale a $a = $a / 2 | $a /= 2; |
| Operador | Descripción | Ejemplo |
|---|---|---|
. |
Concatena dos cademas | $texto."Hola"; |
| .= | Concatena a la variable una cadena. Equivale a $a = $a.$b | $a .= $b; |
Los operadores de comparación, como su nombre indica, le permiten comparar dos valores en evaluaciones logicas.
| Ejemplo | Nombre | Resultado |
|---|---|---|
| $a == $b | Igual | TRUE si $a es igual a $b. |
| $a === $b | Idéntico | TRUE si $a es exactamente igual a $b, y son del mismo tipo. |
| $a != $b | Diferente | TRUE si $a no es igual a $b. |
| $a <> $b | Diferente | TRUE si $a no es igual a $b. |
| $a !== $b | No idénticos | TRUE si $a no es igual a $b, o si no son del mismo tipo. |
| $a < $b | Menor que | TRUE si $a es escrictamente menor que $b. |
| $a > $b | Mayor que | TRUE si $a es estrictamente mayor que $b. |
| $a <= $b | Menor o igual que | TRUE si $a es menor o igual que $b. |
| $a >= $b | Mayor o igual que | TRUE si $a es mayor o igual que $b. |
| Ejemplo | Nombre | Resultado |
|---|---|---|
| $a and $b | Y | TRUE si tanto $a como $b son TRUE. |
| $a or $b | O | TRUE si cualquiera de $a o $b es TRUE. |
| $a xor $b | O exclusivo (Xor) | TRUE si $a o $b es TRUE, pero no ambos. |
| ! $a | No | TRUE si $a no es TRUE. |
| $a && $b | Y | TRUE si tanto $a como $b son TRUE. |
| $a || $b | O | TRUE si cualquiera de $a o $b es TRUE. |
Debido a los preparativos y al festival de Navidad, se pospone la clase programada para este sábado 12 de diciembre de 2009, así mismo el periodo para la entrega de los códigos de la tarea podrán ser entregados como máximo el día 13 de diciembre de 2009.
(para entregar vía correo electrónico (pe@axayacatl.edu.mx) antes del viernes 11 de diciembre de 2009)
/*Calcula el área de un rectángulo*/ $figura = "rectangulo"; $base = 50; $altura = 30;
Al cambiar el valor de la variable $figura por “triangulo” deberá calcularse el área correcta para esta figura, por ejemplo:
$figura = "rectangulo"; $base = 50; $altura = 30; área de la figura rectángulo es 150 $figura = "triangulo"; $base = 50; $altura = 30; área de la figura triángulo es 75
//si la variable tiene el valor de 5 $cols = 5; //se creara una tabla con 5 columnas
Nota: Todos los scripts deberán tener las siguientes caracteristicas:
Cualquier duda, consulta o comentario, hacerlo por medio de los comentarios de este Post
PHP (acrónimo de “PHP: Hypertext Preprocessor”) es un lenguaje de “código abierto” interpretado, de alto nivel, embebido en páginas HTML y ejecutado en el servidor.
¿Qué significa esto? veamos un ejemplo:
<html> <head> <title>Hola Mundo!</title> </head> <body> <p> <?php echo "Hola Mundo!"; ?> </p> </body> </html>
Lo primero que observamos en este ejemplo y que hace de PHP un lenguaje diferente a otros lenguajes de programación (como VBasic, C++, etc.) es que aquí se trata de un documento HTML donde hemos insertado el código PHP (código embebido) dentro de las etiquetas especiales “<?php“ para iniciar el codigo PHP y “ ?>” para indicar el final del código PHP, en nuestro ejemplo se producirá una salida de texto. Todo este proceso se realiza en el servidor web, el “cliente” (navegador) no podra “ver” el codigo PHP, solo lo que este ha generado, si miramos el documento HTML que genero nuestro ejemplo veremos algo como:
<html> <head> <title>Hola Mundo!</title> </head> <body> <p> Hola Mundo! </p> </body> </html>
Podemos notar que todo lo referente a código PHP ha “desaparecido” ya que es el servidor quien procesa y traduce las ordenes PHP y solo retorna al cliente el resultado en forma de documento HTML
TABLAS
Una tabla es un conjunto de celdas organizadas dentro de las cuales podemos alojar distintos tipos de contenidos.
Para crearlas utilizamos la etiqueta principal <table> junto con su cierre correspondediente </table>. Dentro de esta etiqueta vamos creando las distintas filas por medio de la etiqueta <tr> y </tr>, y en cada fila las celdas a través de la etiqueta <td> y </td>. Las celdas de cada fila se ordenan automáticamente de izquierda a derecha. Dentro de estas etiquetas de celda es donde colocaremos nuestro contenido.
Se usaron los siguientes atributos:
<!-- table.html
itaka666
21-noviembre-2009
Tabla. Uso de los atributos: border, colspan, rowspan, width, heigth-->
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
<html>
<head>
<title></title>
</head>
<body>
<table border="1">
<caption>tabla de ejemplo</caption>
<tr>
<th>encabezado 1</th>
<th>encabezado 2</th>
<th>encabezado 3</th>
<tr>
<td colspan="2">celda 1</td>
<td>celda 2</td>
</tr>
<tr>
<td>celda 4</td>
<td>celda 5</td>
<td>celda 6</td>
<tr>
<td>celda 7</td>
<td rowspan="2">celda 8</td>
<td>celda 9</td>
<tr>
<td>celda 10</td>
<td>celda 12</td>
</tr>
<tr>
<td width="300" height="150"> </td>
<td width="150"> </td>
<td width="500"> </td>
</table>
</body>
</html>
INSERTAR (Imágenes)
El presente curso tiene como objetivo preparar a los alumnos de 3er grado de secundaria, que fueron seleccionados para llevar a cabo el proyecto “Pequeños Emprendedores” correspondiente al ciclo escolar 2009-2010.
Para este ciclo escolar se ha hecho un giro radical en el modo de creación. Se eligió la programación Web como base para su creación, mismo que permite mantener el proyecto al día gracias a las técnicas modernas de programación, desarrollo y lenguaje más utilizados en la Internet a nivel profesional: PHP
Este lenguaje permite crear “páginas web dinámicas” que se “insertan” en el código HTML
HTML (desde wikipedia), siglas de HyperText Markup Language (Lenguaje de Marcas de Hipertexto), es el lenguaje de marcado predominante para la construcción de páginas web. Es usado para describir la estructura y el contenido en forma de texto, así como para complementar el texto con objetos tales como imágenes. HTML se escribe en forma de “etiquetas”, rodeadas por corchetes angulares (<,>). HTML también puede describir, hasta un cierto punto, la apariencia de un documento, y puede incluir un script (por ejemplo Javascript), el cual puede afectar el comportamiento de navegadores web y otros procesadores de HTML.
Si estas leyendo esto ya tienes el principal requisito: un navegador web. Actualmente todas las computadoras incluyen un navegador que permite “ver” páginas web (cualquiera que utilices esta bien). En la sección de software puedes encontrar enlaces para descargar algún otro si lo prefieres.
El segundo requisito es: un editor de texto. También puedes utilizar el que más te plazca, con la única condición que guarde los archivos en “texto plano”, es decir, sin ningún tipo de formato En las computadoras Windows podemos utilizar el “Bloc de Notas”, de igual forma, en la sección de sofware puedes encontrar una lista de otros editores que puedes descargar.
Para el presente curso se ha recomendado el editor PSPad, que entre otras ventajas tiene numeración de líneas, coloreado de sintaxis, auto-cierre de etiquetas, indentación automática, etc. Todas estas propiedades son muy útiles para escribir codigo HTML y PHP.
La codificación HTML esta formada a partir de “etiquetas” encerradas entre los símbolos de “menor que” y “mayor que” (<, >).
Existen algunas reglas para formar un correcto código HTML:
Ejemplos: Incorrecto: <BODY BgColor="#000000"> Correcto: <body bgcolor="#000000">
Ejemplos: Incorrecto: <a href=index.php> Correcto: <a href="index.php">
Ejemplos: Incorrecto: <ul> <li>Uno <li>Dos <li>Tres </ul> Correcto: <ul> <li>Uno</li> <li>Dos</li> <li>Tres</li> </ul>
Ejemplos: Incorrecto: <b>El respeto <i>al derecho ajeno es la paz.</b></i> Correcto: <b>El respeto <i>al derecho ajeno es la paz.</i></b>
Ejemplos: Incorrecto: <br> <hr> Correcto: <br/> <hr/>
Ahora veamos el código completo de una página web para analizarla a detalle más adelante
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
<html>
<head>
<title>Hola Mundo</title>
</head>
<body>
<p>Hola Mundo!</p>
</body>
</html>
La primer línea (<!DOCTYPE …>) se analizara a detalle en clases posteriores, asi que por el momento dejaremos pendiente su explicación.
Un archivo HTML solo puede contener una etiqueta <html> esta a su vez puede contener solo dos tipos de etiquetas <head> y <body> (también es posible usar las etiquetas de marcos <frame> sin embargo estas son poco recomendables pues van en contra de la filosofía de internet de no mezclar contenido con presentación y son problemáticas en su manejo)
Lo anterior nos hace notar que un documento HTML esta dividido en dos secciones, una “cabecera” (<head>) y un “cuerpo” (<body>)
Dentro de la etiqueta <head> encontraremos información referente al documento actual, por ejemplo el titulo de la página, palabras clave útiles a los buscadores, codificación utilizada, enlaces a archivos de apoyo (hojas de estilo, scripts, iconos, etc.).
En el ejemplo podemos observar solo una etiqueta dentro de la cabecera: la etiqueta <title> esta se utiliza para Definir el “titulo” del documento actual (visible en la barra de titulo del navegador) se recomienda usar descripciones cortas y concisas sobre el contenido de la página.
El segundo componente de un archivo HTML es el “cuerpo” definido por la etiqueta <body>, en esta sección es donde encontraremos el contenido en si de nuestra página, es esto lo que nos mostraran los navegadores.
La etiqueta <p> define un párrafo de texto, en nuestro ejemplo con la frase: Hola Mundo!
Es recomndable que los archivos de HTML utilicen unicamente minusculas evitando el uso de espacios, acentos, eñes y caracteres especiales o fuera del alfabeto inglés, como extensión utilizaremos .htm o .html, si estamos utilizando PSPad como editor se asignara automáticamente la extensión, si usamos otro tipo de editores (como el Bloc de Notas de Windows) debemos asegurarnos que no se añade la extensión .txt a nuestros archivos:
Incorrecto:
Hola Mundo.html
hola_mundo.html.txt
Correcto:
hola_mundo.html
En HTML es posible utilizar comentarios, estos serán ignorados por el navegador, pudiendo incluir tantos como consideremos necesarios, incluso pueden ir fuera de las etiquetas <html> siendo de gran utilidad para quien escribe el documento HTML
Durante el proyecto utilizaremos a inicio de cada archivo una serie de comentarios utiles para el correcto desarrollo del mismo, facilitando la edición y corrección de los archivos, a continuación un ejemplo de esta convención:
<!-- nombre_del_archivo.html nombre del programador fecha de creación Objetivo del documento Comentarios sobre el mismo --> <!-- hola_mundo.html alonso6665 7-11-2009 Ejemplo de un documento típico en HTML -->
HTML cuenta con 6 niveles de encabezados, siendo la etiqueta <h1> la de mayor relevancia hasta <h6> que sería la de menor relevancia. Estas etiquetas se pueden definir como de formato de párrafo pero por su importancia he preferido tratarlas aparte. No resulta recomendable utilizarlas para aumentar o disminuir el tamaño del tipo de letra, ya que cada navegador los muestra de manera diferente. Se usan para dividir correctamente en secciones nuestra página, tal y como se hace en un documento de texto normal. Es decir para determinar la importancia no la apariencia.
Codigo:
<h1>Encabezado de nivel uno</h1> <h2>Encabezado de nivel dos</h2> <h3>Encabezado de nivel tres</h3> <h4>Encabezado de nivel cuatro</h4> <h5>Encabezado de nivel cinco</h5> <h6>Encabezado de nivel seis</h6>
Ejemplo:
Estas son las etiquetas más importantes (excluyendo algunas que
veremos más adelante):
| Etiqueta | Utilidad | Resultado |
|---|---|---|
| <p> ... </p> |
Sirve para delimitar un párrafo. Inserta una línea en blanco antes del texto. | Soy un párrafo |
| <center> ... </center> | Permite centrar todo el texto del párrafo. | Yo estoy centrado |
| <pre> ... </pre> | Representa con un tipo de letra de ancho fijo y respetando espacios y retornos de línea. Muy útil a la hora de representar código fuente. |
Este es un texto con letra de ancho fijo |
| <address> ... </address> | Para escribir direcciones (de esas donde vive la gente, no electrónicas). |
Juana Petunia Pérez López
Calle Amargura N° 9, 1ºB Cd. Casitas |
| <blockquote> ... </blockquote> | Para citar un texto ajeno. Se suele implementar dejando márgenes tanto a izquierda como a derecha, razón por la que se usa habitualmente. |
|
| <b> … </b> | Pone un texto en negritas, se recomienda utilizar en su lugar la etiqueta <strong> | Soy un texto en negritas |
| <i> … </i> | Pone un texto en cursivas, se recomienda utilizar la etiqueta em | Soy un texto en cursivas |
| <s> … </s> | Tacha un texto | |
| <u> … </u> | Subraya un texto, no se recomienda su utilización | Soy un texto subrayado |
| <tt> ... </tt> | Permite representar el texto en un tipo de letra de ancho fijo. | Texto en letra de ancho fijo |
| <sup> ... </sup> | Letra superíndice. | E=mc2 |
| <sub> ... </sub> | Letra subíndice. | H2O |
| <big> ... </big> | Incrementa el tamaño del tipo de letra. | Soy GRANDE |
| <small> ... </small> | Disminuye el tamaño del tipo de letra. | Creí ver un lindo gatito |
Esta arquitectura consiste básicamente en un cliente que realiza peticiones a otro programa (el servidor) que le da respuesta. Aunque esta idea se puede aplicar a programas que se ejecutan sobre una sola computadora es más ventajosa en un sistema operativo multiusuario distribuido a través de una red de computadoras.
En esta arquitectura la capacidad de proceso está repartida entre los clientes y los servidores, aunque son más importantes las ventajas de tipo organizativo debidas a la centralización de la gestión de la información y la separación de responsabilidades, lo que facilita y clarifica el diseño del sistema.
La separación entre cliente y servidor es una separación de tipo lógico, donde el servidor no se ejecuta necesariamente sobre una sola máquina ni es necesariamente un sólo programa. Los tipos específicos de servidores incluyen los servidores web, los servidores de archivo, los servidores del correo, etc. Mientras que sus propósitos varían de unos servicios a otros, la arquitectura básica seguirá siendo la misma.
Articulo completo: http://es.wikipedia.org/wiki/Cliente_servidor
Un servidor web es un programa que implementa el protocolo HTTP (HyperText Transfer Protocol). Este protocolo pertenece a la capa de aplicación del modelo OSI y está diseñado para transferir lo que llamamos hipertextos, páginas web o páginas HTML (HyperText Markup Language): textos complejos con enlaces, figuras, formularios, botones y objetos incrustados como animaciones o reproductores de música.
Es un programa que se ejecuta continuamente en un ordenador (también se emplea el término para referirse al ordenador que lo ejecuta), manteniéndose a la espera de peticiones por parte de un cliente (un navegador web) y que responde a estas peticiones adecuadamente, mediante una página web que se exhibirá en el navegador o mostrando el respectivo mensaje si se detectó algún error.
Instalar un servidor web en nuestro PC nos permitirá, entre otras cosas, poder montar nuestra propia página web sin necesidad de contratar hosting, probar nuestros desarrollos vía local, acceder a los archivos de nuestro equipo desde un PC remoto (aunque para esto existen otras opciones, como utilizar un servidor FTP) o utilizar alguno de los programas basados en web tan interesantes que están viendo la luz últimamente. El problema de usar nuestro ordenador como servidor web es que conviene tenerlo encendido permanentemente (para que esté accesible de forma continua como la mayoría de los sitios webs), con el consiguiente coste debido al consumo de electricidad (conviene tener en cuenta que hay alojamientos web gratuitos, incluso sin publicidad y con interesantes funciones).
Articulo completo: http://es.wikipedia.org/wiki/Servidor_web
PHP es un lenguaje de programación interpretado, diseñado originalmente para la creación de páginas web dinámicas. Es usado principalmente en interpretación del lado del servidor (server-side scripting) pero actualmente puede ser utilizado desde una interfaz de línea de comandos o en la creación de otros tipos de programas incluyendo aplicaciones con interfaz gráfica usando las bibliotecas Qt o GTK+.
PHP es un acrónimo recursivo que significa PHP Hypertext Pre-processor (inicialmente PHP Tools, o, Personal Home Page Tools). Fue creado originalmente por Rasmus Lerdorf en 1994; sin embargo la implementación principal de PHP es producida ahora por The PHP Group y sirve como el estándar de facto para PHP al no haber una especificación formal. Publicado bajo la PHP License, la Free Software Foundation considera esta licencia como software libre.
Articulo completo: http://es.wikipedia.org/wiki/Php
Internet es un conjunto descentralizado de redes de comunicación interconectadas, que utilizan la familia de protocolos TCP/IP, garantizando que las redes físicas heterogéneas que la componen funcionen como una red lógica única, de alcance mundial. Sus orígenes se remontan a 1969, cuando se estableció la primera conexión de computadoras, conocida como ARPANET, entre tres universidades en California y una en Utah, Estados Unidos.
Uno de los servicios que más éxito ha tenido en Internet ha sido la World Wide Web (WWW, o “la Web”), hasta tal punto que es habitual la confusión entre ambos términos. La WWW es un conjunto de protocolos que permite, de forma sencilla, la consulta remota de archivos de hipertexto. Ésta fue un desarrollo posterior (1990) y utiliza Internet como medio de transmisión.
Existen, por tanto, muchos otros servicios y protocolos en Internet, aparte de la Web: el envío de correo electrónico (SMTP), la transmisión de archivos (FTP y P2P), las conversaciones en línea (IRC), la mensajería instantánea y presencia, la transmisión de contenido y comunicación multimedia -telefonía (VoIP), televisión (IPTV)-, los boletines electrónicos (NNTP), el acceso remoto a otras máquinas (SSH y Telnet) o los juegos en línea.
Articulo completo: http://es.wikipedia.org/wiki/Internet
En informática, la World Wide Web, cuya traducción podría ser Red Global Mundial, es un sistema de documentos de hipertexto y/o hipermedios enlazados y accesibles a través de Internet. Con un navegador web, un usuario visualiza sitios web compuestos de páginas web que pueden contener texto, imágenes, videos u otros contenidos multimedia, y navega a través de ellas usando hiperenlaces.
La Web fue creada alrededor de 1989 por el inglés Tim Berners-Lee y el belga Robert Cailliau mientras trabajaban en el CERN en Ginebra, Suiza, y publicado en 1992. Desde entonces, Berners-Lee ha jugado un papel activo guiando el desarrollo de estándares Web (como los lenguajes de marcado con los que se crean las páginas web), y en los últimos años ha abogado por su visión de una Web Semántica.
Articulo completo: http://es.wikipedia.org/wiki/World_Wide_Web