當前位置:首頁 » 網頁前端 » web頁面模板
擴展閱讀
webinf下怎麼引入js 2023-08-31 21:54:13
堡壘機怎麼打開web 2023-08-31 21:54:11

web頁面模板

發布時間: 2022-01-12 12:30:58

㈠ 網上下的網頁模板怎麼用在javaweb上

網上下的網頁模板是靜態的html或者shtml頁面,要用在真實項目中需要把它們改寫成動態網頁jsp文件來在伺服器端執行。

修改方法如下:
1、點擊html文件,右鍵->重命名,修改成.jsp文件。
2、把.jsp文件導入工程中發布到web容器。
3、運行工程,用http://localhost:8080/test.jsp來訪問

JSP全稱是JavaServer Pages,它和servle技術一樣,都是SUN公司定義的一種用於開發動態web資源的技術。
JSP這門技術的最大的特點在於,寫jsp就像在寫html,但:
它相比html而言,html只能為用戶提供靜態數據,而Jsp技術允許在頁面中嵌套java代碼,為用戶提供動態數據。
相比servlet而言,servlet很難對數據進行排版,而jsp除了可以用java代碼產生動態數據的同時,也很容易對數據進行排版。
不管是JSP還是Servlet,雖然都可以用於開發動態web資源。但由於這2門技術各自的特點,在長期的軟體實踐中,人們逐漸把servlet作為web應用中的控制器組件來使用,而把JSP技術作為數據顯示模板來使用。

㈡ 要一個很簡單的WEB網頁模板!急需!急需!急需!急需!急需!

網路上一大堆的

㈢ 如何快速構建web頁面

1、創建模板頁面
最簡單的辦法是將一個網頁另存為模板文件,通過執行命令:File→Save as Template,DreamWeaver會在網站根目錄中建立一個模板文件夾——Templates來保存該模板。
當然,也可以新建一個模板:Window→Templates,會出現的Templates面板,單擊右下角的New Template按鈕,輸入文件名,就建立了一個空模板;再單擊Open Template按鈕打開該模板,保存後自動存放於網站模板文件夾Templates中。
新建、打開的模板頁面和普通的網頁沒什麼兩樣,同樣可以加入表格、層、圖片、動畫、腳本,設置頁面屬性等。
舉例:這里以製作一個模板為例來說明。在該頁面中,我們希望左側的網站標識圖和底部的導航圖出現在每個頁面中。其中標識圖由兩幅圖片疊加而成,導航圖上的文字「最近更新」、「在線閱讀」、「打包下載」等劃分成幾個熱區分別鏈接到不同的文件,它們在每個頁面中都不變。右上部的主頁面區和左下角彈出式選單按鈕下面的頁面說明則各不相同。為了保持頁面整潔,我們用表格來布置這些元素。
准確地說它只是一個沒有可編輯區域的「准模板」,下面再設定可編輯區域。
2、設定可編輯區域
設定模板可編輯區域,一般來說有兩種方法。
新建可編輯區域:選擇命令:Modify→Template→New Editable Region。在某一空白區域中單擊後執行該命令即可將該區域變為可編輯區域。
標記某一區域為可編輯區域:選擇命令:Modify→Template→Mark Selectin as Editable Region。如果某區域已經有一些文字,並且希望在以後新建的超文本文件中部分保留其內容,先選中該區域再執行標記命令即可。
取消可編輯狀態:選擇命令:Modify→Template→Unmark Editable Region。執行該命令後會彈出一個對話框,其中有當前已有的可編輯區域列表,選中要取消的區域名稱,確認即可。
舉例:在大片空白區中隨便單擊一下,執行Modify→Template→New Editable Region命令,在彈出對話框中輸入名稱:Main;選中左下角本頁說明下面的文字,執行Modify→Template→Mark Selectin as Editable Region命令,輸入名稱:exp。可以看到可編輯區顯示為淺藍色,保存即完成模板製作。
二、使用模板
1、根據模板新建頁面
命令:File→New From Template。彈出對話框,從模板列表中選取模板,出現的新頁面中除可編輯區外均有淡黃色背景,是不能進行修改的部分。空白的Main編輯區可直接進行插入表格、文字、圖片等操作,Exp編輯區保留有原來的文字,修改或重新編輯均可。
2、對一個已經有內容的頁面應用模板
命令:Modify→Template→Apply Template to Page。選擇模板後還會彈出一個對話框,讓您選擇現有的孤立內容保存到哪個可編輯區域(Choose Editable Region for Orphaned Content)。要是不想保留則可以選擇「(none)」。
舉例:我們先新建一個普通頁面,輸入:「CIW電腦工作室」,執行Modify→Template→Apply Template to Page命令,選擇模板test,現有內容保存區域選擇Main,確認後可看到頁面自動變成了模板頁的形式,而「CIW電腦工作室」這一行字就出現在主編輯窗口中。
3、更新模板以全面更新站點
基於某一模板建立了一些頁面後,對模板進行修改後保存時,就會自動彈出一個對話框,列出所有使用了該模板的頁面,詢問是否要更新。
另外一種方法是執行Modify→Template→Update Pages命令。從Update Pages對話框中選擇一個站點或站點的某一種模板(同一站點中可以使用多個模板),單擊右側的Start按鈕,軟體會自動搜索與模板相關聯的網頁並進行更新。非常方便!
舉例:Test模板左側圖形中的「讀書破萬站」圖片是用一個圖層疊加在另一幅圖片之上的,現在不想要它,同時還想將所有頁面中的該圖片均刪除。就可以打開模板test.dwt,刪除該圖層,保存模板,單擊右側的「Update」按鈕即可。
注意:新建和使用模板前需定義站點。方法是,執行命令:Site→Define Sites;指定站點名稱和本地根目錄(Local Root)。模板使用的是相對路徑,如果沒有指定網站在本地的位置,軟體就不能准確找到並保存模板文件;並且應用模板新建和更新頁面時,頁面中的超鏈接也不能隨頁面文件保存位置的不同而相應變化。

