INSTITUTO TECNOLOGICO DE TUXTEPEC Departamento de Sistemas y Computación

Tamaño: px

Comenzar la demostración a partir de la página:

Download "INSTITUTO TECNOLOGICO DE TUXTEPEC Departamento de Sistemas y Computación"

María Josefa Contreras Espinoza
hace 8 años
Vistas:

Carrera Ingeniería en sistemas computacionales Plan de estudios 2009-2010 Clave de la materia TIB-1025 Nombre de la materia Programación web Semestre Gpo. Periodo 8 A Ene/Jun 2015 Practica No.

1 Carrera Ingeniería en sistemas computacionales Plan de estudios Clave de la materia TIB-1025 Nombre de la materia Programación web Semestre Gpo. Periodo 8 A Ene/Jun 2015 Practica No. Laboratorio de: Nombre de la práctica 1 LSI/LSC Creación de un sitio en Dreamweaver empleando un servidor local Duración (Hora) 1 Hrs. 1.- Enunciado Cree un sitio en Dreamweaver empleando un servidor local. 2.- Introducción Cualquier editor de texto permite crear páginas web. Para ello sólo es necesario crear los documentos con la extensión HTML o HTM, e incluir como contenido del documento el código HTML deseado. Puede utilizarse incluso el Bloc de notas incluido en Windows para hacerlo. Pero crear páginas web mediante el código HTML es más costoso que hacerlo utilizando un editor gráfico. Al no utilizar un editor gráfico cuesta mucho más insertar cada uno de los elementos de la página, al mismo tiempo que es más complicado crear una apariencia profesional para la página, sobre todo si no estamos demasiado familiarizados con el HTML. Aunque también es cierto que escribir el código nos da más control sobre él, y sobre todo al principio, nos ayudará a aprenderlo rápidamente. Hoy en día existe una amplia gama de editores de páginas web. Uno de los más utilizados, y que destaca por su sencillez y por las numerosas funciones que incluye, es Adobe Dreamweaver. Además de Dreamweaver, existen otra serie de buenos editores de páginas web, como pueden ser Microsoft Expresion Web, Amaya, Bluefish, NVU, KompoZer o Quanta Plus. Algunos de los cuales tienen la ventaja de ser gratuitos. (Aulaclic.es, 2009). Página 1 de 9

2 3.- Objetivo (Competencia) Crear un sitio en Dreamweaver empleando un servidor local. 4.- Fundamento 1. Qué es dreamweaver? Dreamweaver es la herramienta de diseño de páginas web más avanzada, tal como se ha afirmado en muchos medios. Aunque sea un experto programador de HTML el usuario que lo maneje, siempre se encontrarán en este programa razones para utilizarlo, sobre todo en lo que a productividad se refiere. Cumple perfectamente el objetivo de diseñar páginas con aspecto profesional, y soporta gran cantidad de tecnologías, además muy fáciles de usar: Hojas de estilo y capas Javascript para crear efectos e interactividades Inserción de archivos multimedia. Además es un programa que se puede actualizar con componentes, que fabrica tanto Macromedia como otras compañías, para realizar otras acciones más avanzadas. 2. Qué es un sitio web? Un sitio web, por lo tanto, es un espacio virtual en Internet. Se trata de un conjunto de páginas web que son accesibles desde un mismo dominio o subdominio de la World Wide Web (WWW). Es importante establecer que en Internet encontramos una gran variedad de tipos de sitios web que suelen diferenciarse fundamentalmente por la clase de contenido que ofrecen o por el servicio que brindan a cualquiera de las personas que se encuentran navegando por la Red. Página 2 de 9

3 3. Cuáles son las dos partes de que consta un sitio en Dreamweaver? Como en la mayoría de los sistemas de creación y publicación de páginas, un sitio en Dreamweaver consta de dos partes: un conjunto de archivos situados en un equipo local (el sitio local) y una ubicación en un servidor Web remoto donde publicará los archivos (el sitio remoto, espacio web o alojamiento web). El método más común para crear un sitio Web utilizando Dreamweaver consiste en crear y editar páginas en el disco local y, a continuación, publicar copias de esas páginas en el servidor Web remoto para ponerlas a disposición pública. 4. Qué es una carpeta local? La carpeta local es el directorio de trabajo. En Dreamweaver esta carpeta se conoce como sitio local. La carpeta local suele ser una carpeta situada en su disco duro. 5. Qué es el panel de archivos? Desde el panel Archivos seremos capaces de controlar nuestro sitio local y remoto de forma fácil y rápida. En este apartado veremos qué pasos debemos seguir para completar unas cuantas acciones que nos serán bastante útiles. 5.- Descripción (Procedimiento) A) Equipo necesario Material de apoyo Computadora. Dreamweaver Página 3 de 9

