Caracteres especiales

Objetivo: Conocer los diferentes caracteres esp. que se utilizan en HTML, para el diseño de pagina WEB.


DESARROLLO:
Una pagina web se ha deber en distintos países que utilizan conjuntos de caracteres diferentes. El lenguaje de HTML nos ofrece un mecanismo por el que podemos estar seguros que una serie de ordenadores independientemente de sus juegos de caracteres.
Este conjunto son los caracteres especiales.




Alt+65=ñ
á->”&a acute”
é->”&e acute”
í->”&i acute”
Á->”&A acute”
ÁRBOL<-“Á”RBOL
Tipo de diéresis
Pingüino
Ü->ü
Ä->ä
Ï->ä
&-->&aup
< ->&it
B->ß
¿->¿.


Enlaces (hipervinculos)
Objetivo: Conocer los diferentes hipervinculos y sus características en HTML, para el diseño se paginas WEB.


DESARROLLO:
Para colocar un enlace utilizamos y dentro de la etiqueta de apertura debemos de especificar el destino del enlace.
Este destino será introducido en forma de atributo con el nombre href la sintaxis de un enlace tuene la forma



Tipo de enlaces
Los enlaces son agrupados del sig. Modo.
1.- Enlaces internos: Los que se dirigen a otras partes dentro de la pág.
2.-Enlaces locales: Los que se dirigen a otra pág. Del mismo sitio web.
3.-Enlaces remotos: Los dirigidos a otra pág. Web.
4.-Enlaces con direcciones de correo: Para crear un mensaje de correo dirigido a una dirección.
5.-Enlaces con archivos: Para que los usuarios puedan hacer download de archivos (ficheros).



CONCLUSION: Bueno como pudimos observa en los temas anteriores es muy elemental el echo de las etiquetas ya que nos permitirán obtener otra función como en el caso de las letras nos permite poner acentuaciones, signos etc. Lo cual es muy importante para la ortografía utilizar y checar cada uno de estos detalles pues al publicarla que nos daría. Otras de la cuales son muy importantes son los enlaces ya que estos nos permite pasar de una pagina otra dándonos una mejor presentación y un diseño mas agradable.

PRACTICA 3:DICCIONARIO

Objetivo:La practica #3 se realizara con requisitos correspondientes y este se realizara en codigo HTML poniendo en practica los temas vistos en clase .






DESARROLLO:




Este es la pantalla de inicio que se programo en codigo HTML en la cual utilizamos las litas ordenas y los enlaces .
Las caracteristicas que nos pidio son las sig;se creara un grosario de informacion en la cual se mostrar la informacion de los siguientes temas :
1.-Informatica
2.-Matematicas
3.-Historia



Este es el codigo inicial por el cual se empeso a programar los enlaces y los tipos de villetas que utilizamos




El codigo que se muestra en pantalla muestra como seda el enlace y sus caracteristicas y ademas establecemos el color de un enlace cuando es activado :esta es una de las caracteristicas que se pidio que es que el enlace se muestre de color amarillo cuando se activado.



Se muestra craramente como esta activado el enlace por que cambia de color amarillo.Ademas que se puede enlazar las paginas con imagenes en las cuales es el mismo caso con el codigo.



GLOSARIO DE INFORMATICA


Se muestra el codigo desarrollado para enlazar palabras que uno desea y que esten en otra parte del documento.


Sedesarrolla el contenido en el cual esta establecido nuestra informacion dentro del pprograma en html , este se muestra las caracteristicas de
(dt) y (dd) en las cuales e marcan uno como un titulo y el otro como
el contenido de ese titulo.








Esta es la pantalla cuando se a corrido el codigo en html y se muestra como se desarrolla la imagen




Se puede observar claramente el contenido del programa y este esta establecido atraves del codigo html claor sindejar en mente que si uno quiere puede regresar al menu principal para seleccionar otra opbcion.



GLOSARIO DE MATEMATICAS

Se muestra como en el glosario contine las mismas caracteristicas que el glosario de informatica por que se establecio mas mismas caracteristicas en las cuales nos enlasamos .



