Sabias que somos Webmaster?

Es una palabra con la que no estaba muy familiarizada que se diga y ahora resulta que soy una ‘webmaster’ , ya que soy la responsable de mi bitácora o mi blog y hasta dia internacional tenemos, el cual es considerado una Web aunque este no tenga un dominio propio sino que sea un subdominio, cada día me sorprendo mas no sabia que existía eso de dominio y subdomino hasta que tuve que aprender para poder manejar mejor mi blog, estoy haciendo pequeños cursos para poder mejora la apariencia de mi blog, aunque tengo otro en wordpress el cual si me da mayores ventajas a la hora de hacerle cambio a mi bitácora, pero aun estoy trabajando con este, la verdad hay cosas que no puedo hacer aun pero ya se como agregar las famosas meta etiquetas que no sabia que era eso, para mi eso estaba en griego antiguo porque no sabia que hacer con ese termino, pero como todo en la red tiene solución es fácil estoy agregada a varias paginas de webmaster en la cual muestran como mejorar la apariencia de nuestra web al igual de cómo implementarle mas visitas y también como usar el tan famoso Lenguaje de Marcado de Hipertexto mejor conocido como HTML por sus siglas en ingles(HyperText Markup Language) aun no soy experta dicho sea de paso, pero nadie nace sabiendo y yo aprendo rápido, pues les daré un pequeño resumen de lo que es un webmaster y sobre el html espero que le sea de ayuda.

Webmaster

La labor de un Webmaster es multidisciplinar debido a la gran cantidad de tareas que realiza y a la complejidad de las habilidades para ejecutarlas, por lo que es muy importante una capacitación constante. Sin embargo hay algunos puntos básicos que un Webmaster debería conocer para realizar mejor su trabajo. Es común que un Webmaster sea alguien con formación técnica, de perfil tecnológico, como ingenieros o licenciados en computación, ciencias informáticas, cibernética, telecomunicaciones, mecatrónica o mecánica, y sin embargo no es un requisito. Un Webmaster debe tener habilidades de análisis de problemas, capacidad para razonamiento abstracto, proyección a futuro y resolución de problemas. No es necesaria una gran habilidad matemática pero es muy útil tener cierta habilidad para el análisis de procesos. Para un Webmaster es importante desarrollar sus habilidades de redacción e incluso las de diseño gráfico, de organización del tiempo, el dominio del inglés (que es el lenguaje de trabajo en la Web de facto) y las relaciones personales: por lo general un Webmaster tiene que relacionarse con muchas personas.

Hay ciertos conocimientos que son básicos para un Webmaster, como:

• Conocimiento del Lenguaje de Marcado de Hipertexto (HTML).
• Debe de hacer el uso y aplicación de los estándares propuestos por la W3C como lo son: XHTML y CSS
• Conocimiento de protocolos de Internet (FTP, POP, SMTP, HTTP como mínimo).
• Principios de programación en algún lenguaje para CGI (Perl, Python, PHP, ASP o Ruby, por ejemplo).
• Manipulación de imágenes digitales.
• Utilización del correo electrónico.
• Configuración básica del servidor Web (Apache, Tomcat, IIS, etc.).

Dependiendo del rol que juegue, se especializará en un área en particular o deberá ir adquiriendo pericia en algunas de las las siguientes tareas:

• Administración y configuración de servidores (Linux, Solaris, Windows Server, etc).
• Administración de la seguridad (firewalls).
• Conocimiento del funcionamiento del conjunto de protocolos de la suite TCP/IP.
• Programación de aplicaciones (en Perl, PHP, Java, Python, ASP, .NET, etc.)
• Administración y diseño de bases de datos (MySQL, PostgreSQL, Oracle, etc.)
• Diseño gráfico y animaciones (con las herramientas de su preferencia).
• Coordinación de proyectos de desarrollo.
• Elaboración de estrategias de mercado.
• Redacción de políticas y procedimientos para su área.
• Habilidades de redacción de contenido para sitios Web.

