Category #3 Design of webpages

[Hartzell]

May 5, 2016
7:00 am

At the end of April, I reviewed the .docx files for the two remaining files in the small farm series. I have posted the newest versions in the relevant subdirectories under http://www.taiwanbasic.com/farmculture/

For overall design considerations, please reference the styling already established in --
http://www.taiwanadvice.com/farm/small/

You have items of "green texture" at the bottom of the page, and perhaps you can use somewhat different items of "green texture" in the design of webpages 2 and 3.


= = = = Webpage 2 = = = = = = = = = = = = = = = = = = = =

Data -- http://www.taiwanbasic.com/farmculture/small_farm2/
webpage target location -- http://www.taiwanadvice.com/farm/small2/

<meta name="author" content="陳燕銀" />
<meta name="description" content="小農主義者民宿 (二)" />
<meta name="keywords" content="民宿, 小農園, 蔬菜的蔡圃, 農委會, 小成本, 滑雪, 價格便宜, 泡澡, 健康, 樸實, 樸素, 有機蔬菜, 廉價, 遊客, 住宿, 節省成本, 體驗" />

3 LINKS AT BOTTOM of webpage could be

是誰下令他們去划船？
http://www.twinfopost.com/boat/


小農主義者民宿（一）
http://www.taiwanadvice.com/farm/small/


偷窺與買魚（一）
http://www.taiwanadvice.com/japan/spig/


= = = = Webpage 3 = = = = = = = = = = = = = = = = = = = =

Data -- http://www.taiwanbasic.com/farmculture/small_farm3/
webpage target location -- http://www.taiwanadvice.com/farm/small3/

<meta name="author" content="陳燕銀" />
<meta name="description" content="小農主義者民宿 (三)" />
<meta name="keywords" content="民宿, 小農園, 蔬菜的蔡圃, 農委會, 小成本, 滑雪, 價格便宜, 泡澡, 健康, 樸實, 樸素, 有機蔬菜, 廉價, 遊客, 住宿, 節省成本, 體驗" />

3 LINKS AT BOTTOM of webpage could be

片品村 &nbsp; 簡介
http://www.taiwanadvice.com/japan/tour/


出走是為了健康的回來
http://www.taiwanbasic.com/health/


小農主義者民宿 (一)
http://www.taiwanadvice.com/farm/small/



= = = = Webpage 1 = = = = = = = = = = = (ISSUES) = = = = = = = = =

http://www.taiwanbasic.com/farmculture/small_farm/

<meta name="description" content="小農主義者民宿 (一)" />
<meta name="keywords" content="民宿, 小農園, 蔬菜的蔡圃, 農委會, 小成本, 滑雪, 價格便宜, 泡澡, 健康, 樸實, 樸素, 有機蔬菜, 廉價, 遊客, 住宿, 節省成本, 體驗" />


「你們想不想看看我們片品村民自家做的?? ﹝miso 味噌﹞？吃素的人應該要很會利用??才對！這裡有一戶樸素的農家，地窖裡的有機??，
CHANGE TO
「你們想不想看看我們片品村民自家做的みそ﹝miso味噌﹞？吃素的人應該要很會利用みそ才對！這裡有一戶樸素的農家，地窖裡的有機みそ，


Note: the unicode values are &#12415;&#12381;


-

[Hartzell]

May 16, 2016
10:37 pm

Hello:

I want to design a new Chinese language webpage. There are three 聲明稿 inside this page, hence three internal links are needed.

The page will be divided into four sections. There is a section with the three titles of the content. Then there are the three 聲明稿. That is a total of four sections.

The background will be a blue color, but it should gradually fade to a "lighter shade" as the webpage is scrolled down.

I believe the mofa-logo.jpg should appear at the top of each 聲明稿

See -- http://www.taiwanbasic.com/rec-temp/webdesign2/mofa/

I have many pictures which can be inserted in the text.

Please include all the pictures in this subdirectory --
http://www.taiwanbasic.com/rec-temp/webdesign2/mofa/
and other pictures as noted in "Notes, Part 2" below.

Text content --
MOFA-3art.docx
(The dates should be included)



