SPINE GROUP TECHNICAL LOG: April 2011

Friday, 29 April 2011

new design?

We had a peer review session yesturday, it went well with a few good comments but soem useless negative comments like it looks like a underground toilet. Which is a completely useless piece of critiscism. So from this we decided to get rid of the tiled background and restructure the page as Simon had sed that the navigation bar on the side seemd to big and drew your eye away from the main content.

Then one of the group members said that we should redo the whole design of the website after i had taken ages to do the coding in the eater break. This made me annoyed as i saw how under apreciated my hard work was. I viewed my opinion about this and managed to persuade them to keep the bulk of the design and just change it a little bit of it. One of the members said that the perr review session felt like a wake up call.... i think this just shows how much they have under estimated there time that they have had to do the website.

Wednesday, 20 April 2011

Coding for the homepage

Here is a screen capture of our homepage, i am pleased with how this looks, the background image that vicky in our group has made i think needs to be a higher quality and we we are back after easter i will get the high quality file off of her and insert it into the coding. We also need to put in our video that we have made, which will go where the video is on the screen capture. Our bio will be in the place where the key is on a tube map.

Here is the coding, i have added in dummy links so when we are al togerther and have put together all of our files then we can put in real links, that only have to be copied and pasted because the links are already are there.

<HTML>
<TITLE>The Spine</TITLE>
<BODY>
<BODY BACKGROUND="MOCK UP VICKY HOMEPAGE.JPG" STYLE="background-repeat: no-repeat">

<FONT FACE="century gothic" SIZE="4" COLOR=000000">

<div
   style="
      top: 100;
      left: 30;
      position: absolute;
      z-index: 2;
      visibility: show;">
<a href="cervical front page">
<font color="#000000">Cervical</a>
</div>

<div
   style="
      top: 30;
      left: 1240;
      position: absolute;
      z-index: 2;
      visibility: show;">
<a href="cervical front page">
<font color="#000000">Thoracic</a>
</div>

<div
   style="
      top:590 ;
      left:390 ;
      position: absolute;
      z-index: 2;
      visibility: show;">
<a href="cervical front page">
<font color="#000000">Thoracolumbar</a>
</div>
<div
   style="
      top: 380 ;
      left: 1310 ;
      position: absolute;
      z-index: 2;
      visibility: show;">
<a href="cervical front page">
<font color="#000000">Lumbar</a>
</div>

<div
   style="
      top: 50;
      left: 429;
      position: absolute;
      z-index: 2;
      visibility: show;">
<iframe title="YouTube video player" width="200" height="200" src="http://www.youtube.com/embed/0lq2k7rmjdY" frameborder="1" allowfullscreen></iframe>
</div>

</BODY>
<HTML>

Also i think we should change the orange "tube line" on the n to another colour as there is not an orange tube line in london.

SUCCESS AT HTML CODING

So i am rather pleased with my self as i have had quite the success with the html coding for our homepage and the individual pages. I overcame the problem i had in the post before, and this was simply due to me being an idiot and not putting .html at the end of the filename.

Heres the coding for our inidvidual pages:

<HTML>
<TITLE>The Spine</TITLE>
<BODY>

<BODY BACKGROUND="page design bluelive.jpg" STYLE="background-repeat: no-repeat">

<FONT FACE="century gothic" SIZE="9" COLOR=000000">

<div
style="
top:120 ;
left:850 ;
position: absolute;
z-index: 2;
visibility: show;">
Cervical
</div>
</font>
<FONT FACE="century gothic" SIZE="6" COLOR=#000000">

<div
style="
top: 170;
left: 229;
position: absolute;
z-index: 2;
visibility: show;">
<a href="A LINK FIRST SECTION" style="black" title"Cervical"><font color="#000000">Cervical</a>
</div>

<div
style="
top: 305;
left:190 ;
position: absolute;
z-index: 2;
visibility: show;">
<a href="A LINK SECOND SECTION">
<font color="#000000">Thoracic</a>
</div>

<div
style="
top:465 ;
left:217 ;
position: absolute;
z-index: 2;
visibility: show;">
<a href="A LINK THIRD PAGE PAGE"><font color="#000000">Thoracolumbar</a>
</div>

<div
style="
top:620;
left:225;
position: absolute;
z-index: 2;
visibility: show;">
<a href="A LINK FOURTH PAGE"><font color="#000000">Lumbar</a>
</div>

<div
style="
top:-23;
left:1200;
position:absolute;
z-index: 2;
visability:show;">
<a href="homepage real.html"><IMG SRC="the spine logo.gif" border="0"></a>
</div>

<div
style="
top:200;
left:600;
position:absolute;
z-index: 2;
visability:show;">
<iframe src="frame1.html" width="810" height="550"> </iframe>
</BODY>
<HTML>

You can see that the div tag has worked really really well and has become quite the life saver with all the website as we needed things to be exactly in place on every single page. One problem i had when i added the links in to the words on the side of the website, the navigation bar if you wish, was that once you put in the "a href" bit they turned a horrible blue tht didnt match our site. I overcame this problem by finding out how to change the colour of links, i changes this blue to a black that i felt was suitable. For ease and quickness in the coding i just added in Black instead of #000000 as i felt this was easier for the other group members to discepher in the coding. Now that i have worked out the coding for the individual pages, i have shared this coding in our group on facebook, so that everyone can use it and put there work into it. The image attached to this post is the website, with the iframe in and all the link s set up,

Thursday, 14 April 2011

EASTER

Our group seems to be divided by distance, as two of our members live in the north birmingham and doncaster and the other two which includes me live in london and the southend. This is tricky whilst trying to create a website with html coding, it seems so far. The spreading out of work is hard to do aswell. I started the html coding for out individual pages, which went well and solved my previous problems with something called a div tag which places something exactly where you want it on the page. i then got stuck as it wasnt responding to what i wanted to put in so i posted it on our face book group that we have created. this seems the easiest way to share work and for members of the group to see and share ideas.