html5网页模板

因为html模板通常没有数据库，所以不像带后台程序一样可以直接在前端修改但是我们可以安装一些文件管理源码，这样就可以直接通过浏览器修改html文件了而不需要每次都通过FTP上传下载我用过比较好的是一款叫KODExplorer的程序，php的；效果和windows的桌面差不多修改文件非常方便，支持的功能很多，不过安装包相对比较大如果功能要求不多，你可以找一款简单的文件管理源码就可以了

可以使用Div+Css实现整个网页的布局，将图片放在img标签中，然后在css代码中设置float属性（left左浮动right右浮动）。就可以实现排版了。辛苦的打了这么多字，希望您能够采纳。

font-size:12px; line-height:150%; background:#fff text-align:center; color:#333; font-family:"宋体" 我一般就这样写，不会去指定字体为其它类型，因为如果浏览者的机器没有安装你使用的特殊字体类型，如“sans-serif”，那么会导致下面的样式无法解释。不过你也可以这样写font-family:sans-serif,宋体;

网站后台模版html如何修改步骤：这个要在模版目录里面改模版的，在根目录的templets/default(我这里写的是默认的模版目录)/index.htm文件，修改这个就可以了.用Dreamweaver编辑了index.html是没用的，当后台在生成静态页面的时候就把你刚才修改的覆盖掉了。所以你要修改模版文件想要index.htm首页模版。把讲HTML文件放入Dreamweaver里时会是一堆的代码，只需要修改CSS和图片路径就可以了。可以修改成你本机的虚拟路径。其他的程序标签都有说明，请查看相关系统标签。修改好之后你就可以在Dreamweaver里面直观的看到网页界面了，并且修改起来也非常方便，记得模板修改之后别忘记把CSS路径改回去。主题模板的构成：模板均分为三大部分，分别是网页的html文件、CSS文件、图片文件。

您好。海站格为您解答：按照大类分：个人网站模板和企业网站模板企业模板按照用途又分为：展示型模板营销型模板功能性模板还有按照行业分的，其他都有回答了。

首先要登陆自己的账号，这个工具是免注册的，微信扫一扫就登陆进去了；进去后是模板页面，有很多有趣好玩的模板；点击“我的”进入个人空间；添加新折页。模板中有很多好玩的游戏，所以我们选择做一个相册；可以扫码看一下初始的效果，决定了之后点击“开始制作”；每一个标签页都有自己的内容，可以通过删除和复制自己控制模板的规格；上传素材替换掉模板中的内容；可以实时在手机上预览效果；保存折页的时候记得修改页面上的信息；好的制作者可是会利用这些信息吸引眼球哦~在手机上预览没有问题后就可以直接右上角分享给朋友啦！~

首先你要看你是什么格式的模板， 模板分为好几种。给你看一个文档。对你应该有所帮助 一、关于部分模版无法使用的问题 很多朋友反应我站的模版下载下来却不知道怎么使用，说用不起来，其实是大家误解了，在这里我给大家解答下。 我站每个模版都压缩成rar文件包，你需要先使用winrar或者zip解压缩，如果没有安装解压软件，请先下载。 我站模版目前有四种类型： 1、psd模版 2、flash模版 3、html模版 4、PNG模版 5.v5shop模板，（此模板要用在v5shop程序上才可以使用，初学者可以不用考虑这些模板。） PSD模版需要专业的软件打开，不能像html模版那样直接使用。后缀名是.psd;这种类型的模版是最好的，也是我们重点推荐的。因为他把模版上的元素分为一个一个的层，设计起来十分方便。同时也可以任意切割成自己喜欢的布局！常用的打开软件fireworks、photoshop。 对于初学者来说，使用Html模板更简单易学一些！那个可以直接修改文字就搞定。 flash模版如果包含.fla源文件，那么打开就需要flash软件。 html模版就是平常的模版了,直接使用Frontpage或者Dreamwaver打开即可，这里就不介绍了。 PNG模版的处理方法跟PSD模版类似，推荐使用Fireworks处理。 另外，网站上有一些矢量素材，为AI格式，需要AdobeIllustrator才能打开！ 二、无法输入中文，或者输入的中文是乱码的问题。 这种问题是由于编码方式不当造成。欧美模版都按照iso-8859-1编码，韩国的是euc-kr。一般源码中含有： <meta http-equiv="Content-Type" content="text/html; charset=euc-kr"> 只需把上面那句中的“euc-kr”修改成“gb2312”：即可！ 对于FLASH中的乱码问题，这个需要用FLASH软件修改，由于鄙人技术有限，在此无法提供帮助了。 三、模板没有后台，不可以后台注册登录，发贴问题！ 模板只是一个网页的显示页面，要实现其中的调用，后台添加删除文章，那些是程序所能实现的功能，我们站主要是提供的是网站，网页模板，程序方面请大家自己解决！ 模板下载总地址： http://www.mbsky.com/SoftList/Catalog_172_SoftTime_Desc_1.html 相关的一些学习程序地址： http://www.mbsky.com/SoftList/Catalog_1_SoftTime_Desc_1.html

