trabajo sobre paginas web

buenas, ahora mismo estoy con el trabajo de recerca que te piden en primero de bachillerato y se tiene que entregar a principio de segundo..

el titulo del tdr es: elaboración de una pagina web.

He estado varias semanas buscando informacion y demas, y ahora nose por donde empezar xd
habia pensado hacer una pagina web y dentro de ella poner la informacion del tdr explicando como se hace la web...

aver si alguien que haya echo algo similiar me podria echar un cable para seguir adelante.



Un saludo.
mira en google una academia y mira lo que enseñan...

espera,ya lo hago yo...


MÓDULO HTML
UNIDAD 1. HTML I
PRESENTACIÓN

1. INTRODUCCIÓN Y REFERENCIAS BÁSICAS
* Introducción
* ¿Qué es HTML?
* Requisitos mínimos
* Tipos de directivas
* Estructura básica
* Cabecera del documento
* Cuerpo del documento
2. FORMATEADO DE TEXTO
* Introducción
* Espacios en blanco
* Párrafos
* Saltos de línea
* Texto preformateado
* Regla horizontal
* Centrado
* Estilos de texto
* Tamaño y color de letra
3. HIPERVÍNCULOS E IMÁGENES
* Introducción
* Hipervínculos
* Imágenes

UNIDAD 2. HTML II

1. TABLAS
* Introducción
* Tablas
* Atributos de las tablas
* Ejemplos
2. LISTAS
* Introducción
* Listas numeradas
* Listas no numeradas
* Listas de definición
3. MARCOS EN HTML
* Introducción
* El uso de marcos en HTML
* Ejemplos
* Versiones en HTML
4. MULTIMEDIA EN HTML
* Sonido en HTML
* Vídeo en HTML
5. EDITORES HTML
* Editores de texto preparados para escribir HTML
* Introducción del código HTML con Dreamweaver CS3
6. ACCESIBILIDAD WEB
* Objetivo
* Funcionamiento
* Guía breve para crear sitios web accesibles
7. REFERENCIA RÁPIDA HTML


MÓDULO DREAMWEAVER CS3
UNIDAD 3. DREAMWEAVER I
PRESENTACIÓN

1. ASPECTOS BÁSICOS DE DREAMWEAVER
* Introducción
* Conocer el espacio de trabajo de Dreamweaver CS3
* Personalización del espacio de trabajo de Dreamweaver CS3
* Realización de tareas básicas con Dreamweaver CS3
2. CONFIGURACIÓN DEL SITIO Y DE LOS ARCHIVOS DEL PROYECTO
* Conocer los sitios de Dreamweaver CS3
* Configuración de los archivos del proyecto
* Define una carpeta local
3. CREAR UN DISEÑO DE PÁGINA
* Examen de la maqueta de diseño
* Creación y almacenamiento de una página
* Inserción de tablas
* Establecimiento de las propiedades de una tabla
* Inserción de un marcador de posición de imagen
* Adición de color a la página
4. ADICIÓN DE CONTENIDO A LAS PÁGINAS
* Inserción de imágenes
* Inserción y reproducción de un archivo Flash
* Inserción de Flash video
* Creación de vínculos
* Vista previa de la página en un navegador

UNIDAD 4. DREAMWEAVER II

1. FORMATEAR LA PÁGINA CON CSS
* Conocer las CSS
* Crear una nueva hoja de estilos
* Adjuntar una hoja de estilos
* Explorar el panel estilos CSS
* Crear una nueva regla CSS
* Aplicar un estilo de clase al texto
* Formatear el texto de la barra de navegación
2. CREAR UN DISEÑO DE PÁGINA BASADO EN CSS
* Diseño de página basado en CSS
* Examen de la maqueta de diseño
* Creación y almacenamiento de una página nueva
* Insertar capas
* Añadir color a la página
3. PUBLICACIÓN DEL SITIO
* Los sitios remotos
* Definir una carpeta remota
* Cargar los archivos locales
* Solución de problemas de configuración de carpetas remotas
4. PLANTILLAS
* Introducción
* Creación y configuración de plantillas
* Cargar los archivos locales
* Creación de documentos basados en plantillas
* Actualización de páginas basadas en plantillas
5. FORMULARIOS
* Introducción
* Creación de un formulario
* Envío de un formulario
* Insertar capas
* Añadir color a la página
6. COMPORTAMIENTOS
* Introducción
* Eventos
* Asignar un comportamiento

MÓDULO FLASH CS3
UNIDAD 5. FLASH I

1. ENTORNO DE TRABAJO
* Barra de menús
* Área de documento
* Línea de tiempo
* Barra de herramientas
* Paneles
* Elementos principales de una película Flash
2. TRABAJO CON DOCUMENTOS DE FLASH
* Creación y apertura de un documento y configuración de propiedades
* Uso de las fichas de documento para trabajar con varios documentos
* Almacenamiento de documentos de Flash
* Adición de contenido multimedia
* Creación de movimiento e interactividad
* Administración de elementos multimedia utilizando la Biblioteca
* ActionScript
* Varias líneas de tiempo y niveles
3. TRABAJO CON COLOR, TRAZOS Y RELLENOS
* El mezclador de colores
* Creación de degradados
* Utilización del color en el panel Herramientas
* Utilización del color en el inspector de propiedades
* Modificación de trazos
* Aplicación de rellenos
* Copia de trazos y rellenos con la herramienta Cuentagotas
4. DIBUJO
* Gráficos vectoriales y de mapa de bits
* Modelos de dibujo de Flash
* Herramientas de dibujo y pintura de Flash
* Utilización del modelo de dibujo de objeto
* Dibujo con la herramienta Lápiz
* Dibujo de líneas rectas, óvalos y rectángulos
* Dibujo de polígonos y estrellas
* Utilización de la herramienta Pluma
* Pintura con la herramienta Pincel
* Remodelación de líneas y contornos de formas
* Borrado
* Modificación de formas
5. TRABAJO CON TEXTOS
* Contornos de fuentes y fuentes de dispositivo
* Creación de texto
* Establecimiento de atributos de texto
* Edición de texto
* Separación de texto
* Vinculación de texto a una URL

UNIDAD 6. FLASH II

1. UTILIZACIÓN DE SÍMBOLOS, INSTANCIAS Y ELEMENTOS DE
* BIBLIOTECAS
* Tipos de símbolos
* Creación de símbolos
* Conversión de la animación en clip de película
* Duplicación de símbolos
* Creación de instancias
* Creación de botones
* Edición de símbolos
* Cambio de propiedades de instancias
* Intercambio de una instancia por otra
* Cambio del tipo de instancia
* Copia de elementos de un documento a otro
2. IMPORTACIÓN DE OBJETOS
* Introducción de ilustraciones en Flash
* Trabajo con mapas de bits importados
3. CREACIÓN DE MOVIMIENTO
* Utilización de efectos de línea de tiempo
* Animación en Flash
* Interpolación de movimiento
* Interpolación de forma
* Fotograma a fotograma
* Utilización de capas de máscara
4. TRABAJO CON VÍDEO
* Funciones de vídeo en Flash
* Importación de vídeo con el asistente
* Utilización del componente FLVPlayback
* Componentes multimedia (Flash Player 6 y 7)
5. TRABAJO CON SONIDO
* Importación de sonidos
* Adición de sonidos a un documento
* Adición de sonidos a botones
6. ACTIONSCRIPT
* ¿Qué es?
* Acciones frecuentes en fotogramas
* Acciones frecuentes en botones
* Comportamientos
7. PUBLICACIÓN
* Publicar


ANEXO: CD Interactivo Google AdWords
Unidad 1. Introducción

* Introducción a las herramientas de Google
* Los buscadores como herramienta publicitaria
* La publicidad en Google AdWords (Coste por Clic)
* La red de contenido como herramienta publicitaria

Unidad 2. Planificación de la campaña

* Investigar el mercado
* Marcar objetivos
* Segmentación de mercado: la orientación del anuncio
* Definir tipos de campañas en base al objetivo de ventas
* Conceptos clave en AdWords para diseñar un anuncio
* Planificación presupuestaria

Unidad 3. Crear una campaña

* Cómo llegar a AdWords
* Selección de la versión de la cuenta
* Selección de cliente por idiomas
* Seleccionar clientes por ubicación
* Crear un anuncio de texto
* Crear un anuncio gráfico
* Crear un anuncio de vídeo
* Seleccionar palabras clave
* Establecer precios
* Revisión y registro

Unidad 4. Administrar una campaña

* La estructura de una cuenta de AdWords en base a la facturación
* Configuración de costes con Google AdWords por campaña
* Control de costes de campañas
* Opciones de facturación y pago

Unidad 5. Calidad, control y seguimiento

* El nivel de calidad de las palabras clave
* Tipos de estado de palabras clave
* Crear y gestionar informes
* Seguimiento de conversiones
* Introducción a Google Analytics

Unidad 6. Optimización del rendimiento de anuncios

* La mejora del rendimiento de los anuncios
* Revisar el sitio web
* Estrategias específicas de optimización
* Uso de concordancia de palabras clave para la optimización
* Optimización de la cuenta
* Optimización de la posición del anuncio
* Herramientas de Google AdWords para la optimización


DE NADA.
Creo que con lo que te ha contestado, si lo haces bien...tienes un 9 fijo....jodo....XD
Alex64 escribió:buenas, ahora mismo estoy con el trabajo de recerca que te piden en primero de bachillerato y se tiene que entregar a principio de segundo..

el titulo del tdr es: elaboración de una pagina web.

He estado varias semanas buscando informacion y demas, y ahora nose por donde empezar xd
habia pensado hacer una pagina web y dentro de ella poner la informacion del tdr explicando como se hace la web...

aver si alguien que haya echo algo similiar me podria echar un cable para seguir adelante.



Un saludo.


Ten en cuenta, antes de ponerte a explicar el rollo de como se hace una web, es importante reflejar las consideraciones previas que puedes tener. Por ejemplo, lo primerito de todo es analizar que clase de tecnologia necesitas.

Por ejemplo, para una página web de una tienda puede venirte bien llevar una base de datos con todos los artículos con stocks, precios y demás y mantenerla con algun lenguaje como asp, y aquí tienes las primeras consideraciones a hacer, qué base de datos escoger en ese caso, y decantarse entre un lenguaje u otro, si es una página con poco movimiento, te valdrá solo con html + javascript. Y después de eso, la búsqueda de un hosting para la web que además soporte toda la tecnologia que nosotros empleemos. Solo con eso ya tienes para rato xD.

Y respecto a lo demás, pues no tengo muy claro que es la idea que tienes tú de como se hace una web xD
Lo primero que deberias saber es qué hacer.

Lo segundo que tecnologia utilizar

Lo tercero, papel y lapiz para plasmar la idea

Y luego a picar....

Yo soy programador web (como otro medio millon de usuarios de EOL) y seguro que si tienes dudas concretas te podemos echar una mano. Prueba a buscar en algun subforo de 'PC' tambien

Saludos
ay, en mis tiempos te decian que el traball de recerca era como una tesis, que tenias que defender y demostrar o desarmarla... pero parece ser que fui el único que no copió y pego lo que encontró por ahi v_v
Bueno, yo no soy programador web profesional, pero he estado en varios proyectos y tengo alguna experiencia en el tema, pero yo profesional no soy xD aun así creo que algo te podría ayudar.

vanaiach escribió:ay, en mis tiempos te decian que el traball de recerca era como una tesis, que tenias que defender y demostrar o desarmarla... pero parece ser que fui el único que no copió y pego lo que encontró por ahi v_v


