設計步驟(返回正文)

一、繪制表格

1、在手動設計Html模板之前，我們先需要一個模板的樣式，這個樣式我們可以拿原來的紙質(zhì)的樣式，也可以在Excel表格中畫一個樣式，如圖1所示，我們后面的設計都要根據(jù)這個表格來進行設計。

圖1

2、打開發(fā)文流程的創(chuàng)建節(jié)點表單設計頁面，如圖2所示，點擊顯示模板的【新建】按鈕后開始創(chuàng)建顯示模板；

圖2

3、查看原稿模板，需要11行4列，所以我們在打開的表單頁面中先框出4行11列的表格范圍，如圖3所示

圖3選中列表范圍；

然后調(diào)整線條的顏色；

在表格線條中選擇【所有框線】；

表格就畫好了。

4、仍然選中單元格范圍，如圖4所示，點擊鼠標右鍵，有行高和列寬的設置，行高設置為50PX，列寬設置為200PX

圖4

5、觀察圖1的原稿模板，第1行、第2行和后面5行每一行都只有1個字段，所以我們需要將表格中合并一些單元格，如圖5所示，以第2行為例，選中要合并的單元格后點擊上方的

按鈕，可以將選中的單元格合并，同樣的方法將其它需要合并的單元格都合并了。

圖5

6、在第一行中我們輸入公文的文頭，因為這個不是字段，而是文字，輸入完成后如圖6所示，需要點擊

按鈕，讓文字能夠居中，同時通過左側(cè)字體設置文字的字體、大小及顏色。

圖6

7、最終結(jié)果如圖7所示，這樣我們就按照原稿的樣式設計完成了表單的表格繪制工作。

圖7

二、字段管理

1、接下來我們需要將字段添加到表格中，根據(jù)原稿模板，先添加字段的顯示標簽，如圖8所示

圖8只要選中單元格后點擊右側(cè)的字段就添加完成了；

被添加的字段在字段列表中變灰；

一個格子只能添加一個字段顯示名標簽或字段

2、添加的字段同樣需要調(diào)整字體、顏色及在單元格中的位置，這里有個小竅門，可以選中所有需要調(diào)整的單元格之后再選擇要調(diào)整的內(nèi)容，如圖9所示，選中了所有的單元格，再將字體調(diào)整為12，這樣所有選中的單元格就批量調(diào)整了。

圖9

3、接下來可以設置字體的背景色，如圖10所示，選中單元格后在右鍵菜單的【格式設置】中進行，當然由于我們制作的是公文流轉(zhuǎn)單，所以背景色就不進行設置了。

圖10

4、字段添加后可以看到字段的編輯屬性并不符合我們的要求，所以我們需要調(diào)整每個字段的編輯屬性，圖11

圖11將表單設計器的頂部菜單切換為【字段屬性】；

選中要設置的字段就顯示出此字段的編輯屬性了，可以根據(jù)需要進行設置每個字段的編輯屬性。

5、在圖11中我們將簽字意見也放到了表格中，這個可以根據(jù)需要進行，并不強求。

6、最后提示做完以上工作一定不要忘記點擊右上角的【保存】按鈕。

三、復制表單

1、經(jīng)過以上那么多的操作我們才做完了一個節(jié)點的Html表單，象發(fā)文流程這樣節(jié)點很多的流程如果每個節(jié)點都要如此設置就太浪費時間了，我們需要用到表單復制的功能，點擊表單設計器上的【模板】菜單，顯示如圖12所示

圖12

2、除了擬稿節(jié)點外其它節(jié)點都是沒有模板的，擬稿節(jié)點后面有

按鈕，點擊后顯示如圖13所示；

圖13

3、點擊確定后如圖14所示，所有的節(jié)點都有模板了，非常方便；

圖14

4、因為同步的時候不僅僅是同步了表格及字段，包括字段的編輯屬性等也會同步，這個時候就需要我們編輯每個顯示模板，修改字段的編輯屬性了。

四、打印模板

1、公文流程在歸檔之后除了正文之外，表單通常也是需要打印出來的，所以我們要設置一個打印模板，我們打開歸檔節(jié)點的表單設置，點擊打印模板后面的【選擇】按鈕，如圖15所示，我們可以選擇一個已經(jīng)保存的顯示模板來做為歸檔節(jié)點的打印模板。

圖15

2、點擊被引用的打印模板之后顯示如圖16所示，我們要對表單進行小小改造，需要將核稿、會簽、簽發(fā)三個審批節(jié)點簽字意見放到表單中去，這樣打印的時候就會連簽字意見一起打印了。

圖16在表單的最后增加了3個空白行，設置好表格邊框及合并了單元格；

右側(cè)我們添加的不再是主表字段了，將列表切換到【流程節(jié)點】，如圖17所示，可以看到節(jié)點顯示名標簽不符合我們的需求，所以我們直接在表單中輸入名稱，比如【核稿人意見】、【會簽人意見】和【簽發(fā)人意見】；

圖17再將右側(cè)的節(jié)點添加的表格中，注意是流轉(zhuǎn)意見下的節(jié)點，不是節(jié)點名稱，最終結(jié)果如圖18所示。

圖18

五、總結(jié)

1、通過公文流程的制作我們已經(jīng)可以掌握以下技能了繪制表格，包括表格邊框、行高、列寬等；

添加字段并設置屬性，包括字段的字體屬性、編輯屬性等；

復制一個做好的表單到其它節(jié)點中；

制作打印模板，并添加節(jié)點意見到模板中。

2、在制作過程中需要注意以下一些關(guān)鍵點在合并單元格的時候，一定要先清除單元格中的字段，包括了字段顯示名標簽、字段、節(jié)點名稱、節(jié)點意見，否則合并后會出現(xiàn)找不到單元格的情況；

節(jié)點意見不僅僅在打印模板中可以添加，在顯示模板中同樣可以添加；

將顯示模板同步到其它節(jié)點后，需要查看一下字段的編輯屬性，防止不該編輯的字段可以編輯了，需要編輯的字段又不能編輯。

創(chuàng)作挑戰(zhàn)賽新人創(chuàng)作獎勵來咯，堅持創(chuàng)作打卡瓜分現(xiàn)金大獎

總結(jié)

以上是生活随笔為你收集整理的html如何查看文档,查看文档的全部內(nèi)容，希望文章能夠幫你解決所遇到的問題。

如果覺得生活随笔網(wǎng)站內(nèi)容還不錯，歡迎將生活随笔推薦給好友。