查看网站是用什么模板做的方法如下：1、查看图片或js、cs的路径是否有wp-content；2、查看robots协议中有没有屏蔽wp-admin或wp-includes；3、在网站的URL中输入wp-admin是否进入网站的登录页面；

步骤1 创建空白的HTML 5模版 首先，我们创建一个空白的模版，代码很简单，如下所示：复制代码步骤2 增加HTML 5新标签 HTML 5中新增加了不少标签，如： article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section在页面模版中，我们需要确保每个区域都能正确地对齐，因此需要使用HEADER、 NAVIGATION、 CONTENT、 SIDEBAR和Footer这些标签。代码如下所示：复制代码读者可能留意到这里使用的div id=”wrapper”，这个是稍候用来做meida query的时候调整全局CSS样式调整用的 步骤3 往HTML 5标签中增加代码 1）首先往标题中增加如下代码： 　Simple HTML5 Template 复制代码2）往导航标签中添加如下代码，这样很方便地构件了一个简单的页面分类导航： Home About Parent Page Child One Child Two with child Child One Child Two Child Three Child Three Contact 复制代码3）使用标签来描述每一个要展示的内容实体,比如要展示的是多篇文章列表,其中的每一篇文章的具体内容就可以使用标签了。如下代码所示： This is a title for post Richard KS 20th March 2013 Tutorials HTML5, CSS3 and Responsive 10 Comments Lorem Ipsum is simply dummy text of the printing and typesetting industry. Lorem Ipsum has been the industry's standard dummy text ever since the 1500s 复制代码4）添加标签 HTML5提供的元素标签用来表示当前页面或文章的附属信息部分，可以包含与当前页面或主要内容相关的引用、侧边栏、广告、nav元素组，以及其他类似的有别与主要内容的部分。根据目前的规范，元素有两种使用方法：被包含在中作为主要内容的附属信息部分，其中的内容可以是与当前文章有关的引用、词汇列表等。 在之外使用，作为页面或站点全局的附属信息部分；最典型的形式是侧边栏(sidebar)，其中的内容可以是友情链接、附属导航或广告单元等。 代码如下：Categories Category 1 Category 2 Parent Category Child One Child Two Grandchild One Grandchild Two Grandchild Three Child Three Category 3 Text Lorem Ipsum is simply dummy text of the printing and typesetting industry. 复制代码5）加上最后的标签，代码为： Copyright@ 2013 HTML5.com Privacy Policy - About Us复制代码 步骤4 增加CSS样式 首先创建一个空白的样式，如下：[/code] 然后在http://necolas.github.com/normalize.css/中下载这个css,然后将其内容复制到该空白的文件中代码如下： [code]body {font-family: arial, sans-serif;font-size: 100%; /* best for all browser using em */padding:0;margin:0;}*, html { line-height: 1.6em; }article img { width:auto; max-width:100%; height:auto; }.sidebar a, article a, header a, footer a { color: #C30; }header a { text-decoration: none; }#wrapper {font-size: 0.8em; /* 13px from 100% global font-size */max-width: 960px; /* standard 1024px wide */margin: 0 auto;}/* css for */header { padding: 1em 0; margin: 0px; float: left; width: 100%;}header hgroup { width: 100%; font-weight:normal; }/* css for */nav { display: block; margin: 0 0 2em; padding: 0px; float: left; width: 100%; background-color: #181919;}nav ul ul {display: none;}nav ul li:hover > ul {display: block;}nav ul { padding: 0; list-style: none; position: relative; display: inline-table; z-index: 9999; margin: 0px; float: left; width: 100%;}nav ul:after {content: ""; clear: both; display: block;}nav ul li {float: left;}nav ul li:hover a {color: #fff;}nav ul li a { display: block; padding: 1em; font-size: 1.125em; color: #ccc; text-decoration: none; margin: 0px; background-color: #000; border-right: 1px solid #333;}nav ul li:last-of-type a {border-right: 1px solid transparent !important;}nav ul ul { background: #5f6975; border-radius: 0px; padding: 0; position: absolute; top: 100%; width: auto; float: none;}nav ul li:hover { background: #5f6975; color: #FFF;}nav ul ul li a:hover { background-color: #4b545f;}nav ul ul li {float: none;border-bottom: 1px solid #444240;position: relative;}nav ul ul li a {padding: 0.5em 1em;font-size: 1em;width:10em;color: #fff;}nav ul ul ul {position: absolute; left: 100%; top:0;}/* css for */section.content { width: 70%; float:left; }.content article { width:100%; float:left; padding: 0 0 1em; margin: 0 0 1em; border-bottom: 1px solid #ddd; }article .entry { clear:both; padding: 0 0 1em; }h1.post-title { font-size: 1.8em; margin:0; padding:0;}.entry.post-meta { color: #888; }.entry.post-meta span { padding: 0 1em 0 0; }.entry.post-content { font-size: 1.125em; margin:0; padding:0;}/* css for */aside.sidebar { width: 25%; float:right; }aside.sidebar ul { width:100%; margin: 0px; padding: 0px; float: left; list-style: none;}aside.sidebar ul li { width:100%; margin: 0px 0px 2em; padding: 0px; float: left; list-style: none;}aside.sidebar ul li ul li { margin: 0px 0px 0.2em; padding: 0px;}aside.sidebar ul li ul li ul li { margin: 0px; padding: 0px 0px 0px 1em; width: 90%; font-size: 0.9em;}aside.sidebar ul li h3.widget-title { width:100%; margin: 0px; padding: 0px; float: left; font-size: 1.45em;}/* css for */footer { width: 98%; float:left; padding: 1%; background-color: white; margin-top: 2em;}footer .footer-left { width: 45%; float:left; text-align:left; }footer .footer-right { width: 45%; float:right; text-align:right; }复制代码步骤5 为移动应用使用@media query查询 为了进行响应式设计，最佳的方案是使用@media query去进行查询，在上面的CSS代码中添加如下代码：/* ipad 768px */@media only screen and (min-width:470px) and (max-width:770px){body { background-color: red; } #wrapper { width:96%; font-size: 0.6875em; }section.content, aside.sidebar { width:100%; }}/* iphone 468px */@media only screen and (min-width:270px) and (max-width:470px){body { background-color: yellow; } #wrapper { width:96%; font-size: 0.6875em; }section.content, aside.sidebar { width:100%; }}复制代码步骤6 增加jquery,modernizer和html5shiv到标签中 这里推荐使用Modernizr 和html5shiv，它们都是一个能在多种浏览器中通过运行各种脚本兼容运行支持大部分HTML 5标签的插件。我们将它们和jQuery库放在标签前，代码如下：0复制代码