EQUIPO 4 Yai





Equipo 4------------------------------------------------------------------------------------------------------------

Integrantes:

Johanna Yailine Cruz Segura.
José Luis Méndez Pérez.
Ezequiel Sanchez Aparicio.


Presentacion~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~

¡Hola! Somos estudiantes del CECyTE 10 yahuquemehcan, de la carrera de programación, y aquí vamos a mostrarles las actividades que estuvimos realizando en el primer parcial, esperamos que el contenido sea de su agrado, gracias por ver :D


BIENVENIDO AL PRIMER PARCIAL :D


Inicio de las actividades****************************************************************
  • Actividad de aprendizaje 1.

          Evolución web.






          Estructura de una pagina web.

          Social Cat uwu:





  • Actividad de aprendizaje 2.

         ¿De donde viene y que es HTML?






  • Actividad de aprendizaje 3.

          Preparándonos para HTML5.

          Primera pagina con HTML, estilos de letra, fuentes, listas, subrayado, tamaño de texto, negritas              y todo lo esencial para comenzar en HTML.



          Cuestionario y tipos de MIME.










  • Actividad de aprendizaje 4.

          Mas bases HTML.

Encabezado.

 Subtítulos y espacios.




Formato de texto.




Tamaño de títulos.




Estilo del texto.





Párrafos.




Super Textos.



Listas de elementos.


 Listas de definiciones.





Enlace_texto.





Tablas.



Enlaces



Formulario.





  • Actividad de repaso 5.

          Actividades del curso HTML.
         
          Ejercicio 1_Hola Mundo



      Ejercicio 2_ Texto.




Ejercicio 3_ Titulo App de Gatos



Ejercicio 4_imagen.


Ejercicio 5_ App de Gatos







  • Actividad de evaluación 6.

          Repaso de todo lo visto en HTML.

        
  Ejercicio 1- Crear una pagina básica.





Ejercicio 2- Estructura interna de una pagina HTML.





Ejercicio 3- Salto de linea <br>.




Ejercicio 4- Parrafo.




Ejercicio 5- Insertar texto con diferentes propiedades.

a.


b.




Ejercicio 6- Títulos <h1>...<h6>.


Ejercicio 7- Énfasis (<em> <strong>).




Practica 6- Títulos <h1>...<h6>.



Practica 7- Énfasis (<em> <strong>).



Ejercicio 8- Insertar un hiperenlace.





Ejercicio 9-  Hipervínculo a otra pagina del mismo sitio <a>.





Ejercicio 10- Hipervínculo a otro sitio de internet <a>.




Ejercicio 11-Apertura de un hipervínculo en otra instancia del navegador.





Ejercicio 12- Hipervínculos a un cliente de correo <a>.




Ejercicio 13- Anclas llamadas desde la misma pagina.






Ejercicio 14- Anclas llamadas desde otra pagina.







Ejercicio 15-Insertar una imagen.





Ejercicio 16- Hipervínculo mediante una imagen <a> <img>


Ejercicio 18- Lista ordenada (<ol>)




Ejercicio 19- Lista no ordenada (<ul>)



Ejercicio 20- Lista de definiciones (<dl>)




Ejercicio 21- Listas anidadas.



Ejercicio 22- Trabajar con tablas.




Ejercicio 23- Tabla (<table><tr><td>).



Ejercicio 24- Tabla con encabezado(<th>).



Ejercicio 25- Tabla con titulo <caption>.



Ejercicio 26- Tabla y combinación de celdas.



-----------------------------------------------------------------------------------------------------------------------------

¡Hemos llegado al fin de este parcial!... Nos veremos pronto con mas actividades de programacion :D

**********************************************************************************








-------------------------------------------------------------------------------------------------------------------------



BIENVENIDO AL SEGUNDO PARCIAL :D!!!

~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~
Presentación:

Hola desarrollador!! :D
Seas bienvenido al segundo parcial... Hemos aprendido cosas nuevas desde la ultima vez que nos vimos por ultima vez, en esta ocasión pudimos explorar un poco mas lo que es css, de esta forma le dimos un poco mas de estilo a nuestras paginas web, asi como también aprendimos a subir a la nube las paginas que desarrollamos durante el parcial.

