Remix the HTML

Hi Everyone,

I am attaching two screenshots as I couldn’t grab the URL – here they are – before and after:

1)

2)

Blog About It

Hi All,

This has been a great course, in fact, probably the most complete course I have taken on web development because it teaches you the tools, process and structure a web developer needs.

I also learned lots from the interaction of others.  The comments from others are a valuable resource, an example being when people post links to open source software I would have never considered using before.

I now want to learn more about the most effective way to layout the folders in the server as I am still a little unsure there.  I also want to learn HTML5, CSS and JavaScript.

Finally, it was great interacting with everyone and I am looking forward to the next set of challenges!

Hosting & DNS

Hi All,
I decided to go with GoDaddy.com and for the following reasons:
  • Price – very competitive at approximately $6.99 per month
  • Support – they emailed me clear instructions on how to setup my website with their servers, plus have good email and phone support should you need it
  • Peer recommendation – a friend who had used GoDaddy before stated they were good
I configured the settings my following the instructions emailed to me – I went something like this:
Login > My Account > Web Hosting > Launch > follow instructions from there
I appreciate this isn’t the best post on how to set up web hosting with GoDaddy but unfortunately I did this a while ago before writing this post.  That said, it is easy and I am sure you will figure it out.

Hosting & DNS

Hi Everyone,
For my website I decided to go with GoDaddy.com.  I am not sure whether they are the best but they seemed reasonable priced and the setup was pretty straight forward, plus you get lots of clear instructions should you need them.

There are some great comments on here regarding the use of hosting companies, I will put GoDaddy up there too.

Thanks

Attack the DNS

Hi Everyone,

Here is my answer:

DNS is the abbreviation for Domain Name System.  DNS is an internet technology and service.  DNS has its own network and this network is designed to help the internet become more efficient.  For example, say I, as an internet user, type into the address bar, www.bing.com, the browser will then send this request to the server and the server checks the DNS’ index to see what ip address is associated with that website (domain name).  If it is there, it will send a request to a DNS server allowing the correct website to be returned to the browser.  If it is not there, the server will redirect it to its correct location.  However, to help improve efficiency for next time, the DNS server will cache (store) the ip address associated with the website address (domain name) for next time.

For a better explanation, here is how Wikipedia describe DNS:

“The Domain Name System (DNS) is a hierarchical distributed naming system for computers, services, or any resource connected to the Internet or a private network. It associates various information with domain names assigned to each of the participating entities. A Domain Name Service resolves queries for these names into IP addresses for the purpose of locating computer services and devices worldwide. By providing a worldwide, distributed keyword-based redirection service, the Domain Name System is an essential component of the functionality of the Internet.”

The following are from Google Images as these explain DNS very well, visually:

Here are the links I researched for this task:

http://en.wikipedia.org/wiki/Domain_Name_System

http://www.webopedia.com/TERM/D/DNS.html

http://www.howstuffworks.com/dns.html

If anyone thinks I am off track, please don’t hesitate to correct me. – I would rather be told so I fully understand it than not.

Many thanks,

G Powell

Blog Your Photographs

Hi Everyone,

My results for this task will be weak due to not currently having access to a camera.  However, I hope the below demonstrates a basic understanding of HTML (I copied the photos from Google Images), thanks:

This image is for the <h1>, <body> and <p> tags:

After declaring which HTML type it is, the tag and charset etc, I would write before and after the word, “Document”.  I would use the tag and place the tag twice in this image – can you see where?

I appreciate there is probably more, but for now, I would use CSS, and

:

I would use an external style sheet and place the code within the section.  This file would be for the blue decoration background.  I would use the

tag for the links above the image slider and thetag for the video next to the image slider.

In this image (kindly screen printed from John Lewis’ website), I am using the <div> and <footer> tags:

Here I would use the <footer> tag for the address at the bottom of the page.  I would probably place the <footer> tag within a <div> tag as they are a few areas that need dividing up.  For example, the five navigation areas and social media plugins.

Apologies if this isn’t very creative, my internet connection is very weak making this quite hard going.

Hopefully I have shown that I get the basic principle of building a webpage.

Thanks for reading this!

HTML Hunting in the World Around You

Hi,

I activated my mind in my surroundings and came up with this:

<img>, <h1>, <br> and <p> tags:

hunting in the world exercise image

The <img> tags are used for the pictures, for example food underneath the steak.

The <h1> tag is used as the header of each page, for example, PASTA, SALAD and DESSERTS.

The <br> tag under the <h1> tags, eg, PASTA etc.

The <p> tag is used for each individual dish.

This is an excellent exercise that got me to think of HTML in a more structured way…..brilliant idea whoever came up with it!

Follow

Get every new post delivered to your Inbox.