Tema: Ejercicio de mi primera página
Actividad: Tomando como ejemplo los video que hay acontinuación crear una página Web; siguiendo paso a paso el desarrollo de los ejercicios mostrados en el video.
Mostrar el resultado de la página al finalizar la clase.
Tema: Entorno Dreamweaver
Actividad:
Tema: Dreamweaver MX.
Actividad:
Para esta clase debes:
Solucion:
Que Es DreamWeaver?
Las funciones de edicion visual de dreamweaver mx permiten rapidamente diseño y funcionalidad a las paginas sin la nesecidad de progamas manualmente el codigo html.
puedes crear tablas, editar marcos ademas un software de clientes ftp completo.
para seguir el curso te puedes descargar la version gratuita de dreamweaver desde la pagina macromedia.
Editar Pagina Web:
Cualquier editor de texto permite crear paginas wed. pra ello solo es necesario crear los documentos con la extencion html. puesdes utilizar incluso el bloc de notas para hacerlo.
pero cera paginas wed mediante el codigo html es mas costoso qu hacerloutilizando un editor grafico.
hoy en dia existe una amplia gama de editores de pagina wed.
Como Tener Una Pagina En Internet:
Para poder poner una pagina qed en internet , es necesario contratar a alguna empresa co servidores que puede alojar y hacerla accesible desde internet.
cuando se va a contratar un servicio de hospedaje es necesario contratar tambien un dominio, tarea de la que se suele encargar la empresa de hospedaje.
Hay muchos lugares donde obtener una paguina web
se obtienen de dos formas cuando es gratuita o cuando es privada cuando esto es privado hay que pedir plublicidad para que laa paguina se sostenga 24 horas al dia y cuando es gratuita ellos publicitan y ganan dinero
Para abrir un documento, puedes utilizar cualquiera de las siguientes operaciones.
Hacer clic en el botón abrir de la barra de herramientas estándar.
Pulsar la combinación de teclas Ctrl+O. Hacer clic sobre el menú Archivo y elegir la opción Abrir.
Hacer doble clic sobre el archivo en la ventana del sitio.
Para abrir un documento nuevo, puedes utilizar cualquiera de las siguientes operaciones.
Hacer clic en el botón abri de la barra de herramientas estándar.
Pulsar la combinación de teclas Ctrl+O.
Hacer clic sobre el menú Archivo y elegir la opción Nuevo Hacer doble clic sobre el archivo en la ventana del sitio.
Después de esto aparecerá una nueva ventana, en la que deberás elegir la Categoría Página básica, HTML.
Para guardar un documento, puedes utilizar cualquiera de las siguientes operaciones.
Hacer clic en el botón guardar de la barra de herramientas estándar.
Pulsar la combinación de teclas Ctrl+S. Hacer clic sobre el menú Archivo y elegir la opción Guardar.
Dreamweaver incluye la posibilidad de, en el caso de estar trabajando simultaneamente con varios documentos, poder guardar todos de golpe, sin la necesidad de hacerlo uno por uno. Para guardar todo puedes realizar cualquiera de las siguientes operaciones.
Hacer clic en el botón guardar todo de la barra de herramientas estándar.
Hacer clic sobre el menú Archivo y elegir la opción Guardar todo.
La vista Diseño muestra las páginas Web ASP.NET, las principales, las HTML y los controles de usuario empleando una presentación que se aproxima bastante al modo WYSIWYG. Esta vista permite agregar texto y elementos y, a continuación, colocarlos, ajustar su tamaño y configurar las propiedades mediante menús especiales o la ventana Propiedades.
Al agregar elementos a la página, Visual Web Developer crea el código de formato correspondiente que también puede editar en la vista Código fuente. Para obtener información detallada, vea Código fuente (Vista).
Para alternar a la vista Diseño, haga clic en la ficha Diseño situada en la parte inferior de la ventana del Diseñador HTML.
Como su nombre lo indica sitio web es aquel en el que podemos insertar cosas videos contiene informacion digital un lugar q se visite o un lugar el cual sea para solo agregar informacion fotos etc.
Una vez creadas las carpetas que formarán un sitio local, ya es posble definir el sitio en Dreamweaver. Para ello hay que dirigirse al menú Sitio, a la opción Nuevo sitio (imagen izquierda). Pero también se puede crear un nuevo sitio a través de la opción Editar sitios. Recuerda que a través del panel Sitio (imagen derecha) se puede acceder a ambas opciones.
En el caso de haber seleccionado la opción Editar sitios, aparece una ventana que contiene la lista de sitios locales definidos con anterioridad.
Por supuesto, pueden existir varios sitios locales en un mismo ordenador. Tanto si se elige la opción Nuevo, como si se elige la opción Editar, se mostrará la misma ventana en la que definir las características del sitio.
Dicha ventana puede ser visualizada como asistente en el caso de seleccionar la pestaña Básica, pero vamos a verlo en el caso de seleccionar la pestaña Avanzadas. En Categoría es posible especificar el elemento que va a ser editado. Para ello basta con seleccionar una de ellas.
Vamos a ver los datos que hay que editar para la categoría Datos locales. Debe definirse el Nombre del sitio y la Carpeta raíz local, que es en la que se encuentra el sitio dentro del disco duro local.
Después, si se desea, a través de la categoría Mapa de disposición del sitio puede definirse la página principal del sitio, de la que colgarán el resto de documentos HTML dentro del sitio. Las demás opciones en este momento no nos interesan, ya que estamos definiendo el sitio local, y no es necesario establecer los datos del servidor en el que estará el sitio remoto.
Para abrir un sitio ya definido es necesario seleccionarlo a través de la ventana o del panel Sitio. También es posible abrirlo seleccionándolo en la ventana Editar sitios, pulsando seguidamente sobre el botón Listo.
Tema: Misión, Visión y Valores Corporativos
La Planeacion En El Mundo Empresarial.
La planeacion es una actividad que enseña los pasos y establece las codiciones futuras y los elementos necesarios para que un objevito propuesto se cumpla y de esta manera se establezcan las basespara disminuir la posiblidad de fallar en su alcance
En general, la planeacion en el ambito empresarial sirve para:
– Estimular el crecimiento de la empresa
– Reducir los niveles de incertidumbre que se pueden presentar en el alcanze de los propositos futuros
-Preparar a la empresa para hacer frente a las situaciones inesperadas
-Mantener una dinamica para el logro de la vision y el cumplimiento de la mision del negocio
-Promover la eficiencia al eliminar la improvisacion
-Elevar la moral para que todos los miembros de la empresa conozcan hacia donde se dirigen los esfuerzos conjuntos de todo el equipo
La planeacion se aplica a la formulacion de planes y a la ejecucion de proyectos. Veamos la diferencia entre estos dos conceptos.
Un plan es un conjunto de pasos concretos para cumplir un objetivo, un fin o un proposito.
Un proyecto es una idea concreta, relizable, con un inicio y una finalizacion, que requiere de un conjunto de actividades de unos recursos, de un calendario o cronograma de ejecucion y de uno o varios equipos de trabajo con unas funciones especificas para cada actividad.
Dentro de un plan es necesario formular la mision, la vision y los valores que regiran el proyecto o la empresa.
-La Mision: Es la razon de ser del negocio. Responde a la pregunta: ¿ En que negocio estamos?, es decir, es una declaracion sobre » La razon del ser» del negocio.
Como ejemplo revisa la siguiente mision: » La fuerza aerea colombiana ejercer y mantiene el dominio del espacio aereo y conduce operaciones aereas, para la defensa de la soberania, la independencia, la integridad territorial nacional y del orden constitucional».
-La Vision: Es lo que se espera que sea el negocio en un tiempo. Sirve para expresar lo que se desea que la empresa o negocio sea en un tiempo futuro.
Como referencia, dice la vision de la fuerza aerea: una fuerza aerea desarrollada tecnologicamente, con el mejor talento humano y afianzado en sus valores, para liderar el poder aereo espacial y ser decisiva en la defensa de la nacion.
-Los Valores: Son los lineamientos sociales que lo caracterizan, es decir, guias o cualidades deseables que aplican a las cosas, a los hechos o a las personas sobre lo que es importante.
En este sentido los valores que promueve la fuerza aerea colombiana son:
*Disciplina
*Honor Militar (Valor, Lealtad, Rectitud, Decoro, Justicia, Mistica)
*Responsabilidad (Profesionalismo, Iniciativa, Compormiso)
*Honestidad (Veracidad, Honradez)
*Respeto
*Solidaridad
*Autoridad Moral
La decalaracion de la Mision debe constar de tres partes:
-Descripcion de lo que la organizacion hace
-Para quíen esta dirigido el esfuerzo
-Presentacion de la particularidad, lo singular de la organizacion, el factor diferencial.
La Vision responde a la pregunta: ¿Que es lo que realmente queremos? por tanto, debe:
-Ser factible al alcanzarla, no debe ser una fantasia
-Motivar e inspirar
-Ser compartidad
-Ser clara y sencilla, de facil comunicacion
TEMA: CONSULTA CODIGOS DE TEXTO Y CODIGOS DE COLOR
ACTIVIDAD:
1. CONSULTAR:
Desarrollo:
<ul> </ul>
Necesarios para tabular alguna sección de la página, desde textos, imágenes y tablas.
<li> </li>
Ayuda a ingresar viñetas dentro del texto.
<ol><li> </li><li> </li>…</ol>
Este comando inserta viñetas con números, estos son contiguos.
<center> </center>
Centra un objeto, texto, imagen, tabla, etc.
<p align=”left”>
izquierda</p>
Deja el texto a la izquierda de la página
<p align=”right”>
derecha </p>
Deja el texto a la derecha de la página
<table>
<tr colspan=”N”>
<td rowspan=”N”></table>
Comandos para definir una tabla,<tr></tr>
Se utiliza para definir una fila.
<td> </td>
Define una columna de la tabla
<table border=1>
<tr>
<td> 1</td>
<td>2</td>
<td>3 </td>
</tr>
<tr>
<td> 4</td>
<td> 5</td>
<td> 6 </td>
</tr>
</table>
Lo primero que debemos hacer para introducir una tabla es indicarle al navegador dónde empieza y dónde acaba; esto se consigue mediante la etiqueta de inicio <TABLE> y </TABLE>.
luego debemos decirle cuantas filas vamos a tener en nuestra tabla, cosa que hacemos con las etiqueta de inicio de fila <TR>> y </TR>, por lo que deberenos insertar una pareja de etiquetas por cada fila que queramos que tenga la tabla.
Por último, dentro de cada fila indicar cuantas celdas va a haber, que inicialmente deben corresponderse con el número de columnas que deseemos tenga la tabla. Esto se consigue mediante las parejas de etiquetas <TD> y </TD>.
De esta forma, y siguiendo con nuestra tabla inicial de Ejemplo , el esquema de etiquetas sería el siguiente:
|
<TABLE> |
|||||||||||||
| <TR> |
|
</TR> | |||||||||||
| <TR> | </TR> | ||||||||||||
| <TR> | </TR> | ||||||||||||
|
</TABLE> |
|||||||||||||
Este es el esquema general de toda tabla simple, que traducido a código HTML quedaría de la forma:
<TABLE>
<TR>
<TD> celda(1,1) </TD>
<TD> celda(1,2) </TD>
<TD> celda(1,3) </TD>
</TR>
<TR>
<TD> celda(2,1) </TD>
<TD> celda(2,2) </TD>
<TD> celda(2,3) </TD>
</TR>
<TR>
<TD> celda(3,1) </TD>
<TD> celda(3,2) </TD>
<TD> celda(3,3) </TD>
</TR>
</TABLE>
La cantidad de celdas debe ser el mismo en cada uno de las filas, para que la tabla tenga la misma cantidad de columnas. Se debe definir la cantidad de columnas que va a tener la tabla mediante el número de celdas que definamos en la primera fila.
Hay otras etiquetas que nos van a permitir adaptar la tabla a nuestras necesidades. Y cada etiqueta puede modificar la forma en que se comportan.
Para colocar color a las letras es:
<FONT COLOR=»entre estas comillas va el nombre o el número del color»>aquí el texto al que queremos dar color</FONT>
Eje:
Para poner el texto en rojo
<FONT COLOR=»RED»>este texto se pone rojo</font>
El resultado si lo ponemos dentro de los códigos del fichero html será
este texto se pone rojo
El color se indica en código hexadecimal, precedido del carácter almohadilla (#). Los colores que puedes usar son infinitos, pero su correcta visualización dependerá de la configuración del PC donde se vea. Si usas colores complejos, no se verán bien salvo que tu visitante posea un PC configurado en color de 16 bits o 32 bits. Para sistemas inferiores (256 colores o menos) es mejor atenerse a los colores básicos.
<html>
<head>
<title>Mi pagina en colores</title>
</head>
<body bgcolor="#507FFF">
<h1>bienvenido a mi página</h1>
<p>Aqui iria el resto de la página</p>
</body>
</html>
Video tutorial:
TEMA: CONCEPTO E INICIO CON HTML
ACTIVIDAD:
Desarrollo De la Clase:
1.
<html> <head> <title>El primer documento HTML</title> </head> <body> <p>El lenguaje HTML es <strong>tan sencillo</strong> que prácticamente se entiende sin estudiar el significado de sus etiquetas principales.</p> </body> </html>
La primera es usar un programa como Dreamweaver de Adobe, la segunda es utilizar un editor de texto. Tanto para escribir HTML como CSS, porque un editor de texto da mucho más control sobre el código, además usar un programa como Dreamweaver no te dejará aprender la forma correcta de escribir HTML.
Todos los archivos HTML son sólo texto, así que necesitas una aplicación que te permita escribir texto plano (sin agregar un montón de formatos).
A continuación veremos cuales son los editores básicos que debes usar, ya sea que estés en Windows, Mac o Linux.
Un ejemplo de código HTML con coloreado de sintaxis
La mayoría de etiquetas deben cerrarse como se abren, pero con una barra («/») tal como se muestra en los siguientes ejemplos:
3. Tuturia Como Crear Una Pagina Html.
TEMA: CREAR, REVISAR Y BORRAR COMENTARIOS
ACTIVIDAD:
TEMA: Introduccion Al blog
Actividad:
* Creacion y confirmacion del blog personal de los estudiantes
* Configuracion del blog
* Introduccion a la publicacion de entradas
* publicacion de la entrada
Cuaderno Virtual... Tecnologia 