Practica #2 Republica

OBJETIVO:establecer los comandos o etiquetas aplendidos en la clase sobre el codigo HTML en donde establecemos las caracteristicas que nos pidio el profesor.
desarrollo:

En la primera imagen establecemos el codigo correpondiente ala lo que nos pidio el profesor.
*un margen de 5 x 5
*letras color amarillo
*fuente arial
*el tipo de viñeta que pidio




Se muestra la continuacion del codigo en HTML estableciendo las caracteristicas que nos pidio el profeso con las viñetas.
*primero establecemos y buscamos los etados de la republica mexicana
*los dividimos :
-norte
-sur
-este
-oste




Tambien establecemos las delegacion por la misma direcion que el de los estados de la reublica mexicana .



Semuestra claramente las caracteristicas que nos pidio el profesor
establecer los tipos de viletas.


Tanbien se muestra las delegaciones con sus respectivas viñetas en donde cada una de la delegaciones orientas al norte,sur ,este ,oste tienes diferesntes biñetas.

Esta imagen muestra como tanbien cambia las viñetas de las delgaciones del D.F.

concluciones: el desarrollo de este tema muestra como cada a aprendido el maejo del codifo HTML en donde hay que desarrollar mas y evitar quivocarse en el codigo.

Atributos

Desarrollo: Estableceremos tributos alos cuales nos alludaran a poder modificar y realizar nuestra pagina web .

bg color = establece el color de fondo en la pagina.

background = establece la imagen de fondo.



Este serian los ejemplos en el codigo html para las caracteristicas habladas anterior mente.

OTROS ATRIBUTOS:

Text : Este atributo sirve para asignar el color del texto de la pagina ,por defecto es el negro.

Link: Es el color de los enlaces que no ansido visitados(por defecto es el azul)

Vlink:Es el color de los enlaces visitados.

alink: es el color de los enlaces activos . un enlase esta activo en el presizo instante que se pulsa.




*MARGENES

INTERNET EXPLORET:
-LEFTMARGIN:para indicar el margen de los lados de la pagina.esta es valido solo para internet esploret.
-Topmargin:para indicar el margen superior e inferior de la pagina para internet exploret.

NETSCAPP:
-MARGIN WEDTH:indica el margen de los lados de la pagina.

-MARGINHEIGHT:indica el margen superior e inferior de la pagina




*LISTAS

Las listas son utilizadas para sitar , numerar y definir objetos.
Tamien son utilizadas comun mente para desplazar el comienzo de la linea hacia la derecha.Podemos distingir 3 tipos de listas.

• Lista desordenada
• Lista ordenada
• Lista de definicion

*Listas desordenadas:son limitadas por las etiquetas <> cada uno de los elementos de la lista es sitado por medio de una etiqueta<> sin cierre.








*TIPOS DE VIÑETAS
VIÑETAS type="tipo de viñetas"

*circle:circulo
*square:cuadrado
*disc:cuadrado disco






Este es el resultado con el codigo html

*Lista Ordenadas: en estas litas si se coloca un orden jerarquiro alos registros.


*En esta imagen se muestra como se codifica para obtener las listas ordenadas


Este es el resulta con el codigo html

*En las listas ordenas se puede se pueden modificar los numeros.

1.-arabigo:ordenar por numero
2.-malabigo para ordenar por numero

- a :pone la letra las letras del alfabeto
- A : por letras mayusculas del alfabeto
- i :ordena por numero romanos en minusculas
- I :ordena por numero romanos en mayusculas






*Este el ejemplo en codigo html para poder canbiarle los numeros alas listas ordenadas


*Este es el resultado de como se muestra la paguina cunado se guarda y se muestra , se claramente como canbia la viñeta.




*Este codigo muestra otro cambio alas viñetas


*Este es como se muestra .

CONCLUIONES: Este tema se muestra como podemos disellar las caracteristicas de muschos de los elemtos en codigo HTML parapoder modoficar las viñetas , el tamaño, el emcabezado,el tipo de letra , estas clase son interesantes ala ves pero tambien tienen su lado malo que si te equibocas tendras que buscar el error.

Formatos de la pagina

OBJETIVO:conocer las formas de necesarias en el diseños de paginas web

Desarrollo:

desarrollaremos el codigo para darle color, tamaño, y el tipo de letra al texto que vamos a dar como ejemplo.


LA ETIQUETA :
:Este atributo es interpretado por versiones de NETCAPE 3.0 hacia delante y de MSIE 3.0 y superiores . Otros navegadores las ignran totalmente y muestran el texto con la fuente que se a utilizado .



