當前位置：首頁 > 编程资源 > 编程问答 >内容正文

编程问答

简单明了的网站结构设计呦！

發布時間：2023/12/20 编程问答 31 豆豆

生活随笔收集整理的這篇文章主要介紹了简单明了的网站结构设计呦！小編覺得挺不錯的,現在分享給大家,幫大家做個參考.

網站結構設計是網站設計的重要組成部分。

首先我們要設計首頁：

首頁主要分為四個部分：

1.網頁標題部分

2.網頁側邊欄

3.博客中文章摘要組成的文章列表

4.頁面底部的版權信息顯示部分

構建網頁標題

輸入：

<!DOCTYPE html > <html><head><title>文章</title><meta charset="UTF-8"></head></html>

執行后為：

網頁側邊欄

要設計要使用側欄菜單，添加一個父元素，一個中間內容 <ion-

side-menu-content>，和一個或更多指令。

<ion-side-menus><ion-side-menu-content ng-controller="ContentController"></ion-side-menu-content><ion-side-menu side="left"></ion-side-menu><ion-side-menu side="right"></ion-side-menu> </ion-side-menus> function ContentController($scope, $ionicSideMenuDelegate) {$scope.toggleLeft = function() {$ionicSideMenuDelegate.toggleLeft();}; }

博客中文章摘要組成的文章列表

為獲取摘要，有必要先將HTML標簽都剔除掉，在純凈的文字基礎上去截取前

面300字符（Java String的substring()方法即可）。存儲的話就是同樣設立一個

摘要的目錄，采取數據庫本地讀寫的形式。文章實體類多加一個摘要字段，存

放摘要路徑。之后主頁顯示的是Article實體類的摘要字段即可。查看文章內容

則顯示Article實體類的文章內容字段.

下面是除去HTML標簽的公共方法（借鑒網上）：

/** clean all the tags of HTML*/public static String removeTag(String htmlStr) {String regEx_script = "<script[^>]*?>[\\s\\S]*?<\\/script>"; // scriptString regEx_style = "<style[^>]*?>[\\s\\S]*?<\\/style>"; // styleString regEx_html = "<[^>]+>"; // HTML tagString regEx_space = "\\s+|\t|\r|\n";// other charactersPattern p_script = Pattern.compile(regEx_script,Pattern.CASE_INSENSITIVE);Matcher m_script = p_script.matcher(htmlStr);htmlStr = m_script.replaceAll("");Pattern p_style = Pattern.compile(regEx_style, Pattern.CASE_INSENSITIVE);Matcher m_style = p_style.matcher(htmlStr);htmlStr = m_style.replaceAll("");Pattern p_html = Pattern.compile(regEx_html, Pattern.CASE_INSENSITIVE);Matcher m_html = p_html.matcher(htmlStr);htmlStr = m_html.replaceAll("");Pattern p_space = Pattern.compile(regEx_space, Pattern.CASE_INSENSITIVE);Matcher m_space = p_space.matcher(htmlStr);htmlStr = m_space.replaceAll(" ");return htmlStr;}

頁面底部的版權信息顯示部分

參見下面幾個正確的格式：

請注意標點符號和大小寫的用法

設計詳細頁

詳細頁分為四個部分：

1.頁面頭部

2.側面

3.詳情內容

4.頁面尾部

在做詳細頁的時候，需要一個正確的思維方式，一個清晰的思路設計

在做詳細頁的時候我們要注意：

1.布局

2.標題

3.主圖

4.絕對詞

網站結構設計的目標：

1.層次清楚，突出主題

理清網頁內容及欄目結構的脈絡，使鏈接結構、導航線路層次清晰；內容與結

構要突出主題。

2.體現特征，注重特色設計

3.方便用戶使用

4.網頁在功能分配上合理，且要功能強大

5.可擴展性能好

6.網頁設計與結構在用戶體驗上的完美結合

7.面向搜索引擎的優化

總結

以上是生活随笔為你收集整理的简单明了的网站结构设计呦！的全部內容，希望文章能夠幫你解決所遇到的問題。

如果覺得生活随笔網站內容還不錯，歡迎將生活随笔推薦給好友。