C#学习之web网站制作入门篇(ASP.NET)

news/2024/5/18 16:24:10/文章来源:https://blog.csdn.net/chongshangyunxiao321/article/details/51103384


  之前熟悉C#与.net, 以为.net就是C#,现在知道了.NET是C#的开发平台,C#即可用来开发客户端(WindowsFrom),也可以用来开发网站即ASP.NET;

 通过学习ASP.NET企业级开发http://edu.csdn.net/course/detail/829/11355?auto_start=1 ;  

知道后面的路还很遥远,不过信心大增,因为之前的积累,再来学习这个很容易上手,开发起来也很快。加油!


首先解决一个思维误区:

C/S(Client/Server)结构,即大家熟知的客户机和服务器结构,在特定的应用中无论是Client端还是Server端都需要特定的软件支持。一般就是那种需要下载不同版本的安装包,在PC机安装,比如:QQ,360安全卫士等。

B/S(Browser/Server)结构:即浏览器和服务器结构,在这种结构下,用户工作界面是通过www浏览器来实现,极少部分事物逻辑在前端实现,主要事物逻辑在服务器端实现,比如我们的网站,网络办公等。


要用C#开发网站,首先得学好HTML/CSS,下面是我一天的学习成果,是在.NET平台上实现的网页设计,给出其代码:


<%@ Page Language="C#" AutoEventWireup="true" CodeBehind="Login.aspx.cs" Inherits="MyFirstWeb.Login" %><!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"><html xmlns="http://www.w3.org/1999/xhtml"><head runat="server"><title>武神赵子龙</title>
<style type="text/css">      .my1{  list-style-type:none  } .li1{       float:left  }  .style28{width: 100%;border: 2px solid #0000FF;}.style29{width: 256px;}.style30{width: 257px;}.header1{   height:100px;background:blue;            }.header2{   height:100px;width:666px;background:green; float:left;  }.header3{   height:100px;width:667px;background:red; float:left;   }.header4{   height:100px;background:yellow; clear:left;  }.container{width:1000px; background:gray;}.header{height:200px;background:orange;      }.main{background:blue;}.lside{            width:700px;height:600px;            background:pink;float:left;     }.rside{         width:300px;height:600px;                     background:red;float:right;     }.font{                       background:yellow;height:200px;clear:left;            }</style> 
</head><body><form id="form1" runat="server"><div><h2>欢迎进入我的地盘!</h2><br/> <h1 align="center"><i>我是歌手今晚7进5战火重燃!</i></h1><asp:Image ID="Image1" runat="server" Height="300px"ImageUrl="~/image1/t0135a6f7b5b41e2d73.jpg" Width="500px" ImageAlign="Right" /><br/>  <br/>  <font size="4"><center><u>www.huanantv.com|2016-04-09|来源:深圳晚报</u></center></font>  <br/>  <p>本报讯(记者王纯)今晚20:30,“2016我是歌手”长沙唱区战火重燃,7名选手将争夺5个入围名额,湖南卫视现场直播。</p>  <p>导演廖珂介绍,收集了热心观众的意见后,本场比赛将对赛制做出细微调整,选手去留的决定权将重新由短信,专业评委,大众评审和选手“四方面制衡”,让比赛更具有悬念和看点。</p>  <p>7强晋级赛备选曲目</p>  <p>01号张美娜:《country road take me home》、《干杯朋友》</p>  <p>03号张亚飞:《onlyone》、《close to you》</p>  <br/>  <br/> <h1>一个嵌套列表:</h1> <ul type="disc">  <li>咖啡</li>  <li>茶</li>  <ul type="circle">  <li>红茶</li>  <li>绿茶</li>  <ul type="square">  <li>中国茶</li>  <li>非洲茶</li>  </ul>  </ul>  </ul>  <ul type="disc">  <li>牛奶</li>  </ul> <h3>水平导航:</h3>  <ul class="my1">  <li class="li1">首页 </li>  <li class="li1">- 新闻 </li>  <li class="li1">- 体育 </li>  <li class="li1">- 娱乐圈 </li>  <li class="li1">- 财经 </li>  <li class="li1">- IT </li>  <li class="li1">- 汽车 </li>  <li class="li1">- 房产 </li>  <li class="li1">- 家居 </li>  <li class="li1">- 女人 </li>  <li class="li1">- 短信 </li>  <li class="li1">- 邮件 </li>  </ul><br/> <h3>垂直导航:</h3> <ul class="my1">  <li>公司简介</li>  <li>组织机构</li>  <li>荣誉称号</li>  <li>联系我们</li>  </ul> <br/><br/>  <marquee behavior="scroll" direction="right" scrolldelay="0" >     <img src="1.jpg"  height="300" width="400">  <img src="2.jpg"  height="300" width="400">  <img src="3.jpg"  height="300" width="400">  </marquee>       </div><br/>  <br/> <br/>  <asp:TextBox ID="TextBox1" runat="server"></asp:TextBox><asp:TextBox ID="TextBox2" runat="server"></asp:TextBox><asp:Button ID="Button1" runat="server" οnclick="Button1_Click" Text="确定登录" /><br/>  <br/> <br/>  </form><table class="style28"><tr>           <td class="style29"><marquee behavior="scroll" direction="right" scrolldelay="10"> 生命不息,奋斗不止</marquee>     </td> <td class="style30">love</td><td>go</td><td>功</td><td>绝</td></tr><tr><td class="style29">决不妥协,永不放弃</td><td class="style30">life</td><td>go</td><td>不</td><td>世</td></tr><tr><td class="style29">会当凌绝顶,一览众山小</td><td class="style30">live</td><td>go</td><td>可</td><td>无</td></tr><tr><td class="style29">我自岿然不动</td><td class="style30">alive</td><td>go</td><td>没</td><td>双</td></tr></table><br/>
<br/><div class="header1">      </div><div class="header2">      </div><div class="header3">      </div><div class="header4">      </div><br/>
<br/><div class="container"><div class="header">      </div><div class="main"><div class="lside">     </div><div class="rside">     </div>   </div><div class="font">       </div></div><br/>
<br/></body>
</html>

给出其部分效果图:













本文来自互联网用户投稿,该文观点仅代表作者本人,不代表本站立场。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如若转载,请注明出处:http://www.luyixian.cn/news_show_872867.aspx

如若内容造成侵权/违法违规/事实不符,请联系dt猫网进行投诉反馈email:809451989@qq.com,一经查实,立即删除!

相关文章

ASP.NET网站设计学习篇一

最近学习了HTML、CSS、JavaScript&#xff0c;进而结合已经拥有的C#基础&#xff0c;学习ASP.NET&#xff0c;学起来很快&#xff0c;加油&#xff01; 下面是网站的部分效果图&#xff1a; 主要代码如下&#xff1a; <% Page Language"C#" AutoEventWireup"…

网站跳转第三方QQ、微信登陆

一、QQ登陆 1、登陆QQ互联&#xff0c;申请网站应用。 QQ互联官网首页https://connect.qq.com/ 2、申请过程注意事项。 创建网站应用时&#xff0c;网站页面必须有QQ登陆入口&#xff0c;否则审核通不过。 未审核通过之前&#xff0c;可以跳转页面这样。 3、审核通过后&…

分布式爬虫联系项目1–阳光热线网站的分布式爬取

要爬取的目标网站地址&#xff1a;http://wz.sun0769.com/political/index/politicsNewest?id1&page1 要爬取的内容为问政标题和处理状态。 1、首先介绍Spider.py里面的代码 1.1、首先&#xff0c;如果要使用scrapy_redis分布式&#xff0c;需要导入scrapy_redis对应的包…

天气和气象数据网站集合

1.历史天气数据 我们当然可以去中国气象数据网http://data.cma.cn/ 那和注册麻烦&#xff0c;通过又慢&#xff0c;历史数据获取时间范围极其有限 这时候就可以看国外的网站了&#xff0c;当然准确率就没有保障了 著名的wunderground 包含2005年至今的数据&#xff0c;非常…

大型网站技术架构笔录(1):演化

一&#xff09;大型网站软件系统特点&#xff1a; 1&#xff09;高并发、大流量&#xff1a;想想每年双十一 2&#xff09;高可用&#xff1a;7*24小时不间断服务 3&#xff09;海量数据&#xff1a;存储管理海量数据 4&#xff09;用户分布广泛&#xff0c;网络情况复杂 …

CV资源:网站,Companies,Labs及牛人

学习网站&#xff1a; http://videolectures.net/ &#xff08;you can find everything&#xff09; https://www.learnopencv.com/ companies: (1) Google AI: https://ai.google/about/ (2) Facebook AI Research (FAIR): https://research.fb.com/category/facebook-…

仿网易云音乐网站(加入个人社区)

演示地址github代码 小白代码&#xff0c;大佬们如果喜欢请star一下吧技术栈 前端&#xff1a; Vue,elementUI 后端 : Springboot&#xff0c;mybatis&#xff0c;nginx&#xff0c;node(网易云api) 数据库 : redis , mysql部分截图

关于大型网站技术演进的思考--存储的瓶颈

转自 &#xff08;整合成一篇&#xff09;&#xff1a; 夏天的森林blog:(系统设计与架构(47)) 关于大型网站技术演进的思考&#xff08;一&#xff09;--存储的瓶颈&#xff08;1&#xff09; 关于大型网站技术演进的思考&#xff08;二&#xff09;--存储的瓶颈&#xff08;2…

关于大型网站技术演进的思考--网站静态化处理

转自&#xff1a; 夏天的森林blog:(系统设计与架构(47)) 一 在存储瓶颈的开篇我提到像hao123这样的导航网站只要它部署的web服务器数量足够&#xff0c;它可以承载超大 规模的并发访问量&#xff0c;如果是一个动态的网站&#xff0c;特别是使用到了数据库的网站是很难做到通过…

更改UA使火狐firefox伪装成谷歌chrome解决一些网站卡顿的问题

前言 作为资深火狐用户&#xff0c;非常讨厌chrome的垄断&#xff0c;很多网站针对chrome都有优化。而且一些网站禁止火狐使用html5播放器导致网站视频和直播卡顿。为了解决这个问题&#xff0c;可以将火狐伪装成chrome来解决这些问题 正文 打开火狐的配置页面: 地址栏输入a…

A5站长网:云建站与新IDC虚拟时代的到来-揭秘逐浪CMS2全新站群功能

原文来源&#xff1a;http://www.zoomla.cn/corp/media/2201.shtml Zoomla!逐浪CMS2 x1.4自2014年元旦发布后&#xff0c;几次向商业用户投递更新&#xff0c;已经日趋成熟。 作为国内领先的CMS厂商&#xff0c;我们保持每年领先发布、第一时间向用户投递最新应用的惯例&#x…

Bootstrap响应式设计在中国-关于移动网站和卓越网站体验的那些事儿

原文来源&#xff1a; http://www.hx008.com/corp/media/3438.html 为移动而生-更窄的网页并不是移动网页 提供完整的用户体验&#xff0c;打通移动端与客户端的区隔&#xff0c;这在中国互联网业界已经没有什么好争辩的了&#xff0c;然而天国总是有天国的实情&#xff0c;比如…

Bootstrap响应式设计在中国-关于移动网站和卓越网站体验的那些事儿

原文来源&#xff1a;http://www.hx008.com/corp/media/3438.html 为移动而生-更窄的网页并不是移动网页 提供完整的用户体验&#xff0c;打通移动端与客户端的区隔&#xff0c;这在中国互联网业界已经没有什么好争辩的了&#xff0c;然而天国总是有天国的实情&#xff0c;比如…

Bootstrap响应式设计在中国-关于移动网站和卓越网站体验的那些事儿

原文来源&#xff1a;http://www.hx008.com/corp/media/3438.html 为移动而生-更窄的网页并不是移动网页 提供完整的用户体验&#xff0c;打通移动端与客户端的区隔&#xff0c;这在中国互联网业界已经没有什么好争辩的了&#xff0c;然而天国总是有天国的实情&#xff0c;比如…

Bootstrap响应式设计在中国-关于移动网站和卓越网站体验的那些事儿

原文来源&#xff1a; http://www.hx008.com/corp/media/3438.html 为移动而生-更窄的网页并不是移动网页    提供完整的用户体验&#xff0c;打通移动端与客户端的区隔&#xff0c;这在中国互联网业界已经没有什么好争辩的了&#xff0c;然而天国总是有天国的实情&#xff0…

站长网专访:云建站与新IDC虚拟时代的到来-揭秘逐浪CMS1.4全新站群功能

原文&#xff1a;http://www.hx008.com/corp/media/3417.shtml Zoomla!逐浪CMS2 x1.4自2014年元旦发布后&#xff0c;几次向商业用户投递更新&#xff0c;已经日趋成熟。   作为国内领先的CMS厂商&#xff0c;我们保持每年领先发布、第一时间向用户投递最新应用的惯例&#x…

十个帮助你解决CSS问题的网站

下面是十个可以使得你的CSS更加有趣&#xff0c;简单并且也许可以解决多数你所遇到的CSS问题的网站。 1. 像素的艺术 你可能也喜欢使用像素艺术来制作你的网页。我可以说你们90%都是把像素艺术加入到png文件&#xff0c;但是如果怎么把它转变成CSS呢&#xff1f;这就是Pixel A…

优化简历的网站,小组面试到底在考察你的什么?

小组面试到底在考察你的什么&#xff1f; 【豹子辅导】 有没有发现你对这种小组面试这种形式害怕的根本就是你不知道做什么&#xff0c; 然后面试官又看着你&#xff0c;你也不知道他想看什么&#xff0c; 今天我们三个比较详细解说在这个&#xff0c;第一个呢&#xff0c;就…

Linux环境下快速搭建维基网站

Web 2.0这一概念&#xff0c;由OReilly媒体公司总裁兼CEO提姆奥莱理提出。他是美国IT业界公认的传奇式人物&#xff0c;是“开放源码”概念的缔造者&#xff0c;一直倡导开放标准&#xff0c;并活跃在开放源码运动的最前沿。 在Web2.0革命中&#xff0c;维基&#xff08;Wiki&a…

旅游网站竞品分析—携程旅行网VS去哪儿网(下)

6.6携程团购和去哪儿团购搜索界面 携程页面很干净&#xff0c;只有城市选择、搜索框以及按钮&#xff0c;点击搜索框会有下拉框弹出&#xff0c;可以选择热门商圈和行政区以及辖区市县&#xff0c;用户可自行选择。去哪儿网团购搜索界面内容比较多&#xff0c;但搜索按钮颜色比…