Se establecen tipos de letras:






este serei un ejemplo en codigo html pero tambien hay otros tipos de letaras alas cuales podemos acceder con solo pner el nombre de la letra que deseemos introducir en nuestri texto.

como:
*arial
*calibri
*batang
*book antiqua
*etc.




Tambien se establece el tipo de tamaño



este seria el ejemplo en codigo html para cambiar el tamaño de la letra ,u detalle mas se puede aumentar el del 1 asta 7 que serian los tamaños base que leen los navegadores.


Tambien se establece el tipo de color : estos serian los colores estandares.
*aqua
*black
*blue
*fuchsia
*gray
*lime
*maroom
*navy
*olive
*purple
*red
*silver
*teal
*yellow
*white

este es el ejemplo en html para poder establecer el color del texto deseado , ademas establecemos que hay una gran variedad de colores que podemos ocupar en el codogo html .

Lo sigiente que realizaremos es un ejemplo de codigo en el cual aremos una pagina en la cual tenga los igientes requisitos:
1)un titulo con encabezado nivel 1 , en italica y que este en color oliva ,en la cual va estar escrito : Ejemplos de paginas web.

2)un segundo titulo con encabezado de nivel 2 en color amarillo que diga: Grupo:614.

3)todo el texto de la pagina debera estar con una fuente areal.




Este es el codigo con el cual se programa en html, con las etiquetas correspondientes para el ejemplo que nos planteo anterior mente.







Este es el resultado del codigo con lo guardamos en html y lo mostramo se ve clara mente las caracteristicas que nos pidieron.

CONCLUCIONES: La ver es que a plincipios se me hace muy muy complicado por que no le entiendo al 100% pero me esxplicaron como tenia que hacerlo y resulto , seve muy interesante trabar en codigo html pero abria que aprenderse muchas etiquetas en el poco tiempo que tenemos de clase , pero este es principio pra poder desarrollar la avilidad de entender las paracteristicas por las cuales debera para el codigo para poder ser desarrollado.

Plactica #1 , Diseño de la Pagina Web

Desarrollo: las paginas web no solo estan enfocadas al amito pubicitario , si no tambien al desarrollo y evidencia de los prblemas en que la actialidad se esta viviendo en nuestro pais.
Esta es mi url:http://usuarios.multimania.es/oscarhm/index.htm


Esta practica esta diriguida al publico joven en lo general o cual quier otro genero que pueda interesarles este tipo de temas en los cuales son muy esnciales en las platicas failiares en las que la comunicacion es el principal recurso para poder tomar las mejores deciciones en caso de que deque una o marias personas se identifique en el momentocon esta pagina que busca concentisar la desicion de la joventud.

Diseñamos esta pagina en principio para poder adaptarnos ala necesidades civiles en las cuales nosotros podemos apollar.
El diseñoestablece las sigientes caracteristias
*datos personale del creador de la pagina
*que es le embaraso no deseado
*consecuencias del embarazo no deseado
*paginas de apollo y consulata de informacion






lo que buscamos es concentizar a tomar las mejores deciones en las cuales sera tomada por 2 personas en las que van a desidir si van a querer que pase algo mas que pueda truncar su vida, este tema que desarrollamos quiere que lo espresemos como los estuiantes de conale lo vemso en la vida .




Esta practica vamos a establacer los criterios priccipales que puede ocacionar un embarazono desea en la adolencia o juventud.
-establecemos los problemas :
-psicologicos
-fisicos
-espirituales
-emocionales
-educativos
-profesionales


CONCLUCIONES: diseñar paginas web no solo hacerlas si no que devemos saber para que van a estar enfocadas en la vida ,nosotros como informaticos deberemos enseñar que la paginas web no son lo para hacerlas por que si , si no tambien por que a nosotros estamos en la estapa en que podes entrar en esta situacion mas adelante en la cual no estemos preparados, por lo cual el profesor desea que consientisemos tanto a nosotros mismos como alo demas que llegen aver nuestra pagian web.

FORMATO DE LA PAGINA

OBJETIVO: Conocer los formatos necesarios en el diseño de paginas web ,con html.


Desarrollo
La creación de paginas web es necesarios conocer la estructura por la cual estan comformadas.

los formatos los decidira quien diseñara la pagina web , el establecera cual seran las


En Internet se utilizan principalmente dos tipos de archivos gráficos GIF y JPG, pensados especialmente para optimizar el tamaño que ocupan en disco, ya que los archivos pequeños se transmiten más rápidamente por la Red.

