Integrantes: Mereldy Plaza Giiusy de Luca Octavio Viera Vianey Madera.

Slides:



Advertisements
Presentaciones similares
Dreamweaver Primeros Pasos.
Advertisements

Una página web es una fuente de información adaptada para la World Wide Web(WWW) y accesible mediante un navegador de Internet. Un sitio web es un conjunto.
Desarrollo Web Páginas Web HTML Editores de Páginas Web
TUTORIAL PASO A PASO Parte 2. PASO 7: Organizando los archivos Antes de dar inicio a la creación del contenido del curso debes tomar en cuenta que necesitarás.
INVESTIGACION INFORMATICA AVANZADA
La sede Web Sede de un sitio Web En todos los proyectos en los que el diseño es parte fundamental, es importante tener las ideas claras desde el principio.
NVU, se pronuncia N-view (New view).
Publicación de páginas web
Servicios de Internet (1)World Wide Web [WWW] (2)Transferencia de ficheros (FTP)
Guía de autoaprendizaje
Writer OpenOffice.org Material de la Prof. Jessie Lema PROCESADOR DE
HERRAMIENTAS DE DISEÑO WEB
MENU ARCHIVO.
QUE ES INTERNET Podríamos decir que Internet está formado por una gran cantidad de ordenadores que pueden intercambiar información entre ellos. Es una.
Etiqueta Título Los títulos o encabezamientos se emplean al comienzo de una sección. Las etiquetas que se usan son: Los títulos o encabezamientos se emplean.
DISEÑO DE PAGINAS WEB Las páginas Web son documentos de hipertexto y multimedia. Son documentos multimedia que incorporan imágenes, videos, animaciones,
CURSO DE OFIMATICA BASICA
Cómo hacer una página web Basado en la presentación de Ana Isabel Álvarez.
Ing. GISCARD MARQUEZ VALVERDE.
PRESENTACIONES EFECTIVAS Licda. Maura de Magaña Sábado de 7:00 a 12:00
ESCUELA NORMAL “MANUEL ÁVILA CAMACHO” EDUARDO OCTAVIO RAMOS MORENO LUIS FELIPE BARAJAS PUGA MICROSOFT WORD.
Diseño Web y Multimedia 1 Clase 3 Docente: Josué Fortis.
Ing. Cleyver Vazquez Jijon
Ingeniero Anyelo Quintero
Sandra Constanza Rubiano
HTML HyperText Markup Language (Lenguaje de Marcas de Hipertexto)
Mi primera Web LA PANTALLA EL NAVEGADOR EL NAVEGADOR EL LENGUAJE EL LENGUAJE EL ASISTENTE EL ASISTENTE EL SERVIDOR EL SERVIDOR MÁS OPCIONES MÁS OPCIONES.
Procesador de Texto Microsoft Office Word 2007
Construcción de una página Web.
 Elaborar un documento en Word que contenga, marcadores, enlaces y gif animados.
Introducción Publicación en Internet con Microsoft Office Sevilla, junio de 2004 SalirIniciar.
HTML (Hyper Text Markup Language)
CREACIÓN DE SITIOS WEB REINALDO DUQUE S. Profesor de tecnología COLEGIO CLERMONT Febrero de 2008.
INTRODUCCIÓN A MICROSOFT EXCEL 2007
Word.
Unidad didáctica 6 Diseño de páginas Web.
CREAR UNA WEB Documento extraído de Sector PC On Line
UNIDAD 7 WEB Y HTML.
1  ¿ Qué es un sitio web ?  Colección de páginas web dotadas de una dirección web única  ¿ Qué es un página web ?  Es un documento creado en lenguaje.
CONFECCIÓN DE PÁGINAS WEB CON MS FRONT PAGE - TICEQ Prof: Dr. Carlos A. Núñez Dpto. Química Física, U.H
“Trabajando en Notepad”
Taller de Herramientas de Presentación
 Este protocolo opera a través de solicitudes y respuestas, entre un "cliente" y un "servidor". El cliente para los usuarios es el navegador web, usado.
Tarea de investigación
Windows 8 Windows 8 es la versión actual del sistema operativo de Microsoft Windows, producido por Microsoft para su uso en computadoras personales,
TALLER # 5 LUIS XAVIER ROMERO CORAL. No le agregues demasiado contenido animado (como animaciones, imágenes muy pesadas, reproductores: Real - WindowsMedia,
María Rossana Guerrero Vásquez Paula Andrea Vargas Arboleda Jefferson Styward Pérez Valencia
Diseño HTML.
PARCIAL 1.
- Parámetros de apariencia y uso Luis Villalta Márquez.
Navegadores Web..
Microsoft Power Point Tema: “Como manejo del Power Point como herramienta estudiantil”.
COMPUTO BÁSICO MTE José Ricardo Fernández Ruiz. Objetivo  Conocer los principales componentes de una computadora, aprender a utilizar la computadora.
SISTEMA OPERATIVO WINDOWS.
Naime Cecilia del Toro Alvarez
Profesora: Angela Maiz
TRABAJO MONOGRÁFICO – 4º ESO
 Curso básico de Dreamweaver MX (1)  Qué es Dreamweaver MX  Dreamweaver MX es un software fácil de usar que permite crear páginas web profesionales.
