-
打开vs,新建项目
选择下面这个C#的 选择空表
-
新建一个.aspx结尾的项
选择Web窗体,并改名,后缀不要改,这里改成Default.aspx
-
将html文件添加到你新建的项目里面
我这里使用的是现成的html文件
把文件里.html后缀的文件添加进去
添加之后可以看到解决方案资源管理器里多了index.html这个项目,双击可以打开,运行它
我们可以看到只有文字,没有图片,排版也和展示的大不相同,这是因为我们还没有添加图片,并且还没添加.css文件的原因
下面来添加.css文件进行排版重复上述步骤,右击——添加——现有项——选择 .css后缀文件——添加
添加成功后,解决方案资源管理器会多出 style.css,我们再次运行
我们可以看到有排版了,但是没有图片,下面我们再添加图片
因为原来的图片都是放在一个统一的名叫images的文件夹里的,所以我们也要新建一个同名的文件夹
右击——添加——新建文件夹——改名为 images
新建成功后——右击文件夹——添加——添加现有项——将20文件夹里images文件夹里的所有图片添加进去
添加成功之后,images文件夹之下有很多图片
然后运行
以上就是转移html网站的全过程
4、 下面进行html转化成aspx
- 将html的body里的所有内容复制(就是红框里的,这里我给缩小了)
- 粘贴到aspx的两个div中间
- 然后运行查看
我们可以看到运行之后有字有图,但是没有排版,这是因为排版语句并没有在aspx里
4.将html的link语句复制到aspx里(可以在两个title后面)
5.然后运行,我们可以发现网页已经非常完美了,以上就是html转化为aspx的步骤