Módulo 2 - Desarrollo Web y Diseño Web

Diseño Web.
·       Diseño visual del sitio Web o página Web. Implica el diseño de los elementos gráficos de la página. Tipografía, colores, tamaños y proporciones.
·       Herramientas graficas para el diseño son por ejemplo Adobe Photoshop o GIMP
·       El producto final no suele tener código. Puede ser una simple imagen en PNG que será utilizado por otra persona para el desarrollo de la página Web
·       El diseño de la página se divide o trocea en partes que se pueden representar mediente:
- Código HTML + CSS
- Elementos gráficos.
·       La persona que se encarga del diseño de la página se suele llamar diseñador

Desarrollo Web
·       Se refiere a la programación necesaria para construir una aplicación o sitio web. se suele dividir en dos partes que pueden estar conectadas: la parte CLIENTE y la parte SERVIDOR que funcionan de forma independiente y emplean tecnologías distintas. Muchas veces interactúan, en este caso hablamos de la parte CLIENTE-SERVIDOR.
·       Parte Cliente
Es necesario conocer HTML y CSS para la creación de las páginas web y JAVASCRIP y DOM
·       Parte Servidor
Es la parte que no ven los visitantes de un sitio Web pero que es nacesario para presentar la información correcta en el formato correcto
·       Se utilizan los lenguajes de script (PHP, ASP, ASP.NET, JSP, PERL y COLDFUSION)
·       El desarrollo Web también cubre el diseño y desarrollo de las bases de datos
·       También es necesario tener en cuenta la seguridad del producto final
La persona que realiza el desarrollo Web se suele llamar Desarrollador.

El desarrollo de una aplicación o sitio web se puede dividir en:
Contacto inicial, planificación, contenido, diseño, desarrollo y lanzamiento.

Comentarios

Publicar un comentario

Entradas populares de este blog

Módulo 2 - Lección 8 - Conceptos básicos de HTML (parte 1)

Imagen
Con el lenguaje HTML se describe la estructura y el contenido , que puede ser texto, imágenes, videos y otros componentes de las páginas Web. La presentación visual se define con CSS. En la actualidad el lenguaje HTML está desarrollado por el consorcio W3C, organismo internacional que vela por el correcto desarrollo de la Web. Enlaces con cursos y tutoriales:  Cursos de HTML entre otros . Puedes seleccionar idioma. Para probar HTML El lenguaje HTML está formado por etiquetas encerradas entre corchetes <> EN la actualidad en HTML 5 está formado por más de 100 etiquetas. El elemento es el componente básico de una página Web. Una página web está compuesta por un conjunto de elementos escritos en un orden concreto. Componentes de un elemento: ·        Etiqueta de inicio que siempre va precedida de < en el ejemplo <p de párrafo. La etiqueta inicial puede llevar atributos. ·      ...
Leer más

Modulo 4 - Lección 5 - Tablas

Imagen
Una tabla HTML, tal y como explica Wikipedia, es una forma gráfica de representar información de manera esquematizada, ordenada y compacta. “Voilà”, esto podría ser un buen ejemplo de tabla que representa a alumnos con sus respectivas notas. Y el esquema HTML de la tabla anterior. Como puedes observar, las tablas se organizan en filas y celdas. Puede que eches de menos la organización en filas y columnas de los procesadores de texto, o que estés pensando en el por qué de la nota de Jordi, o… bueno, de momento nos tendremos que conformar con lo que hay: filas y celdas. <table> y </table>. La etiqueta table indica el inicio y cierre de la tabla. El resto de etiquetas necesariamente estarán recogidas entre <table> y </table>. <tr> y </tr>. TR (Table Row) representa una nueva fila de la tabla. En el ejemplo tendríamos cuatro etiquetas tr. <td> y </td>. TD (...
Leer más

Módulo 3 - Lección 20 - Formularios select

Imagen
Un formulario es una sección de un documento que contiene: <select>     <label for="poblacion">Población:</label>     <select name="poblacion" id="poblacion">     <option>Alicante</option>     <option>Madrid</option>     <option>Sevilla</option>     <option>Valencia</option>     </select> Permite generar listas desplegables y listas de selección múltiple. Atributos: ·        “ name ”, es fundamental para el manejo de los datos enviados por el formulario, como ya vimos en la primera parte; ·        “ multiple ” para generar listas de selección múltiple. ·          <option>, Para definir cada una de las opciones de la lista, utilizamos la etiqueta <option>, Atributos: · ...
Leer más