Category #4 design of webpages

Post Reply
Message
Author
Hartzell
Site Admin
Posts: 320
Joined: Thu May 16, 2013 9:15 am

Category #4 design of webpages

#1 Post by Hartzell »

Hello:

I believe the filename for the webpage should be ROC-Const.html

We are using traditional Chinese characters here in Taiwan.

This is to be a one column webpage. The data (which is the content of the Constitution) CAN BE WIDER than what I have in my WORD file.

The WORD file is here -- http://www.twtreaties.net/files/ROC-Const001.docx

I got most of my data from http://law.moj.gov.tw/Law/LawSearchResu ... 2%E6%B3%95

However, this law.moj.gov.tw webpage is much more complicated. It also has LINKS to individual Articles of the Constitution. I don't need that.

I just need a one column webpage.

For my webpage, the title at the top is --
中華民國憲法
Constitution of the Republic of China

This should be in attractive lettering, with "shading" and possibly some "3D effect".


= = = LINKS = = =

聲明 (2010年、2011年、2015年等多次)
LINK TO http://www.twinfopost.com/mofa/

回到主選單
LINK TO index.html

Hartzell
Site Admin
Posts: 320
Joined: Thu May 16, 2013 9:15 am

Re: Category #4 design of webpages

#2 Post by Hartzell »

July 20, 2016 9:55 am

Hello:

Here are my preliminary comments of this morning.


1a) The Title at the top of the page should look more like this --
http://www.taiwanbasic.com/health/

although some "shadow" effect would also be desirable too . . . . .

Chinese and English wording should be the same color.

The Chinese and English wording should be larger.


1b) The background for this Title area could be bigger in size.
It could be more of a blue gradient.

Maybe some portion of this would be suitable --
http://www.taiwanadvice.com/images/2-blue-gradient.jpg


2a) The LINK to 聲明 (2010年、2011年、2015年等多次)
should be done in the third paragraph of EXPLANATORY TEXT at the top
where the words 聲明 (2010年、2011年、2015年等多次) appear

The LINK is http://www.twinfopost.com/mofa/

2b) Ideally, these four paragraphs of EXPLANATORY TEXT would have a light background color, in order to set them off from the main content of the Constitution.


3a) You need a blank line in front of each sub-header

第 二 章

第 三 章

第 四 章
etc.

3b) The spacing and appearance of 第 一 章 總綱 is quite good.

Ideally, this "style" could be implemented throughout, for the other


4) In the content of the Constitution, the line height needs to be greater.


5) In the content of the Constitution, there is some problem with the "flow" of the text. Sometimes there is "internal numbering" in a particular article.
So, this has to be sorted out. Currently, Article 30 is one example of this problem.

There also are some problems with some text being BOLD for no reason.


6) For each Article, you should have the second line (and any additional lines) INDENTED IN.
One way to do this is with the <p></p> markup, which you can redefine in your CSS to
p { text-indent: -1em; padding-left: 1em; }

See example of this effect in the interview portion of http://www.taiwanadvice.com/notify4.htm


7) The wording of
《中華民國憲法增修條文》之繼續施行,應以確定中華民國擁有台灣澎湖的領土主權為前提。
needs to be put inside a simply designed Bottom Footer

Two or three blank-lines below this Bottom Footer should be the LINKED wording of
回到主選單

(centered)

and also there should be additional blank lines at the bottom of the page after this LINKED wording


8) At the top, the wording of
回到主選單
and
聲明 (2010年、2011年、2015年等多次)

can be removed.

The horizontal black line portion could be retained, but its height could be reduced.

Hartzell
Site Admin
Posts: 320
Joined: Thu May 16, 2013 9:15 am

Re: Category #4 design of webpages

#3 Post by Hartzell »

Hello,
Today is July 25th, 2016, 7:30 pm.

Here are some problems I saw today:

Note: I prefer the numbered formatting style of 第121條 as oppose to 第一二一條, which is what you have now. HENCE, below when I state "Please see formatting for this Article" on another 中華民國憲法 webpage, I am referring to the "content" of the Article in question, and not to the numbering format.


第23條:
There should be no break after the 以上各條

第27條
Please see formatting for this Article in http://goo.gl/2akqh4

第48條
Put period after final 誓 and before 」

第49條
Please see formatting for this Article in http://goo.gl/2akqh4

第64條
Please see formatting for this Article in http://goo.gl/2akqh4

第65、66、67、68、69、70、71、72、73、74、75、76條
The numbering and formatting are mis-aligned.

第79條
Please see formatting for this Article in http://goo.gl/2akqh4

第97條
Please see formatting for this Article in http://goo.gl/2akqh4

第99條
Please see formatting for this Article in http://goo.gl/2akqh4

第107條
Please see formatting for this Article in http://goo.gl/2akqh4

第108條
Please see formatting for this Article in http://goo.gl/2akqh4