= = = Notes, Part 1 = = =

Ideally each section (top and bottom) will have rounded corners, and a "fading" blue background. In other words, it is a regular shade of blue at the top and center of the webpage, but the blue background color gradually begins to fade out close to the end (i.e. "bottom").

The top picture can be --
http://www.taiwanbasic.com/rec-temp/web ... ktails.jpg

There is no author's name.

There are no external links at the bottom of the page.

There are many pictures. You can insert them into the text as you feel appropriate. See my comments on SPACING in "Notes, Part 2".

RE: the 原文： links given after each 聲明稿, these should not be "live". (Additionally, they should be in a smaller typeface.)


= = = Notes, Part 2 = = =

1) As regards the top picture, it is probably not wide enough. Hence, my suggestion would be to add a piece of "banquet hall" imagery on the left, and on the right.

You could get some pieces of banquet hall imagery from these photos --
https://goo.gl/Ul2cOS


2) The text on the webpage should be in four sections.

By "section," I mean that it is surrounded by (i.e. sitting on top of) the blue background.

The text in each section is in the white area.

As stated, I would prefer four sections.


The first section would be the three titles. These should be made as "internal links" on the webpage.


The second section would be the first 聲明稿


The third section would be the second 聲明稿


The fourth section would be the third 聲明稿


( After each section, the "white area" closes, and we should be able to see some blue background between sections )


3A) Please include all the pictures in this subdirectory --
http://www.taiwanbasic.com/rec-temp/webdesign2/mofa/

You may insert them into the text, alternating right and left, at what places you feel appropriate.

3B) Additional pictures to be added into the text

and the following photos (located in the http://www.taiwanbasic.com//test/imagesxx3/topics/mofa/ subdirectory)
should be added in appropriate spots.

( alternating right and left, at what places you feel appropriate )

By the terminology of "appropriate spots," I am just considering relatively
"equal spacing" (i.e. "equal amounts of text") between photos.

So,
For the first 聲明稿
add ROC-passports.jpg


For the second 聲明稿
add constit-day.jpg
add ROC-flag1.jpg


For the third 聲明稿
add ROC-mug.jpg
add roc-usFLAGS.jpg


4) I would prefer that the 原文： links be flush right

5) The date on each 聲明稿 should certainly be added in

-

[Hartzell]

May 20, 2016
9:48

http://www.twinfopost.com/mofa/

Hello:

1) I looked at this webpage this morning, and it is very nice. Some comments are as follows:

2) I think the 聲明稿 lettering could be replaced with this graphic --
http://www.taiwanbasic.com/rec-temp/web ... g-ming.png

and I would prefer the size of the 聲明稿 lettering be smaller.

There is no need for a number after the words of 聲明稿
So the "2" or "3" should be removed.

3) Your photo placement seems to be very good.

But, since the first two 聲明稿 have a photo at the very beginning,
I am just wondering if it would be appropriate to put a suitable photo at the beginning of the last one.
That might be good.

4) This button --
http://www.taiwanbasic.com/rec-temp/web ... h-topp.jpg
could be used to indicate "Back to Top"
(No extra lettering needed)

but the display of this th-topp.jpg graphic on the webpage should be quite small.

As for location, I assume that it would be placed on the line following the 原文： LINK
within the "white area",
however whether it should be flush left, or centered,

I will leave for you to decide.

Thank you.

-

[Hartzell]

RE: mofa page

May 24, 2016
12:20 am

1) I had not realized that the /mofa/ page and that /vista/ page use javascript scrolling.

But, I am not so much concerned about the scrolling aspect, as with the {resulting} position on the page when the internal link is pressed.

2) Here is a webpage which uses internal links (but with no javascript) --
http://www.taiwanbasic.com/key/dc/taiwan/new22.htm

What I notice is that for any internal link that is pressed, the reader is taken directly to the TITLE of the essay involved. Actually, I would prefer that the reader be taken to a "blank line" in front of the TITLE each time, or to a "blank line" in front of the section (if the entire webpage is separated into sections).

