Home » Uncategorized » html Code 之 開發MH-10 Label Format

html Code 之 開發MH-10 Label Format

說是說開發,但其實也沒有太多的Coding。狀況是客人突然說需要用到美式的MH-10包裝單,但目前公司的表單中並沒有這一項,只好從目前有的表單中來做修改,看看Copy Paste那些元素後,能不能做出一個差不多的表單。

表單的寫法是html,網頁語法,這塊雖然之前大概有個了解,但還是不熟,所以在移動這些元素的時候還是花了不少時間,像是<div>, <br>, <dr>等等,都是反覆測試後,才記起來他的功用。最後幸好算是成功地弄了一個有點像的表單,就看禮拜一放到資料庫中測試後,能不能過關。

之後也到W3School溫習一下html的語法,藉由單一元素的確認和展示,加深自己對於這些語法的了解,這邊真的要感謝W3School的設計,可以針對單一元素作展示和修改,加快了解的速度,不然隨便開一個網頁,有著一堆的語法,也不知道改了某個語法會有甚麼影響,弄得毫無頭緒。反之在W3School,可以針對某個語法來玩玩,試試看不同寫法在網頁上表現的差異,不失為一個練習的好方式。

之前在做實習的時候,由於要爬網頁,所以要搜尋特定的錨點來抓資料,如果當時有先用W3School了解一下個錨點的差異,當時的實習應該可以做得更順利,真是相見恨晚。

話說回來,一般人在使用html上,已經不太需要去了解語法了,原因就是許多的網頁開發商都已經將這些語法換成一個個區塊,藉由拖拉放置等等簡單的操作,就算沒有html語法概念,也能做出不錯的網頁,這也許就是科技發展的好處,跳過了語法這個艱澀的部分,直接到裝飾網站的快樂部分,減少使用者被勸退的機率,應該也是促成現在大量自媒體出現的原因之一吧。

另外是,這個網誌是使用WordPress的模板,平時的文章大多是圖片配文字,但其實還是有很多花樣,只是平時都沒有機會用到。像是之前做Part Time時,幫道格拉斯做網站用到的種種功能,像是加iframe來弄個貸款計算機,這個計算機還不只是個圖片,是一個真的能用的計算機,由於他是連到澳洲MFAA的網站資料,所以功能是正常的,透過iframe的方式埋在網頁中。

Loan Repayemnt Calculator from MFAA: Example

另外一個比較有趣的就是WordPress的付款系統和捐款系統,這個只有販售商品的時候會用到。印象中有個朋友在做線上教學,應該就是用這樣的功能在收款。

以下為捐款系統,但請不要真的捐,因為我也不知道錢會跑去哪裡。

看看付款系統的頁面,這邊是透過Paypal來做付款,之前有聽過有這樣的功能,但一直沒機會測試,這邊來看看介面。

扯遠了,其實就是很多html的語法都已經簡化成一個個區塊功能,需要的話點一下,就會自動跑到網頁中,然後在調整要顯示的位置、大小、顏色等等,就完成了。

以上,表單完成。

Leave a comment