Contenido Extra (ASP y JAVA)

Conceptos básicos de diseño web

SITIO WEB: Un sitio web o (Web site) es un conjunto de archivos y páginas web referentes a un tema en particular, incluyendo una página inicial de bienvenida , a los cuales se puede acceder a través de un nombre de dominio y dirección en Internet específicos.

INTERNET: Internet es una red de redes que permite la interconexión de computadoras a través de un conjunto de protocolos, Tuvo sus orígenes en 1969, cuando una agencia del Departamento de Defensa de los Estados Unidos comenzó a buscar alternativas ante una eventual guerra.

RED: es un conjunto de equipos informáticos y software conectados entre sí por medio de dispositivos físicos o inalámbricos que envían y reciben impulsos eléctricos, o cualquier otro medio para el transporte de datos, con la finalidad de compartir información, recursos y ofrecer servicios.

HOST: es un ordenador que funciona como el punto de inicio y final de las transferencias de datos. Más comúnmente descrito como el lugar donde reside un sitio web. Un host de Internet tiene una dirección de Internet única y un nombre de dominio único.

Web: Es Conjunto de información que se encuentra en una dirección determinada de internet.

TCP/IP: El modelo TCP/IP son protocolos de red usados para comunicaciones en redes y, como todo protocolo, describe un conjunto de guías generales de operación para permitir que un equipo pueda comunicarse en una red. ademas de que provee conectividad de extremo a extremo.


URL: URL son las siglas en inglés de Uniform Resource Locator, que en español significa Localizador Uniforme de Recursos.

Como tal, el URL es la dirección específica que se asigna a cada uno de los recursos disponibles en la red del internet.

SERVIDOR: Un servidor es una aplicación en ejecución (software) capaz de atender las peticiones de un cliente y devolverle una respuesta en concordancia. Los servidores se pueden ejecutar en cualquier tipo de computadora, incluso en computadoras dedicadas a las cuales se les conoce individualmente como el servidor.

Cliente: es un modelo de diseño de software en el que las tareas se reparten entre los proveedores de recursos o servicios, llamados servidores, y los demandantes, llamados clientes. Un cliente realiza peticiones a otro programa, el servidor quien le da respuesta a los programas.

HIPERTEXTO: El hipertexto es una estructura no secuencial que permite crear, agregar, enlazar y compartir información de diversas fuentes por medio de enlaces asociativos y redes sociales . El hipertexto es texto que contiene enlaces a otros textos.


WWW (World wide web): son las iniciales que identifican a la expresión inglesa World Wide Web, el sistema de documentos de hipertexto que se encuentran enlazados entre sí y a los que se accede por medio de Internet. A través de un software.

HOSTING: El hosting es un servicio al que puedes asociar tu dominio. Si tienes un dominio, lo más probable es que lo quieras para tener una página web, o para tener cuentas de correo bajo tu propio dominio.



WEB HOSTING: En palabras simples, un web hosting es un servicio que permitirá que tu página web sea vista por cualquiera otra persona con una conexión a internet. Un servicio de web hosting es la renta de un espacio dentro de un servidor.

TIPOS DE SITIO WEB: 

Estático                Portales  

Informativos        Dinámico

Interactivos          Personales

PAGINA WEB: Una página web, o página electrónica, página digital, o ciber página​​ es un documento o información electrónica capaz de contener texto, sonido, vídeo, programas, enlaces, imágenes y muchas otras cosas, adaptada para la llamada World Wide Web.

introducción al diseño web #2

ETIQUETA PARA IMÁGENES:                                      

Mayormente para poder colocar una etiqueta en html el cual sirva para colocar una imagen usamos la etiqueta (img)

mas el atributo (src) que sirve para colocar el link de la imagen que quisiéramos añadir, y los atributos (width) y (height) que sirven para colocar el largo y ancho de la imagen.

<img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgFJJ_fU19-kQptujJu2UQBIiLcuO_d6Jp_jG9MDi69NDlpnNKdoT50-hW4pdHqBudAXImN0mVnpUFErvV27lTCs4k8tJiR6uonHmR7FlLudCf1Wabd7EWU7h382RRQCn_W26Bm6uA8rEH2/s1600/1932067_ASUS_G51_1.jpg" alt="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgFJJ_fU19-kQptujJu2UQBIiLcuO_d6Jp_jG9MDi69NDlpnNKdoT50-hW4pdHqBudAXImN0mVnpUFErvV27lTCs4k8tJiR6uonHmR7FlLudCf1Wabd7EWU7h382RRQCn_W26Bm6uA8rEH2/s1600/1932067_ASUS_G51_1.jpg" width="500" height="333">

ATRIBUTOS DE ESTILO EN HTML:                               

son aquellos atributo especializados en darle un estilo propio a tu pagina web basándose ya sea en el estilo de un texto de una imagen ETC...

