网页html5模板

安装步骤：1、控制面板-系统和安全-管理工具-Internet信息服务（IIS）管理工具，打开运行。如下图：2、双击内页中的ASP,即显示ASP的设置内容，",然后在"Behavior(行为)"组中将"Enable Parent Paths(启用父路径)"设置为True即可。3、操作-基本设置-物理路径选为你文档的路径-连接为-特定用户-你的用户名和密码（登陆操作系统的用户名和密码）（切记：一定要设密码，否则这一步通不过） 。绑定-编辑-IP地址：全部未分配端口：80。4、Default Web Site-右键-编辑权限-安全-编辑-添加Everyone且Everyone的权限为完全控制。5、默认文档-添加index.asp。  

连接路径写错了把，同级目录下连接路径应该是 “./my_style.css” 我修改了，还是不管用啊，好奇怪，我也搞不清问题处在哪里？你还需要什么信息，我可以提供给你，你帮我看一下 找到问题了，是静态文件配置问题

　　这个看你网站功能和性能需求了。网上有很多关于这些技术区别的，你可以去看一看。　　引用篇文章给你：　　浅谈jsp、freemarker、velocity区别　　http://blog.csdn.net/tjcyjd/article/details/16803877 作者：浮云中的毛驴　　以前做web开发页面层用的基本就是就是，最近公司java项目页面层用的技术是velocity。听说jsp要淘汰，也不知道是真是假，但本人还是比较喜欢jsp的，下面是网上查找的javaweb项目页面3种技术的区别。　　在java领域，表现层技术主要有三种：jsp、freemarker、velocity。　　jsp是大家最熟悉的技术　　优点：　　1、功能强大，可以写java代码　　2、支持jsp标签（jsp tag）　　3、支持表达式语言（el）　　4、官方标准，用户群广，丰富的第三方jsp标签库　　5、性能良好。jsp编译成class文件执行，有很好的性能表现　　缺点：　　jsp没有明显缺点，非要挑点骨头那就是，由于可以编写java代码，如使用不当容易破坏mvc结构。　　velocity是较早出现的用于代替jsp的模板语言　　优点：　　1、不能编写java代码，可以实现严格的mvc分离　　2、性能良好，据说比jsp性能还要好些　　3、使用表达式语言，据说jsp的表达式语言就是学velocity的　　缺点：　　1、不是官方标准　　2、用户群体和第三方标签库没有jsp多。　　3、对jsp标签支持不够好　　freemarker　　优点：　　1、不能编写java代码，可以实现严格的mvc分离　　2、性能非常不错　　3、对jsp标签支持良好　　4、内置大量常用功能，使用非常方便　　5、宏定义（类似jsp标签）非常方便　　6、使用表达式语言　　缺点：　　1、不是官方标准　　2、用户群体和第三方标签库没有jsp多　　选择freemarker的原因：　　1、性能。velocity应该是最好的，其次是jsp，普通的页面freemarker性能最差（虽然只是几毫秒到十几毫秒的差距）。但是在复杂页面上（包含大量判断、日期金额格式化）的页面上，freemarker的性能比使用tag和el的jsp好。　　2、宏定义比jsp tag方便　　3、内置大量常用功能。比如html过滤，日期金额格式化等等，使用非常方便　　4、支持jsp标签　　5、可以实现严格的mvc分离

"对于用户来说，html5提高了用户体验，加强了视觉感受。1、HTML5技术在移动端，能够让应用程序回归到网页，并对网页的功能进行扩展，用户不需要下载客户端或插件就能够观看视频、玩游戏，操作更加简单，用户体验更好。2、HTML5的视音频新技术解决了移动端苹果和安卓4.0+，对flash的支持问题。在视音频方面，性能表现比flash要更好。3、网页表现方面，HTML5中的CSS3特效样式、Canvas、webgl的介入，不仅加强了网页的视觉效果，甚至能够使用户在网页当中看到三维立体特效。4、另外其跨平台的特点，可以避免传统移动终端上的Native App，开发者必须针对不同的操作系统进行研发工作的弊端，从时间和资金成本上讲远小于跨系统移植。而且html5的语言简单，容易学习。现在国内已经出现一批html5页面制作平台，让不懂编程的用户也能自己制作。国内制作html5页面的平台出名的有maka.im和vxplo，maka.im通过选择模板，添加效果、图文即可完成制作，vxplo界面类似于photoshop，个性化程度高，但是操作比较复杂。"

