2008年8月22日金曜日

Trigger for though I'd write the blog and overview

Trigger for though I'd write the blog



This story is Trigger for though I'd write the blog.


If you want to see from “Overview” Please click Skip Trigger to Overview then see one.


It felt myself, litle technical then I guess it is too strict explain



Oneday, I would like to create portal site using CMS.

Then if you want to do something, I would like to make one compliant XHTML1.0 Strict.

And then, I was searcing and searching around XHTML1.0 Strict” and CSS2.0”.



  • How to change from “Table Layout” --> “Block Layout”

  • Detailed CSS2.0” structure and the technique

  • How to make Formal site using CSS2.0” on W3C web site


I had seen these site, however then I had not seen how to make site to take simple steps.



These are almost site below



  • Method of making site until group of layout using div element.

  • Opponents of group of layout using div element



At this rate, I guess make too defficult for Beginer of web creater.

I organized How to create “CSS2.0” a little.


And I felt something about XHTML1.0 Strict×CSS2.0(too late..).




At first I felt one below


For example, the following rule matches any P element whose “class” attribute has been assigned a list of space-separated values that includes "pastoral" and “marine”:


P.pastoral.marine { color: green }

This rule matches when class=“pastoral blue aqua marine” but does not match for class=“pastoral blue”.


This it can use “Namespace” like a C++ Language.

Then the other



  • Pearent, Child, and GrandChild can be the diamond inheritance, then

    • It can flexible 2 to 3 layouts, it just make a patern of Child and GrandChild layout
      Eg) 2 columns Header, 3 columns Main part and 4 columns Footer, you can make easily.



  • Border etc property divide all of color and background color.

    • <div class="Calender Band Purple">, <div class="Links Band Yellow">

      These can change just color or image with same border, margin, padding property

      these are also flexible




At that, these sets plural class names with each elements that means

it usually do not need to set id name using CSS, do you think? just I guess.


Ofcouse there are same reasons “!important” RULE



Actually I think should describe guessing about strict CSS RULE to be continued on this page.


I write also about those review, then Could I give a comment please, if you think strange some things.


Abstract - Consider a Model to become a global standard -


Abstract


This specification defines Modeling XHTML1.0 Strict” and CSS2.0” by way of example.


As a result, I am so glad I make onself heard not formally,


Recentlly, We had see web site useing “Block details Header, Footer”, and these had seen beautiful each one, and let me use great someone.


However, there were so sorry, Not found out a design rule beyond setting a layout using div-block element


As a result, We usually saw to be too defficult operational and maintenance, those are below reason



  • as Page complex web class and id each a element

  • as Page too long CSS file a lot of similar settings


Now I organized CSSs property by use.


I hope it defines a formally design model for the beginer developers with this case as a start



OACF Model


When some people write web site, these page always can separate part for purpose, area and visual quality.




  • Outline : Setting about the layout using in the past

    • Position : Layout position eg. float, z-index, top - bottom for (Header, Footer, Main)

    • Width : Layout width each Areas(word lead Outline to Area)



  • Area : Setting about the margin, border and padding each made Areas

  • Color : Setting gather around the color and image setting.

    • Color : background, charector, border

    • Image : background, list, botton



  • Format : Setting about detailed text and font format each Areas

    • Text Format : indent, line-height, align, letter-spacig

    • Font Format : font-size, -family, -weight, -style, text-decoration




As those pages someone could make crear-cut and easy to modify them, couldn't you?


I refered that

OACF Model from Initial each the part.


However I think that do not care how to say. At all, I would write write this Design Model detail from the next time.


I would like to write about this Models convenience proceed step by step.


See you later.