06. 11. 2013

This is my assignment brief 1.



24. 10. 2013

Today I studied about CSS. Of course, I know CSS but when I search, I learned that I don’t know. CSS has many charming.

This is today I searched.

==============Study Note==============


CSS is short of Cascading Style Sheets. CSS is language of design decorated HTML.

Why web developer use CSS?

CSS adds design to HTML documents. HTML is just whole structure about web document. This means HTML is just content. So CSS helps us create web site that looks like real web site. For example, like this page which you are seeing.  In the past, HTML includes design elements. For example, <font> tag, <b>tag or <i>tag. If I use <b> tag, text is bolding. And If I use <i> tag, text is slanting. That time all layout and design information were input to HTML document. What a terrible happen.  As a result, HTML document meaning was changed. HTML basic intrinsic merit disappeared. HTML became a design document. So W3C made CSS. They divided design part and content part and their purpose was making HTML to structural documents.

CSS is helping layout, background and text disposition make more detail setting than HTML. And If I change <h1> tag design, all designs of<h1> tags would be changed.  You don’t need to change each <h1> tags. CSS is very comfortable. Because of divided CSS file, between web developer and designer cooperative work become easily. CSS isn’t able to do work in the old browser(explorer 6 or 7) version.

CSS3 is the latest standard for CSS. And it is completely backwards-compatible with earlier versions of CSS. So very similar. CSS3 add a lot of function. For example, Backgrounds and Borders or Text Effects or Animations etc. Actually CSS3 is not finish developing. It is developing now. However many browser use CSS3.

23. 10. 2013

Today I learned Dreamweaver to Sheila. Dreamweaver is very good program. Why I didn’t use this program.
First we made root folder to save html file. We learned first homepage name must save index.
Index means this is first page. This is just promise. So we keep this rule.
Next we learned how to make new file in Dreamweaver. Dreamweaver gave basic form to user. But we use <none> form.
Teacher said, that difference is mobile or web. We can select kind of develop.
And we tried to make web page. It was very fun to me. I made looks like a shopping page.
When I made shopping site, I found three useful function.
Dreamweaver coding parts divided three. One is just code part, one is split, and one is just design.
We can hard coding at code part. Split part can do both work. We can hard coding and design both. This part show result quickly. So very comfortable. Last design part, this part can use just mouse. We can make homepage easily.
That parts have each strong point. We can choose when we develop feeling comfortable.
I used design part and split part. When I insert image, I use design part and when I write something, I use split part.
After made homepage, Sheila taught CSS. CSS wear design to web page. We tried to change text color. It was easy. Just click and choose color. If I hard cording CSS, Maybe I use <div>tags and make class to change text color. It felt difficult but today I learned easy way.
And I made some hompages. I made fanpage and Korea imformation web page. Today class was very useful.
Funny Dreamweaver 😀



This is three coding way. You can choose one.


This is split example. If You write Test, you can see your result right now. I like this function.



Today I searched some website. I think this website will help me.

I searched about each category. And I found some useful website.

My major is computer program. So I saw that site long time ago. In the past, I’m learned many thing to use that site.


This site defined about HTML

This site defined about CSS(Cascding style sheets)

I will refer this site.


Today After a long time, We met Sheila. Sheila informed about our assignment brief.

She said we will make each web site. And this web site is giving information about London to young people who doesn’t know London well.

Before we develop web site, we must know web Authoring and we should understand about basic of web.

So first our purpose is understanding common web coding protocols. In the class, Sheila was described about main protocols of web.

Sheila said “HTML language is using American English”. So we promised to use American English.

I will use American English when I write documents.


And this is my brief.

< My Brief >

1) Web page

  • web page construction ( text, fonts, color, images, tables, hyperlinks )


  • nature of HTML and XHTML
  • features of HTML and XHTML
  • how to use HTML and XHTML

3) Cascading style sheets

  • nature of CSS, features of CSS, how to use CSS

4) Terminology

  • authoring


=============== TO DAY LEARNED ===============

Web page construction 

  • HTML ( Hypertext Markup Language )
  • WWW ( World Wide Web )
  • Hyperlinks ( Images, Links, Text )
  • Static and Dynamic website
  • Header
  • Sidebars
  • Menu
  • Content
  • Footer




  • jpeg ( most suitable for photographic images that have millions of colors )
  • png ( originally meant to replace the GIF but is not always supported by all browsers )
  • gif ( format that saves the file using 256 8-bit colours and is compatible with all browsers )
  • Tables ( But Nowadays, It doesn’t use. If I want to make table style, we use CSS )


  • Images
  • Links
  • Text


  • PHP ( Widely-used general purpose scripting language )
  • FTP ( File Transfer Protocol )



Today document : teaching