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:
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
dreamweaver
¿Que es Adobe Dreamweaver?
Adobe Dreamweaver es una aplicación en programa de estudio (basada en la forma de estudio de Adobe Flash) que está destinada a la construcción, diseño y edición de sitios, vídeos y aplicaciones Web basados en estándares. Creado inicialmente por Macromedia (actualmente producido por Adobe Systems) es uno de los programas más utilizados en el sector del diseño y la programación web por sus funcionalidades, su integración con otras herramientas como Adobe Flash y, recientemente, por su soporte de los estándares del World Wide Web Consortium. Sus principales competidores son Microsoft Expression Web y BlueGriffon (que es de código abierto) y tiene soporte tanto para edición de imágenes como para animación a través de su integración con otras. Hasta la versión MX, fue duramente criticado por su escaso soporte de los estándares de la web, ya que el código que generaba era con frecuencia sólo válido para Internet Explorer y no validaba como HTML estándar. Esto se ha ido corrigiendo en las versiones recientes.
Se vende como parte de Adobe Creative Suite. A partir de la compra de Macromedia por parte de Adobe. Las letras CS significan Creative Suite.
La gran ventaja de este editor sobre otros es su gran poder de ampliación y personalización, puesto que en este programa sus rutinas (como la de insertar un hipervínculo, una imagen o añadir un comportamiento) están hechas en Javascript-C, lo que le ofrece una gran flexibilidad en estas materias. Esto hace que los archivos del programa no sean instrucciones de C++ sino rutinas de Javascript que hace que sea un programa muy fluido y todo ello permite que programadores y editores web hagan extensiones para su programa y lo pongan a su gusto.
Las versiones originales de la aplicación se utilizaban como simples editores WYSIWYG. Sin embargo, versiones más recientes soportan otras tecnologías web como CSS, JavaScript y algunos frameworks del lado servidor.
Dreamweaver ha tenido un gran éxito desde finales de los años 1990 y actualmente mantiene el 90% del mercado de editores HTML. Esta aplicación está disponible tanto para la plataforma MAC como para Windows, aunque también se puede ejecutar en plataformas basadas en UNIX utilizando programas que implementan las API's de Windows, tipo Wine.
Como editor WYSIWYG que es, Dreamweaver permite ocultar el código HTML de cara al usuario, haciendo posible que alguien no entendido pueda crear páginas y sitios web fácilmente sin necesidad de escribir código.
No obstante, Adobe ha aumentado el soporte CSS y otras maneras de diseñar páginas sin tablas en versiones posteriores de la aplicación, haciendo que se reduzca el exceso de código.
Dreamweaver permite al usuario utilizar la mayoría de los navegadores Web instalados en su ordenador para previsualizar las páginas web. También dispone de herramientas de administración de sitios dirigidas a principiantes como, por ejemplo, la habilidad de encontrar y reemplazar líneas de texto y código por cualquier tipo de parámetro especificado, hasta el sitio web completo. El panel de comportamientos también permite crear JavaScript básico sin conocimientos de código.
Con la llegada de la versión MX, Macromedia incorporó herramientas de creación de contenido dinámico en Dreamweaver. En lo fundamental de las herramientas HTML WYSIWYG, también permite la conexión a Bases de Datos como MySQL y Microsoft Access, para filtrar y mostrar el contenido utilizando tecnología de script como, por ejemplo, ASP, ASP.NET, ColdFusion, JSP (JavaServer Pages) y PHP sin necesidad de tener experiencia previa en programación.
También podría decirse que, para un diseño más rápido y a la vez fácil, podría complementarse con Fireworks en donde se podría diseñar un menú u otras creaciones de imágenes (gif web, gif websnap, gif adaptable, jpeg calidad superior, jpeg archivo más pequeño, gif animado websnap) para un sitio web y después exportar la imagen creada y así utilizarla como una sola en donde ya llevará los vínculos para dicho sitio.
HTML
¿Qué es HTML?
Actualmente la mayoría de las personas han visto cientos de páginas web pero muchos se preguntarán ¿Qué es HTML? ¿Para qué me sirve? ¿Cómo funciona? ¿Es difícil escribir en HTML? ¿Dónde puedo escribir HTML? Y otras preguntas como estas serán respondidas a continuación.
Si buscas en GOOGLE o en cualquier otro buscador la definición de HTML, probablemente encontrarás está:
“HTML es un lenguaje de programación que se utiliza para el desarrollo de páginas de Internet. Se trata de la siglas que corresponden a HyperText Markup Language, es decir, Lenguaje de Marcas de Hipertexto”.
No obstante, este tipo de definiciones no nos dice mucho porque la definición es técnica. Para algunas personas al leer esto, piensan que HTML incluye el diseño gráfico de las páginas web, sin embargo, eso no es cierto ya que HTML sólo sirve para indicar como va ordenado el contenido de una página web. Esto lo hace por medio de las marcas de hipertexto las cuales son etiquetas conocidas en inglés como tags.
Hasta el momento ya tenemos una idea sobre lo que hace HTML pero aún no sabemos cómo funcionan las etiquetas. Para esto vamos a imaginar que tienen que hacer un ensayo sobre algún tema, consideraremos que el ensayo será nuestra página web y la manera en la que va ordenado un ensayo es por un título, la introducción, el desarrollo y la conclusión, si se tiene en cuenta que esto nos dice cómo debe ir nuestro ensayo podemos considerar que éstas serían las etiquetas porque nos dicen la estructura que lleva, es decir, la forma en que se acomoda el texto en nuestro ensayo. Cabe mencionar que las etiquetas no sólo sirven para ordenar nuestro contenido sino que ayudan a los buscadores como Google, Yahoo search y muchos otros a encontrar la información por medio de las etiquetas.
Ahora que entendemos el concepto de etiquetas, necesitamos poder identificarlas. Éstas se caracterizan porque van dentro de los caracteres menor que
<
y mayor que >
, como en este ejemplo: <Aquí dentro va el nombre de la etiqueta>
Aunque eso no es todo debido a que deben tener un inicio y un fin. El inicio de una etiqueta es normal, en otras palabras lleva los dos caracteres que mencioné anteriormente y dentro de estos se encuentra el nombre, sin embargo, existe una diferencia para el fin de la etiqueta ya que antes de escribir el nombre de la etiqueta debemos escribir una diagonal
/
. Como en este ejemplo:<Inicio de la etiqueta>
</Fin de la etiqueta>lightbulb_outline
Existes ciertas excepciones con el fin de las etiquetas, ya que algunas usualmente sólo se utilizan con el inicio de la etiqueta, ejemplos de esto son las etiquetas BR (salto de línea), IMG (etiqueta para poner una imagen), entre otras.
Ya casi estamos listos para escribir HTML pero todavía nos falta ver la estructura de un código de HTML. Nuestro código siempre debe iniciar con la etiqueta HTML. A continuación se muestra un ejemplo de la estructura del código HTML. Ahora veremos un pequeño ejemplo del cuerpo de un código de HTML con algunos efectos en el texto como cursiva, subrayado, negrita.
Finalmente, sólo nos falta saber dónde escribir código en HTML y para ello sólo es necesario un editor de texto como el bloc de notas, aunque en mi opinión te recomendaría que descargaras Sublime Textdebido a que facilita la escritura de código HTML. Si aún quieres saber si HTML es fácil de escribir, te diría que sí, porque no hay mayor obstáculo en el aprendizaje que tus propias ganas de aprender, además del hecho que desde niños hemos aprendido a distinguir y clasificar todo a nuestro alrededor y es básicamente de lo que se encarga HTML así que no habrá una gran dificultad.
¿Que necesito para crear y publicar mi propio sitio web?
Pues la verdad es que para que tu como persona, no necesitas mucho para poder crear tu propia pagina de internet y subirla a internet, de hecho lo único que necesitas ¡es tu computadora y acceso a Internet!.
Existen 2 formas para crear tus propias paginas web, la primera es creandola a mano escribiendo codigo html y css o bién utilizando software gratuito como wordpress o joomla para crear tus paginas web. Si no tienes experiencia !No te preocupes¡, no necesitas ser un maestro de la programación para utilizar este tipo de software, y con el podras crear tu pagina en cuestion de simples minutos.
Suscribirse a:
Entradas (Atom)