Se muestra el contenido del glosario.


Semuestra el contenido del programa cuando se a corrido en un navegador



Establecemos que este es el resultado de la informacion de el grosario de matematicas

GLOSARIO DE HISTORIA



Cambios que se isieron despues.


Desarrollamos las caracteristicas del glosario de historia basada en los datos que el profesor nos pidio , se muestra el inicio del codigo






La continuacion del codigo se muestra como se ampria cada ves mas la informacion que ingresasmos por lo cual deemos tener mucho cuidado de la informacion que estamos ingresando

Este el perimer resultado que es la de la cartula donde se muestra los vinculos de color amarillo y este cuando le damos clic nos lleba ala informacion en donde esta este nombre .


Mas adelante se muestra como se observa la siguiente pantalla sigue la informacion que emos ingresado , las caracteristicas de todas las paginas se pueden cambiar de acuerdo al gusto del programador o del cliente que pida una pagina


CONCLUCIONES:

Este programa fue realizado por los integrantes Monica Espinosa Morales , Oscar hernandez Morales;Se puede observar como estamos desarrollando los requisitos que se nos pidieron como son los enlaces ,los titulos y su contenido en un grosario en el cual no solo es de onformatica si no que tambien es de matematicas e historia ;En donde ponemos en practica aprendido los que emos visto en clase ;El desarrollo de esta practica ara que nuestra avilidad cresca para poder programar en html.

Practica#2Delgaciones del D.F.

OBJETIVO:La cual nos permite utitizar siertas etiquetas para el siguiente ejemplo.



DESARROLLO:

fontface * lista desordenada
font color -lista ordenada
fonr size -by color
-back ground
leftmargen-5
tupmargin-5












CONCLUSION:Mostrar las distintas tipo de villetas en el codigo html.

ATRIBUTOS PARA PAGINAS.

OBJETIVO:Conocer los atributos que modifican las caracteristicas de una pag. web.












DESARROLLO:
En este tema les mostraremos los siguientes atributos cada uno como se Plantearía
este tema.
bgcolor->color de fundo
background->imagen de fondo







Los elementos dentro de la pagina web son los siguientes:
*text *link *vlink *alink cada uno de estos tienen su funcion.

TEXTO:Este atributo sirve para asignar el color de texto de la pagina por de fecto es el negro.

LINK:El color de los enlaces que no an sido visitados (por de fecto es azul)

VLINK: Es el color de los enlaces visitados.

ALINK:Es el color de los enlaces activo. un enlace esta activo en ele preciso istante que se pulsa.

MARGENES

En este tecaso de utilizan los siguientes atributos para los margenes:

*leftmargin *topmargin *marginwidth *marginheight

leftmargin:Para ubicar los margenes a los lados lados de la pagina (derecha y izquierda).

*topmargin:Para indicar el margen superior y inferior de la pagina.
estos solo son para internet explore

*marginwidth: este es para ubicas los Márgenes alos lados como(leftmargin).
*marginheight: para margen superior y inferior.
Este se utiliza en NETSCAP.
COMO SEBE A COLOR

TIPOS DE LISTAS

Son utilizadas para diferentes objetivos y estre ellas son las siguientes:

*LISTAS DESORDENADA. *LISTAS ORDENADDAS. *LISTAS DE DEFINICION.

*LISTAS DEPORDENADA: Estas son limitadas por las etiquetas <> con su cierrre. con la siguiente etiqueta <> esta sin cierre. para esta lista no hay orden jerarquico.


















establecer tipo de viñetas como son las siguientes:
*circle (circulo), *squere (cuadrado), *disc (cuadrado disco).









LISTA ORDENADA
En esta lista si hay orden jeraquico.
<> <>

















TIPOS DE ORDENAR EL TEXTO
1.con numero
a.con letra
A.con letra mayuscula
i.con numero romano
I.con numero romano mayuscula.
ESTOS TAMBIEN SE ESTABLECEN DE OTRA FORMA "TYPE"

EJEMPLO:




















