ASP.NET VS上 转移html网站以及html转aspx

  1. 打开vs,新建项目
    选择下面这个C#的 选择空表
    在这里插入图片描述

  2. 新建一个.aspx结尾的项
    选择Web窗体,并改名,后缀不要改,这里改成Default.aspx
    在这里插入图片描述在这里插入图片描述

  3. 将html文件添加到你新建的项目里面
    我这里使用的是现成的html文件
    把文件里.html后缀的文件添加进去

    在这里插入图片描述
    在这里插入图片描述
    添加之后可以看到解决方案资源管理器里多了index.html这个项目,双击可以打开,运行它
    在这里插入图片描述
    我们可以看到只有文字,没有图片,排版也和展示的大不相同,这是因为我们还没有添加图片,并且还没添加.css文件的原因

在这里插入图片描述
下面来添加.css文件进行排版重复上述步骤,右击——添加——现有项——选择 .css后缀文件——添加
添加成功后,解决方案资源管理器会多出 style.css,我们再次运行

在这里插入图片描述

我们可以看到有排版了,但是没有图片,下面我们再添加图片
因为原来的图片都是放在一个统一的名叫images的文件夹里的,所以我们也要新建一个同名的文件夹
右击——添加——新建文件夹——改名为 images

在这里插入图片描述
在这里插入图片描述
新建成功后——右击文件夹——添加——添加现有项——将20文件夹里images文件夹里的所有图片添加进去
添加成功之后,images文件夹之下有很多图片

在这里插入图片描述
然后运行
在这里插入图片描述
以上就是转移html网站的全过程
4、 下面进行html转化成aspx

  1. 将html的body里的所有内容复制(就是红框里的,这里我给缩小了)
    在这里插入图片描述
  2. 粘贴到aspx的两个div中间
    在这里插入图片描述
  3. 然后运行查看
    在这里插入图片描述
    我们可以看到运行之后有字有图,但是没有排版,这是因为排版语句并没有在aspx里
    4.将html的link语句复制到aspx里(可以在两个title后面)
    在这里插入图片描述在这里插入图片描述
    5.然后运行,我们可以发现网页已经非常完美了,以上就是html转化为aspx的步骤
    在这里插入图片描述
  • 1
    点赞
  • 10
    收藏
    觉得还不错? 一键收藏
  • 0
    评论

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值