Paginas webPresentado por : YESSENIA

PULGARIN RESTREPO

¿QUE ES UNA PAGINA WEB? Una página web, página electrónica o cyber página, es

un documento o información electrónica capaz de contener texto, sonido, vídeo, programas, enlaces, imágenes, y muchas otras cosas, adaptada para la llamada World Wide Web, y que puede ser accedida mediante un navegador. Esta información se encuentra generalmente en formato HTML o XHTML, y puede proporcionar navegación (acceso) a otras páginas web mediante enlaces de hipertexto. Las páginas web frecuentemente también incluyen otros recursos como ser hojas de estilo en cascada, guiones (scripts), imágenes digitales, entre otros.

¿CARACTERISTICAS DE UNA

PAGINA WEB? Una página web está compuesta principalmente por

información (sólo texto y/o módulos multimedia) así como por hiperenlaces; además puede contener o asociar hoja de estilo, datos de estilo para especificar cómo debe visualizarse, y también aplicaciones embebidas para así permitir interactividad. www.nfl.com

Las páginas web son escritas en un lenguaje de marcado que provee la capacidad de manejar e insertar hiperenlaces, generalmente HTML. El contenido de la página puede ser predeterminado (página web estática) o generado al momento de visualizarla o solicitarla a un servidor web (página web dinámica). Las páginas dinámicas que se generan al momento de la visualización, se especifican a través de algún lenguaje interpretado, generalmente JavaScript, y la aplicación encargada de visualizar el contenido es la que realmente debe generarlo. Las páginas dinámicas que se generan, al ser solicitadas, son creadas por una aplicación en el servidor web que alberga las mismas.

Respecto a la estructura de las páginas web, algunos

organismos, en especial el World Wide Web Consortium (W3C),

suelen establecer directivas con la intención de normalizar

el diseño, y para así facilitar y simplificar la visualización e

interpretación del contenido.

Una página web es en esencia una tarjeta de presentación

digital, ya sea para empresas, organizaciones, o personas, así

como una manera de comunicar ideas, pensamientos,

conocimientos, informaciones o teorías. Así mismo, la nueva

tendencia orienta a que las páginas web no sean sólo

atractivas para los internautas, sino también optimizadas

(preparadas), para los buscadores a través del código fuente.

Forzar esta doble función puede, sin embargo, crear conflictos

respecto de la calidad del contenido.

El posicionamiento web de una página web es la base para

optimizar todo un sitio web el cual es un conjunto de páginas

web.

¿CÓMO SE IDENTIFICA UNA

PAGINA WEB?

Compruebe la dirección

Compruebe que la dirección del sitio web empieza por “https” (en lugar de “http”).

Utilice una conexión segura, si está disponible

Si el sitio web no es seguro, es posible que le ofrezca la opción de establecer una conexión segura o no segura al acceder a él. Regrese a la página desde la que ha accedido y busque un vínculo a una conexión segura. Aunque no tenga intención de ver información privada, es recomendable usar una conexión segura siempre que sea posible para garantizar que toda la información de la conexión y cualquier otra información que envíe se encripta.

¿Cómo se hace una pagina

web? En estas páginas vas a aprender a crear una página web, a escoger un servidor de

pago o gratuito, a subirla a internet, a mejorarla y actualizarla a tu gusto e incluso a

sacarle un buen provecho económico si lo deseas. No hace falta que tengas

conocimientos de nada, simplemente con leer estas lecciones lo vas a lograr, verás.

El resultado final será una web igual que esta, con su foro, un top, un directorio de

enlaces, optimizada para aparecer en buenas posiciones en los buscadores, con

un código html y css válidos, etc, etc.

Qué vamos a necesitar?

En principio solo conexión a internet y seguir estas instrucciones. El resto de recursos

necesarios los conseguiremos de la red, como por ejemplo el software (gratuito)

que vamos a seguir para las lecciones, el espacio web (gratuito también) para

alojar tu proyecto, el software para el foro, para el directorio y para el topsites (de

nuevo, gratis), etc, etc. Si tienes acceso a internet tendrás todo lo necesario. Bueno

y un poco de tiempo y paciencia, claro.

Y si no entendemos algo?

En ese caso dispones del Foro CCTW donde puedes escribir todas tus dudas. Las resolvemos todas, de modo que... si no tienes página web será solo porque no quieres. No hay escusa! Para leer el foro no es necesario registrarse, para escribir tus dudas en él sí (es necesario para poder evitar un poco el Spam, lo siento).

