§§   版務分區

總 覽版 務政 經健康醫療軍 武理 財文 化藝 文科 技台灣的美旅 遊PISA娛 樂鄉 土公 民認 同副 刊哈 啦范氏網
竹縫
視界
耳聾
世界
泰伯
觀點
Joy
隨筆
哈利
天地
Jerry C
鳥 世 界
射水魚
天 空
討海人
鏡 頭
嘻笑
人間
詩情
畫藝
老工仔
思 維
網網
相連
歷史
庫存

利用Html 的特性來控制貼文中的空隔

發表:gagaman 2012-05-02 11:29:08 閱覽數:32617 (IP:  ) T 3473_R 0 引 用
(一)Html 的特性:多餘的半形空隔會被忽視而消除。

可以使用符號 &n bsp; 代替。

(&n bsp; 間的空隔要去掉,一組符號代表一個半形空隔,要多少就加多少。)


(二)中文輸入題示方格通常有兩小格,左邊小格標示中、英文字碼替換;右邊小格標示的是全形與半形替換。

例:半形A
  全形A

  半形 空隔;
  全形 空隔。


(三)最簡單的辦法:

“ ”是全形空隔,把中間的空隔copy 存在文字檔,用時copy past就可。

回應:gagaman 2012-05-02 11:39:08 (IP:  ) T 3473_R 1 引 用
天涯台客大大:

不管是橫或直行,兩張圖片中間的空隔可以用:

全形的空隔

代替“.”,晝面不會出現“.”。

回應:天涯台客 2012-05-02 12:27:17 (IP:  ) T 3473_R 2 引 用
gagaman 賢拜

您的用心令人感動,希望有心之士齊力共同為《綠翠園》奉獻一份心力。

台灣需要像《綠翠園》這樣的網站,讓台灣人確實可以自在發聲。而且,不需要經過主觀的篩選或過濾。

圖與圖之間的間格問題,先前我在外獨網就相當困擾:

1) 我使用 Mac 電腦,中文字體半型或全型還沒學會轉換,轉換不來。結果是:兩圖橫式空格,怎麼空,空多少格,全部被電腦或網站縮小為半格。真是無奈,因為有些時候,兩圖距離太近,色調、體材......,皆屬不宜。至於上下兩圖直式的空格沒問題,可以控制得當。

2) 因此,小弟自己以中文符號「.」代替「空格」的Space,不是正常做法,但還差強人意。

3) 最主要的癥結點,還是在我電腦中文半型或全型的問題。如果賢拜可以教我幫我解決,當是雀躍不已、感激萬分。

底下試做:

(中間空格一字)

(中間空格三字)

(中間空格一點)

.. . (中間空格三點)

4) 另,一個不成熟的建議:《綠翠園》可以考慮 SEO (網頁搜尋優質化)的加強,重點在首頁的原始碼,能見度必然徒增,對流量幫助不小。改天小弟有機會回台,當可碰面聊聊。謝謝您,更謝謝您的努力!


回應:gagaman 2012-05-02 13:19:46 (IP:  ) T 3473_R 3 引 用
Html 的特性:多餘的半形空隔會被忽視而消除。

可以使用符號 &n bsp; 代替。

(&n bsp; 間的空隔要去掉,一組符號代表一個半形空隔,要多少就加多少。)





回應:gagaman 2012-05-02 13:31:36 (IP:  ) T 3473_R 4 引 用
>>還是在我電腦中文半型或全型的問題。

中文輸入題示方格通常有兩小格,左邊小格標示中、英文字碼替換;右邊小格標示的是全形與半形替換。

例:半形A
  全形A

  半形 空隔;
  全形 空隔。

回應:gagaman 2012-05-02 13:33:22 (IP:  ) T 3473_R 5 引 用
4) 另,一個不成熟的建議:《綠翠園》可以考慮 SEO (網頁搜尋優質化)的加強,重點在首頁的原始碼,能見度必然徒增,對流量幫助不小。改天小弟有機會回台,當可碰面聊聊。謝謝您,更謝謝您的努力!

謝謝!好建議!

回應:天涯台客 2012-05-02 13:33:29 (IP:  ) T 3473_R 6 引 用
讓我再試一試:

  (中間空格全型一字/ 2組)

      (中間空格全型三字/ 6組)

回應:天涯台客 2012-05-02 13:35:10 (IP:  ) T 3473_R 7 引 用
^_^ b




感恩



多謝

回應:竹根 2012-05-02 13:38:09 (IP:  ) T 3473_R 8 引 用
最簡單的辦法:

“ ”是全形空隔,把中間的空隔copy 存在文字檔,用時copy past就可,嘻~