Código de ética

• Respetar los sitios web ajenos y nunca intentar crackear o estropear la web de otro webmaster.

• Mostrar respeto a la profesión como industria con honestidad y cortesía, para merecer una reputación de alta calidad de servicio y de trato justo.

• Incrementar la base de conocimiento de la profesión a través del estudio constante y de compartir este conocimiento con otros colegas.

• Construir una relación constante de confianza y buena voluntad con el público usuario y sus empleadores con equilibrio, mesura y cooperación constructiva.

• Llevar una conducta laboral de la manera más ética y competente posible cuando se solicite un servicio profesional o busque empleo, en honor a su conocimiento e integridad.

• Aceptar nuestra parte de responsabilidad en un servicio constructivo a la comunidad, estado o nación y a la comunidad global.

• Proteger la propiedad intelectual de otros confiando en el esfuerzo propio y en sus capacidades de innovación, asegurando así que los beneficios conceden con su autor.

• Esforzarse en lograr y expresar un carácter sincero que enriquecerá sus contactos humanos, apuntando siempre hacia ése ideal

• Trabajar siempre con su grupo de desarrollo y coordinar las miras de la empresa

Día Internacional del Webmaster

El Día Internacional del Webmaster se celebra el 20 de septiembre de cada año. En el cual a los mejores webmaster se publican en Internet y ganan un premio anónimo

HTML

es el acrónimo inglés de HyperText Markup Language, que se traduce al español como Lenguaje de Etiquetas de Hipertexto^[] . Es un lenguaje de marcado diseñado para estructurar textos y presentarlos en forma de hipertexto, que es el formato estándar de las páginas web. Gracias a Internet y a los navegadores como Internet Explorer, Opera, Firefox, Netscape o Safari, el HTML se ha convertido en uno de los formatos más populares y fáciles de aprender que existen para la elaboración de documentos para web. HTML no es un Lenguaje de Programación, aunque si permite incluirle código en Lenguajes de Programación, bajo ciertos criterios, extendiendo su capacidad y funcionalidad, aunque eso se logre excediendo los alcances del HTML en si.

Códigos HTML básicos

• <html>: define el inicio del documento HTML, le indica al navegador que lo que viene a continuación debe ser interpretado como código HTML.
• <head>: define la cabecera del documento HTML, esta cabecera suele contener información sobre el documento que no se muestra directamente al usuario. Como por ejemplo el título de la ventana del navegador. Dentro de la cabecera <head> podemos encontrar:

Un ejemplo de código HTML con coloreado de sintaxis

·<title>: define el título de la página. Por lo general, el título aparece en la barra de título encima de la ventana

·<link>: para vincular el sitio a hojas de estilo o iconos Por ejemplo:<link rel="stylesheet" href="/style.css" type="text/css">

·<style>: para colocar el estilo interno de la página, ya sea usando CSS, JavaScript u otros lenguajes similares. No es necesario colocarlo si se va a vincular a un archivo externo usando la etiqueta <link>

• <body>: define el contenido principal o cuerpo del documento. Esta es la parte del documento html que se muestra en el navegador; dentro de esta etiqueta pueden definirse propiedades comunes a toda la página, como color de fondo y márgenes. Dentro del cuerpo <body> podemos encontrar numerosas etiquetas. A continuación se indican algunas a modo de ejemplo:

·<h1>, <h2>, <h3>, <h4>, <h5>, <h6>: encabezados o títulos del documento con diferente relevancia.

·<table>: define una tabla

·<tr>: fila de una tabla

·<td>: celda de datos de una tabla

·<a>: Hipervínculo o enlace, dentro o fuera del sitio web. Debe definirse el parámetro de pasada por medio del atributo href. Por ejemplo: <a href="http://www.wikipedia.org">Wikipedia</a> se representa como Wikipedia)

·<div>: área de la página