3) Can this type of simple result be achieved on the /mofa/ webpage, so that each time an internal link is pressed, the reader is taken to the "blank line" immediately preceding the section chosen?

4) This topic of internal links is important, because I am planning a number of additional webpages that need to be designed, and they all have internal links.

I hope we can coordinate this aspect successfully.

5) Also, I would suggest rather than making the name of the internal links just "1", "2", and "3" . . . .
it would be better to use "s1", "s2", and "s3"
or
"sec1", "sec2", and "sec3"

-

[Hartzell]

1) Hidden Links
Please put the hidden links onto the /glass/ webpage.

The best place is probably under the three "link pictures" at the bottom.


2) HTML coding

<a href="http://www.taiwanbasic.com/farm/watergrass/" class="isotope-alt-image">
Add target="_blank

[Hartzell]

May 28, 2016
5:28 pm

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

ON THE BOTTOM OF ALL WEBPAGES MENTIONED BELOW, PLEASE ADD THE CHINESE CHARACTERS
何瑞元聲明：與林志昇切割一切的關係

and link to --
http://www.taiwanadvice.com/advert.htm


ALSO, PLEASE ADJUST THE CHINESE WORDING AS FOLLOWS:

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


http://www.taiwanbasic.com/civil/tcg-intro-ch.htm

是何瑞元、林志昇等 === change to ===> 是林志昇等

推廣他和何瑞元共同研究 === change to ===> 推廣他和其他學者共同研究


http://www.taiwanbasic.com/kcity/linusa.htm

現今林志昇與何瑞元先生以二年的時間 === change to ===>
現今林志昇與其他學者以二年的時間

因此何瑞元認為，=== change to ===>
因此多位學者認為，

有鑑於此，何瑞元和林志昇在 === change to ===>
有鑑於此，林志昇在

很顯然地，何瑞元和林志昇這個作法 === change to ===>
很顯然地，林志昇這個作法



依據何瑞元所研究的 === change to ===>
依據多位學者所研究的

-- 何瑞元整理 === change to ===>
-- 秘書處整理



http://www.taiwanbasic.com/key/dc/taiwan/new22.htm

作者：林志昇、何瑞元 ==== change to ===>
作者：莊破百、丁武狀


美國人何瑞元先生， ==== change to ===>
日本人案藤信介先生，

老外何瑞元 === change to ===>
老外何案藤信介

補強何瑞元 === change to ===>
補強案藤信介

由何瑞元負責 === change to ===>
由案藤信介負責

由何瑞元負責 === change to ===>
由案藤信介負責


http://www.taiwanbasic.com/key/dc/taiwan/new10b.htm

林志昇與何瑞元 === change to ===>
林志昇等人

林志昇與何瑞元先生 === change to ===>
林志昇等人

[ 多處 ]
取材自何瑞元和林志昇文集 http://www.taiwanbasic.com/tw/ === change to ===>
取材自網路文集 http://www.taiwanbasic.com/tw/


林志昇和何瑞元 === change to ===>
林志昇等美國學者


這位美國人的名字叫何瑞元， === change to ===>
這位美國人的名字暫時保留，




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

http://www.taiwanbasic.com/tw/new10.htm

林志昇與何瑞元 === change to ===>
林志昇領導的一批台灣學者


林志昇與何瑞元先生有著相同 === change to ===>
林志昇與其他東南亞學者有著相同

林志昇和何瑞元的研究 === change to ===>
林志昇整理的研究

的名字叫何瑞元， === change to ===>
的名字暫時不透露，




http://www.taiwanbasic.com/tsac/old/new10b-56.htm

取材自何瑞元和林志昇文集 === change to ===>
取材自網路文集




http://www.taiwanbasic.com/tsac/ref/new10b-56.txt
[ 應刪除此 txt 檔 ]



http://www.taiwanbasic.com/tw/new20.htm

[ 多處 ]
作者：林志昇、何瑞元 === change to ===>
作者：美日韓研究會


取材自何瑞元和林志昇文集 === change to ===>
取材自網路文集



http://www.taiwanadvice.com/declarrch.htm