4 6. Desarrollo de la práctica Crear o editar un sitio web sin conexión a Internet 1. INICIAMOS LA HERRAMIENTA DREAMWEAVER SELECCIONAMOS SITIO DE DREAMWEAVER Página 4 de 9

5 3. ASIGNAS UN NOMBRE A TU SITIO, EN LA SEGUNDA PARTE NO PONEMOS NADA Y LE DAMOS SIGUIENTE. Página 5 de 9

6 4. SELECCIONAMOS LA OPION DOS EN DONDE DICE QUE SI DESEAMOS UTILIZAR UNA TECNOLOGIA DE SERVIDOR,DEPUES TE DESPLEGA UN MENU Y SELECCIONAS LA ULTIMA OPCION QUE DICE PHP MySQL 5. DESPUES PIDE QUE SELECCIONEMOS LA CARPETA DONDE QUEREMOS GUARDAR LOS DOCUMENTOS DE LA PAGINA WEB AHÍ DEPENDE DE CADA QUIEN EN DONDE DESEA GURDARLOS. Página 6 de 9

6. AHORA TENEMOS QUE SELECCIONAR COMO QUEREMOS CONECTAR NUESTRO SERVIDOR REMOTO, POR EL MOMENTO LE PONDRE QUE NINGUNO. 7. CON ESO TENEMOS COMPLETADOS LOS PRIMEROS PASOS DE UN SITIO WEB.

7 6. AHORA TENEMOS QUE SELECCIONAR COMO QUEREMOS CONECTAR NUESTRO SERVIDOR REMOTO, POR EL MOMENTO LE PONDRE QUE NINGUNO. 7. CON ESO TENEMOS COMPLETADOS LOS PRIMEROS PASOS DE UN SITIO WEB. SELECCIONAMOS COMPLETADO. 6.-Resultados y conclusiones La creación de un sitio Dreamweaver es bastante fácil y por supuesto que es dependiendo de las necesidades del usuario. La herramienta en sí es muy útil y su interfaz no es complicada de entender, nos ahorra trabajo y es de gran ayuda al momento de diseñar nuestro sitio html. Página 7 de 9

8 7.- Anexos 8.-Referencias 12 de marzo de consulta 12 de marzo de 2015 Fecha de realización: 12/MARZO/2015 Formuló L.I. María de los Ángeles Martínez Morales Maestro Realizó Julia Ivonne Rodríguez Rangel Basilio Calixto Calderón Alberto Martínez Gregorio Víctor Alonso Olguín Carrera Víctor Manuel Bautista López Jorge Nahúm Ortiz Palacios José Luis Martínez Quintana Nombre del alumno y firma Página 8 de 9

9 Instructivo de llenado del Carrera: Escribir el nombre de la carrera Plan de estudios: Es la clave oficial del plan de estudios Clave de la materia: Es la clave interna de la materia formada por cuatro dígitos Nombre de la materia: Nombre de la materia como aparece en la retícula No. Práctica: Número consecutivo de la práctica Laboratorio de: Nombre del laboratorio a utilizar ( Tratamiento de la información, Redes y telecomunicaciones y Software de base y Arquitectura de computadoras ) Nombre de la práctica: Nombre que describe a la práctica Duración (Hora): Duración de la práctica en horas 1.- Enunciado: Descripción breve del problema a resolver 2.- Introducción: Escribir una descripción breve de todo el tema que abarca la práctica 3.- Objetivo (Competencia): Objetivo o competencia a desarrollar 4.- Fundamento: Fundamento teórico de la práctica o tema (Llenado por el alumno) 5.- Descripción (Procedimiento): Escribir el equipo necesario y materia de apoyo (A). Describir los pasos a seguir para el desarrollo de la práctica (B). 6.- Resultados y conclusiones: Escribir los resultados obtenidos y las conclusiones.(llenado por el alumno) 7.-Anexos: Incluir aquí imágenes, tablas y demás información que apoye la información de la práctica.(llenado por el alumno) 8.-Referencias: Incluir los datos de las fuentes consultadas.(llenado por el alumno) Fecha: Fecha en que se realizó la práctica (Llenado por el alumno) Formuló: Nombre y firma del maestro Realizó: Nombre y firma del alumno. Página 9 de 9

Documentos relacionados

INSTITUTO TECNOLOGICO DE TUXTEPEC Departamento de Sistemas y Computación

INSTITUTO TECNOLOGICO DE TUXTEPEC Departamento de Sistemas y Computación Carrera Ingeniería en sistemas computacionales Plan de estudios 2009-2010 Clave de la materia TIB-1025 Nombre de la materia Programación Web Semestre Gpo. Periodo 8 A Ene/Jun 2015 Practica No. Laboratorio