diseñar webs exige un planteamiento y un trabajo meditados. Deseamos que esta comunidad de webmasters esté llena de páginas personales con el aspecto y calidad de
páginas profesionales. Evidentemente para lograr esto es necesario un conocimiento básico de HTML y algunas herramientas que hagan las cosas más fáciles

Una forma de formato de pagina : serian las plantillas las plantillas son un medio rapido para iniciar.

las caracteristicas conoceremos como se conforma el codigo en html:
tanbien s tomara las caracteristicas de que tipo de imagenes podemosestablecer,
los tipos de videos y las informacion que tendremos que ingresar





*Este seria el codigo para seleccionar los encabesados , se establece una serie de encabezados :
-h1
-h2
-h3
-h4
asta h6

*Este es el resultado de como se ven los encabezados , se ve claramente como se cambia el tamaño del titulo.




*Se muestra las etiquetas mas comunes que se utilizan en html y sus caracteristicas de cada etiqueta.



*Esta imagen muestra claramente como podemos utilizar los subindices y supindices para poder cambiar la pososcion de la letra o numero que se puede cambiar.



CONCLUCIONES: es el formato de pagina es establecer como vamos a diseñar las caracteristicas de nuestra pagina , como la vamos a construir y como va a estar conformada,se muestran los ejemplos de como se codifica en html.

HTML

OBJETIVO:Conocer las caracteristicas del lenguaje HTML , asi como su campo de aplicacion en el diseño de paginas web.


DESARROLLO:

las marcas de hinpertexto, es aquel que sirve para modelar texto y agregar funciones especiales por que es la base para la creacion y diseño de paginas web por medio de codigos especificos-


los hinpervinculos: es la conexion de una pagina a muchas y de muchas a una sola en la cual la conexion puede accder actualquier lado.

HTML: Es el codigo fuente por el cual todos tiene que aprender.

Los campos de aplicacion: estos serian todos los campos o areas de conocimiento en los cuales las personas puden acceder.

Areas de desarrollo: las areas serian

-mercadotecnia
-gerencia de viajes
-investigadores
-comercio
-politica
-administracion
-etc


LA ESTRUCTURA DEL CODIGO EN HTML SERIA



* Esta seria la forma que debemos codificar el primer ejemplo que nos pidio el profesor , es un pequeño ejemplo en el cual aparece el mensaje "cocina para todos".


Este es el resultado cuando se guarda el archivo con el . html secrea una pagina en el cual se puede mostrar el resultado del codigo en panta de internet.




*El cuadro anterior se muestran siertas caracteristicas en las cuales se muestran,cada una con sus caracteristicas correspondientes a algo en espesifico y tanbien se muestra la aliniacion del texto que uno puede elegir.



En este se muestra el resultado de como se puede aliniar el texto , uno lo puede elegir al gusto.


*En esta imagen se muestra una etiqueta en la cual se utiliza para poder acomodar varios parafos sintener que escrivir demaciado codigo.



*Este es el resultado de como se muestra cuando se guarda el documento en html este se permite que se muestre el resulta en la pantalla.



*Se requiere construir una pagina que haga el siguiente orden:

-dos parrafos centrados
-3 parrafos aliniados ala izquierda
-un salto de linea triple
-y un parrafo aliniado ala derecha


*Se muestra el ejemplo que nos pidio el profesor, con el materia de las etiquetas que nos mostro anterior mente como la imagen .


*Este es el resultado de como se muestra el resultado del ejemplo que nos pidio el profesor.


CONCLUCIONES: En este tema se estrblece cuales son las etiquetas mas utilizas para poder iniciar la proogramacion en html ,es muy interesante perotambien es muy estresante por que si te equibosca tienes que revisar todo el codigo para poder resolverlo.

HISTORIA DE LA WEB

OBJETIVO:Mostrar cuales son las web que existen , y cual es en la que estamos cruzando en este momente de la web(VERSIONES)

DESARROLLO:
La visualizacion de una pagina web de la World Wide Web normalmente la URL de la página en el navegador web, o siguiendo un enlace de hipertexto a esa página o recurso. En ese momento el navegador comienza una serie de comunicaciones, transparentes para el usuario, para obtener los datos de la página y visualizarla.

HISTORIA DE LA WEB 1.0




El acercamiento a esta tecnología se da a partir de la Web 1.0, que se caracteriza por las primeras utilizaciones del correo electrónico y la navegación a través de herramientas de búsqueda como Lycos, Altavista y Terra, que caracterizaban al usuario como un "actor pasivo" que solo hacía uso de estos buscadores para "bajar" información"




