如何使用ASP.NET创建网站并设计web页面

创建网站

1.从网上下载VS2017，我接触的朋友和公司大多数都是使用VS2017/VS2019，我查过，差别不大，不影响学习，但不建议项目中突然改变版本，升级或降级，都有一定的报错什么的，所以还是老老实实选好了就不要随意升级/降级，毕竟运行了这么久，框架也成型了，不好改变

2.打开VS2017，在文件菜单中，选择新建->项目->Web-APS.NNT Web，名称和位置可以自己定义，另外我选的是.NET Framework 4框架，因为这个版本的使用率比较普及的

直接确定后，生成完成后，会看到一个web.config，是一个配置文件

3.添加页面，选择项目LibraryMS右键->添加->新建项

确认后，这个简单的ASP.NET网站就完成了(注意：是空白的网站)。

设计页面

1.前面我们新建了一个空白的ASP.NET网页，那么接下来这章我们就讲一下设计Web页面

2.布局页面有两种方法，一种是通过Table表格来布局页面窗体，另一种是通过CSS+DIV来布局窗体，其中作为前端，包括我，以后也会经常用到CSS+DIV来布局窗体，不过这个涉及的比较多，知识领域就不同了，CSS样式和DIV就先不讲，这一章我们就用Table表格来布局页面窗体

3.打开之前的项目，找到之前的Login.aspx，点击设计

4.在工具箱中，展开HTML工具卡，找到Table,拖动过去

5.Table中可以随意设计，把左边的控件拖动过去就可以了，摆设的差不多就完成了，这个就叫做添加服务器控件。

6.除了这种拖动的方式，还有一种方式就是通过写代码的方式来进行添加控件，在一开始左下角点击设计的旁边有个源，点击源可以看到你刚刚拖动进来的一些控件，都转成了代码，甚至一整个设计的界面，都全部转成了源码。我们可以自己写一个，比如添加一个名为测试的标签，注意的是ID是唯一的

拖动比较方便，也比较效率，但也建议大家多了解这些代码，对以后学前端使用标签语言的时候就不会那么难受了

以上就是如何使用ASP.NET创建网站的详细内容，更多关于ASP.NET创建网站的资料请关注我们其它相关文章！

赞 (0)