　　根据优势选着你觉得合适自己的：　　bootstrap：优势与劣势　　bootstrap 2以后的版本不支持IE6。当你的网站需要支持ie6的时候，这时是缺点。当网站不需要支持ie6.减少了兼容代码的处理，马上又变成了优点。　　总体而已，Bootstrap 属于前端 ui 库，通过现成的ui组件能够迅速搭建前端页面。同时还可以用less重新设计组件。对于前端技术一般的后台工程师，省去了很多编写前端处理时的痛苦。个人使用搭个博客什么的比较方便。　　相对于公司，直接使用 Bootstrap 感觉不多，大公司都有自己的前端开发设计人员，也会设计自己的css库。当然，Bootstrap开源，对于学习如何组织css还是很有必要。　　个人认为：bootstrap最大的缺点在于 --------- 大家做出来的网站都一个摸样。　　html5：优势与劣势　　1、摆脱对平台的依赖　　HTML5可以让你摆脱对平台的依赖，用户打开浏览器，直接就可以访问你的应用，而不需要经过各种Store的审核。　　2、实时更新　　实时更新，通常平台的审核都需要七个工作日左右的时间，如果你发布之后发现问题怎么办?Web方式就不存在这种问题。　　3、离线使用　　用户可以离线使用，更新下载量及少，可以全部更新，也可以选择替换部分文件。　　4、代码更安全安全　　使用HTML5，代码更安全安全。众所周知Web应用有一个很大的问题就是代码安全的问题，但现在HTML5可以将Web代码全部加密，本地应用解密后再运行，大大的提供了代码的安全性。　　5、跨平台　　HTML5可以做到跨平台，多数核心代码不用重写，Javascript的代码用得好的话，在许多地方都可以用到，包括移动应用、移动网站、PC网站、各种浏览器插件，甚至可以用WebKit封装作为跨平台的应用程序。诚然，这种方式并非完全跨平台，但这样也足以减少很多工作量了，特别是后期的维护。　　6、可以充分利用Native　　HTML5可以通过浏览器作为中介充分利用Native的好处，比如说可以使用GPS、照相机、本地相册、读取本地联系人，也可以使用推送功能等，最重要的是，某些Web无法实现的功能，我们可以利用Native来实现。　　HTML5 可能对移动 Web 带来好处，原因是，现在的移动 Web，iPhone 占主导地位，而 iPHone 是不支持 Flash 的。HTML5 还会让其它平台的移动浏览器有更快的网页加载速度。另一个好处是 SEO，Google 4月9号宣布，将页面加载速度作为搜索排名的一个因素，因此，基于 HTML5 的页面也会因加载速度更快而受益。　　不过，和任何新技术的降临一样，其中也会牵扯到一些问题，对 Web 设计者而言，最大的一个问题就是因为这些新标签的引入，各浏览器之间将缺少一种统一的数据描述格式。　　在 HTML5 被广泛采用之前，我们还无法完全知道 HTML5 代码将带来的好与坏，总体来说，对开发者而言，这将是一个巨大的变化，而对图形设计师而言，还不明朗。

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

选择模板先百度搜索兔展，进入网站后注册账号并登录后，即可进入制作界面。在界面上可以看很多可供使用的模板，根据自己的需要，点击相应的模板。进入制作平台选择完模板后，会自动进入制作平台。在制作平台上，主要分三大区域：左侧的作品结构显示区域，中间的是作品制作区域，右侧的是组件属性修改区域。文字1、功能定义：用于展示文字内容，通过修改文字的显示属性，可以生成各式各样的显示效果。2、操作方法：点击右侧的文字选项，编辑面板的右上角会出现文字输入框，双击输入框可以修改文字内容；修改右侧的属性选项，可以改变文字的显示样式。3、属性说明：1）字体：改变文字的字体，提供的是兔展数据库的字体，非电脑本地字体。2）字号：修改文字的显示大小。3）行距：修改两行文字间的间距。4）调色板：修改文字颜色。5）宽度：修改文字输入框的宽度，单位像素。6）高度：修改文字输入框的高度，单位像素。7）透明度：修改文字的透明度，100%为不透明，0%为全透明。8）旋转：调整文字与水平线的夹角，正数为顺时针旋转，负数为逆时针旋转。图片1、功能解释：用于显示图片，通过修改图片的显示属性，可以改变图片的大小、透明度、角度等。2、操作方法：1）激活功能：点击右侧的图片选项，编辑面板的右上角会出现兔展的logo图片。2）上传新图片：点击属性栏中的上传按钮，上传本地电脑中的图片进入替换。3）图片库中的图片：如果之前已经上传过图片，可以从图片库中选择需要显示的图片。4）截图：按住鼠标左键拖动选择图片区域，然后点击截图按钮或者双击选中的图片区域，便可以裁剪出选中的图片区域。3、属性说明：1）宽度：修改图片的宽度。2）高度：修改图片的高度。3）原比例：此选项打上勾好，图片的宽度和高度将按照图片原来的比例显示，修改其中的一个数值，另外一个数值会除之改变。4）透明度：修改图片的透明度，100%为不透明，0%为全透明。5）旋转：调整图片与水平线的夹角，正数为顺时针旋转，负数为逆时针旋转。按钮1、功能解释：用于添加链接按钮，可以添加一切页面的链接，如:微博链接、微信公众号关注链接、官网链接、淘宝链接等等。2、操作方法：点击右侧的按钮选项，编辑面板的右上角会出现文字输入框；修改右侧的属性选项，可以改变按钮的参数和样式。3、属性说明：1）文字：修改按钮上显示的文字。2）链接：需要按钮链接到的页面，注意链接开头要包含“ http:// ”。3）填充色：按钮上的背景颜色。4）边框色：按钮的边框颜色。5）形状-边框：修改边框的宽度，“0”代表按键无边框。6）边框-圆角：修改边框边角的圆润程度，数值越大，按钮边角越圆润。7）宽度：修改按钮的宽度。8）高度：修改按钮的高度。9）透明度：修改按钮的透明度，100%为不透明，0%为全透明。10）旋转：调整按钮与水平线的夹角，正数为顺时针旋转，负数为逆时针旋转。表单1、功能解释：是允许用户在表单中输入并提交文本信息的功能组件，用户提交的信息可以在帐户栏目下的表单数据中显示。表单中，可以自定义每个选项的名称和项目的数量。2、操作方法：点击右侧的表单选项，弹出新建表单窗口，对表单内容进入添加。3、属性说明：1）表单标题：添加表单的标题。2）行标题：添加表单的行标题。3）按钮内容：添加按钮的显示文字。

分为三种情况：1.在index.html文件里面2.在JS文件夹里面的js文件里面3.这些文字是写在图片上建议把主页index.html文件放到DW上，进行排查，修改。