¿Estas listo? Comencemos :3

~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~

Actividad de aprendizaje No.1----------------------------------------------------------------------------------

Los nuevos elementos HTML5 (Unidad 4)_______________________________________________

1.- Article.




2.- Aside



3.- Footer.




4.- Header.



5.- Nav.




6.- Section.



7.- Address.




8.-Hgroup.



9.- Menu.


10.-Command.




11.- Details y Summary.


12.- DFN.



13.- Figure y figcaption.


14.- Wbr.



15.- Audio.




16.-Canvas.



17.-Embed.


18.-Svg.



19.-Video.


20.- Pagina básica en html.



-----------------------------------------------------------------------------------------------------------------------------
Actividad de Aplicación NO.2

Construcción de una pagina web enfocada a las redes sociales.

En esta ocasión construimos una pagina web referente a las redes sociales y el impacto que tienen en nuestra vida. Principalmente la hicimos con los conocimientos que hemos obtenido anteriormente, tratamos de incluir elementos visuales básicos y como principal elemento la navegación entre paginas.
En el siguiente link podrás encontrar nuestra pagina web sobre redes sociales, en ella podrás encontrar temas como, la influencia de las redes sociales en nuestra actualidad, como es su funcionamiento, beneficios y afectos que tiene en nuestra vida etc.
Ven y date una vuelta a nuestra pagina web! :D




Visita nuestra pagina web uwu: http://p1260423p3z.great-site.net/PaginaRedes/app.html

----------------------------------------------------------------------------------------------------------------------------

Actividad de aprendizaje NO.3

Curso de HTML y CSS App de Gatos.

Seguimos trabajando con este curso que ha resultado ser muy beneficioso para nosotros ya que hemos adquirido conocimientos mas amplios sobre el etiquetado de HTML y en esta ocacion nos introducimos mas a la parte del diseño, asi es nos estamos refiriendo a las hojas de estilo CSS.
CSS lo utilizamos para darle vida a nuestras paginas web, para darles un mejor formato y un estilo determinado, de esta manera CSS se encarga de la parte visual de una pagina web.
Lo veremos aplicado en la siguiente pagina web que es de App de Gatos.
Esperamos disfrutes de esta pagina :D




Visita nuestra pagina uwu: http://p1260423p3z.great-site.net/Programa_de_curso/

-------------------------------------------------------------------------------------------------------------------------

Actividad de aprendizaje NO.4

Continua construyendo tu pagina web enfocada a redes sociales.

Ahora, de la pagina que anteriormente realizamos con los conocimientos que tenemos de HTML, lo que haremos esta vez sera editarla y complementarla ahora con los conocimientos que hemos adquirido con CSS, sabiendo que las hojas de estilo son las que le proporcionan el formato a nuestras paginas web.
Podemos utilizar una plantilla o nosotros mismos codificarlo con CSS, sin embargo decidimos construirla y aprender sobre mas elementos de CSS utilizando una plantilla.

En el siguiente link podrás encontrar nuestra pagina web sobre redes sociales, en ella podrás encontrar temas como, la influencia de las redes sociales en nuestra actualidad, como es su funcionamiento, beneficios y afectos que tiene en nuestra vida etc.

Ven y date una vuelta a nuestra pagina web! :D




http://p1260423p3z.great-site.net/FlexStart/

---------------------------------------------------------------------------------------------------------------------------

Conexión de un formulario a PHP.

En este parcial aprendimos a realizar de manera correcta una conexión a la nube y a php, que es donde hemos estado subiendo algunas de nuestras mejores paginas web.

Esta practica la realizamos en clase y trata sobre un formulario que almacena la información que el usuario ingresa en una base de datos.




Sigue el link y podrás ver nuestro formulario :3
http://p1260423p3z.great-site.net/ConexionPHP/AltasDePersonas.html

-----------------------------------------------------------------------------------------------------------------------------

¡Hemos llegado al fin de este parcial!... Nos veremos pronto con mas actividades de programacion :D

**********************************************************************************


Publicar un comentario