web页面模板（html5页面模板）

本文目录一览：

• 1、如何把现有网页转变为模板
• 2、如何用 Dreamweaver 批量做web网页
• 3、如何写第一个属于自己的Web页面（Django）
• 4、网页模板如何下载
• 5、如何在一个web项目下面导入两个不同的网页模板？
• 6、什么是网页模板？

如何把现有网页转变为模板

如果看到自己喜欢的网页，可以将其转换为自己网站的模板。

一、主页另存为main.htm，文章列表页面另存为listcolumn.htm，文章页另存为displayinfo.htm，注意文件名必须丝毫不能偏差，更不能用中文。扩展名必须是.htm，html或其他均不行。

二、将主页中信息列表的信息删除，换成Webplus的标签“[频道i]”，标题名换成标签“[标题i]”，注意频道外面一定要套表格。

三、将listcolumn页面的相应位置输出的信息替换成Webplus的标签，如新闻列表替换成“[文章列表]”，具体标签可以通过下载通用模板来学习或查找后面附的标签对照表。

四、将displayinfo.htm页面的相应位置输出的信息替换成Webplus的标签，如新闻标题替换成“[文章标题]”，具体标签可以通过下载通用模板来学习或查找后面附的标签对照表。

五、打开文件夹，选中所有文件，添加到zip压缩文件，如下图：

通过以上几个步骤，您就可以获得一套Webplus模板了，即使您不是专业美工，您也可以通过以上的过程学习Webplus制作技巧，讲您喜欢的页面转化为webplus的模板。

如何用 Dreamweaver 批量做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)。模板使用的是相对路径，如果没有指定网站在本地的位置，软件就不能准确找到并保存模板文件;并且应用模板新建和更新页面时，页面中的超链接也不能随页面文件保存位置的不同而相应变化。

如何写第一个属于自己的Web页面（Django）

        上期（超实用搭建个人开发Web网页的软件及配置基础）已经详细的介绍了基于Django+MySQL+PyCharm组合配置的Web开发的基础架构。这期带读者跟着作者写第一个属于自己的Web页面，同时跟作者同一个局域网的其它用户也可以访问。

首先输入python manage.py startapp myFamilyWeb (表示创建一个自己的Web页面项目)，如图1。

生成的myFamilyWeb里的目录结构里的含义如下：

外层的_init_.py文件标识myFamilyWeb是一个Python包。

admin.py 用于将Model定义注册到管理后台，是Django Admin 应用的配置文件。

apps.py用于应用程序本身的配置。

migrations目录用于存储models.py文件中Model的定义及修改。

migrations/_init_.py文件标识migrations是一个Python包。

models.py用于定义应用中所需要的数据表。

tests.py文件用于编写当前应用程序的单元测试。

views.py文件用于编写应用程序的视图。

以上的介绍都是myFamilyWeb应用的全部内容，后续需要做的就是填充对应的service逻辑对外提供服务。如果就这么启动，就会发现如图2一样访问不了。

想要实现访问自己第一个Web页面（myFamilyWeb），第一步是设置路由和在views.py增加一个可以访问的函数（图3-图6）。

配置模板和html（图7-图13）

配置写好了第一个最简单的Web页面，启动服务器。。。（图14）

在开发者电脑上的浏览器访问 （图15）

（配置防火墙端口）（图16）

设置允许多个主机访问 （图17）

在终端输入ipconfig

回车找到IPv4 的地址：192.168.0.102 （图18）

python manage.py runserver 0.0.0.0:8000 （这次启动的时候在后面添加0.0.0.0:8000）。

然后本地网络中的其它计算机就可以在浏览器中访问你的 IP 地址了， （这个网址只能同一个局域网的主机可以访问）

之后就是好好去学习如何写html文件了。。。

网页模板如何下载

现在建站很方便啊，有些自助建站平台是在浏览器上注册就可以、不用下载；个人推荐凡科建站的网页模板，在浏览器上注册，选择相应的模板直接复制就可以了，之后就可以马上开始企业网站的制作，网站搭建完成之后，如果自己浏览后有什么不满意的地方，也可以随时修改。

如何在一个web项目下面导入两个不同的网页模板？

网上下的网页模板是静态的html或者shtml页面，要用在真实项目中需要把它们改写成动态网页jsp文件来在服务器端执行。

修改方法如下：

1、点击html文件，右键-重命名，修改成.jsp文件。

2、把.jsp文件导入工程中发布到web容器。

3、运行工程，用来访问。

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设计师制作好的网页页面文件

格式多半为:HTML,PSD,PNG等,主要是做成图片的形式.

现在主流的是PSD格式,做出来后还要切图处理成HTML的网页格式.

最好模板

上面主要是提供网页模板的下载站点!

可以去下载学习人家是如何来设计的.

web页面模板的介绍就聊到这里吧，感谢你花时间阅读本站内容，更多关于html5页面模板、web页面模板的信息别忘了在易优之家进行查找喔。