基于VS2015制作一个简单的web

认识VS2015

前言: 关于初始VS界面跟Visual C++界面布局很像(学C时候使用过,毕竟都Microsoft的哈哈哈)但当用起来理解层次关系却很不同,我觉得也正是这点理解清楚才让我们灵活运用VS的不同窗口,下面让我们一起来认识一下吧。

1.认识VS2015布局,初始界面

在这里插入图片描述
视图(黄色标记处):如上述各窗口有未打开的,可在视图中找到并开启。
解决方案资源管理器; 管理网站项目与网页,最好把项目(默认位置和网页的保存不同)和网页的保存位置放在同一个文件夹中,便于管理。修改方式如下,在菜单栏 找到工具打开选项在这里插入图片描述把项目保存在自己想存放的位置在这里插入图片描述

 
 

2.理清工作区窗口层次结构及作用 (重点重点重点,不然设计时候找不着北)
在这里插入图片描述
此界面下面会详细介绍怎么创建的,这里先只是单独介绍设计层工作区源工作区
补充: 制作一个web可有代码实现各种功能也可直接设计,后者更易上手但对源码不了解对一个网页的安全性会存在很大风险)
设计层: 主要通过选用工具箱中的工具实现网页效果,易于操作。
源层: 编写代码工作区实现网页效果。
 
3.理解Web框架的标签层次
在这里插入图片描述
标签作用: 实现不同Web效果。
标签用法: 标签都成对存在,所需实现Web效果在一对标签内完成,所以不同标签之间的作用效果就像洋葱一样一层一层的,出了一对同种的标签实现的便不是此标签的效果

基于本地制作一个简单的Web

1.在磁盘中创建一个空文件夹(用于新建保存项目和网站)本例以MyWeb为例,然后开始新建一个网站。
在这里插入图片描述
进入如下界面

在这里插入图片描述完成后的界面是没有工作区的,此时做如下操作创建添加Web窗口会生成一个默认名为default(创建时也可更改名字)的窗口。

在这里插入图片描述
2.资源管理器中项目包含个文件介绍
在这里插入图片描述
3.现在便可以来实现网页的效果了。在这些一个显示Hello World的网页。
在这里插入图片描述

在这里插入图片描述
上图所属界面也可根据要实现的网页效果通过左边工具箱中的工具区实现(各种工具自己去试试就可,这便不举例了).

在这里插入图片描述
按Ctrl+F5便可查看网页效果(若出现提示调试 ,不建议确认会影响网页的实现效果)

4.用代码实现关闭调试更改Web.config文件
在这里插入图片描述

乱码问题及常见报错

1.关于乱码
产生乱码主要原因就是选用的编码问题或者可以试着更换不同浏览器去打开解决乱码问题。

在这里插入图片描述

2.关于状态码报错常见400-请求无效/404-无法找到文件等
解决方案: 细心按着上边制作步骤走一般便不会出错。
这里涉及协议报文请求等所以不做过多的叙述。

  • 2
    点赞
  • 24
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值