頁面設計的方法(首頁,先頁面程式時可取)

2021-04-02 08:26:27 字數 1169 閱讀 2704

通常人們是從那些快餐式的程式設計書籍上學習編寫頁面的,也就是在頁面上寫一兩行文字、放上乙個控制項看看效果,最多不過是多放幾個這種乾巴巴的東西堆在一起。這與實際的**介面相差太遠了,就好像在乙個只有幾把錘子扳子的小作坊中學習造汽車,不能做出好產品。

實際上,好的頁面應該用以下方法開發出來:

1. 各類相關人員深刻了解需求。

2. 美工作出精美的、有創意的(主要是靜態)畫面。可能結果僅是一張bmp。所謂「漂亮」的網頁,要照顧到使用者對顏色、風格的要求,並且往往搞「大塊」的影象,同時又有大塊的空餘,這樣的反差造成視覺衝擊。

3. 關鍵的一步——切圖。切得好(既少又準確)才能為程式設計創造條件。常用的網頁影象編輯工具都有切片功能。切片之後就生成了html(中間包含了很多)和一大堆,通常作為table中的內容或者背景。

4. 改檔名字尾,然後在程式設計開發工具中開啟這個html頁面。可以看到原圖。但是從**或者大綱視窗可以看到已經很「破碎」了。保留布局和大部分,選取需要根據資料庫動態發布內容的元素,把它裡邊的東西「刪除」,然後放上spaceholder或者其他控制項或者其他自定義控制項(例如自定義的文章顯示控制項)。

5. 接下來就是寫一點**讓頁面接受外界引數,根據這個引數指揮內部的控制項顯示內容。

可見,頁面是「先搭架子」然後再填入少量**,時間花費基本上是1:1的(根據專案情況不同會不同)。絕不是從乙個空白的aspx開頭去手工拼湊html**。前期的美工設計很重要。而且,也不應該刻意去找「會編**」的美工。

csdn這個頁面,如果不是asp的,如果是aspx的,那麼可以說太沒有創意了。asp的結構化不好,因此寫出這麼「土氣」的頁面情有可原。

明白了這個道理,大概就明白當時間實在太緊的時候很多「高手」怎麼「設計」**了吧!

對,就是到網際網路上找到一些風格符合的網頁,然後偷下來把其中的td內容「摳掉」換上自己的內容。

**設計,是從高處著眼,從內容管理、對業務的物件和流程的理解、各種業務的工作「引擎」的設計和開發入手的。把一本「asp.net高階程式設計」之類書反覆看明白了,可能還很不夠。

至於web方式的管理應用程式,則反而不應該在頁面上放上大塊的和留白,甚至連小小的logo也沒必要每個頁面都放乙個,以免干擾使用者的操作。僅用大塊的背景顏色分出操作區塊來就很不錯了。並且這類頁面需要額外增加一些靈活的、仿視窗的風格,需要程式設計師自己開發一些與視窗控制項功能相當或者更強的自定義控制項。同時幾乎所有介面應該都應該從資料庫或者型別定義中自動生成,而不需要rad工具。

003 設計首頁index頁面

在專案的urls.py檔案新增一條url 1 from django.contrib import admin 2from django.urls import path,re path 3views 45 urlpatterns 6 path admin admin.site.urls 7 re ...

模仿Google首頁的資料搜尋頁面

最近在給公司做乙個資料庫程式,由於需要資料搜尋,便模仿google的首頁做了個搜尋頁面。如圖 模仿google的logo時找了很多 發現都是指向 可惜這個 已經關閉了,不過在 發現可以做yahoo風格的logo 後來終於找到了個google風格的,而且還可以生成其他web2.0風格的logo,希望大...

web頁面呼叫本地程式時路徑設定解決辦法

1 修改登錄檔,新增自定義協議 例如呼叫notepad.exe程式,如下步驟 編寫乙個.reg登錄檔,將其匯入到登錄檔中。windows registry editor version 5.00 hkey classes root myprotocol protocol protocol url p...