相关推荐

  • IIS部署asp.net mvc网站的方法

    IIS部署asp.net mvc网站的方法

    iis配置简单的ASP.NET MVC网站,供大家参考,具体内容如下 编译器:VS 2013 本地IIS:IIS 7 操作系统:win 7 MVC版本:ASP.NET MVC4 sql server版本: 2008 r2 打开VS 2013,新建一个MVC项目(Internet版的),然后在本地上运行测试下,应该可以.随后配置iis 7: 看看simple_mvc 下的内容(如果这里没有配置正确,就会出现分析器问题!): 先配置下目录浏览: 由于是MVC项目,我们可以不用配置默认文档 然后我们浏

  • .Net Core3 用Windows 桌面应用开发Asp.Net Core网站

    前言 曾经在开发 Asp.Net 网站时就在想,为什么一定要把网站挂到 IIS 上?网站项目的 Main 函数哪儿去了?后来才知道这个 Main 函数在 w3wp.exe 里,这也是 IIS 的主进程.Asp.Net 网站的命门被 IIS 捏着,我无力改变.有时需要临时搭建一个简单的 Web 服务器,去网上一通度娘,发现了MyWebServer.HFS (HTTP File Server) 等简单实用的 Web 服务器,而且它们还是桌面应用.我就在想,什么时候能用 .Net 来开发一个桌面 We

  • ASP.NET Core 2.0 使用支付宝PC网站支付实现代码

    ASP.NET Core 2.0 使用支付宝PC网站支付实现代码

    前言 最近在使用ASP.NET Core来进行开发,刚好有个接入支付宝支付的需求,百度了一下没找到相关的资料,看了官方的SDK以及Demo都还是.NET Framework的,所以就先根据官方SDK的源码,用.NET Standard 2.0 实现了支付宝服务端SDK,Alipay.AopSdk.Core(github:https://github.com/stulzq/Alipay.AopSdk.Core) ,支持.NET CORE 2.0.为了使用方便,已上传至Nuget可以直接使用. 支付

  • 如何利用IIS调试ASP.NET网站程序详解

    前言 在实际的开发当中,相信很多的开发者在开发调试ASP.NET网站时候都是直接通过Visual Studio工具的编译运行来调试的. 一般情况下,这种调试方式也不会有多少问题,但有时候我们会发现这样的一个情况,就是明明在本地调试运行都没有问题的网站,部署到服务器IIS上,就出现无法描述的线上问题.这时候,就要排除服务器环境是否跟本地环境一样,其中一点还要涉及到IIS的配置的排除. 那问题来了,我们能不能在开发的时候,就部署在IIS上调试,而不是直接使用Visual Studio的运行调试,这样

  • asp.net core下给网站做安全设置的方法详解

    asp.net core下给网站做安全设置的方法详解

    前言 本文主要介绍了关于asp.net core给网站做安全设置的相关内容,分享出来供大家参考学习,下面话不多说了,来一起看看详细的介绍吧 设置方法如下 首先,我们来看下stack overflow网站的请求头文件: 可以看到一些我们熟悉或是陌生的HTTP头部文件字段. 在这里我们在对HTTP输入流的头部文件中,做一些基本的防护.首先要明确,既然我们是对HTTP头部做处理,那么就需要在Startup.cs类的 Configuration方法中做处理,因为这里就是处理HTTP输入流的. 首先做一些

  • ASP.NET网站第一次访问慢的解决方法

    ASP.NET网站第一次访问慢的解决方法

    本篇经验以IIS8,Windows Server 2012R2做为案例. IIS8 运行在Windows Server 2012 and Windows 8 版本以上的平台上. IIS中应用程序池和网站是单独存在的,但是网站运行必须建立在对应的应用程序池启动的前提下. 默认情况下,应用程序池在不活动情况下(无请求操作),一段时间后,将被IIS自动回收掉. IIS8 自带应用程序初始化工具包,IIS7.5要搜索独立安装包进行安装,低于7.5的暂时不支持IIS自动初始化. 本篇经验中的方法能解决AS

  • 详解ASP.NET Core 网站在Docker中运行

    详解ASP.NET Core 网站在Docker中运行

    Docker作为新一代的虚拟化方式,未来肯定会得到广泛的应用,传统虚拟机的部署方式要保证开发环境.测试环境.UAT环境.生产环境的依赖一致性,需要大量的运维人力,使用Docker我们可以实现一次部署,到处运行. 本文介绍如何把ASP.NET Core网站部署在Docker中运行. 软件环境清单 CentOS 7.3.1611 Docker 1.12.6 .NET Core 1.1 安装Docker $ #安装Docker $ yum install docker $ #启动docker服务 $

  • CodeFirst从零开始搭建Asp.Net Core2.0网站

    CodeFirst从零开始搭建Asp.Net Core2.0网站

    一步步教大家如何搭建Asp.Net Core2.0网站,以下所有都是建立在.NETCore2.0环境已经搭建好 右键解决方案>新建项目> 选择Web>ASP.NETCoreWeb应用程序(.NET Core) 选择Web应用程序,暂时不选择启用Docker,身份验证选择个人用户账户(会自动生成一系列和用户认证的代码) 随后生代码层次目录如下: 其中会包含身份信息的相关实现,比如相关实体信息(user)之类的,如果想对扩展微软自动的生成的用户实体类,可在Models中的Applicatio

  • 利用IIS调试ASP.NET网站程序的完整步骤

    前言 在实际的开发当中,相信很多的开发者在开发调试ASP.NET网站时候都是直接通过Visual Studio工具的编译运行来调试的. 一般情况下,这种调试方式也不会有多少问题,但有时候我们会发现这样的一个情况,就是明明在本地调试运行都没有问题的网站,部署到服务器IIS上,就出现无法描述的线上问题.这时候,就要排除服务器环境是否跟本地环境一样,其中一点还要涉及到IIS的配置的排除. 那问题来了,我们能不能在开发的时候,就部署在IIS上调试,而不是直接使用Visual Studio的运行调试,这样

  • 如何使用ASP.NET创建网站并设计web页面

    如何使用ASP.NET创建网站并设计web页面

    创建网站 1.从网上下载VS2017,我接触的朋友和公司大多数都是使用VS2017/VS2019,我查过,差别不大,不影响学习,但不建议项目中突然改变版本,升级或降级,都有一定的报错什么的,所以还是老老实实选好了就不要随意升级/降级,毕竟运行了这么久,框架也成型了,不好改变 2.打开VS2017,在文件菜单中,选择新建->项目->Web-APS.NNT Web,名称和位置可以自己定义,另外我选的是.NET Framework 4框架,因为这个版本的使用率比较普及的 直接确定后,生成完成后,会看

  • 用ASP+Access创建网站RSS格式内容摘要

    RSS 是一种"轻量级.多用途.可扩展的元数据描述及联合推广格式",也可以理解为一种规范.它本身是一种 XML 格式,用于为内容整合客户端提供选择性的.汇总过的  ;Web 内容.如今,许多站点都开始通过创建 RSS feed 向浏览者提供内容整合服务,提供新闻.站点内容的更新等等.浏览者可以通过一些客户端软件方便地得到这些组织.汇总了的信息.那么,怎么在我们自己的网站上创建 RSS feed 呢?下面我以 Asp+Access 为例介绍一下.既然 RSS 是一种 XML 格式的文档,

  • 用Eclipse 创建一个简单的web项目(图文教程)

    用Eclipse 创建一个简单的web项目(图文教程)

    Eclipse neon 汉化版 ; 1.右击新建 --> 选择 动态Web项目 2. 填写 项目名 项目位置 ; 选择 Dynamic web module version 和 tomcat version ; 点击完成 即可创建 项目; 2.1:项目名称: 2.2:项目位置: 2.3: Dynamic Web Module Version 和 Tomacat Version 之间有版本上的匹配关系: 匹配关系如下图 3. 创建成功后的项目结构: 4. 在创建好项目结构之后 先查看一下 项目的

  • ASP.NET MVC3网站创建与发布（1）

    ASP.NET MVC3网站创建与发布（1）

    有时候我们有了网站但是却不知道怎么进行发布,这一节我们演示下怎样使用VS2010创建与发布MVC3建立的网站.使用VS2010创建MVC3.0网站,需要下载MVC3.0的安装包,这个大家可以去网络上下载. 1.项目创建 打开VS2010,选择 文件--新建项目---ASP.NET MVC3 web应用程序,如下图  接着选择Razor视图,如下图,点击确定,这样一个MVC3项目就创建完成了  2.网站发布    右键选择刚创建的项目,弹出一个下拉菜单,选择 "发布"菜单,弹出 &quo

  • ASP.NET MVC5网站开发用户注册（四）

    ASP.NET MVC5网站开发用户注册（四）

    一.默认Web项目的更改 用户这部分还是自己做,所以删除自动生成的用户相关代码. 二.添加Member区域 在web项目上点右键 添加 区域Member. 添加Home控制器,选择MVC5控制器-空 我们给public ActionResult Index()添加一个视图,代码很简单就是显示下用户名 @{ ViewBag.Title = "会员中心"; } <h2>欢迎你!@User.Identity.Name </h2> 我们先运行一下,出错啦. 这是因为项目

  • ASP.net中网站访问量统计方法代码

    一.建立一个数据表IPStat用于存放用户信息 我在IPStat表中存放的用户信息只包括登录用户的IP(IP_Address),IP来源(IP_Src)和登录时间(IP_DateTime),些表的信息本人只保存一天的信息,如果要统计每个月的信息则要保存一个月.因为我不太懂对数据日志的操作,所以创建此表,所以说我笨吧,哈哈. 二.在Global.asax中获取用户信息 在Global.asax的Session_Start即新会话启用时获取有关的信息,同时在这里实现在线人数.访问总人数的增量统计,代

  • ASP.NET MVC5网站开发概述（一）

    ASP.NET MVC5网站开发概述（一）

    前段时间一直在用MVC4写个网站开发的demo,由于刚开始学所有的代码都写在一个项目中,越写越混乱,到后来有些代码自己都理不清了.正好看到别人在用MVC5写东西,喜新厌旧的我马上下载了Visual Studio 2013,幸好MVC4到MVC5变化不大,这次准备用MVC5重新写个Demo. 每次看以前写的代码总有把它丢进回收站的冲动,其实没有完美的代码,能解决问题的代码就算是好代码吧,但是我还是决定重新写一个学习的Demo,希望这次能有提高,希望这次能写完吧! 一.开发环境 1.开发环境: Vi

  • ASP.NET MVC5 网站开发框架模型、数据存储、业务逻辑（三）

    ASP.NET MVC5 网站开发框架模型、数据存储、业务逻辑（三）

    前面项目的层次和调用关系都说明了,关系如下图 采用三层架构的时候,研究过BLL层的必要性,觉得业务逻辑完全可以在controller里实现,没有必要单独做一个项目,另一个分层多了会影响性能.后来我还是把业务逻辑独立出来,原因如下: 业务逻辑写进controller里代码看着比较混乱,时间久了代码容易理不清. 在controller里直接写逻辑重复代码会不较多,开发效率低. 分项目有利于代码重用,有时候可以直接拿到其他项目中稍作修改就可以用. 对于性能我觉得分层多了肯定会有影响,但是不会很大.现在

  • ASP.NET MVC5网站开发用户登录、注销（五）

    ASP.NET MVC5网站开发用户登录、注销（五）

    一.创建ClaimsIdentity ClaimsIdentity(委托基于声明的标识)是在ASP.NET Identity身份认证系统的登录时要用到,我们在UserService中来生成它. 1.打开IBLL项目InterfaceUserService接口,添加接口方法ClaimsIdentity CreateIdentity(User user, string authenticationType); 2.打开BLL项目的UserService类,添加CreateIdentity方法的实现代

  • 详解ASP.NET Core 网站发布到Linux服务器

    详解ASP.NET Core 网站发布到Linux服务器

    长期以来,使用.NET开发的应用只能运行在Windows平台上面,而目前国内蓬勃发展的互联网公司由于成本的考虑,大量使用免费的Linux平台,这就使得.NET空有一身绝技但无法得到广大的施展空间,.NET平台被认为只适合开发企业内部应用系统. 2016年6月27日,微软正式发布.NET Core 1.0.ASP.NET 1.0和Entity Framework Core 1.0,通吃 Windows.OS X和Linux三大操作系统..NET Core作为新一代跨平台.开源的.NET平台备受瞩目

随机推荐