·<img>: imagen. Requiere del atributo src, que indica la ruta en la que se encuentra la imagen. Por ejemplo: <img src="./imagenes/mifoto.jpg" />

·<li><ol><ul>: Etiquetas para listas.

·<b>: texto en negrita (Etiqueta descartada. Se recomienda usar la etiqueta <strong>)

·<i>: texto en cursiva

·<u>: texto subrayado

• La mayoría de etiquetas deben cerrarse como se abren, pero con una barra ("/") tal como se muestra en los siguientes ejemplos:

·<table><tr><td>Contenido de una celda</td></tr></table>

·<script>Código de un script integrado en la página</script>

Nociones básicas de HTML

El lenguaje HTML puede ser creado y editado con cualquier editor de textos básico, como puede ser Gedit, el Bloc de Notas de Windows, o cualquier otro editor que admita texto sin formato como GNU Emacs, Microsoft Wordpad, TextPad, Vim etc. Existen además, otros programas para la realización de sitios Web o edición de código HTML, como por ejemplo Microsoft FrontPage, el cual tiene un formato básico parecido al resto de los programas de Office. También existe el famoso software de Macromedia (que adquirió la empresa Adobe) llamado Dreamweaver, siendo uno de los más utilizados en el ámbito de diseño y programación Web. Estos programas se les conoce como editores WYSIWYG o What You See Is What You Get (en español: “lo que ves es lo que obtienes”). Esto significa que son editores en los cuales se ve el resultado de lo que se está editando en tiempo real a medida que se va desarrollando el documento. Ahora bien, esto no significa una manera distinta de realizar sitios web, sino que una forma un tanto más simple ya que estos programas, además de tener la opción de trabajar con la vista preliminar, tiene su propia sección HTML la cual va generando todo el código a medida que se va trabajando.

Combinar estos dos métodos resulta muy interesante, ya que de alguna manera se ayudan entre sí. Por ejemplo; si se edita todo en HTML y de pronto se olvida algún código o etiqueta, simplemente me dirijo al editor visual o WYSIWYG y se continúa ahí la edición, o viceversa, ya que hay casos en que sale más rápido y fácil escribir directamente el código de alguna característica que queramos adherirle al sitio, que buscar la opción en el programa mismo. HTML utiliza etiquetas o marcas, que consisten en breves instrucciones de comienzo y final, mediante las cuales se determinan la forma en la que debe aparecer en su navegador el texto, así como también las imágenes y los demás elementos, en la pantalla del ordenador.

Toda etiqueta se identifica porque está encerrada entre los signos menor que y mayor que (<>), y algunas tienen atributos que pueden tomar algún valor. En general las etiquetas se aplicarán de dos formas especiales:

• Se abren y se cierran, como por ejemplo: <b>negrita</b> que se vería en su navegador como negrita.
• No pueden abrirse y cerrarse, como <hr> que se vería en su navegador como una línea horizontal.
• Otras que pueden abrirse y cerrarse, como por ejemplo <p>.
• Las etiquetas básicas o mínimas son:

Ver el codigo html de la pagina en la que estamos.

Seleccionando la opción Ver código fuente en el navegador, se puede ver realmente la información que está recibiendo éste y cómo la está interpretando. Por ejemplo: en Internet Explorer o en Firefox, simplemente hay que desplegar el menú Ver y luego elegir Código fuente. De esta forma, se abrirá el editor de texto configurado como predeterminado en el sistema con el código fuente de la página que se esté viendo en ese momento en el explorador. Otra forma más rápida consiste en hacer clic con el botón derecho del ratón en cualquier punto del área donde el navegador muestra la página web y elegir Ver código fuente. Para el navegador Firefox existe el plugin FireBug, un depurador que permite entre otras cosas visualizar el código HTML de la página que estamos visualizando de forma dinámica, y que incluso resalta el trozo de código por el que está pasando el ratón en cada momento, por lo que es una herramienta muy útil para aprender diversos conceptos de este lenguaje.

servido por adonai 1 comentario compártelo