回應:天涯台客 2012-05-02 13:49:17 (IP:  ) T 3473_R 9 引 用
以“ ”法試一試:

   (中間空格全型三字/3 組“ ”)

回應:天涯台客 2012-05-02 13:51:21 (IP:  ) T 3473_R 10 引 用
竹根大ㄟ

真是厲害!^_^

回應:天涯台客 2012-05-02 14:02:38 (IP:  ) T 3473_R 11 引 用
好啦,收一收又有版務教學題材啦!

討海大人不信這一套,結果版面永遠就像老粗抹粉。

他說,內容第一,其他的次要。


謝謝啦!今天又學了管用的一課。

回應:gagaman 2012-05-02 14:05:10 (IP:  ) T 3473_R 12 引 用
^_^      

回應:gagaman 2012-05-02 14:08:24 (IP:  ) T 3473_R 13 引 用
這些方法不管是橫排或直排都可以用。

回應:天涯台客 2012-05-02 14:12:06 (IP:  ) T 3473_R 14 引 用
感恩不盡!確是管用受用。

^_^ b

回應:gagaman 2012-05-05 22:22:53 (IP:  ) T 3473_R 15 引 用
行用空隔排版對聯




         樂行時及   
        人    此
        間    景 
        難    只 
        得    應 
        幾    天 
        回    上
        見    有

回應:天涯台客 2012-05-06 02:54:39 (IP:  ) T 3473_R 16 引 用
 
 

        茂
            
       暉    雪
       又    欲
       紅    白
       萬    千
       朵    里
            
 
 

 



回應:天涯台客 2012-05-06 03:07:23 (IP:  ) T 3473_R 17 引 用
↑對不準歪掉了,原來諸位大大之所以不想學,就怕長白髮?
 
 
 

          茂
             
         暉    雪
         又    欲
         紅    白
         萬    千
         朵    里
             
 
 
 

回應:天涯台客 2012-05-06 03:12:09 (IP:  ) T 3473_R 18 引 用
看來少自作聰明,不作色彩。免得半型全型搞咂:
 
 

          茂根翠竹
         春    冬
         暉    雪
         又    欲
         紅    白
         萬    千
         朵    里
         花    草
 
 


回應:gagaman 2012-05-06 07:07:08 (IP:  ) T 3473_R 19 引 用
帥!

即使是指令參雜其中,仍有其固定的特性,掌握了特性,仍舊能得到美麗的成果。

回應:gagaman 2012-05-06 07:31:23 (IP:  ) T 3473_R 20 引 用
 
 
 
          茂
             
         暉    雪
         又    欲
         紅    白
         萬    千
         朵    里
             


回應:gagaman 2012-05-06 07:49:48 (IP:  ) T 3473_R 21 引 用
R17操作中,第一行多加插入了半形空隔

第二行及最後一行,一個半形空隔代替了全形的。少了半隔。

R20 是改了以後的表現。

*我的做法是笨笨地在文字檔先把版排好,再把html的變色等等指令插入*

回應:正反修羅 2012-05-06 08:01:57 (IP:  ) T 3473_R 22 引 用
copy 原始碼



 <br />
 <br />
 <br />
          茂 <br />
               <br />
         暉    雪<br />
         又    欲<br />
         紅    白<br />
         萬    千<br />
         朵    里<br />
               <br />



<hr width="98%" noshade size="2" color="red">





回應:正反修羅 2012-05-06 08:05:51 (IP:  ) T 3473_R 23 引 用
證偽不證實


          茂 <br />
               <br />
         暉    雪<br />
         又    欲<br />
         紅    白<br />
         萬    千<br />
         朵    里<br />
               <br />


回應:正反修羅 2012-05-06 08:07:32 (IP:  ) T 3473_R 24 引 用
證偽不證實


          茂 <br />
               <br />
         暉    雪
         又    欲
         紅    白
         萬    千
         朵    里
               <br />


回應:正反修羅 2012-05-06 08:08:51 (IP:  ) T 3473_R 25 引 用
證偽不證實


          茂
              
         暉    雪
         又    欲
         紅    白
         萬    千
         朵    里
              


回應:正反修羅 2012-05-06 08:10:05 (IP:  ) T 3473_R 26 引 用
證偽不證實


          茂
              
         暉     雪
         又     欲
         紅     白
         萬     千
         朵     里
              


回應:正反修羅 2012-05-06 08:14:42 (IP:  ) T 3473_R 27 引 用
超級懶鬼學習法!!

Copy原始碼

貼上來

回應

看結果

有蟲

