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.

 

Advertisements

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

Compression and video format

Analogue to Digital

Analogue to Digital, good example is camera. Camera changed analogue to digital. Because the analogue scenes is saved in digital. Do you know film camera? This is good example about Analogue to Analogue.  However nowadays camera is digital. If you take a picture to use camera, Camera put real images. But camera has a big problem. They put high quality video such as 24fps or 29.97 fps. If you has 16G memory, maybe you don’t save lots of video. Because high quality video  has lots of size. So we compressed video. If we save uncompressed video, it would be 7GB per minute, 420GB per hour.

Codecs

Co means Encode. Dec means Decode. A codec should not be confused with a coding or compression format or standard. Codec is a format is a way of storing data while a codec is a program which can read or write such files. Codec help to be a compression. And If you play video, it is decoding. There a lots of video, so you should compress video.

  • ProRes
  • H.264

We can choose Codec. When capturing to a camera, we do not use H.264. Because it is not good quality. So we use a codec like ProRes. ProRes is Apple codec. Apple use this codec. It is very very good quality codec. H.264 is highly compressed and not designed for editing. H.264 is a camera and distribution codec. It’s highly compressed, it means that the files are small. So H.264 is normal codec for displaying video on screen.

If you use codec in browser, you should check what browser support codec.

When you are film maker, all at video has been encoding using codec. You can import and edit video to use this program.

  • After Effect
  • Final Cut Pro
  • Premiere
  • AVID

Video format

We should know difference between file format and codec. File format is video container. It means, file format include video, audio, metadata, and codec.  They contain like a box.

  • AVI – MS file format, terrible format.
  • MP4
  • MOV – apple by file format(quicktime)

AVI cannot contain H.264 codec. And MP4, MOV can contain H.264 codec. So MP4 and MOV are best file formats. As a result, file format contain everything.

Resolution

Resolution

You can see resolution easily. For example, If you see video for Youtube, you can choose quality. This is resolution. You can see picture too. If picture has good resolution, you can see very very tiny something.

So Resolution refers to the number of pixels or individual color dots in an image. A high resolution image has more dots, which allows it to display more detail. Resolution has many quality. 1080p is best quality of this resolution.

  • 240p (320*240)
  • 480p (720*480)
  • 720p (1280*720)
  • 1080p (1920*1080)

Big pixel is not good. Small pixel is good. You should remember.

This site is example about high resolution.

http://360gigapixels.com/tokyo-tower-panorama-photo/

Aspect Ratio

Aspect Ratio

This is aspect ratio example. Aspect ratio is the relative horizontal and vertical sizes. Ratio is same shape. However size is difference. Nowadays we have a lot of monitor or screen. They have a aspect ratio. For example, if a graphic has an aspect ratio of 2:1, it means that the width is twice as large as the height.

  • Standard TV Ratio – 4 : 3
  • Widescreen Ratio  – 16 : 9

Widescreen have a funny history.

Widescreen have a funny history. In US, before war, TV was not exist. At that time there was a lots of theater. So many people went to see movie. However, After war, TV was formed. So many people didn’t go to theater. Because they can see TV like a theater. So after 1960, Film company made widescreen.

<Ben hur>

This film is most of widescreen movie. You can see black bar in this picture. This means, ratio is not fit this screen.

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.

15. 11. 2013

Search information about category 2

Category 2 information is about brand in UK. So I searched about UK famous brand.

  • Burberry
  • Vivienne westwood
  • Paulsmith

I will give information about this brand.

1) Burberry ( http://kr.burberry.com/?locale=en_KR )

logo

Burberry is famous for check pattern.

  • Haymarket
  • House
  • Nova
  • Supernova
  • Exploded
  • Smoked
  • The Beat

And Burberry is most famous for its trench coat.  According to a 2009 report released by Business Weekly, Burberry was the 98th most valuable brand in the world that year.

b_p_1

This pattern is basic pattern in Burberry.

I searched this pattern and I found. I hope to take a photo this pattern but it was impossible. So I searched in google.

2) Vivienne westwood  ( www.viviennewestwood.co.uk )

v_logo

About Vivienne Westwood

A celebration of quality and craftsmanship, bringing together select British brands that share a passion for traditional production techniques and skills passed down from generation to generation. Each brand was approached as they epitomise Vivienne’s ‘quality over quantity’ and ‘buy less, choose well, make it last, ethos.

3) Paul Smith  ( www.paulsmith.co.uk )

p_logo

I searched about Paul Smith fashion designer. By 1976 Paul showed his first menswear collection in Paris under the Paul Smith label. In business for over 40 years Paul Smith had established himself as the pre-eminent British designer. Paul Smith has an ability to anticipate, and even spark off trends not only fashion but in the wider context of popular culture.

I like his design. It looks like dandy. So When I searched his design, I was very happy. 🙂

Copyright Images: Making own website, Using own picture is very hard to me. Because My web site title is Fashion of London. There are lots of designer and shops. If I use own images, I can’t make my website. So I used search images. I will put copyright in images, and I will use that images. But I will take a photo too. I will take a photo to stylish people. I will use own picture also.