Bien, cómo seguimos las

lecciones de esta web?

Arriba verás un menú horizontal con fondo naranja. Desde allí puedes acceder a

las distintas lecciones de este tutorial. Al hacer clic en cada una aparece un menú

a la izquierda, con fondo blanco como el que hay ahora, desde donde accederás

a las distintas partes de cada lección. Además, pulsando sobre las flechas

"Siguiente" y "Anterior" de la parte baja de cada página puedes ir avanzando las

lecciones por orden. Todo claro? Pues adelante, basta con pulsar la flecha

derecha de aquí abajo.

Descarga del Html-Kit Un software es un programa informático, lo que ocurre es que al decir

software parece que la cosa tiene más importancia, como es una palabra en inglés... ya se sabe... pero no es más que eso, un programa. Para crear nuestra página web necesitamos un programa. Para crear webs hay miles, de pago, gratuitos, regalados, pirateados... Nosotros en esta lección vamos a ser buenos y usaremos uno gratuito, por ejemplo uno que se llama Html-Kit

De dónde descargar Html-Kit

El Html-Kit es un editor de html y css (entre otros) gratuito. Editor significa que podemos escribir con él y Html y Css son los lenguajes que se usan para hacer páginas web. Es gratuito, esto significa que no has de pagar un duro por él, aunque tienes la opción de pagar para tener acceso a un sin fín de herramientas extra. Por lo pronto, con la versión gratuita nos va a sobrar.

Para conseguirlo, qué mejor que descargarlo desde la página oficial, no? Así estaremos seguros de obtener la versión más moderna. La página es http://www.chami.com/html-kit/download/. Ve haciendo clic y se abrirá una ventana aparte, para que puedas seguir leyendo estas instrucciones.

Al acceder a la web de Html-Kit podrás ver en la parte alta un cartelito similar a este:

En el hueco de arriba te preguntan

dónde oiste hablar de Html-Kit. Puedes

poner lo que quieras, la dirección de

esta web, un buscador, etc, etc. En el

hueco de abajo puedes escribir tu

email si deseas recibir información de

actualizaciones de este software y

cosas así. No son obligatorios ninguno,

pero ya que es gratuito no está al

menos contestarles a la primera

pregunta, no?

A continuación, pulsa en la parte de abajo de ese cuadro, donde pone Download

HTML-Kit para proceder a la descarga del archivo. Son unas 2.8 megas, por lo que

será algo rápido. Al hacer clic se abre una ventana preguntado si lo deseas

guardar o ejecutar directamente. Escoge Guardar y así lo tendrás a mano en caso

de que te haga falta:

Tras terminar de bajarlo aparece otra ventana. Escoge Ejecutar para

empezar su instalación:

Quizás te aparezca un mensaje como este:

Puedes aceptar y Ejecutar sin problemas. Este programa es

seguro. En seguida, el programa empieza a instalarse en tu PC.

Comienza mostrando una ventana de bienvenida y preguntándote si quieres seguir

o no... parece que aún no ha entendido que "sí".. je je:

Como va siendo habitual, ahora aceptamos las condiciones, cómo no, verdad? Tienes que marcar la casilla que te he marcado en rojo en la imagen de aquí abajo y después pulsar en Next> :

Siguiente paso? Indicarle en qué carpeta de nuestro disco duro lo queremos instalar. La opción por defecto es perfectamente válida:

Seguidamente nos pregunta qué opciones deseamos instalar.

Como no hay quien nos pare, nosotros escogemos todas (que

chulos somos, eh?). Seguramente no las usemos, pero

tampoco es cuestión de perderse algo, así que... tó pa dentro.

Si aún no te has cansado de aceptar y aceptar, aquí tienes otra

ventana que te pregunta cuál quieres que sea el nombre del

programa en tu barra de programas... aceptamos de nuevo...

Bueno... ahora nos muestra las opciones que se van a instalar. Que majo... pero un poco

pesado..

Pulsamos Install y... allá va eso! Se instala en un segundo y claro, para no perder costumbre

nos dice que ya está todo listo. Te recomiendo no dejar marcada la casilla marcada con un

circulo rojo por mí. Eso es para descargarte más cosas, pero por el momento vamos

sobrados. Quita la marca (mira la foto de abajo) y seguimos, oki?