27. 11. 2013

Google Search Tool

I put my website in Google search tool. If you search LondonLook in google, you can see.

googl

<meta name=”google-site-verification” content=”bAkj99lRhIlogARqKz7Q0bTfHaLqI4VU1tZgsytaLII” />

Advertisements

26. 11. 2013

Final evaluation

1) Was site successful compared to original plan?

Before

1

After

 

‌indexxx

– My original plan was just simple website, so I changed my all concept. And I chose, and made almost same.

2) It is fit for purpose?

– I think, If I have more enough time, I will put lost of information about fashion. One of my regrets is just put less information.

3) How about design?

슬라이드1

 

– This is my design sketch. And I made same design. I put image slide in picture part. And this is my real home page.

‌indexxx

My team member Dohee helped me. So things were going along nicely. So I made same design after planed.

4) Technical issues?

– I want to make video controller to use javascipt and I made!!! And I use Image slides and video controller and interactivity content.

5) How was your team work did you feel?

– It was very very good. When I felt difficult, my team member help me. And we helped each other. I like my team.

6) If you make again, what kind of part did you want to more careful?

– Study part. I want to give more detail information about London fashion.

25. 11. 2013

Today I finished my website develop. So I upload to everette’s server. He gave his own server.

This is his server. And I put my data in  here. So I can upload to server easily.

server

And this is my web site address. ->  http://everettajscott.com/dana/index.html

When I upload in server, I tested all browser. But video is not play in some browser like this.

errorvideo

Because I put my video in my website not use Youtube. So I should test all browser work well.  It didn’t see my video in Safari and Opera browser. I thought, and I found reason. It is video file format. Actually, I didn’t think browser type in video. I just saved only mp4 type. But Safari and Opera need another type like .ogg, .webm. So I encoding video type and I uploading my server.

videovideo

After uploading, I tested. It works well! I was very happy. And This is result.

Test all browser

1) IE

IE

2) Safari

사파리

3) Opera

오페라

4) Chrome

크롬

5) Firefox

파폭

6) Mobile phone

Screenshot_2013-11-26-17-42-41

All browser work well.

Test W3C

error

I checked my website to use W3C program. They show some errors. But I think, this error is fine. It is just <a> tag error. When I tested in all browser such as Chrome, Safari, Opera, Firefox, IE, it was fine.

Accessibility

I tested red color and black color to use NWAX  tool. As a result, It was okay. Color contrast was very heavy. So most people can distinction easily.

1471895_444929215619014_2052378327_n

5

20. 11. 2013

Today do

Today I made video controller to use javascript. My video will put street page. I will show All Season London Street Fashion.

And I think video controller function. Play button, Stop button, Volume controller,  Select bar. It was not easy work.

java

And It was played well.

testtest

You can select season, and see that time. This is my highlight function.

And I made video to use images. Music is license free music. I will put my video into my controller.

4

19. 11. 2013

Today Do

Today I put my information to my website. When I put information, I had a small problem.

This is layout problem. So I felt confuse. But I solve my problem. It was difficult work to me.  I need more time to put information.

Today I finished Category 1. This category give information about London fashion. I put all information.

I used London Fashion week images. Inevitable, this images are not mine. So I write photographer in images.

pink

Do you see middle image bottom? I wrote copyright. And STUDY category has Fashion week sub menu.

Yesterday, I took an advice about STUDY page. So I searched 2013 London Fashion trendy.

  • Dusty Pink
  • Red all over
  • Split Skirts
  • Turtle Necks

This is fashion trendy.

And I changed all name about images and css and javascript. Actually, I use just “school_test”,”school_test1″,”school_test2″ like this. But It is not good about name. And I arranged file. So it looks good.

 

18. 11. 2013

Today do

Today I made sub pages. Most layout was similar layout. So I felt easy.

I put some images and video. I used three video to Youtube. Youtube provide them video source. So user used their video.

source

So If I want to play Youtube video, I can copy this source and I can use. It is very useful.

And I made my image slide to use CSS.

I use lots of images. If I use images, I should announcement “alt” attribute. Because If image is not loading so it is not show, alt show instead.

alt

You can see “burberry_store” text instead. This is alt attribute. So I was wrote all image alt attribute.

I made icons. This icon is linked facebook page and twitter page. I draw to use photoshop.

facebook twitter <- You can’t see this picture. Because I made white color. 😦

After made pages, I linked each pages. It was very hard work. Because some links open new page. So I write target. Target is “Do you want to open new page? or this page?” If I write “_blank”, it is open new page. In this instance, like a facebook link, twitter link, brand homepage like Burberry, Paul Smith.

Team meeting

Today We were very busy. Because We worked diligently. So we promised to meet online facebook. This is our team meeting.

face book

I have worry but my team member Zoe solve my worry. I will accept her advice.

During weekend, I develop layout all page. And tomorrow I will put another information.

3

16. 11. 2013

Start to Develop my website

1) Before start to develop my website, I choose web-authoring tools.

  • Dreamweaver
  • Editplus
  • Notepad++ -> Everette make us know. It is similar window notepad. Good program tool.

This list is my web-authoring tool  candidate. And I decided to use Editplus. Because When I started programming, My first tool was Editplus. So It is more used to me. And Edit plus provide dual window.  It means, I can divide two window. One is html file and other is css file. So I can work together. Like this.

test

I like this function. Because it is very comfortable.

2) Design Logo

Logo is important to website. It looks like face. I have lots of candidate about logo design. My team member made it! 🙂

logo0 logo2 Logo

I have three logos. But I choose first one. Because it is more luxury and lovely.

3) Layout

layout is very very  important. When I develop web site, I fill color to check layout. Like this.

fufff

Why? Because it is more easily to check layout. If I didn’t like this, my content is overflow. 😦 So, I must to do.

Today Do

Today I made first page( index.html ) and some category pages. First, I set search engine to use <meta>tag. If user search word such as “Fashion”, Search engine find <meta>tag. And show user.

search

If I write like this, If user search fashion, london, fashionweek etc.., my website show them.

And I write charset too. This means, What kind of character do you use? I choose “UTF-8”. This is normal kind of character.

I made image slide, it is very lovely. I used javascript and css. This is show about my website content like preview. And this slide put first page.

And I made each category pages. And decorate design and put right position. Actually, this work was very hard to me. But I settlement. I felt really great.

1

This is my progress bar. And I start now. I will do my best.