㈣ 求一個簡單的個人網頁html模板

這種模板很多的,網路打開一個網頁右鍵源代碼就能找到了。
<html xmlns="http://www.w3.org/1999/xhtml"><head><meta http-equiv="Content-Type" content="text/html; charset=gb2312">

<meta name="viewport" id="viewport" content="width=device-width, initial-scale=1, minimum-scale=1, maximum-scale=1">
<meta name="apple-mobile-web-app-capable" content="yes">
<meta name="apple-mobile-web-app-status-bar-style" content="black">
<link href="{dede:global.cfg_templets_skin/}/images/apple-touch-icon-57.png" sizes="57x57" rel="apple-touch-icon">
<link href="{dede:global.cfg_templets_skin/}/images/apple-touch-icon-72.png" sizes="72x72" rel="apple-touch-icon">
<link href="{dede:global.cfg_templets_skin/}/images/apple-touch-icon-114.png" sizes="114x114" rel="apple-touch-icon">
<title>{dede:global.cfg_webname/}</title>
<meta name="keywords" content="{dede:global.cfg_keywords/}">
<meta name="description" content="{dede:global.cfg_description/}">
<link href="{dede:global.cfg_templets_skin/}/style/style.css" rel="stylesheet" type="text/css">
<script type="text/javascript" src="{dede:global.cfg_templets_skin/}/style/jquery-1.9.1.js"></script>
<script type="text/javascript" src="{dede:global.cfg_templets_skin/}/style/theme_trust.js"></script>
<style type="text/css">
html,
body {
margin: 0;
padding: 0;
}
.iw_poi_title {
color: #CC5522;
font-size: 14px;
font-weight: bold;
overflow: hidden;
padding-right: 13px;
white-space: nowrap
}
.iw_poi_content {
font: 12px arial, sans-serif;
overflow: visible;
padding-top: 4px;
white-space: -moz-pre-wrap;
word-wrap: break-word
}
</style>
<script type="text/javascript" src="{dede:global.cfg_templets_skin/}/main.js"></script>
<script>
jQuery(document).ready(function() {
jQuery('#openSidebar').click(function() {
jQuery('.wrapper').toggleClass('openNav');

});
jQuery('#menu a').click(function() {
jQuery('.wrapper').removeClass('openNav');
});
});
</script>
<script type="text/javascript" src="{dede:global.cfg_templets_skin/}/api"></script><script type="text/javascript" src="{dede:global.cfg_templets_skin/}/getscript"></script><link rel="stylesheet" type="text/css" href="{dede:global.cfg_templets_skin/}/bmap.css">
<style type="text/css">
html,
body,
wrapper {
height: 100%;
}
</style>
</head>

