韩师首页加入收藏设为首页
中心课程录像

典型教学案例3——.Net程序开发

《.net 程序设计》实验讲义


一、实验目的
    1. 了解Web 应用程序开发工具
    2. 了解页面设计基础知识
二、Web 应用程序开发工具
1. C#语言:运行在服务器端,用于处理各种业务逻辑。
2. HTML:靠客户端浏览器解析执行,用于在客户端呈现页面。
3. JavaScript:运行在客户端,靠客户端浏览器解析执行,用于处理一些与页面控制相关的工作。
4. CSS:靠客户端浏览器解析执行,用于控制在客户端呈现的页面元素样式。
三、实验内容
1. HTML
    ◎HTML 文档的一般形式为 :

< head>



这是html 文档的主体部分


    ◎操作:
利用vs2010 程序,设计静态页面,显示标题:“页面设计基础”;内容:“欢迎光临我的个人主页”和“韩山师范学院计算机系20091181 班”两个段落,保存为“default.html”。
2. 层叠样式表(Cascading Style Sheets),CSS
    ◎ 作用:可以控制网页中一个或多个元素的外观。
    ◎ 目的:减少很多具有相同外观元素的重复设置工作,从而给网页的设计和维护带来了很大的方便;样式文件的扩展名为.css。
    ◎ CSS 的一般形式:
在网页文件中引用该样式文件,只需要在网页的与之间添加如下代码:

    ◎ 操作:利用vs2010 程序,更改“default.html”,要求显示的文字内容为红色。
3. JavaScript
    ◎ JavaScript 代码包含在script 块中,一般格式如下:

    ◎ 操作:利用vs2010 程序,更改“default.html”,要求浏览网页时弹出“欢迎光临”字样。
4. asp.net
    ◎操作:利用VS2010,设计“default.aspx”,用户输入姓名,并下按钮,页面显示 “欢迎光临XXX(用户输入的姓名)”字样。
5. asp.net ajax
    ◎ Ajax:异步javascript 和xml,实现网页无刷新更新数据。
    ◎ 操作:利用VS2010,设计“default.aspx”,用户输入姓名,并下按钮,页面无刷新显示 “欢迎光临XXX(用户输入的姓名)”字样。
四、总结与展望
1. Web 开发涉及到哪些技术和工具?
2. 静态页面与动态页面有何区别?
3. 深入学习…  

Copyright © 2012 All Rights Reserved

[版权所有] 计算机实验教学示范中心 技术支持:计算机应用与技术系