La Secretaría de Educación Pública Federal, la Secretaría de Educación del Estado de Hidalgo, el SEMS y la Dirección General de Educación Tecnológica Industrial DGETI. tiene para usted presentarle el organismo llamado CBTIS 83 de Actopan Hicdalgo Mexico, un nuevo concepto más actualizado para cursar cualquier carrera técnica para desempeñar cualquier trabajo que se le ofresca, en el cual se describe de la siguiente manera:
Desarollo De Paginas Web
lunes, 14 de mayo de 2018
Cbtis 83
Sitio Web
Definicion
Un sitio web o cibersitio es una colección de páginas web relacionadas y comunes a un dominio de internet o subdominio en la World Wide Web dentro de Internet.12
Todos los sitios web públicamente accesibles constituyen una gigantesca World Wide Web de información; un gigantesco entramado de recursos de alcance mundial.
A las páginas de un sitio web se accede frecuentemente a través de un URL raíz común llamado portada, que normalmente reside en el mismo servidor físico. Los URL organizan las páginas en una jerarquía, aunque los hiperenlaces entre ellas controlan más particularmente cómo el lector percibe la estructura general y cómo el tráfico web fluye entre las diferentes partes de los sitios.
Algunos sitios web requieren una subscripción para acceder a algunos o todos sus contenidos. Ejemplos de sitios con subscripción incluyen algunos sitios de noticias, sitios de juegos, foros, servicios de correo electrónico basados en web, sitios que proporcionan datos de bolsa de valores e información económica en tiempo real, etc.
⊃== Visión general ==
Un sitio web es el conjunto de archivos electrónicos y páginas web referentes a un tema en particular, que incluye una página inicial de bienvenida, generalmente denominada home page, con un nombre de dominio y dirección en Internet específicos. Un sitio web es un gran espacio documental organizado que la mayoría de las veces está típicamente dedicado a algún tema particular o propósito específico. Cualquier sitio web puede contener hiperenlaces a cualquier otro sitio web, de manera que la distinción entre sitios individuales, percibido por el usuario, puede ser a veces borrosa.
No debemos confundir sitio web con páginaweb; esta última es sólo un archivo HTML, una unidad HTML, que forma parte de algún sitio web. Al ingresar una dirección web, como por ejemplo www.wikipedia.org, siempre se está haciendo referencia a un sitio web, el que tiene una página HTML inicial, que es generalmente la primera que se visualiza. La búsqueda en Internet se realiza asociando el DNS ingresado con la dirección IP del servidor que contiene el sitio web en el cual está la página HTML buscada.
Los sitios web están escritos en código HTML (Hyper Text Markup Language), o dinámicamente convertidos a éste, y se acceden aplicando un software conveniente llamado navegador web, también conocido como un cliente HTTP. Los sitios web pueden ser visualizados o accedidos desde un amplio abanico de dispositivos con conexión a Internet, como computadoras personales, portátiles, PDAs, y teléfonos móviles.
Sublime Text
¿Que Es?
Sublime Text es un editor de texto y editor de código fuente está escrito en C++ y Python para los plugins.1 Desarrollado originalmente como una extensión de Vim, con el tiempo fue creando una identidad propia, por esto aún conserva un modo de edición tipo vi llamado Vintage mode.2
Se puede descargar y evaluar de forma gratuita. Sin embargo no es software libre o de código abierto3 y se debe obtener una licencia para su uso continuado, aunque la versión de evaluación es plenamente funcional y no tiene fecha de caducidad.
Actualmente se encuentra en la versión número 3.
Jquery Mobile
JQuery Mobile es un Framework optimizado para dispositivos táctiles (también conocido como Framework móvil) que está siendo desarrollado actualmente por el equipo de proyectos de jQuery. El desarrollo se centra en la creación de un Framework compatible con la gran variedad de smartphones y tablets, algo necesario en el creciente y heterogéneo mercado de tablets y smartphones. El Framework de jQuery Mobile es compatible con otros frameworks móviles y plataformas como PhoneGap y Worklight entre otros.
Todos los proyectos que utilizan jQuery Mobile utilizan más o menos el mismo código. Es importante enlazar las librerías JavaScript de jQuery y jQuery Mobile, así como sus hojas de estilo (estos archivos pueden descargarse y utilizarse localmente, pero se recomienda enlazarlos desde el CDN de jQuery).
El cuerpo del documento contiene los divs con atributos “data-role”. Este atributo, vía jQuery Mobile define el aspecto y la funcionalidad del div. Un div con el data-role “page”, por ejemplo, representa un contenido de pantalla completa en el proyecto web. Una “page” puede tener divs definidos por data role “header”, “content” y “footer” (pero no es necesario, cualquier HTML está permitido dentro del div “page”).
Un documento HTML puede contener más de un elemento “page”, y por tanto más de un elemento de pantalla completa. De esta forma solo es necesario cargar un único documento que contiene las múltiples páginas de la aplicación. Una “page” puede enlazar a otro en el mismo documento referenciando a su atributo id (ej: href=”segundo”). Si se emplea esta solución, hemos de tener en cuenta que se cargará por defecto el primer “page” que se encuentre en el documento, siendo este siempre nuestro punto de entrada.
A continuación vamos a mostrar una pequeña explicación de los atributos más comunes de jQuery Mobile:
- data-role – Especifica el rol de cada elemento, como “header”, “content”, “footer”, etc.
- data-theme – Especifica que tema de diseño se va a utilizar con los elementos dentro del contenedor. Puede ser “a” o “b”.
- data-position – Especifica si la posición de un elemento debería de ser fija, en cuyo caso se renderizará en la parte superior (en el header) o en la parte inferior (en el footer) por defecto, independientemente del tamaño del contenido mostrado.
- data-transition – Especifica una de las 10 posibles animaciones que se pueden emplear al pasar entre “pages”.
- data-icon – Especifica uno de los 50 posibles iconos que pueden ser añadidos a un elemento. Estos iconos se mostrarán siendo parte del elemento en el que se muestran.
jQuery Mobile provee un Framework potente de “tematización” que permite a los desarrolladores personalizar los esquemas de color y determinados aspectos de la UI (User Interface) controlados por CSS. Los desarrolladores pueden usar la aplicación de jQuery Mobile ThemeRoller para personalizar estos aspectos y crear una amplia gama de experiencias. Tras desarrollar un tema con ThemeRoller, el desarrollador puede descargar su CSS personalizado y emplearlo directamente en su proyecto.
Cada tema contiene hasta 26 permutaciones de color, cada una de ellas consistente de un “header bar”, “content body” y “button states”. Combinar estas diferentes permutaciones permite a los desarrolladores crear un rango de efectos visuales más grande de lo que podrían lograr con solo una permutación por tema. Cambiar entre los diferentes temas es tan sencillo como añadir un atributo llamado “data-theme” a los elementos HTML. El tema por defecto de jQuery Mobile viene con 5 diferentes permutaciones de color, llamadas “a”, “b”, “c”, “d” y “e”.
PHP
¿Qué es PHP?
PHP (acrónimo recursivo de PHP: Hypertext Preprocessor) es un lenguaje de código abierto muy popular especialmente adecuado para el desarrollo web y que puede ser incrustado en HTML.
Bien, pero ¿qué significa realmente? Un ejemplo nos aclarará las cosas:
Ejemplo #1 Un ejemplo introductorio
<!DOCTYPE HTML>
<html>
<head>
<title>Ejemplo</title>
</head>
<body>
<?php
echo "¡Hola, soy un script de PHP!";
?>
</body>
</html>
En lugar de usar muchos comandos para mostrar HTML (como en C o en Perl), las páginas de PHP contienen HTML con código incrustado que hace "algo" (en este caso, mostrar "¡Hola, soy un script de PHP!). El código de PHP está encerrado entre las etiquetas especiales de comienzo y final
<?php
y ?>
que permiten entrar y salir del "modo PHP".
Lo que distingue a PHP de algo del lado del cliente como Javascript es que el código es ejecutado en el servidor, generando HTML y enviándolo al cliente. El cliente recibirá el resultado de ejecutar el script, aunque no se sabrá el código subyacente que era. El servidor web puede ser configurado incluso para que procese todos los ficheros HTML con PHP, por lo que no hay manera de que los usuarios puedan saber qué se tiene debajo de la manga.
Lo mejor de utilizar PHP es su extrema simplicidad para el principiante, pero a su vez ofrece muchas características avanzadas para los programadores profesionales. No sienta miedo de leer la larga lista de características de PHP. En unas pocas horas podrá empezar a escribir sus primeros scripts.
Aunque el desarrollo de PHP está centrado en la programación de scripts del lado del servidor, se puede utilizar para muchas otras cosas. Siga leyendo y descubra más en la sección ¿Qué puede hacer PHP?, o vaya directo al tutorial introductorio si solamente está interesado en programación web.
CSS
¿Qué es CSS?
CSS es un lenguaje de hojas de estilos creado para controlar el aspecto o presentación de los documentos electrónicos definidos con HTML y XHTML. CSS es la mejor forma de separar los contenidos y su presentación y es imprescindible para crear páginas web complejas.
Separar la definición de los contenidos y la definición de su aspecto presenta numerosas ventajas, ya que obliga a crear documentos HTML/XHTML bien definidos y con significado completo (también llamados "documentos semánticos"). Además, mejora la accesibilidad del documento, reduce la complejidad de su mantenimiento y permite visualizar el mismo documento en infinidad de dispositivos diferentes.
Al crear una página web, se utiliza en primer lugar el lenguaje HTML/XHTML para marcar los contenidos, es decir, para designar la función de cada elemento dentro de la página: párrafo, titular, texto destacado, tabla, lista de elementos, etc.
Una vez creados los contenidos, se utiliza el lenguaje CSS para definir el aspecto de cada elemento: color, tamaño y tipo de letra del texto, separación horizontal y vertical entre elementos, posición de cada elemento dentro de la página, etc.
Sitio Web Dinamico
Los sitios Web dinámicos son aquellos que permiten crear aplicaciones dentro de la propia Web, otorgando una mayor interactividad con el navegante. Aplicaciones dinámicas como encuestas y votaciones, foros de soporte, libros de visita, envío de e-mails inteligentes, reserva de productos, pedidos on-line, atención al cliente personalizada ....
El desarrollo de este tipo de Web son mas complicadas, pues requieren conocimientos específicos de lenguajes de programación así como creación y gestión de bases de datos, pero la enorme potencia y servicio que otorgan este tipo de páginas hace que merezca la pena la inversión y esfuerzo invertidos respecto a los resultados obtenidos, veámoslo con el siguiente ejemplo:
Imaginase que usted esta interesado en desarrollar un sitio Web donde publicite los productos o servicios de su negocio, para mayor captación de clientes ha de disponer de un formulario donde los clientes tengan la posibilidad de realizar pedidos sobre el catalogo de productos disponibles, los clientes rellenarían el siguiente formulario, indicando la cantidad solicitada de cada producto, así como la dirección a la cual se ha de enviar el pedido, como resultado de dicha operación al presionar sobre el botón "enviar" se nos mostrara la fecha y hora en la cual se ha realizado el pedido así como una descripción de los productos solicitados con la cantidad total y el precio del pedido.
Otra gran ventaja que proporciona crear sitios Web dinámicos es la posibilidad de trabajar con bases de datos, las cuales puede almacenar cualquier tipo de datos que a usted le interese para posteriormente realizar cualquier tipo de consultas
Suscribirse a:
Entradas (Atom)