CONCLUSION: Bueno como pudimos observar es que para poder disñar una pagina podremos utilizat en este varios formatos para que la pagina quede de la madera que uno desee o adecuada a nuestras necesidasdes.

FORMATO DE LA PAGINA

OBJETIVO:Conocer los formatos necesarios en el diseño de pagina web .com .html.


DESARROLLO:
(color,tamaño y tipo de letra)

Face:Este tributo es interrpretado por verciones de NEXTCASPE y MSIE.
En este parte veremos como podemos incresar informacion a una pag. web mediante siertos codigos los cuales nos permitiran el tipo de letra su tamaño de esta, colo res para utilizar y cual es la forma de colocar

TIPO DE LETRA




RESULTADO











Este nos sirve para el tipo de letra que uno dese adecuar a su pag.
de igual forma se reslica para el color,tamaño tomemos en cuenta que son muy importante como se guarda el codigo para uqe esta tenga una buena presentacion.
aqui mostraremos un ejemplo de como se pide y masa adelante este como se ejecutaria.
1.titulo con encabezado 1
2.en talica con colo verde oliva
3.que diga ejemplo de pag web
4.segundo titulo encabezado 2
5.en color amarillo
6.que diga grupo 614
7.fuente de areal
su resultado de esta sera.















CONCLUCION:Pues como podemos ver estas funciones nospermitaran a realizar una fuente de informacion de acuerdo al gusto propoi estas dependeran desde colo, letra, tamaño asi obteniendo una pag. de acuierdo a las denecidades de cada quien y gusto.

PRACTICA 1:DISEÑO DE UNA PAG.WEB

OBJETIVO:Mostar los avances del semestre y las ligas de las paginas web diseñadas durante el semestre de la materia de programacion y diseño de paginas web, realizada en frontpage dream y HTML.

Esta es mi URL : http://redesconmonica.uphero.com/PAGINAS%20WEB/


DESARROLLO:

INTRODUCCION
Esta pagina en esta ocasión tratare de darles a los jóvenes un tema muy delicado ya que al paso del tiempo es un tema que muchos ignoran por la falta de información bueno yo les hablare sobre el aborto no deseado ya que en la actualidad seda con las jovencitas a partir de los 15 y 18 años. Tomando en cuenta la irresponsabilidad de los jóvenes sin tener una conciencia de que ellos querían tener un niño. Esta no es una página para abortar más bien es para tomar conciencia de nuestros actos de tal forma que yo soy mujer y como tal tenemos un cargo más grande tomemos en cuenta que también nosotras somos y seremos humanos y nadie es quien para quitarle la vida a un ser por lo cual tratare de orientarlos ya que somos aun muy jóvenes y lo que nos pase y afecte en este momento también afectara a nuestro seres amados no lastimes tu cuerpo, alma aprendan a amarse.

http://embarazo-sintomas.info/tag/embarazo-salma-hayek

http://intimidades.teoriza.com/riesgo-de-embarazo-no-deseado-durante-el-periodo-de-cuarentena-en-la-mujer

embarazo, embarazo en adolescente, embarazo precoz, embarazo salma hayek, embarazo semana a semana, etapas del embarazo, sintoma de embarazo, test de embarazo

http://rie.cl/?ps=1614

http://www.dalealplay.com/informaciondecontenido.php?con=44758

http://www.aepap.org/previnfad/pdfs/previnfad_endits.pdf

http://foro.enfemenino.com/forum/f95/__f5241_f95-Consecuencias-del-embarazo-no-deseado.html

http://www.inmujeres.gob.mx/dgpe/vidasinviolencia

CONCLUCION:Esta pag. nos habal sobre los embarazos que acorta edad se dad y por eso motivo toman desiciones equivocadas como el echo de no hablar con sus padres y cometer la pero desicion como el echo de abortar realmete el echo de que en la actualidad lleguen aver abortos, la verdad no es agradable eso, tenemos que ser mas consientes con el echo de no cometer un aborto a estas alturas,tomemos en cuenta que las cosas tienen que cambiar ya que tenemos que tomar demaciada consiencia.