Almudena At Work

Hi I have moved to Manchester from Spain to look for an opportunity to develop my carreer. Lucky I found it and I am really enjoying it!
My first Css design project: Pam Grier

My first Css design project: Pam Grier

Attack the DNS

After doing my research here they are my conclusions:

DNS (Domain Name System) is an Internet service that translate domain names  into IP addresses. That means, it translates human language into computer language, names into numbers.

Example: DNS translates in its IP adress. Try to type in your browser! 

It is unpractical that we users would memorise IP address of every website. There is where domains come to play.  The DNS is its own network. Every time you use a domain name, a DNS service must translate the name; if a DNS service doesn’t know how to do it, it asks to another one and so on until the correct address is returned. 

I have done a little diagram to explain it more visual: 





All these pictures are taken in my office, well or from my office! I am sorry about the quality  but I didn´t have more resources in that moment. I hope you like the photos and that I haven´t made a lot of mistakes :S

HTML tags exercise


The div is a generic block-level element. It doesn’t convey any meaning about its contents (unlike a p element that signifies a paragraph, or an h1 or h2 element that would indicate a level 1 or level 2 heading, respectively); as such, it’s easy to customize it to your needs. The div element is currently the most common method for identifying the structural sections of a document and for laying out a web page using CSS.

Screen shot 2012-04-11 at 12.21.16.png


The blockquote element is a mechanism for marking up a block of text quoted from a person or another document or source. It may be just a few lines, or it may contain several paragraphs (which you’d mark up using nested p elements).Screen shot 2012-04-11 at 12.27.07.png


The p element is one of the most commonly used building blocks of HTML. When you use the p element to begin a new paragraph in HTML, it automatically creates some space above and below the content. This space is applied by the browser’s built-in style sheets, but you can override it as you see fit using CSS.

Screen shot 2012-04-11 at 12.31.45.png


The ol element is similar to the ul element in that it’s used to group a collection of items together in a list. Each list item is defined by a li element, which suggests an order of importance or sequence, as ol is an abbreviation of ordered list. The ol may be used to mark up a series of steps that someone has to undertake, a table of contents, or a numbered list of references.

Screen shot 2012-04-11 at 12.34.55.png


The ul element, the name for which is an abbreviation of unordered list, is used to group a collection of items together in a list, but in a way that doesn’t suggest an order of precedence or importance. The ul might be used for anything from a simple shopping list to a collection of links.

Screen shot 2012-04-11 at 12.39.24.png


The li element defines an individual list item and can only appear inside the handful of list-related elements detailed above. Each list item is represented by a bullet (for unordered lists, defined by the ul element) or a number or letter (in the case of ordered lists, defined by the ol element).

Screen shot 2012-04-11 at 12.43.36.png


The <nav> tag defines a section of navigation links.

Not all links of a document must be in a <nav> element. The <nav> element is intended only for major block of navigation links.

Browsers, such as screen readers for disabled users, can use this element to determine whether to omit the initial rendering of this content.

Screen shot 2012-04-11 at 12.49.28.png


The menu element was originally intended to be used to display lists of menu choices, and is almost identical in its purpose to the dir element (except that, unlike dir, the menu element was not intended for multicolumn display).

Like the ol and ul list types, the menu element contains a series of li items.

Screen shot 2012-04-11 at 12.51.54.png


For an element that offers no semantic information about the content inside and also provides no styling change, or any other visual change to speak of, the lowly span element is one of the most useful elements in your HTML toolbox.

Screen shot 2012-04-11 at 13.23.15.png


The HTML <time> tag is used for declaring the date and/or time within an HTML document.Screen shot 2012-04-11 at 13.27.02.png


The q element is little brother (or sister) to the blockquote element. Where blockquote creates a distinct block of quoted text, the more svelte q element is used for inline quotations. It’s intended that the browser should insert the necessary quotation marks, the style of which should depend on the language of the document or that section of the document, rather than the author adding quotation marks, which can cause double quotation marks to appear.

Screen shot 2012-04-11 at 13.30.46.png


The img element provides a means for embedding an image in the document, which can be used for as many different purposes as your imagination allows. With just the couple of required attributes shown in the example, the img provides a reference to the image file to display, and a text alternative should the image not be available for whatever reason

Screen shot 2012-04-11 at 13.34.07.png


Text Editor 
Here is the before and after of the witten code. How cool is it? xD I know it´s not as cool but it is sort of exciting to see some results&#8230;
By the way, I have choosen ConTEXT editor. Any special reason but it makes me feel more confortable.

Text Editor

Here is the before and after of the witten code. How cool is it? xD I know it´s not as cool but it is sort of exciting to see some results…

By the way, I have choosen ConTEXT editor. Any special reason but it makes me feel more confortable.

Writing HTML by Hand
This is my homework number 2, html code witten by hand. I din´t found the task difficult by to be honest I wasn´t able to memomarize everything!

Writing HTML by Hand

This is my homework number 2, html code witten by hand. I din´t found the task difficult by to be honest I wasn´t able to memomarize everything!


I have just getting embarked in an exciting new project, to build my very first website. I am going to start my learning almost from zero so I think this program will really help me. Webmaking 101 Community seems the best place to help me in what I need in this moment, a learning plan with community integrate with people that are sharing the same experiences.

This is not going to be easy but I am very committed and looking forward to learn all about in this interesting world!


Incredible! He is actually flying. I can not imagine what he could be feeling in that moment. Crazy people are the only ones how really enjoy this world.

My sister showed me a video she found really funny. A famous tv show in USA proposed a challenge to the parents who have little children: to tell them that they have eaten all their halloweens’  candies at night.

It is incredible how when we are little the most trivial thing could become the centre of our happiness and to do a real drama of that. Anyway, the video it is really funny, I can’t stop laughing of the little blond boy who gets cross-eyes when he receive the news.


It has been a few weeks since almost SOPA was approved, the law to stop online piracy introduced by USA government. When I say almost I mean it will be in force if had it not been for the huge protest that raised from all over the network and that made cancel the approval of the law. However they continue with the determination to implant their exigencies. They recently get out to the public knowledge a law called ACTA,Anti-Counterfeiting Trade Agreement, that had been negotiated for the past 3 years in secret by 39 countries.

All that laws confuses people. At least, I am confused. I don´t know how exactly will affect me in the future and that´s what I am trying to figure out. I did my research, I talk with my friends and I read individuals opinions in Internet. It is a complex issue and they try to complicate even more with their intelligible language, but it was not difficult to come to the conclusion that internet world as we know it will finish. All files of series, movies, songs and books which content copyrights and had not been paid for them will be eliminated for the net. Ultimately, free knowledge is restricted. Here it is a link to a YouTube´s video that has been much spread and explains the situation much better than me: ANTI-ACTA - What can you do? (I am not sure if I could share this link with ACTA been active)

We are in front of a real big problem in here. I truly believe they are completely wrong.  They should realise that business model has changed. We are into an interactive age, the share of knowledge in essential. Businesses have always adapted to the news requirements of the market and that´s what leads them to grown up. Let´s take the example of Trent Reznor, a singer who success understanding how the world is working now. He left his record lab and started working next to his fans being aware of their needs and offering them what they request, and of course making money at the same time. If you are interested you can take a look at this video, it is really remarkable:

In my opinion, instead than create a law which forbids any kind of sharing, it would be more appropriated to create a system where this sharing could be developed inside a legal frame.