No estás identificado.
#1 2014-03-03 02:32:45
Manual Html para principiantes.
Hola a todo el mundo, hay una cuestion que he visto y es que muchas tienen problemas con la edición de pagina, el problema no se debe a que sea complicado de hacer (Al contrario es bastante sencillo), el problema radica en que casi todas no están familiarizadas con el HyperText Markup Language (Lenguaje de marcas de hipertexto o HTML), que es el lenguaje con el que se hacen la mayoría de las paginas de Internet...bueno que otras combinan lo que es el código JAVA (es el caso de esta pagina)....en fin el objetivo de este espacio es familiarizarlas un poco con esto (Aclaro que no soy ingeniera en sistemas pero lo poco que he aprendido es gracias a los informáticos de la familia y de manera autodidacta)
http://azrrael-domah.deviantart.com/
#2 2014-03-03 07:27:23
- godddesdoll
- Membre
- Registrado: 2013-04-22
- Mensajes: 1
Re: Manual Html para principiantes.
Hola a todas de nuevo yo pero con otra doll (como esta prohibido publicar seguido con la misma cuenta...en fin), Lo primero que debemos comprender que el lenguaje HTML se basa en el idioma ingles 
, esto si nos dificulta un poco mas a las que tenemos problemas con ese latoso idioma.
No voy a profundizar sobre el tema de la estructura de las paginas web ya que el objetivo no es enseñar el diseño de las paginas web es mas bien como guía para que sepan como es que funcionan los códigos para la edición de pagina (por que no solo se trata de copiar un código y pegarlo tambien se debe saber lo que estamos haciendo), y por eso solo voy a concretarme a desmenuzar la estructura de esta pagina en particular , explicar para que nos sirven los signos <> ; / {} ¡ = ....etc. (Como dije anteriormente mi especialidad no es la ingeniería en sistemas y si me gustaria que las chicas que si lo son nos pudieran echar una mano por favor)
Bueno espero hacerlo de forma clara y concisa así que comenzamos:
Una página en HTML es un archivo de texto simple, que puede ser programado desde en el Blog de notas o Notepad de Windows, hasta en un editor de texto avanzado (Dreamwever por ejemplo), y que contiene una serie de instrucciones identificadas con etiquetas para que el explorador pueda leer su contenido.
Etiquetas básicas en un documento Html:
Una etiqueta será un texto incluido entre los símbolos menor que y mayor que (o sea estos <>).. El texto incluido dentro de los símbolos será explicativo de la utilidad de la etiqueta.
Etiquetas básicas para texto:
<b> Texto</b> Esto nos va a dar la letra en negritas
<i> Texto </i> Texto aparece en cursiva
<center> Texto </center> Texto al centro
* La aplicación de </> despues del texto nos indica que eso es todo lo que le haremos a nuestro texto (nos sirve para cerrar)
Bueno se que fue muy poquito y esto sera un poco largo y algo fastidioso pero al final bien valdrá la pena. Continuo despues con mas atributos de etiquetas, quisiera hacer esto con imágenes para que se vaya comprendiendo mejor el tema espero traérselos para la próxima vez
lCasi todo en esta vida es perecedero; excepto el amor
#3 2014-03-03 15:40:08
- kikij
- Membre
- Ubicación: Argentina
- Registrado: 2011-12-02
- Mensajes: 285
Re: Manual Html para principiantes.
Interesantisimo tema meko! Gracias
Belza mi compañero fiel siempre estaras en mi Corazon TE AMOOO!
#4 2014-08-10 02:38:50
Re: Manual Html para principiantes.
Gracias nena, bien decidí antes interrumpir esta sección , pero veo que continúan los problemas con la edición de la pagina.
Bien como informacion que puede resultar útil y a la vez complicar las cosas un poco.
Hay que distinguir los tipos de comandos o de programación de los cuales esta pagina esta basado.
Css, aquí entran las etiquetas del Style, siempre para realizar una edición ponemos esta etiqueta al principio y al final de nuestros códigos para cerrar
Ejemplo:
<Style> ------------(Estamos abriendo el código css)
#Logo2012 o .Transparent ----------------(Elemento a editar, en todas las paginas vamos a encontrar este o con un punto al principio)
<style>
#Logo2012{ } -----------------Dentro de los corchetes van las características a modificar, largo, ancho, posición;etc
<style>
#Logo2012 {position:absolute;left: 0px;top: 0px; } --------Nunca olvidar el uso del punto y coma para separar una orden de otra y antes del corchete de cierre o de lo contrario no sera capaz de leerlo el sistema , es por eso que aparece como un texto molesto en vez de los cambios que deseamos.
<style>
#Logo2012 {position:absolute;left: 0px;top: 0px; }
</style> ---------------------Y finalmente el código de cierre , en el rubro anterior dije que íbamos a ver para que servia la barrita diagonal /, pues bien esta nos indica cierre de código.
2.Tenemos el HTML5. (Lo voy a a explicar con el mismo código)
<Html> ------------------------Inicio
<body> -------------------------Cuerpo de pagina
<Head> --------------------------encabezado....
Estas tres primeras no es necesario que las explique, ya que no vamos a realizar una pagina de Internet pero quiero que quede claro que debajo de estas se encuentran todos los códigos.
acá no sera necesario escribir Style pero si pondremos esto: <> ejemplo
<Div id= "Logo2012">-------------las "" nos hacen como un señalamiento del elemento, podríamos decir que es el equivalente del #
----------------------------------------------------------
Diferencias entre la etiqueta Style y en html5
<style>
#Logo2012 {position:absolute;left: 0px;top: 0px;background: url('Dirección url de la imagen'); }
</style>
<Div id= "Logo2012"><img src="design2012/logo.png"></div>
*<Img src="url de imagen">
background: url('Dirección url de la imagen');
Es lo mismo pero puesto de diferente modo, solo que el primero es leído por el código html5 y el segundo por css.
3. -------java
La codificación Java implica meter una serie de valores para que estos ejecuten una orden; por ejemplo algunas veces se han percatado de sitios web con punteros que dejan rastro de Brillitos?, pues bien para hacer algo tan pequeño como lograr rastro glitter en un puntero necesita la codificación Java (Java es mucho mas complicado así que no hablare de esto hasta haberme documentado un poco mas D: les repito no soy Ing. informática)
Ejemplo de java.
La imagen de la flecha que aparece en nuestro estudio: la presionamos y al hacerlo nos regresa hacia arriba, la etiqueta que he visto que porta es <script>y otras que llevan la palabra Java
<script>
var theuppageelt = $('#theuppage').offset().top + 100;
$(window).scroll(
function() {
if ($(window).scrollTop() >= theuppageelt) {
// fixed
$('#theuppage').show();
$('#theuppage').addClass("floatable");
} else {
// relative
$('#theuppage').hide();
$('#theuppage').removeClass("floatable");
}
}
);
$('#theuppage').hide();
</script>
Hay otras etiquetas que se encuentran dentro de la pagina pero como apenas voy agarrando esto de css y html5 pues no podría decirles donde van o en que momento se usan......
Por cierto los códigos de inserción de vídeo y de audio no necesariamente pueden ir dentro de <Div id=> o <script> o <style>
Otra cosa es que el Html5 tambien se puede encontrar de los diferentes tipos de corchetes pero cada uno cumple diferente función (cosa que incluso es un poco confusa para mi tambien). Volveré a documentarme otro poco para aclarar mis dudas sobre los corchetes las comillas simples y las dobles XD, bueno niñas espero esto les sirva un poco
http://azrrael-domah.deviantart.com/