第109條
Please see formatting for this Article in http://goo.gl/2akqh4

第112條
Please see formatting for this Article in http://goo.gl/2akqh4

第113條
Please see formatting for this Article in http://goo.gl/2akqh4

Need a blank line in front of and after 第二節
(A. and also put a blank line in front of and after any other 節, which are used as subtitles,
if you have not done so already,
B. and ideally these 節 subtitles should be centered, . . . . . not flushed left )

The content of 第121條 is in the wrong place, and that has affected the content of several following 條.

第123條 seems to be OK.

第137條
Please see formatting for this Article in http://goo.gl/2akqh4

第143條
Please see formatting for this Article in http://goo.gl/2akqh4

第145條
Please see formatting for this Article in http://goo.gl/2akqh4

第147條
Please see formatting for this Article in http://goo.gl/2akqh4

第153條
Please see formatting for this Article in http://goo.gl/2akqh4

第160條
Please see formatting for this Article in http://goo.gl/2akqh4

第167條
Please see formatting for this Article in http://goo.gl/2akqh4

第171條
Please see formatting for this Article in http://goo.gl/2akqh4

第174條
Please see formatting for this Article in http://goo.gl/2akqh4

第175條
Please see formatting for this Article in http://goo.gl/2akqh4

= = = = = = = = = = = = = = = = =

Item #1. As regards the top-most four paragraphs of explanatory text on this webpage,
1. I believe I would be more comfortable with a <table> where the entire background would be colored, including left, right, top, & bottom spacing, and lines-between paragraphs. I suggest using a background color of #C3BAFF
2. Currently, this webpage displays at full width on my screen.
3. However, it seems to me that ideally, the width of this block of data (with the four paragraphs of explanatory text) would be somewhat less than the full width of the page. That would serve to set it off additionally. So, maybe somewhere in the range of 82% to 88% of the full width would be suitable.

Item #2. As regards the blue gradient at the top. On the devices I have used here it appears uniformly dark, and almost black. I am thinking that perhaps what the webpage is doing is just grasping a block of this graphic file, and most likely the uppermost top-left quadrant. (This is my guess.)
If indeed this is the case, I believe it is true that that portion of the graphic is quite dark.
Hence, could we actually get more of a "gradient effect" if the top portion of the graphic were deleted, and the HTML page would then grasp a block of "blue" that has more of a gradient feeling?
What do you think? Perhaps you have a better solution.

Item #3. The wording
Constitution of the Republic of China
should be the same color as the characters of
中華民國憲法


Item #4.
After 第 175 條
本憲法規定事項,有另定實施程序之必要者,以法律定之。本憲法施行之準備程序,由制定憲法之國民大會議定之。
(as opposed to a simple thin line)
I wonder if it would be better to just put a thick horizontal graphic line across the page, using the following jpg graphic --
http://www.taiwanbasic.com/images/mediterranean3.jpg

Hartzell
Site Admin
Posts: 320
Joined: Thu May 16, 2013 9:15 am

Re: Category #4 design of webpages

#4 Post by Hartzell »

September 16, 2016
Hello:

Please see http://www.taiwanadvice.com/con/

Some modifications are needed.

[Comments Part 1]

The filename for the webpage is ROC-Const.html

I would prefer that style.css be renamed to constyle.css

The background color for the top area should be more attractive, perhaps some sort of textured blue color.
Maybe some portion of this would be suitable --
http://www.taiwanadvice.com/images/2-blue-gradient.jpg

The lettering of "Constitution of the Republic of China" should be smaller so that it fits on one line.

The background color for the page should be some sort of grey gradient.

Now, there are four paragraphs at the top, and the Chinese characters have background coloring. However, I would prefer that this be changed.
I would prefer to have a box (with no border) with a light background color, such as #EBE2FF, and then the four paragraphs inside the box.

[Comments Part 2]

A blank line should be added after the horizontal line at the bottom of the page, but the horizontal line should be changed to a graphic.

The following jpg graphic could be used (repeating) -- http://www.taiwanbasic.com/images/mediterranean3.jpg to make the horizontal line. which would be pretty thick.


The same #EBE2FF box effect should be used at the bottom of the page for this Chinese wording --
《中華民國憲法增修條文》之繼續施行,應以確定中華民國擁有台灣澎湖的領土主權為前提。

[Comments Part 3]

The 回到主選單 is properly linked to index.html

(I am in the process of designing this index.html myself.)

Two more blank lines need to be added at the very bottom of the page.

In the webpage content of the Constitution, the line height needs to be greater.

[Comments Part 4]

The original WORD file is ROC-Const001.docx

My general instructions are that the formatting of the Constitution on the webpage, Article 1 to Article 175, should conform to the formatting of these Articles in the WORD file.

Hence, I hope you can compare the current webpage with the ROC-Const001.docx and make all needed formatting corrections.

Here are some more specific comments.