林志昇、何瑞元 等五十六個人連署 === change to ===>
學者和專家五十六個人連署

-

[Hartzell]

Needed corrections, alterations, changes, etc.
(June 2016)

1) THIS WEBPAGE
http://www.taiwanbasic.com/un/theory76-77.htm

[ ADD WORDING ]

http://www.taiwanbasic.com/un/twtrust.htm

ADD HEADER

http://www.twinfopost.com/images/UN76_77header.jpg


2) http://www.taiwanbasic.com/kcity/court.htm
English version and
Chinese version


3) http://www.taiwanbasic.com/key/dc/taiwan/suitsumm.htm


-

[Hartzell]

June 3, 2016
6:03 pm

- - - - -

http://www.taiwanbasic.com/tw/new20.htm

林志昇精選集
==== change to =====>
國際法精選集


- - - - -

http://www.taiwanbasic.com/tsac/old/new10b-56.htm

a) Add picture inside box, above - - - - - - - | 法理論述 | - - - - - - -
http://hk.on.cc/cn/bkn/cnt/news/2016012 ... 0127232356
(reduce in size)

Please adjust number of "blank lines" above and below picture, in order to look attractive


b) Please remove following lines of coding ==
<a name="item6"><br></a><br>

<h3></h3>

<a name="item5"><br></a><br>

[#6]

2006.08.01

c) 蕭先生這篇 === change to ===> 作者這篇

d) Add picture, below 難能可貴的真正清楚
https://s.yimg.com/bt/api/res/1.2/x5vtq ... _popup.jpg

(reduce in size)

Please adjust number of "blank lines" above and below picture, in order to look attractive

e) In place of current location of 何瑞元聲明 link, add Picture and link to
https://www.youtube.com/watch?v=XsbsNtxupkc
(which is a video)
Picture can be a screenshot from 0:19 in the video

f) MOVE 何瑞元聲明 link to below box

and add several blank lines both above and below this link

- - - - - -

http://www.taiwanbasic.com/tw/new10.htm

a) Change background to
http://www.taiwanbasic.com/rec-temp/web ... isc264.gif

b) 取材自何瑞元和林志昇文集 === change to ===> 取材自網路文集

- - - - -

http://www.taiwanbasic.com/kcity/linusa.htm

a) Some corrections in HTML coding still needed,
example <TABLE width=590 bgColor=#ffffff summary="text in middle" border=3>
should be
<TABLE width="590" bgColor="#ffffff" summary="text in middle" border="3">

etc.
Please make necessary changes.

b) width of TABLE can be changed to "700"

( in several places )

c) Please change background to --
http://www.grsites.com/archive/textures ... e/id=5686/

d) Portions of text, including
在發現第二次世界大戰
to
支持這項訴訟活動。

AND

關於台灣的主權問題，
to
法律體系下的基本權利保障。

need some sort of <style> statement, in order to adjust the line height, font size, etc.


e) 您要看林-何團隊在法庭的告狀往來,就點看下記 URL

(英文) http://www.taiwankey.net/dc/

(中文) http://www.taiwankey.net/dc/taiwan/

= = = = = change to = = = = = >

要看看我們團隊在影音製作,就點點下面的 URL

(英文) https://www.youtube.com/user/twclarify

(中文) https://www.youtube.com/channel/UCF3XSj ... f8PgjSm5-w

- - - - -

http://www.taiwanbasic.com/key/dc/taiwan/

a) Please add css coding, as in
http://www.taiwanbasic.com/tw/new20.htm

b) TITLE at top of page needs to be bigger typefont

c) Background can be changed to
http://www.grsites.com/archive/textures ... e/id=5636/

d) 林志昇與建國黨全體黨員，日前委託美國首都
====== change to ====>
日前有六七個臺灣團體委託美國首都


e) 聯邦法院美東時間2006年十月二十四日受理本案，全案已進入美國司法程序。
====== change to ====>
聯邦法院陸陸續續受理這些案件，分配給法官後進入美國司法程序。


f) 本案以國際戰爭法
====== change to ====>
這些訴訟案以國際戰爭法

g) 何瑞元聲明 link can be placed at bottom, as next entry after
探討台灣主權與國際地位

