Tag Archives: Meta element

Website Production – Needle Exchange

Standard

My prototype website, “Needle Exchange” is complete.

 

HOME

My Home Page has links to YouTube videos. I wanted to put the videos on the home page as this is unusual and it creates a lively, dynamic site right from the first landing.

My navigation buttons are at the bottom and I spent a long time making them animate nicely when pressed.

The page also has three blocks at the top, which do not currently link anywhere, but do have the potential to link to other parts of the site, as it grown.

I used cheeky phrases, coupled with cute pastel colouring to provide interest and irony.

 

Alternative Knitting Resource How To Knit

PATTERNS

The next page I created is the pattern page.

I needed to produce an anchor and back to top links, so I was forced to set out the page differently to how I would prefer.

I wanted to make the section boxes on the patterns page link to new pages, each featuring patterns for that section, but this would not provide me with the need for an anchor link and back to top link, so I put everything on the same page, floated the navigation at the bottom of the page (which I do not like) and back to top links at each section.

As a result, the page does not look as I would prefer it, but it does meet the brief set in the project.

patterns1 patterns3 patterns2

At the top. I made a slider showing books. These link to Amazon.

 

CONTACT

The final page I created is the contact page.

This is a working contact page, which will send straight to my email. I have added an option to attach a file, so that users could submit content for the page.

I realize there are security issues with this, but I have not at this point addressed them.

 

Submit Alternative Knitting Patterns Comment and Contact

 

I have added meta tags to the page, describing the content and created a favicon using online software:

favicon

 

There is room to expand the site to include a “forum” and “projects” page, which I will do with the next project.