HISTORIA DE LA WEB 2.0
El arribo de la Web 2.0 permite cierto protagonismo al usuario y surge a partir de los primeros años de la década en curso. El usuario deja de ser pasivo y empieza a interactuar a través de los blogs y utilidades como el Youtube.






COSTOS DE LA CONTRATACION DE DOMINIOS

TARIFA Y COBERTURA PARA EL REGISTRO DE DOMINIOS
EXTENCION DEL DOMINIO PRESIO POR AÑO PERIODO DE CONTRATACION PERIODO DE RENOVACION SUBSECUENTES
.com $250 1año 1año
.net $250 1año 1año
.org $250 1año 1año
.inf $250 1año 1año
.us $250 1año 1año
.biz $250 1año 1año
.net.mx $500 1año 1año



En el trancussor del tiempo la actualizacion de la comunicacion atraves de web a establecidos varios factores hacia la sociedad.

-Estblece la comunicacion : por e-mail, conversaciones en linea , estos hacen la facil comunicacion entre personas.

- economicos: en este ambito la faciltranzaccion de dinero, consulta de saldos etc

- politica: seria la libre exprecion , donde nidie puede evitar que se expresen sobre lo que se quiera en el momente.

educativa: en este ambito en la actialidad es una herramienta muy necesaria , ademas de que pudes consultar cual quier cosa por la web , pero la culta que se tiene actual mente no se pude evolucionar en la forma de aprender.


Los impactos que se han realizado, es que en la actualidad la sociedad pude consultar cualquier informacion .




La web es una herramienta muy importante en la actualida, una persona que quiere aprender lo puede hacer en cual quier momento con solo hacer clic en un boton , para poder aprender las facilidades de las herramientas .



CONCLUCIONES: nos da aenter cuales son las caracteristicas de cada web que emos cruzado en la histori y como van evolucionando.y tambien quiere que entendamos el costo de un dominio en la actualidad.

CONCEPTO BASICO DE LA WEB

OBJETIVO:conocer los conceptos basicos de la pagina web atraves de la discusion en equipos para unificar criterios.

DESAROLLO:

DIFERENCIA ENTRE UN PORTAL Y UNA PAGINA WEB

PAGINA WEB:forma parte de un sitio web que contiene hinpervinculos
PORTAL: Es un sitio web que sirve de punto de partida para iniciar actividades de un navegador


PROTOCILOS ADICIONALES QUE OCUPA INTERNET SON
http:HTTP (Protocolo de transferencia de hipertexto) es el protocolo más utilizado en Internet. colo HTTP es permitir la transferencia de archivos (principalmente, en formato HTML). entre un navegador (el cliente) y un servidor web (denominado, entre otros, httpd en equipos UNIX) localizado mediante una cadena de caracteres denominada dirección URL.




tcp/ip:es la base del Internet que sirve para enlazar computadoras que utilizan diferentes sistemas operativos, incluyendo PC, minicomputadoras y computadoras centrales sobre redes de área local y área extensa.

TIPOS DE LINK: INTERNOS Y EXTERNOS


INTERNOS:Enlaces internos son todos los enlaces que envían al visitante a otra página de nuestro sitio. Es importante que todas las páginas estén conectadas de alguna forma coherente en el sistema de navegación, y además es recomendable que ninguna página se encuentre a más de 3 clicks de la página inicial.

EXTERNOS:enlaces externos deben ajustarse a las restricciones de formato determinado. Some acceptable links include those that contain further research that is accurate and on-topic, information that could not be added to the article for reasons such as copyright or amount of detail, or other meaningful, relevant content that is not suitable for inclusion in an article for reasons unrelated to its accuracy. Algunos enlaces aceptables incluyen las que contienen la investigación, además, que es exacta y del tema, información que no se podría agregar al artículo por razones tales como los derechos de autor o la cantidad de detalle, o de otro significado, el contenido relevante que no es adecuado para su inclusión en un artículo por razones ajenas a su exactitud.



ELEMENTOS DE UNA PAGINA WEB

*imagenes
*texto
*sonido
*video
*graficas
*tablas
*multimedia

CARACTERISTICAS DE UNA PAGINA WEB:
las pairncipales caracteristicas serian la actuaizacion del contenido,y realizar hinpervinculos a otras paguinas con el mismo contenido o diferente.





CONCLUCIONES: Este tema nos quiere mostra un poco de como se caracterisa una pagina web desde cuales son sus componentes , como se utilizan y para que se utilizan . ademas de que definimos cada uno los puntos que nos dio, para llegar a una sola definicion en comun.