Archive for junio 2014
Qué es WordPress y para qué se usa?
WordPress es una plataforma donde puedes escribir, modificar artículos y crear una página web o un blog. Worpress se usa para empezar tu propio sitio en Internet o publicar tu propio blog en Internet. Gracias a WordPress puedes ahorrar tiempo y esfuerzo, ya que hace muy fácil empezar una pagina web. Para darte una idea de lo fabuloso que es WordPress, imagina que quieres empezar tu propio sitio en Internet o crear tu propio blog. Para hacerlo tendrías que:
1. Diseñar tu propia página web: crear la estructura de tu página, cual será la medida de tu página web, tendrías que crear las imágenes que vas a usar, modificar los gráficos, etc. En fin, tendrías que empezar con estas ideas en un papel y después convertir esas ideas en un diseño gráfico de una página web.
2. Agregar el texto y contenido: Una vez que termines todo esto, tendrías que empezar a copiar página por página y escribir el contenido que quieres que cada pagina web o blog tenga. Solo la tarea de organizar las páginas te daría terribles dolores de cabeza.
Gracias a WordPress, estos dolores de cabeza para empezar una página web o blog son erradicados. WordPress separa muy bien el contenido y el diseño de una página web o blog dinámicamente. Esto te permite cambiar el diseño de tu blog o sitio WordPress sin afectar la información que tienes.
WordPress fue creado con la idea de proveer una forma sencilla de compartir ideas en Internet a través de un blog. Los creadores de WordPress querían que la gente pudiera compartir sus pensamientos a través de Internet y que otras personas los lean y agregaran información mediante comentarios. Hoy, WordPress es mucho mas que eso y aunque muchos lo conocen como el padre de los blogs, WordPress es usando con muchos otros propósitos.
WordPress te permite publicar todo tipo de información sin tener que preocuparte por escribir código. Aún si no tienes idea de como diseñar un blog o empezar tu sitio en Internet, WordPress te permite comenzar tu propio blog o sitio web sin mucho que aprender.
¿Para qué se usa WordPress?
WordPress es muy versatil y se puede usar de muchas maneras diferentes. Esta herramienta se usa para muchas cosas en Internet, algunos ejemplos son:
- Tener páginas de Internet.
- Tener un blog.
- Mostrar galerías de fotos o diseños.
- Tener una tienda en Internet.
- Tener un sitio de videos en Internet.
- Tener sitios manejados por usuarios en Internet.
SE TERMINO EL TRABAJO Y SE LE ENTREGO AL PROFESOR ASÍ QUE SE ESPERAN LAS CALIFICACIONES.
Nos dimos a la tarea de investigar que información extra podíamos agregar o imágenes y desdimos que estas serian las mas destacadas respecto a la pagina.
Se incorporo un nuevo mas atractivo para el usuario que la visite y aquí una pequeña muestra de los botones
Eduardo Zavala Ramírez
<form method="get" action="http://www.google.com/search">
<div style="border:1px solid black;padding:4px;width:20em; margin: 0px auto 0px auto">
<table border="0" cellpadding="0" >
<tr><td class="center">
<input type="text" name="q" size="25" maxlength="255" value="" />
<input type="submit" value="Google Search" /></td></tr>
<tr><td align="center" style="font-size:75%">
<input type="checkbox" name="sitesearch"
value="genealogy-web-creations.com" checked="checked" /> only search Genealogy Web Creations<br />
</td></tr></table>
</div></form>
Today we are adding code to control the map in our web page. I am searching the web for a method to include a search button in our web page on the right-top corner.
<div style="border:1px solid black;padding:4px;width:20em; margin: 0px auto 0px auto">
<table border="0" cellpadding="0" >
<tr><td class="center">
<input type="text" name="q" size="25" maxlength="255" value="" />
<input type="submit" value="Google Search" /></td></tr>
<tr><td align="center" style="font-size:75%">
<input type="checkbox" name="sitesearch"
value="genealogy-web-creations.com" checked="checked" /> only search Genealogy Web Creations<br />
</td></tr></table>
</div></form>
Today class is about how to add the links between our web page in HTML code and the Cascade Style Sheets.
The code to modify the Parallax site is:
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN"
"http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html lang="EN" dir="ltr" xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="content-type" content="text/xml; charset=utf-8" />
<title>Parallax Global</title>
<link rel="stylesheet" type="text/css"
href="../P04_stylesheets/parallax.css" />
</head>
<body" >
<div id="head">
<img class="logo" src="../P04_FilesToGiveStudents/P04_parallaxlogosmall.png" /> <span
class="headerBanner">Parallax Global</span> <a
class="headerSmallText" href="contact.html">Contact</a><a
class="headerSmallText" href="about.html">About</a>
</p>
</div>
<div id="left">
<p>
<a href="home.html">Home</a><br />
<a href="Arana.html">Arana</a><br />
<a href="Ojeda.html">Ojeda</a><br />
<a href="Orizba.html">Orizba</a><br />
<a href="Quiroga.html">Quiroga</a><br />
</p>
</div>
<div id="center"><p>
Thanks for visiting our web page
This is Parallax Global contact information, (e.g. corporate phone, email, address, etc).
</p>
</div>
<div id="footer">
<hr></hr>
<p>Parallax Global<br></br>
<a
href="about.html">About</a> <a
href="contact.html">Contact</a></p>
</div>
</body>
</html>
The code to modify the Parallax site is:
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN"
"http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html lang="EN" dir="ltr" xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="content-type" content="text/xml; charset=utf-8" />
<title>Parallax Global</title>
<link rel="stylesheet" type="text/css"
href="../P04_stylesheets/parallax.css" />
</head>
<body" >
<div id="head">
<img class="logo" src="../P04_FilesToGiveStudents/P04_parallaxlogosmall.png" /> <span
class="headerBanner">Parallax Global</span> <a
class="headerSmallText" href="contact.html">Contact</a><a
class="headerSmallText" href="about.html">About</a>
</p>
</div>
<div id="left">
<p>
<a href="home.html">Home</a><br />
<a href="Arana.html">Arana</a><br />
<a href="Ojeda.html">Ojeda</a><br />
<a href="Orizba.html">Orizba</a><br />
<a href="Quiroga.html">Quiroga</a><br />
</p>
</div>
<div id="center"><p>
Thanks for visiting our web page
This is Parallax Global contact information, (e.g. corporate phone, email, address, etc).
</p>
</div>
<div id="footer">
<hr></hr>
<p>Parallax Global<br></br>
<a
href="about.html">About</a> <a
href="contact.html">Contact</a></p>
</div>
</body>
</html>
Lunes 23 de Junio de 2014
Eduardo Zavala Ramírez
Eduardo Zavala Ramírez
Mañana vamos a mostrar un primer avance de nuestra página web cuyo principal objetivo es dar información acerca de la ubicación de las principales bases petroleras.
También daremos información acerca de las mismas.
Sunday, June 22nd, 2014.
Eduardo Zavala Ramírez
The code in our web page is getting longer because we are adding new characteristics for it to be useful according to the way in which it will be used.
My teammate and I are looking for material and more labels to add in it.
Eduardo Zavala Ramírez
The code in our web page is getting longer because we are adding new characteristics for it to be useful according to the way in which it will be used.
My teammate and I are looking for material and more labels to add in it.
Saturday, June 21st, 2014
Eduardo Zavala Ramírez
Today we are going to add the structure in the code of the web page which has to obey the directions given in the exemplars given to us.
I am also discovering new functions about Google Maps an the way I can use it to improve our web page.
Eduardo Zavala Ramírez
Today we are going to add the structure in the code of the web page which has to obey the directions given in the exemplars given to us.
I am also discovering new functions about Google Maps an the way I can use it to improve our web page.
Today we are reading how to add the map to our webpage. The location of the oil bases appears in next image:
Jueves 19, 2014
Eduardo Zavala Ramírez
Hoy hemos seguido con la lectura de la información proporcionada por Parallax para la creación de la página Web.
Las funciones principales son el poder consultar la distribución geográfica de esta empresa y de PEMEX.
La estructura es la siguiente:
----------------------------------------------------------------------------------
<company icon> <Company Name> <site search input> <about> <contact>
----------------------------------------------------------------------------------
home | Main Content Area...In company home page, Google | <advertising
site 1 | Map, on site pages...company sites. | and social
site 2 | | networking
site 3 | | links and
... | | images>
| |
| |
...
------------------------------------------------------------------------------------
<Copyright>
<about> <contact>
------------------------------------------------------------------------------------
Eduardo Zavala Ramírez
Hoy hemos seguido con la lectura de la información proporcionada por Parallax para la creación de la página Web.
Las funciones principales son el poder consultar la distribución geográfica de esta empresa y de PEMEX.
La estructura es la siguiente:
----------------------------------------------------------------------------------
<company icon> <Company Name> <site search input> <about> <contact>
----------------------------------------------------------------------------------
home | Main Content Area...In company home page, Google | <advertising
site 1 | Map, on site pages...company sites. | and social
site 2 | | networking
site 3 | | links and
... | | images>
| |
| |
...
------------------------------------------------------------------------------------
<Copyright>
<about> <contact>
------------------------------------------------------------------------------------
I discovered that I am going to be able to import a Google Maps map in my web page to show the different oil stations of PEMEX located along Mexico.
The code is like this:
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<script src="http://maps.google.com/maps?file=api&v=1&key=ABQIAAAAHCzNPZU_I7Rw6IxQ4Cg8uvpYKXtS3HuRtP3UdsoSF7xQyJ4lBGSea-ar0o_vtVLOwmGLQ" type="text/javascript"></script>
</head>
<body>
<div id="map" style="width: 800px; height: 600px"></div>
<script type="text/javascript">
//<![CDATA[
var map = new GMap(document.getElementById("map"));
map.addControl(new GSmallMapControl());
map.centerAndZoom(new GPoint(-122.1419, 37.4419), 4);
//]]>
</script>
</body>
</html>
Good bye.
The code is like this:
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<script src="http://maps.google.com/maps?file=api&v=1&key=ABQIAAAAHCzNPZU_I7Rw6IxQ4Cg8uvpYKXtS3HuRtP3UdsoSF7xQyJ4lBGSea-ar0o_vtVLOwmGLQ" type="text/javascript"></script>
</head>
<body>
<div id="map" style="width: 800px; height: 600px"></div>
<script type="text/javascript">
//<![CDATA[
var map = new GMap(document.getElementById("map"));
map.addControl(new GSmallMapControl());
map.centerAndZoom(new GPoint(-122.1419, 37.4419), 4);
//]]>
</script>
</body>
</html>
Good bye.
¡Hola a todos!
Les platico que hoy nos fue asignada un proyecto nuevo con respecto a la elaboración de páginas web.
Para ello vamos a emplear las herramientas que hemos aprendido a lo largo del curso, además, no dudo que vamos a aprender nuevas herramientas pues, acorde a lo que hemos visto, son muchas más las que existen y que son indispensables para el correcto y eficaz desarrollo de las páginas web.
Hasta luego.
Today, we checked more about the web page design, new tools, new codes, new tags, and new ideas to create them.
We learn that there are standars to be be respected to be able to say we create quality web pages.
One of the most interesting things I learned is that the work is made easir thanks to CSS because it is not necessary to include all the characteristics in the same code.
I am going to keep reading the books teacher provided to us about XHTML. I still have problems trying to remember all the properties in the CSS tags, so I am going to work in it.
Jueves 12 de Junio de 2014
Eduardo Zavala Ramírez
El siguiente es el código que estructuré para crear la tabla de la pestaña about de la página personal.
<table align="center" border="4" width="80%">
</br>
<tr>
<th colspan="3"><h3>My goals over the next...</h3>
</th>
</tr>
<tr>
<td><strong>5 years</strong></td>
<td><strong>10 years</strong></td>
<td><strong>20 years</strong></td>
</tr>
<tr>
<td>
<ol type="I">
<li>Finish my academic formation</li>
<li>Become a TSU and engineer in ICT (Information and Communication Technologies) and keep studying</li>
<li>Get a job or start my own enterprise</li>
<li>Buy a house</li>
<li>Buy a car</li>
</ol>
</td>
<td>
<ol type="I">
<li>Get married</li>
<li>Have my own family</li>
<li>Elaborate and participate in scientific and technological projects</li>
<li>Teach in a University</li>
<li>Participate in international congresses</li>
</ol>
</td>
<td>
<ol type="I">
<li>Organize social projects to contribute to my society development</li>
</ol>
</td>
</tr>
</table>
Eduardo Zavala Ramírez
El siguiente es el código que estructuré para crear la tabla de la pestaña about de la página personal.
<table align="center" border="4" width="80%">
</br>
<tr>
<th colspan="3"><h3>My goals over the next...</h3>
</th>
</tr>
<tr>
<td><strong>5 years</strong></td>
<td><strong>10 years</strong></td>
<td><strong>20 years</strong></td>
</tr>
<tr>
<td>
<ol type="I">
<li>Finish my academic formation</li>
<li>Become a TSU and engineer in ICT (Information and Communication Technologies) and keep studying</li>
<li>Get a job or start my own enterprise</li>
<li>Buy a house</li>
<li>Buy a car</li>
</ol>
</td>
<td>
<ol type="I">
<li>Get married</li>
<li>Have my own family</li>
<li>Elaborate and participate in scientific and technological projects</li>
<li>Teach in a University</li>
<li>Participate in international congresses</li>
</ol>
</td>
<td>
<ol type="I">
<li>Organize social projects to contribute to my society development</li>
</ol>
</td>
</tr>
</table>
Miércoles 11 de Junio de 2014.
Eduardo Zavala Ramírez
La siguiente es la página inicial de mi página personal.
Eduardo Zavala Ramírez
La siguiente es la página inicial de mi página personal.
I can say that, after these weeks, I have learned different things about the XHTML and the web pages creation.
I learned about new tabs like <blockquoted></blockquoted>, <span></span>, and new rules to create good, nice, and formal web pages. I want to follow the W3C standard to generate web pages based on quality.
I learned about tools used in CSS like "lang" to specify the language and other characteristics of the HTML content.
body {
margin:0;
padding:0;
width:100%;
color:#8a8a8a;
font:normal 12px/1.5em "Liberation sans", Arial, Helvetica, sans-serif;
background:#242424 url(../images/main_bg.gif) repeat center top;
}
html, .main {
padding:0;
margin:0;
}
.main {
}
.clr {
clear:both;
padding:0;
margin:0;
width:100%;
font-size:0;
line-height:0;
}
h2 {
margin:8px 0;
padding:8px 0;
font-size:25px;
font-weight:normal;
color:#3f3f3f;
}
I learned about new tabs like <blockquoted></blockquoted>, <span></span>, and new rules to create good, nice, and formal web pages. I want to follow the W3C standard to generate web pages based on quality.
I learned about tools used in CSS like "lang" to specify the language and other characteristics of the HTML content.
body {
margin:0;
padding:0;
width:100%;
color:#8a8a8a;
font:normal 12px/1.5em "Liberation sans", Arial, Helvetica, sans-serif;
background:#242424 url(../images/main_bg.gif) repeat center top;
}
html, .main {
padding:0;
margin:0;
}
.main {
}
.clr {
clear:both;
padding:0;
margin:0;
width:100%;
font-size:0;
line-height:0;
}
h2 {
margin:8px 0;
padding:8px 0;
font-size:25px;
font-weight:normal;
color:#3f3f3f;
}
Monday, June 9th, 2014
Eduardo Zavala Ramírez
The code below are part of my personal web page.
<div class="content">
<div class="content_resize">
<div class="mainbar">
<div class="slider">
<div id="coin-slider"> <a href="#"><img src="images/slide1.jpg" width="660" height="360" alt="" /><span><big>HTML meaning and use</big><br />
HTML means Hyper Text Markup Language and it's the language to create our web pages, even though we can use more tools like JAVASCRIPTS and CSS STYLES</span></a> <a href="#"><img src="images/slide2.jpeg" width="660" height="360" alt="" /><span><big>HTML like one very important ICT EXAMPLE.</big><br />
Thanks to HTML language and its evolutions, people has been able to share information around the world, and from different platforms like mobile devices</span></a> <a href="#"><img src="images/slide3.jpg" width="660" height="360" alt="" /><span><big>HTML codification</big><br />
There is no doubt HTML can be easy to learn, the most important thing is that students practice and remember the labels they have to use and correct order.</span></a> </div>
<div class="clr"></div>
</div>
<div class="clr"></div>
<div class="article">
<h2><span>Excellent Solution</span> For Your Business</h2>
<div class="clr"></div>
<div class="img"><img src="images/img1.jpg" width="198" height="125" alt="" class="fl" /></div>
<div class="post_content">
<p>Of course Internet has become one of the most important tools to the marketing plans. The success of an enterprise also depends on how attractive is its web page, that's the reason because companies spend million dollars in publicity and internet is one of the best opctions.</p>
<p class="spec"><a href="#" class="rm">» Read more</a></p>
</div>
<div class="clr"></div>
</div>
<div class="article">
<h2><span>Short history about World Wide Web (Breve historia sobre la World Wide Web)</span> in Spanish (en Español)</h2>
<div class="clr"></div>
<div class="img"><img src="images/img2.jpg" width="198" height="188" alt="" class="fl" /></div>
<div class="post_content">
<p>
Here is where I included the text in the index and the images in the slider that work thanks to javascript files.
Eduardo Zavala Ramírez
The code below are part of my personal web page.
<div class="content">
<div class="content_resize">
<div class="mainbar">
<div class="slider">
<div id="coin-slider"> <a href="#"><img src="images/slide1.jpg" width="660" height="360" alt="" /><span><big>HTML meaning and use</big><br />
HTML means Hyper Text Markup Language and it's the language to create our web pages, even though we can use more tools like JAVASCRIPTS and CSS STYLES</span></a> <a href="#"><img src="images/slide2.jpeg" width="660" height="360" alt="" /><span><big>HTML like one very important ICT EXAMPLE.</big><br />
Thanks to HTML language and its evolutions, people has been able to share information around the world, and from different platforms like mobile devices</span></a> <a href="#"><img src="images/slide3.jpg" width="660" height="360" alt="" /><span><big>HTML codification</big><br />
There is no doubt HTML can be easy to learn, the most important thing is that students practice and remember the labels they have to use and correct order.</span></a> </div>
<div class="clr"></div>
</div>
<div class="clr"></div>
<div class="article">
<h2><span>Excellent Solution</span> For Your Business</h2>
<div class="clr"></div>
<div class="img"><img src="images/img1.jpg" width="198" height="125" alt="" class="fl" /></div>
<div class="post_content">
<p>Of course Internet has become one of the most important tools to the marketing plans. The success of an enterprise also depends on how attractive is its web page, that's the reason because companies spend million dollars in publicity and internet is one of the best opctions.</p>
<p class="spec"><a href="#" class="rm">» Read more</a></p>
</div>
<div class="clr"></div>
</div>
<div class="article">
<h2><span>Short history about World Wide Web (Breve historia sobre la World Wide Web)</span> in Spanish (en Español)</h2>
<div class="clr"></div>
<div class="img"><img src="images/img2.jpg" width="198" height="188" alt="" class="fl" /></div>
<div class="post_content">
<p>
Here is where I included the text in the index and the images in the slider that work thanks to javascript files.
Sunday, June 8th, 2014
Eduardo Zavala Ramírez
My web page is finished. I can say that I've learned a lot about web pages codes. Soon, we hope to upload our pages in free webhostings.
Eduardo Zavala Ramírez
My web page is finished. I can say that I've learned a lot about web pages codes. Soon, we hope to upload our pages in free webhostings.
Saturday, June 7th, 2014
Eduardo Zavala Ramírez
Today, I continued studying about the HTML tags that are useful to code the HTML web pages.
Eduardo Zavala Ramírez
Today, I continued studying about the HTML tags that are useful to code the HTML web pages.
Eduardo Zavala Ramírez
El día de hoy he entregado la página web. Espero la revisión. De igual manera quiero aprender sobre más herramientas para poder crear mejores páginas web.
El día de hoy he entregado la página web. Espero la revisión. De igual manera quiero aprender sobre más herramientas para poder crear mejores páginas web.
Eduardo Zavala Ramírez
See you later!
Today I continued adding elements into my web page, I discovered lots of useful tools to get more different styles in the web page from the CSS files.
I have to give it to the teacher the day after tomorrow.
See you later!
Today we are adding the CSS style to our personal web pages according to the iCarnegie requeriments.
¡Danos un aplauso!