Web页面设计报告.docVIP

计算机系 科技专用周报告 计算机系 Web页面设计报告 实验项目名称 Web界面设计- 网络课程首页 所属课程名称 科技专用周 实 验 类 型 设计性实验 班 级 姓 名 成 绩 计算机系 实验概述： 【实验目的】 Web界面设计-网络课程首页设计实现。以某大学课程为内容，运用Web技术，制作某课程的网络学习网站。 【实验环境】（使用的软件） ASP.NET 开发环境。Visual studio 2005, c#; 实验内容(不够附页)： 【实验方案设计与实验过程】（分析、设计、实验步骤、测试数据、实验结果） 学习Html基本结构。 学习Html基本标签、控件。 学习CSS样式表。 制作课程学习网站。 Html基本结构 源代码： %@ Page Language=C# AutoEventWireup=true CodeFile=Default.aspx.cs Inherits=_Default % !DOCTYPE html PUBLIC -//W3C//DTD XHTML 1.0 Transitional//EN /TR/xhtml1/DTD/xhtml1-transitional.dtd html xmlns=/1999/xhtml head titleHello China!/title//主题 style type=text/css h1{color:blue;}//主题蓝色 /style script type=text/javascript function ShowSelection(){//调用函数 alert(You have selected + SelectColor.value);//出现你选择的颜色的信息框 BodyContent.style.backgroundColor=SelectColor.value; } /script /head body div id=BodyContent h1Hello China/h1//显示在页面 h2Welcome/h2//显示在页面 This is first web page.//显示在页面 hr/ Please select a color://选择颜色 select id=SelectColor option value=orangeorange/option//橙色 option value=redred/option//红色 option value=yellowyellow/option//黄色 /select input id=ButtonSelect type=button value=Selectonclick=ShowSelection() ///选择按纽 /div /body /html 运行过程： 调试运行后出现的主页面 选择橙色后又选择红色出现的页面及对话框 选择红色的界面 Html基本标签、控件及CSS样式表(包含图片的插入和超链接) 源代码Default.aspx: %@ Page Language=C# AutoEventWireup=true CodeFile=Default.aspx.cs Inherits=_Default % !DOCTYPE html PUBLIC -//W3C//DTD XHTML 1.0 Transitional//EN /TR/xhtml1/DTD/xhtml1-transitional.dtd html xmlns=/1999/xhtml head titleCheese Sandwich/title//主题 link href=StyleSheet.css rel=stylesheet type=text/css ///连接样式框 /head body