Google Search Tool
I put my website in Google search tool. If you search LondonLook in google, you can see.
<meta name=”google-site-verification” content=”bAkj99lRhIlogARqKz7Q0bTfHaLqI4VU1tZgsytaLII” />
1) Was site successful compared to original plan?
– 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?
– This is my design sketch. And I made same design. I put image slide in picture part. And this is my real home page.
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.
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.
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.
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.
After uploading, I tested. It works well! I was very happy. And This is result.
Test all browser
6) Mobile phone
All browser work well.
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.
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.
And I think video controller function. Play button, Stop button, Volume controller, Select bar. It was not easy work.
And It was played well.
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.
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.
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.
This is fashion trendy.
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.
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.
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.
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.
Today We were very busy. Because We worked diligently. So we promised to meet online facebook. This is our team meeting.
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.
Start to Develop my website
1) Before start to develop my website, I choose web-authoring tools.
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.
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! 🙂
I have three logos. But I choose first one. Because it is more luxury and lovely.
layout is very very important. When I develop web site, I fill color to check layout. Like this.
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 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.
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.
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.
This is my progress bar. And I start now. I will do my best.