<body>
<div class="wrapper">
<div class="sidebar">
<div class="clearfix k1120">
<div class="navBox" id="openSidebar">
<a href="javascript:void(0)" class="navOpen"></a>
</div>
<div id="menu">
<ul class="clearfix">
<li><a href="#home" class="nav_home current"><span>首頁<br /><b>Home</b></span></a>
</li>
<li><a href="#services" class="nav_services"><span>服務范圍<br /><b>Services</b></span></a>
</li>
<li><a href="#case" class="nav_case"><span>案例展示<br /><b>Case</b></span></a>
</li>
<li><a href="#about" class="nav_about"><span>關於我們<br /><b>About us</b></span></a>
</li>
<li><a href="#news" class="nav_news"><span>新聞動態<br /><b>News</b></span></a>
</li>
<li><a href="#contact" class="nav_contact"><span>聯系我們<br /><b>Contact us</b></span></a>
</li>
</ul>

</div>
</div>
</div>
<div class="pageMain">
<div id="header">
<div class="k1120 clearfix"><a href="{dede:global.cfg_basehost/}" id="logo">logo</a>
</div>
</div>
<div id="home" class="scrol-page">
<div class="banner">
<div class="b_1" style="background-position: 50% 0px;">
<div class="k1120 clearfix">
<div class="b_pic">
<div class="mac" style="margin-top: 0px; opacity: 1;"><img src="{dede:global.cfg_templets_skin/}/images/mac.png">
</div>
<div class="iphone" style="margin-top: 0px; opacity: 1;"><img src="{dede:global.cfg_templets_skin/}/images/iphone.png">
</div>
<div class="ipad" style="margin-top: 0px; opacity: 1;"><img src="{dede:global.cfg_templets_skin/}/images/ipad.png">
</div>
</div>
<div class="b_text" style="margin-top: 0px; opacity: 1;">
{dede:global.cfg_ggg/}

</div>
</div>
</div>
</div>
<div class="banner">

㈤ 請問現在比較好的網頁模板網站有哪些

一個模板的好壞最主要的是由看的人決定的,給你推薦一個好的工具-----全層布局工具-----WebsiteLayoutMaker,輕輕鬆鬆就可以擁有漂亮的模板

㈥ 什麼是web界面

1、web界面是2015年3月電子工業出版社出版的圖書,作者是Bill Scott,Theresa Neil。當前的Web已經進入嶄新的時代,《Web界面設計(全彩)》涵蓋了在基於獨一無二的Web環境下、在創建豐富體驗的過程中設計Web界面的最佳實踐、模式和原理。

2、web的本意是蜘蛛網和網的意思,在網頁設計中我們稱為網頁的意思。現廣泛譯作網路、互聯網等技術領域。表現為三種形式,即超文本(hypertext)、超媒體(hypermedia)、超文本傳輸協議(HTTP)等。

3、Internet採用超文本和超媒體的信息組織方式,將信息的鏈接擴展到整個Internet上。Web就是一種超文本信息系統,Web的一個主要的概念就是超文本連接,它使得文本不再象一本書一樣是固定的線性的。而是可以從一個位置跳到另外的位置。可以從中獲取更多的信息。可以轉到別的主題上。

4、UI專家Bill Scott和Theresa Neil在他們多年實踐經驗和探索的基礎上,總結提煉出了Web界面設計的六大原理--直接了當、簡化交互、足不出戶、提供邀請、巧用變換和即時反應,並以這六大原理為依託,以當今Web上各類開風氣之先的流行網站為示例,向讀者展示了超過75種基於富交互構建Web界面的模式,並以簡單明了的語言,闡明了數以百計行之有效的最佳實踐。

