設(shè)計(jì)步驟(返回正文)

一、繪制表格

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

圖1

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

圖2

3、查看原稿模板，需要11行4列，所以我們?cè)诖蜷_的表單頁面中先框出4行11列的表格范圍，如圖3所示

圖3選中列表范圍；

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

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

表格就畫好了。

4、仍然選中單元格范圍，如圖4所示，點(diǎn)擊鼠標(biāo)右鍵，有行高和列寬的設(shè)置，行高設(shè)置為50PX，列寬設(shè)置為200PX

圖4

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

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

圖5

6、在第一行中我們輸入公文的文頭，因?yàn)檫@個(gè)不是字段，而是文字，輸入完成后如圖6所示，需要點(diǎn)擊

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

圖6

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

圖7

二、字段管理

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

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

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

一個(gè)格子只能添加一個(gè)字段顯示名標(biāo)簽或字段

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

圖9

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

圖10

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

圖11將表單設(shè)計(jì)器的頂部菜單切換為【字段屬性】；

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

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

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

三、復(fù)制表單

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

圖12

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

按鈕，點(diǎn)擊后顯示如圖13所示；

圖13

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

圖14

4、因?yàn)橥降臅r(shí)候不僅僅是同步了表格及字段，包括字段的編輯屬性等也會(huì)同步，這個(gè)時(shí)候就需要我們編輯每個(gè)顯示模板，修改字段的編輯屬性了。

四、打印模板

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

圖15

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

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

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

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

圖18

五、總結(jié)

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

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

復(fù)制一個(gè)做好的表單到其它節(jié)點(diǎn)中；

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

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

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

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

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

總結(jié)

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

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