* In the content of the Constitution, there is some problem with the "flow" of the text. Sometimes there is "internal numbering" in a particular article.
So, this has to be sorted out. Currently, Article 64 is one example of this problem.

Articles 26 and 27 are also examples of this problem.


* There also are some problems with some text being BOLD for no reason.

[Comments Part 5]

The display of
第 二 章

第 三 章

第 四 章
etc.

is OK, I think.

The formatting of
第 二 節 縣
is incorrect.

第 一 節
第 二 節
etc.
should be indented, and in a slightly smaller typeface/font

etc.
So, the general rule is to follow the formatting in ROC-Const001.docx

Hartzell
Site Admin
Posts: 320
Joined: Thu May 16, 2013 9:15 am

Re: Category #4 design of webpages

#5 Post by Hartzell »

2016.09.20
corrections to http://www.taiwanadvice.com/con/


Metatags

<meta name="author" content="制憲國民大會">
<meta name="description" content="中華民國憲法" />
<meta name="keywords" content="中華民國, 五權分立, 憲法, 國家之構成法, 人民之保障書, 根本性規範, 人民之權利義務, 國家機關之組織權力, 國家機關之相互關係, 臺灣澎湖, 金門馬祖" />


LINE HEIGHT in first four paragraphs of "introduction" section can be increased.


Link to http://www.twinfopost/mofa/ should open in new page



SHOULD CONTAIN FIVE PARAGRAPHS (even though there is no indenting) --

Article 167



SHOULD CONTAIN FOUR PARAGRAPHS (even though there is no indenting) --

Article 143



SHOULD CONTAIN THREE PARAGRAPHS (even though there is no indenting) --

Article 8

Article 28

Article 86

Article 145

Article 174 (and please fix "second line indenting" issue)



SHOULD CONTAIN TWO PARAGRAPHS (even though there is no indenting) --

Article 48

Article 55

Article 58

Article 67

Article 79

Article 97

Article 124

Article 137

Article 147

Article 153

Article 160

Article 171

Article 175



PROBLEMS WITH "second line indenting" (after Chinese numerals) --

[Please compare with original ROC-Const001.docx version]

Article 26, item 1

Article 57

Article 64, item 1




WORDING NEEDS TO FLOW TOGETHER, NOT BROKEN INTO DIFFERENT LINES

Article 38

Article 49



THE "SPACING" AFTER THE CHINESE NUMERALS IN ARTICLE 64 IS GOOD, PLEASE ADD MORE SPACING AFTER the CHINESE NUMERALS

Article 57

Article 69

Article 86

Article 91

Article 107

Article 108

Article 109

Article 167

Article 174


MAKE AS SEPARATE PARAGRAPH

Article 109 各省辦理第一項各款事務,其經費不足時,經立法院議決,由國庫補助之。


PLEASE ADD (more) SPACE AFTER THESE CHARACTERS

第 一 章
第 二 章
第 三 章
第 四 章
第 五 章
第 六 章
第 七 章
第 八 章
第 九 章
第 十 章
第 十一 章
第 十二 章
第 十三 章
第 十四 章


PLEASE ADD (more) SPACE AFTER THESE CHARACTERS

第 一 節
第 二 節

第 一 節
第 二 節
第 三 節
第 四 節
第 五 節
第 六 節

Hartzell
Site Admin
Posts: 320
Joined: Thu May 16, 2013 9:15 am

Re: Category #4 design of webpages

#6 Post by Hartzell »

Today is Sept. 21, 2016

Article 8

In fact, it appears that this Article has four paragraphs.

You can get a better feel for where the paragraphs separate by looking at Article 8 here --
http://www.6law.idv.tw/6law/law/%E6%86%B2%E6%B3%95.htm

(Our rendering is different, since we are not indenting the paragraphs here. But, four paragraphs appears to be the correct idea.)


Article 174

Where the Chinese numbers are, the indenting needs to be "fixed."

(Article 57 seems to be a good example of the correct layout for the section with Chinese numbers.)




BOTTOM LINK

Please change this link to only be --

http://www.taiwanadvice.com/con/

Hartzell
Site Admin
Posts: 320
Joined: Thu May 16, 2013 9:15 am

Re: Category #4 design of webpages

#7 Post by Hartzell »

Sept. 21, 2016
11:07 pm

USE
http://www.taiwanadvice.com/con/ROC-Const.html

COPY TO
http://www.taiwanadvice.com/con/TAT-Const.html

See -- http://www.taiwanadvice.com/con/
MAKE CHANGES as in TAT-Const.docx

Please note

* Some wording is yellow highlighted

* Some wording is deleted (with a line drawn through)

RETAIN colored BAR at bottom, after Article 175


進一步討論事項
LINK to TAT-issues.html


TOP HEADER should use same effect as ROC-Const.html
but use green color

Background color for descriptive information at top can be
light green

Background color of page could be something complimentary, but
not red, not blue

Post Reply