反向思考,不考慮【加了什麼,會怎樣】
而是考慮【少了什麼,才不會怎樣】

回應:gagaman 2012-05-06 08:22:37 (IP:  ) T 3473_R 28 引 用
正反教授:

<br/>是系統自動在換行時給的換行指令,你copy原始碼重貼時要消去<br />否則系統再加上會重復。

網友貼文裡的換行指令是<br>,系統加上的是<br />以資分別,讓網管好分辨。

系統發現你下沒被授權的指令,會干擾修改不讓執行,如最後一行是劃線指令,一改就露餡了,網管就會查覺。^_^

回應:天涯台客 2012-05-11 06:54:32 (IP:  ) T 3473_R 29 引 用
請教 gagaman 賢拜:

同一帖內,有「圖」有「文」,原本想做成「圖」居中間,「文」照一般的排列方式。

如下


我給的指令是:


結果:「圖」「文」全都被居中間了?


如 ●R1 0f ◆ 給你一點顏色看!◆

外獨沒這問題,但在《綠翠園》卻會發生這種狀況,請問:我的指令哪裡不正確?謝謝您。

回應:gagaman 2012-05-11 07:27:30 (IP:  ) T 3473_R 30 引 用
台客老大:晚安

您實際下的指令是:

<center><img src=http://hosting11.imagecross.com/image-hosting-65/98941-1-Colorful_by1.jpg> <img src=http://hosting11.imagecross.com/image-hosting-65/25771-2-copy-beauty.jpg> <img src=http://hostinga.imagecross.com/image-hosting-16/33261-3DSC_0044.jpg><center>

那裡錯了?排中的結尾指令少了“/“,所以全部排中了。本站每欄中間恰好會有一個消除排中的指令,否則之後的欄全部會被您改成排中。

外獨的程式會排查,您有沒有結尾,沒有的話,會給您提示,停止貼進資料庫。

回應:gagaman 2012-05-11 08:51:13 (IP:  ) T 3473_R 31 引 用
台客老大:

您注重版面美觀的程度,使gagaman敬佩。在網頁的規劃過程,要師法您的地方很多。

網頁的視覺工程要照顧多方面,不止是色彩佈置,其中有一點就是網友的monitor設備,五花八門,大大小小不等,網頁的寬要多大呢?這是資訊的特點,有些指令可以隨網友monitor大小(或是開視窗的大小)而調整,如文檔。有些指令跟圖檔就不行。

圖檔是固定的,當圖檔的排寬超過視窗,最右的圖會被拉到下一列。如果您一排的是三圖,可是有些網友看到的是第一排兩圖,第二排一圖,對照您的解說文,會引起困擾。

因此您排版時,可否先設定一個網友最多的標準寬?800 ~ 1280 中的一個值,圖檔總寬要限定在您設定的標準寬內,照顧中間值最大的網友。不要以您家優值的monitor為準。^_^

gagaman用不起智慧型手機,不知道用智慧型手機看網頁又是個什麼情況,網頁不知要做什麼修改?頭大!

回應:gagaman 2012-05-11 09:27:14 (IP:  ) T 3473_R 32 引 用
本站的設定寬是1024

回應:天涯台客 2012-05-11 09:29:38 (IP:  ) T 3473_R 33 引 用
太好了!感謝 gagaman 賢拜。

以後盡量小心就是,龜毛啦!總希望把事情做好。跟您學到很多咧!感恩不盡。

返回版務分區 返回 gagaman 專屬部落格  ▲往上  

回  應  意  見  主  題

意見主題:【利用Html 的特性來控制貼文中的空隔

文章請自行備份,站方不負擔保存之責。
同意網站共享並運用這篇文章。
跟 貼 勿 偏 離 主 題!

貼文請用繁體字。

姓 名:

回應內容:

請在本文章中挑出最夯最切題的關鍵詞s,來提高曝光率,
方便網友上網搜尋,兩關鍵詞之間用“,”(半格)分開。
關鍵詞:
      

總 覽版 務政 經健康醫療軍 武理 財文 化藝 文科 技台灣的美旅 遊PISA娛 樂鄉 土公 民認 同副 刊哈 啦范氏網
竹縫
視界
耳聾
世界
泰伯
觀點
Joy
隨筆
哈利
天地
Jerry C
鳥 世 界
射水魚
天 空
討海人
鏡 頭
嘻笑
人間
詩情
畫藝
老工仔
思 維
網網
相連
歷史
庫存

* 討論區內之言論,不代表本園之立場,一切法律責任仍由發言者本人負責
* 如果您有任何不當言論,本園有權決定是否保留您所送貼的意見 。