Web母版制作和母版嵌套

2023-11-01 09:50
文章标签 web 制作 嵌套 母版

本文主要是介绍Web母版制作和母版嵌套,希望对大家解决编程问题提供一定的参考价值,需要的开发者们随着小编来一起学习吧!

       母版是网页制作中很重要的一部分,它可以大大节省web开发的过程,避免过多重复性的制作过程;而母版嵌套是在沿用母版的基础上进一步进行格式化的方法。

       举个例子:母版就像是我们写作用的模板一样,在写格式一样的文件(web)时,直接套用模板(母版)就可以避免一开始要设置的复杂过程;同样的,母版嵌套就是在母版(模板)的基础上重新设置生成二代模板,从而面对新的需求。下面依次介绍在vs2012中如何生成母版和如何进行母版嵌套。


     【生成母版】


       第一:创建web网页----在vs中首先新建一个web项,然后在web项中设计添加想要的页面。

       第二:添加CSS----针对web页,添加相应的样式文件(CSS)。

       第三:创建母版-----如下图:


        成功后,会出现如图所示:


         第四步:移形换影----将母版页的代码清除后,把第一步的web代码全部拷贝到母版中;第二步的CSS文件只要文件名字不变就可以不改动;

 

        第五步:创建新web,沿用母版:如图:


            选中【选中母版页】,选取要用的【母版文件】。


           如此,新的web文件一开始就拥有了母版已有的设置了。

 

          问题:为什么一开始不直接创建母版页,反而要先创建web后复制粘贴到母版页,这样不麻烦吗?

           答  :这是因为vs不支持母版页的网页预览,直接在母版页设计,难以确定生成后的样式是否符合要求。

 

        【母版嵌套】

            第一步:创建新母版----沿用第一母版,如图:


 

      成功后的代码页:


 


        可以发现二代母版页中多了两个包含contentPlanceHolder类的ASP.net的标签。ContentPlaceHolder类是表示在asp.net母版页中第一内容区域的意思。也就是说你可以两个标签一个可以让你配置新的CSS文件,一个可以让你在原有母版的基础上添加新的网页内容。

        如下图,是我在第一母版的基础上新添加的部分内容而构成的二级母版页。

        需要注意的是,在第二个标签里还要手动添加一个【二级母版contentPlaceHolder】:


 


          第二步:创建新web----沿用二级母版。这样你就可以在二代母版页中进行新的内容设置了。


 

         【总结】

            母版就是对固用web封装,母版嵌套就是在沿用母版的基础上进一步封装。使用母版嵌套就可以创建三级母版、四级母版等。极大的提高的web层的复用性。

这篇关于Web母版制作和母版嵌套的文章就介绍到这儿,希望我们推荐的文章对编程师们有所帮助!



http://www.chinasem.cn/article/322153

相关文章

Spring常见错误之Web嵌套对象校验失效解决办法

《Spring常见错误之Web嵌套对象校验失效解决办法》:本文主要介绍Spring常见错误之Web嵌套对象校验失效解决的相关资料,通过在Phone对象上添加@Valid注解,问题得以解决,需要的朋... 目录问题复现案例解析问题修正总结  问题复现当开发一个学籍管理系统时,我们会提供了一个 API 接口去

使用IntelliJ IDEA创建简单的Java Web项目完整步骤

《使用IntelliJIDEA创建简单的JavaWeb项目完整步骤》:本文主要介绍如何使用IntelliJIDEA创建一个简单的JavaWeb项目,实现登录、注册和查看用户列表功能,使用Se... 目录前置准备项目功能实现步骤1. 创建项目2. 配置 Tomcat3. 项目文件结构4. 创建数据库和表5.

手把手教你idea中创建一个javaweb(webapp)项目详细图文教程

《手把手教你idea中创建一个javaweb(webapp)项目详细图文教程》:本文主要介绍如何使用IntelliJIDEA创建一个Maven项目,并配置Tomcat服务器进行运行,过程包括创建... 1.启动idea2.创建项目模板点击项目-新建项目-选择maven,显示如下页面输入项目名称,选择

SpringBoot嵌套事务详解及失效解决方案

《SpringBoot嵌套事务详解及失效解决方案》在复杂的业务场景中,嵌套事务可以帮助我们更加精细地控制数据的一致性,然而,在SpringBoot中,如果嵌套事务的配置不当,可能会导致事务不生效的问题... 目录什么是嵌套事务?嵌套事务失效的原因核心问题:嵌套事务的解决方案方案一:将嵌套事务方法提取到独立类

使用Python制作一个PDF批量加密工具

《使用Python制作一个PDF批量加密工具》PDF批量加密‌是一种保护PDF文件安全性的方法,通过为多个PDF文件设置相同的密码,防止未经授权的用户访问这些文件,下面我们来看看如何使用Python制... 目录1.简介2.运行效果3.相关源码1.简介一个python写的PDF批量加密工具。PDF批量加密

hdu1254(嵌套bfs,两次bfs)

/*第一次做这种题感觉很有压力,思路还是有点混乱,总是wa,改了好多次才ac的思路:把箱子的移动当做第一层bfs,队列节点要用到当前箱子坐标(x,y),走的次数step,当前人的weizhi(man_x,man_y),要判断人能否将箱子推到某点时要嵌套第二层bfs(人的移动);代码如下:

Java Web指的是什么

Java Web指的是使用Java技术进行Web开发的一种方式。Java在Web开发领域有着广泛的应用,主要通过Java EE(Enterprise Edition)平台来实现。  主要特点和技术包括: 1. Servlets和JSP:     Servlets 是Java编写的服务器端程序,用于处理客户端请求和生成动态网页内容。     JSP(JavaServer Pages)

BUUCTF靶场[web][极客大挑战 2019]Http、[HCTF 2018]admin

目录   [web][极客大挑战 2019]Http 考点:Referer协议、UA协议、X-Forwarded-For协议 [web][HCTF 2018]admin 考点:弱密码字典爆破 四种方法:   [web][极客大挑战 2019]Http 考点:Referer协议、UA协议、X-Forwarded-For协议 访问环境 老规矩,我们先查看源代码

EasyPlayer.js网页H5 Web js播放器能力合集

最近遇到一个需求,要求做一款播放器,发现能力上跟EasyPlayer.js基本一致,满足要求: 需求 功性能 分类 需求描述 功能 预览 分屏模式 单分屏(单屏/全屏) 多分屏(2*2) 多分屏(3*3) 多分屏(4*4) 播放控制 播放(单个或全部) 暂停(暂停时展示最后一帧画面) 停止(单个或全部) 声音控制(开关/音量调节) 主辅码流切换 辅助功能 屏

9.8javaweb项目总结

1.主界面用户信息显示 登录成功后,将用户信息存储在记录在 localStorage中,然后进入界面之前通过js来渲染主界面 存储用户信息 将用户信息渲染在主界面上,并且头像设置跳转,到个人资料界面 这里数据库中还没有设置相关信息 2.模糊查找 检测输入框是否有变更,有的话调用方法,进行查找 发送检测请求,然后接收的时候设置最多显示四个类似的搜索结果