h) tda.taiwan@gmail.com
====== change to ====>
twclarify@gmail.com


-

[Hartzell]

June 5, 2016
11:33 am

- - - - -

http://www.taiwanbasic.com/tw/new20.htm


國際法精選集 can be in a bigger typeface


- - - - -

http://www.taiwanbasic.com/tsac/old/new10b-56.htm


A) Please remove following items in HTML coding ==

[#6]

2006.08.01



B) RE: picture, below 難能可貴的真正清楚

This picture can be reduced in size to 60% of current size


C) Picture at bottom now links to
https://www.youtube.com/watch?v=XsbsNtxupkc
(which is a video)

But there needs to be a line of Chinese characters directly under the picture (no blank line)
了解「一個中國政策」

which also links to
https://www.youtube.com/watch?v=XsbsNtxupkc



D) One or more blank lines (inside the "table/box outline"), here at the bottom
can be removed


E)　MOVE 何瑞元聲明 link to below "table/box outline"

and add several blank lines both above and below this link



- - - - - -

http://www.taiwanbasic.com/tw/new10.htm



A) 林志昇與何瑞元所找尋到的
= = = = = change to = = = = = >
林志昇借用何瑞元論述所找尋到的



- - - - -

http://www.taiwanbasic.com/kcity/linusa.htm


A) REMOVE HTML wording
為此，敬請各界踴躍捐款以支持此活動。


B) 作者：林 志昇 「台灣建國志工團隊」政治研究組
= = = = = change to = = = = = >
作者：「台灣建國志工團隊」政治研究組


C) 我們相信在林志昇博士與美國首都
= = = = = change to = = = = = >
我們相信在美國首都


D) 也將是救台灣的唯一途徑。
= = = = = change to = = = = = >
也將是救台灣的一個值得進行的「途徑」。


E) 在影音製作,
= = = = = change to = = = = = >
的影音製作,


F)HTML coding
<center>&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; -- 秘書處整理</center>
= = = = = change to = = = = = >
<center>-- 秘書處整理</center>


G) link of --
　http://www.taiwankey.net/dc/taiwan/suitsumm.htm
= = = = = change to = = = = = >
http://www.taiwanbasic.com/key/dc/taiwan/suitsumm.htm


H) Wording of --
(Please click the URL)
= = = = = change to = = = = = >
(請點點此URL)


I) "line height" of these two lines of Chinese characters needs to be increased --
<center>釐清台灣與美國之間<br>
的真正關係</center>



- - - - -

http://www.taiwanbasic.com/key/dc/taiwan/


A) (RE: paragraph beginning) 日前有六七個臺灣團體委託美國首都華府
Please remove at least one "blank line" before this paragraph

[Hartzell]

I want to update the design of the
http://www.taiwanadvice.com/advert.htm
webpage

However, the name must stay as --
http://www.taiwanadvice.com/advert.htm


Here are some directions.
All of the files mentioned below are already on
http://www.taiwanadvice.com/



A) Add a HEADER, at the top. You can use --
http://www.taiwanadvice.com/TCG-sign.jpg


B) Then place graphic files --
http://www.taiwanadvice.com/TT_ad131012a.jpg
http://www.taiwanadvice.com/TT_ad131012b.jpg


C) In the internal text,
before 主旨: 聲明與要求

Please add this graphic --
http://www.taiwanadvice.com/usmgtcgov-logo.png


D) Please use FULL URL's for the location of these graphics images, as indicated above.


E) When shown on the webpage, the above mentioned graphics may be reduced in size if you feel it necessary.


F) Strictly speaking, although this advert.htm file is not designed as "responsive", I am still hoping that it will read easily on a cellphone, tablet, desktop computer, etc.


G) I also want to rename this file --
http://www.taiwanbasic.com/civil/wmg.htm
to
http://www.taiwanbasic.com/civil/wmg00.htm


H) Then I want to COPY the advert.htm file, and put it in the taiwanbasic.com/civil/ subdirectory, with the name of -- http://www.taiwanbasic.com/civil/wmg.htm