5、書中還給出諸多反模式,即在Web界面設計過程中應該避免的做法。《Web界面設計(全彩)》是迄今為止一部專注於富Web界面設計的經典之作。

6、《Web界面設計(全彩)》既是一本Web界面設計指南,又是一本Web界面實例參考,適合Web界面設計、開發、研究人員、愛好者,以及Web項目管理人員閱讀。

7、Web中的富交互設計面臨的一個主要挑戰就是易發現性。再好的功能,如果用戶發現不了,結果仍然等於零。提供邀請是改善易發現性的重要途徑。邀請可以提示用戶下一步交互操作是什麼。由第9和第10章構成的這一部分,將分別從"靜態邀請"和"動態邀請"的角度,探討那些始終在頁面上顯示邀請和響應用戶操作顯示邀請的模式。

8、Web智能界面的特點是具有良好的反應能力。這個原理探討了怎樣通過響應操作為用戶提供豐富的體驗。第13章介紹了一組"查找模式",包括實時搜索、實時建議、微調搜索和自動完成。第14章介紹了一組"反饋模式",包括實時預覽、漸進展現、進度指示和定時刷新。

9、web管理頁面,就是可以在線提交、編輯、刪除網站相關欄目的內容後台管理程序。只有管理員分配的用戶才能登陸web管理頁面。

10、web頁面是動態的,能夠和資料庫進行交互的.,HTML頁面是靜態的,無法與資料庫進行交互.說白了就是不能象那樣進行注冊,登錄的操作之類的。

㈦ 如何在一個web項目下面導入兩個不同的網頁模板

網上下的網頁模板是靜態的html或者shtml頁面,要用在真實項目中需要把它們改寫成動態網頁jsp文件來在伺服器端執行。
修改方法如下:
1、點擊html文件,右鍵->重命名,修改成.jsp文件。
2、把.jsp文件導入工程中發布到web容器。
3、運行工程,用http://localhost:8080/test.jsp來訪問。
JSP全稱是JavaServer Pages,它和servle技術一樣,都是SUN公司定義的一種用於開發動態web資源的技術。
JSP這門技術的最大的特點在於,寫jsp就像在寫html,但:
它相比html而言,html只能為用戶提供靜態數據,而Jsp技術允許在頁面中嵌套java代碼,為用戶提供動態數據。
相比servlet而言,servlet很難對數據進行排版,而jsp除了可以用java代碼產生動態數據的同時,也很容易對數據進行排版。
不管是JSP還是Servlet,雖然都可以用於開發動態web資源。但由於這2門技術各自的特點,在長期的軟體實踐中,人們逐漸把servlet作為web應用中的控制器組件來使用,而把JSP技術作為數據顯示模板來使用。

㈧ 怎麼樣才能查看完整網頁模板

1,可以修改,使用DW的站點編輯功能
2,不上傳就要再你的電腦上安裝IIS(一個系統組件) 使用IP:127.0.0.1瀏覽你本地的網站,如你網站在f:\web 你就在瀏覽器輸入http://127.0.0.1/f/web瀏覽你的本地站點模板
3,很困難,不過你有足夠的耐心也能做到 用他的源碼 然後把他所有頁面調用的文件下載到本地
4,後台管理系統很多,你可以到源碼網站上去下載來看 好的 我比較喜歡動易 模板也比較多

㈨ 網頁模板怎麼用

具體的使用情況告訴你:
1、下載模板之後,應該在文件中有一個說明,打開記事本樣式的文件,首先看看裡面的如何進入後台模板。一般情況是:首先下載一個asw文件(相當於iss),然後在地址欄中輸入:http://127.0.0.1/admin/admin_login.asp回車。輸入用戶名或者密碼(一般用戶名:admin密碼是:admin或者admin888)
2、進入後台之後,一般有「文章」「下載」之類的模塊,在裡面的相應位置添加內容,然後保存。
3、最後別忘記,重新生成首頁功能。一般是在「管理」模塊中。
說明:
如果不能生成,在每個模塊中,有一個生成html功能,打開之後,先生成地圖功能,然後點擊生成全部模塊。