[style] {background:green
}
a[href*="emezeta"] {background-color:orange

ETIQUETAS PARA NEGRITA EN HTML:                      

Para colocar un texto o simplemente una palabra en negrita utilizando el lenguaje html solo tenemos que usar las siguientes etiquetas:

<b>Computador</b>

ETIQUETAS PARA CURSIVA EN HTML                          

Si quieres colocar un texto en cursiva al momento de la creación de una pagina web mediante html simplemente tendrás que usar la etiqueta <em>.

he aqui un ejemplo de ella:  <em><computador><em>

PARA QUE SIRVE STRONG Y DIFERENCIA CON NEGRITA:

El elemento strong es el apropiado para marcar con especial énfasis las partes más importantes de un texto, con énfasis se quiere decir que engloba el texto y su estructura, a diferencia de <b> que simplemente lo pone en negrita.

Introducción al Diseño Web

HTML                                                         

Es un lenguaje informático el cual se pone en practica al momento de la elaboración de una pagina web en base a una información.

Ejemplo de HTML: <P> <IMG SRC= "./hero.gif "ALIGN= "MIDDLE " ALT= "EL Perro hero">Buenas.

     PRINCIPALES CARACTERÍSTICAS      

.la información tiene que ser repartida

.la web tiene que ser fácil de usar

.tiene que correr en todos los navegadores

.la web debe ser entretenida

SIGNIFICADO DE HTML                                                                

El significado de el marcado HTML es HyperText Markup Languaje y en español, lenguaje de marcas de HyperTexto en pocas palabras formato de documentos para paginas web.

        REPRESENTACIÓN DE HTML          

La etiqueta HTML representa la creación Y la organización de una pagina Web con algún objetivo específico y objetivo para poder crearla con facilidad.




PRIMER ETIQUETA PARA PODER SER LLEVADO A CABO.

Para llevar a cabo la estructuración de un lenguaje HTML se de empezar por colocar primeramente esta etiqueta <HTML> ya que engloba toda la página web.

¿Cuales son las etiquetas que utilizamos para los encabezados?

Las etiquetas de encabezados se utilizan para dar inicio a nuestro lenguaje HTML. Las etiquetas de las cabeceras serian:  H1, H2, H3, H4, H5 y H6.

¿Cuál es la etiqueta de Parrafo en HTML, y cual es su función en especifico?

le etiqueta <p> es una parte la cual debe ser definida y realizada de cierta forma para que pueda ser mostrada como un párrafo.

VERSIONES DE HTML

     VERSIONES DE HTML     

VERSIÓN 1.0:  la versión 1.0 de HTML el cual es la versión inicial y surgió en 1993. Es de esperarse que un lenguaje tan útil haya sido actualizado y modificado a lo largo de los años. En la actualidad, el lenguaje se encuentra en su quinta versión y se han eliminado y añadido etiquetas

•   El Web tenía que ser distribuido: La información repartida en páginas no muy grandes enlazadas entre sí.

Versión 2.0: En 1995 se publica el estándar HTML 2.0. A pesar de su nombre, HTML 2.0 es el primer estándar oficial de HTML, es decir, el HTML 1.0 no existió como estándar. HTML 2.0 no soportaba tablas. explícita de los elementos body, html y head es opcional.

• Debe ser dinámico: el proceso de cambiar y actualizar la información debía ser ágil y rápido.

Versión 3.0: La versión HTML 3.0 se publicó en 1997 y es la primera recomendación de HTML publicada por el W3C (Consorcio internacional). Esta revisión incorporó los últimos avances de las páginas web desarrolladas hasta 1996, como applets de Java y texto que fluye alrededor de las imágenes.

Versión 4.0: La última especificación oficial de HTML se publicó en diciembre de 1999 y se denomina HTML 4.01. Desde la publicación de HTML 4.01, el W3C se centró en el desarrollo del estándar XHTML. Por este motivo, en el año 2004, las empresas Apple, Mozilla y Opera mostraron su preocupación por la falta de interés del W3C en HTML y decidieron organizarse en una nueva asociación llamada WHATWG (Web Hypertext Application Technology Working Group) que comenzó el desarrollo del HTML 5, cuyo primer borrador oficial se publicó en enero de 2008. Debido a la fuerza de las empresas que forman el grupo WHATWG y a la publicación de los borradores de HTML 5.0, en marzo de 2007 el W3C decidió retomar la actividad estandarizadora de HTML, dentro del cual decidió integrar el XHTML.

• Tiene que ser compatible con todo tipo de ordenadores (PCs, Macintosh, estaciones de trabajo...) y con todo tipo de sistemas operativos (Windows, MS-DOS, UNIX, MAC-OS,...).

Versión 5.0: El consorcio internacional W3C, después de una evolución de varios años, liberó el HTML 5 como estándar oficial a finales de octubre de 2014. HTML 5 incorpora nuevos elementos no contemplandos en HTML 4.01. Hay diversos cambios respecto a HTML 4.01. Hay nuevas etiquetas, se introduce la posibilidad de introducir audio y video de forma directa en la web sin necesidad de plugins o complementos en los navegadores, y otras novedades. El W3C irá lanzando progresivamente nuevas evoluciones del HTML 5.

• El Web tiene que ser hipertexto y debe ser fácil navegar por él.