初识Visual Studio 2015完成简单的Web

认识VS2015

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

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

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

 
 

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

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

1.在磁盘中创建一个空文件夹(用于新建保存项目和网站)本例以MyWeb为例,然后开始新建一个网站。
基于VS2015制作一个简单的web
进入如下界面

基于VS2015制作一个简单的web完成后的界面是没有工作区的,此时做如下操作创建添加Web窗口会生成一个默认名为default(创建时也可更改名字)的窗口。

基于VS2015制作一个简单的web
2.资源管理器中项目包含个文件介绍
基于VS2015制作一个简单的web
3.现在便可以来实现网页的效果了。在这些一个显示Hello World的网页。
基于VS2015制作一个简单的web

基于VS2015制作一个简单的web
上图所属界面也可根据要实现的网页效果通过左边工具箱中的工具区实现(各种工具自己去试试就可,这便不举例了).

基于VS2015制作一个简单的web
按Ctrl+F5便可查看网页效果(若出现提示调试 ,不建议确认会影响网页的实现效果)

相关文章: