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

相关文章

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.模糊查找 检测输入框是否有变更,有的话调用方法,进行查找 发送检测请求,然后接收的时候设置最多显示四个类似的搜索结果

用Unity2D制作一个人物,实现移动、跳起、人物静止和动起来时的动画:中(人物移动、跳起、静止动作)

上回我们学到创建一个地形和一个人物,今天我们实现一下人物实现移动和跳起,依次点击,我们准备创建一个C#文件 创建好我们点击进去,就会跳转到我们的Vision Studio,然后输入这些代码 using UnityEngine;public class Move : MonoBehaviour // 定义一个名为Move的类,继承自MonoBehaviour{private Rigidbo

JavaWeb【day09】--(Mybatis)

1. Mybatis基础操作 学习完mybatis入门后,我们继续学习mybatis基础操作。 1.1 需求 需求说明: 根据资料中提供的《tlias智能学习辅助系统》页面原型及需求,完成员工管理的需求开发。 通过分析以上的页面原型和需求,我们确定了功能列表: 查询 根据主键ID查询 条件查询 新增 更新 删除 根据主键ID删除 根据主键ID批量删除

利用Django框架快速构建Web应用:从零到上线

随着互联网的发展,Web应用的需求日益增长,而Django作为一个高级的Python Web框架,以其强大的功能和灵活的架构,成为了众多开发者的选择。本文将指导你如何从零开始使用Django框架构建一个简单的Web应用,并将其部署到线上,让世界看到你的作品。 Django简介 Django是由Adrian Holovaty和Simon Willison于2005年开发的一个开源框架,旨在简

web群集--nginx配置文件location匹配符的优先级顺序详解及验证

文章目录 前言优先级顺序优先级顺序(详解)1. 精确匹配(Exact Match)2. 正则表达式匹配(Regex Match)3. 前缀匹配(Prefix Match) 匹配规则的综合应用验证优先级 前言 location的作用 在 NGINX 中,location 指令用于定义如何处理特定的请求 URI。由于网站往往需要不同的处理方式来适应各种请求,NGINX 提供了多种匹

构建高性能WEB之HTTP首部优化

0x00 前言 在讨论浏览器优化之前,首先我们先分析下从客户端发起一个HTTP请求到用户接收到响应之间,都发生了什么?知己知彼,才能百战不殆。这也是作为一个WEB开发者,为什么一定要深入学习TCP/IP等网络知识。 0x01 到底发生什么了? 当用户发起一个HTTP请求时,首先客户端将与服务端之间建立TCP连接,成功建立连接后,服务端将对请求进行处理,并对客户端做出响应,响应内容一般包括响应