BIENVENIDOS ESTE EQUIPO ESTA CONFORMADO POR ABRAHAM CASTRO RAUL MARTINEZ DAVID ROBLES.
¿Qué es un Mapa Conceptual?
2.1 Conocer la terminología básica del software para diseñar una página Web
Macromedia Dreamweaver es un editor profesional de páginas Web. Permite crear sitios tanto escribiendo directamente el código en HTML, como diseñando de.
ALUMNO: Benjamin López Suarez PROFESOR: José Juan Ulin Ricardez MATERIA: Diseño Web PRESENTACION: Herramientas para desarrollo web.
Google docs Tutorial para elaborar una presentación en línea con Google docs Prof. Edgar Oswaldo González Bello Prof. Adolfo Castillo Navarro Universidad.
PROCESADORES DE TEXTO. Un procesador de texto es una aplicación informática que permite crear y editar documentos de texto en una computadora. Se trata.
Módulo III.- Recursos en UPSA VIRTUAL Este módulo explica como configurar los distintos recursos que pueden encontrarse en un curso de MOODLE. Recurso:
ANDRES MAURICIO QUINTERO MACEA Programación Web Lic. Informática y medios audiovisuales Facultad de educación y ciencias humanas Universidad de Córdoba.
GUÍA 1: PROCESADOR DE TEXTO Curso Básico de Sistemas Para Padres de Familia.
Herramientas para el diseño de paginas web
HERRAMIENTAS BASICAS DISEÑO SITIOS WEB. CARACTERÍSTICAS Básicamente una página web puede construirse con un simple editor de texto (como puede ser el.
Transcripción de la presentación:

Integrantes: Mereldy Plaza Giiusy de Luca Octavio Viera Vianey Madera

Básicamente una página web puede construirse con un simple editor de texto (como puede ser el bloc de notas de windows) siempre que se tenga un profundo conocimiento del pseudo lenguaje HTML, o al menos seamos capaz de memorizar todas sus etiquetas. Es lo que se conoce como crear las páginas web a sangre. Pero esto no es fácil y además un sitio de internet está compuesto de multitud de páginas web enlazadas entre ellas, imágenes, archivos de scripts y un sinfín de elementos que debemos controlar. Por ello es conveniente disponer de algunos programas básicos que nos faciliten la tarea.

Estas son unas de las etiquetas mas utilizadas en una pagina web. Abre y cierra un documento HTML Encabezado de la página - aquí se coloca titulo, metatags, e informacion para buscadores entre otras cosas. Dentro de esta etiqueta va toda la parte visible de la página web. Etiquetas del Encabezado El título de la página web.

Atributos de la etiqueta Body Configura el color de fondo de la página, usando el valor del código de color hexadecimal. Configura el color por defecto del texto, usando el valor del código de color hexadecimal. Configura el color de las ligas, usando el valor del código de color hexadecimal. Configura el color de las ligas visitadas, usando el valor del código de color hexadecimal Configura el color de las ligas al darle clic, usando el valor del código hexadecimal.

Etiquetas HTML de Texto Texto pre-formateado Título más grande Título más pequeño Negritas Subrayado Cursivas Tipo máquina de escribir Cita, en cursiva Resalta una palabra, negrita o cursiva Resalta una palabra o grupo de palabras Coloca el tipo de letra: por ejemplo, arial, verdana, courier,etc. Coloca tamaño de letra, de 1 a 7 Configura el color, usand valor hexadecimal o nombre directo (blue, green, etc.)

Elementos Gráficos Incorpora una imagen Alinea la imagen: izquierda, derecha y centro Determina el contorno de la imagen. Un valor 0 no tendrá contorno Mapa de imágenes Coloca la imagen como fondo de la página Linea horizontal Tamaño de una linea horizontal Ancho de linea horizontal, ya sea porcentaje o valor absoluto. Linea horizontal sin sombra

Hay muchas etiquetas y muchas paginas de internet donde puedes encontrar mas etiquetas y te dicen como y para que funcionan Y muchas mas…

Un Servidor Web Local es aquel Servidor Web que reside en una red local al equipo de referencia. El Servidor web Local puede estar instalado en cualquiera de los equipos que forman parte de una red local. Es por tanto obvio, que todos los Servidores Web, son locales a la red local en la que se encuentran, o como mínimo, locales al sistema en el que están instalados.

No es necesario pero un servidor local permitirá que podamos acceder a nuestro sitio en forma local (en nuestro ordenador) pero como si estuviéramos accediendo a él a través de internet, es decir, con una dirección tipo Si además vas a desarrollar páginas con PHP el servidor local es imprescindible. Aunque en el mercado existen muchos programas para montar tu servidor local, el más extendido es el Apache, y también es el más barato: es gratis. No te va a ocupar mucho espacio ni te va a pedir complicadas operaciones de instalación y configuración. Además la amplia comunidad de usuarios va a permitirte encontrar soluciones a los problemas que se te puedan plantear. Otra opción es el Personal Web Server que viene con Windows 98, o incluso el IIS que viene con el servidor Windows 2000…En esta pagina puedes descargar el servidor local Apache que es gratis…

Es una aplicación diseñada con el fin de facilitar la creación de documentos HTML o XHTML. Su complejidad puede variar desde la de un simple editor de texto plano, entornos WYSIWYG, hasta editores WYSIWYM. Hay tres tipos de editores que son : Editor de texto sin formato Editor de texto con ventanas desdobladas Editor WISIWYG

También llamado editor de texto plano. Este tipo de editor suele ser muy sencillo. Dos ejemplos son Notepad (incluido en Windows) y Kate (GNU/Linux). Con cualquiera de los dos bastaría para escribir las líneas de código necesarias para diseñar una página Web. Existen editores de texto específicamente diseñados para la edición Web, que como Kate, incluyen dentro de su simplicidad coloreado de sintaxis y las etiquetas de marcado usuales necesarias en el lenguaje de hipertexto. Dichos editores incluyen una serie de botones para insertar rápidamente las etiquetas, o combinaciones de estas, más corrientes, salvar el documento con un clic y visionarlo posteriormente en una nueva ventana.

Es una versión ligeramente más sofisticada que la anterior. Suelen constar de un par de ventanas. Una de trabajo, donde se teclea el código HTML y el texto que se quiere incluir en la página, y en la otra se visualiza el resultado en tiempo real. En otras palabras se obtiene una pre visualización del documento generado. Lo que significa que no se tiene que guardar el documento, previamente, antes de volver a abrirlo con el navegador para comprobar el resultado.

WISIWYG quiere decir What You See Is What You Get, que traducido al castellano quiere decir: "lo que ves es lo que obtienes", en los que de manera visual se pueden colocar distintos elementos sobre una vista previa de la página, encargándose el programa de generar el documento HTML. La manera de trabajar en este tipo de editores, es muy similar a la que se usa cuando se trabaja con un procesador de texto. Esto quiere decir que un usuario no tiene por qué teclear las etiquetas del lenguaje de marcado. En lugar de eso, el usuario escribe el texto, lo formatea, e inserta las imágenes en los lugares deseados, trabajando igual a como lo haría con Writer, (el procesador incluido en la suite ofimática OpenOffice.org), o Word. Posteriormente el editor transforma la vista por pantalla en código HTML perfectamente configurado.

Ejemplos claros de editores de páginas web son KompoZer (antes llamado NVU), Mozilla Composer, Amaya, Dreamweaver o Microsoft Frontpage, entre otros. En esta pagina puedes descargar algunos de ellos que son muy buenos. paginas-web oweb/editores

En otro apartado de esta guía se dice que las imágenes son prácticamente imprescindibles en las páginas web, razón por la cual no está de más disponer de un editor de imágenes. Con él podrás optimizar las imágenes, cambiar su formato o crear imágenes propias para botones o barras de navegación. Existen muchos programas que pueden serte útiles en este apartado, como por ejemplo Fireworks (Macromedia), Photo Shop (de Adobe) Photo Paint(deCorel). Dentro de este apartado si vas a usar imágenes en formato gif animado deberás disponer de un programa al efecto, el más adecuado quizás sea el Ulead Gif Animator. Los programas de Adobe como Photoshop y Corel Draw puedes bajar una prueba de 30 días directamente desde la pagina de Adobe con solo crear una cuenta en dicha pagina.

En una conexión FTP, el cliente FTP es la computadora que inicia la conexión a un servidor FTP. Para esto la computadora debe tener un software cliente FTP, que permitirá conectarse y acceder a los archivos en el servidor FTP. Algunos navegadores soportan FTP y, por lo tanto, funcionan como clientes FTP. Algunas aplicaciones más populares usadas como clientes FTP son: FileZilla, Cute FTP y WS_FTP. Este programa te permita enviar las páginas que hayas creado a donde hayas alojado tu sitio web. Habitualmente es un programa que te conecta a tu alojamiento mostrándote lo que allí tienes almacenado (directorio remoto), al mismo tiempo te muestra lo que tienes en tu sitio local. Mediante algún botón o comando sencillo te permite como mínimo enviar ficheros a tu directorio remoto o recogerlos para traerlos a tu disco local. Puedes descargar Cute FTP y FileZilla aquí.