Yo siempre he oido que es así, luego basta con hacer un copipasta o que? xDD como a mi eso no me toca hacerlo.
Como muy acertadamente ya te han comentado, antes de la web hay que hacer un paso previo de lápiz y papel.
No tiene porqué ser un gran proyecto de ingeniería, pero más o menos reflejar:
-Temática del sitio y su objetivo
-Tecnología a utilizar (depende del objetivo del sitio, el nº de usuarios esperados del mismo, el dinero con el que se cuente..etc). Como es para un trabajo, una web en simple HTML (aunque quant més sucre més dolç) te va a servir seguro, aunque imagino que si metes alguna pequeña base de datos y lenguaje dinámico lo puedes bordar.
-¿Cuántas páginas va a tener tu sitio? (ya que realmente una página web es "una plana" y un "sitio web" es a lo que normalmente le llamamos página web)
-Un pequeño diseño de las diferentes webs y del sitio en su conjunto. Colores, disposición de menús, de imágenes, etc etc
-¿Acceso a personas con problemas? En Secundaria se suele valorar mucho el tener en cuenta personas con problemas motrices, visuales, auditivos...

Creo que eso más o menos es lo más básico. Obviamente no creo que sea necesario profundizar mucho en ello ni mucho menos hacer un estudio económico. Pero te lo comento porque, aunque encontrarás chorropocientos sitios donde te explicarán como "programar una web", manuales de html, javascript, flash, php, css, etcetc, en muy muy pocos hacen un análisis previo y por eso te puedes encontrar por ahi grandes chapuzas.
jorcoval escribió:-¿Acceso a personas con problemas? En Secundaria se suele valorar mucho el tener en cuenta personas con problemas motrices, visuales, auditivos...



Ciertamente, estoy seguro de que si enfocas tu trabajo de páginas webs con una guía para hacer paginas webs accesibles a gente con discapacidades, vas a ganar un montón de puntos, estas cosas se venden muy bien xD.

Te dejo este enlace para que vayas enterandote del tema, creo que es un buen punto de partida, de ahí puedes sacar toda la información que necesitas:
http://www.w3c.es/Traducciones/es/WAI/i ... essibility
no me acordaba ya de este hilo xd

me han recomendado utilizar joomla, que os parece?
o mejor hacer una web simple con html y algo mas?

esta es la idea mas o menos que tengo para hacer el treball de recerca, aqui el index:


1- Introducció
2- Internet
2.1- Historia d’Internet
2.2- WWW (World Wide Web)
2.3- Llenguatges de programació
3- Les pàgines web
3.1- Que necessitem?
3.2- Crear un espai a Internet
3.3- Elaboració d’una pagina web
3.4- Com penjar la web
4- Bibliografia



me gustaria tener opiniones y sugerencias, me quedan pocas semanas para tenerlo acabado ... X-D

Sotriuj escribió:
jorcoval escribió:-¿Acceso a personas con problemas? En Secundaria se suele valorar mucho el tener en cuenta personas con problemas motrices, visuales, auditivos...



Ciertamente, estoy seguro de que si enfocas tu trabajo de páginas webs con una guía para hacer paginas webs accesibles a gente con discapacidades, vas a ganar un montón de puntos, estas cosas se venden muy bien xD.

Te dejo este enlace para que vayas enterandote del tema, creo que es un buen punto de partida, de ahí puedes sacar toda la información que necesitas:
http://www.w3c.es/Traducciones/es/WAI/i ... essibility


me parece buena idea, y nunca habia sentido hablar de este tema.
creo que a la tutora le gustara si le meto algo sobre esto XD


un saludo
Uff! Demasiado largo el índice.

Tu usa el iWeb que con 4 clicks lo tienes. [sati]
PussyLover escribió:Uff! Demasiado largo el índice.

Tu usa el iWeb que con 4 clicks lo tienes. [sati]


ya se que es un poco largo, pero el trabajo me tiene que ocupar mas o menos 40-50 paginas [mad]

sobre hacer la web en 4 clicks mejor que no X-D
alguien me da algun consejo?
12 respuestas