《网络设计语言》实验报告(2016).doc

中南民族大学网络设计语言实验报告学院：电子信息工程学院专业：电子信息工程学生：、【看快回家】学号：201421111013班级：14电信（1）实验一HTML静态网页设计基础实验目的1. 掌握Apache服务器在Windows系统下的安装、配置、启动和暂停；2. 掌握HTML静态网页中基本元素的使用。3. 了解Dreamweaver设计环境及其设计HTML静态网页的基本方法。实验内容1. 安装Apache服务器。（1）运行下载好的“apache_2.2.25”，出现Apache HTTP Server 2.2.25的安装向导界面，点“Next”继续，一直到达下面界面；（2）设置系统信息，在Network Domain下填入您的域名（比如：），在Server Name下填入您的服务器名称（比如：，也就是主机名加上域名），在Administrators Email Address下填入系统管理员的联系电子邮件地址（比如：），上述三条信息仅供参考，其中联系电子邮件地址 会在当系统故障时提供给访问者，三条信息均可任意填写，无效的也行。（3）下面有两个选择，一个是为系统所有用户安装，使用默认的80端口，并作为系统 服务自动启动；另外一个是仅为当前用户安装，使用端口8080，手动启动。一般选择80端口自动启动。按“Next”继续。（4）选择安装类型，Typical为默认安装，Custom为用户自定义安装，我们这里选择Custom，有更多可选项。按“Next”继续。然后选择安装位置，一直按next继续，直到安装完成。2. 修改Apache服务器的端口、根目录、限制访问某一目录的IP地址、禁止目录方式访问、设置网址中未输入文件名时的默认文件名等（需并重启Apache）。（1）打开C:Program FilesApache Software FoundationApache2.2conf下的httpd.conf文件（事先备份，以便还原）。（2）修改其中相关配置参数，每次修改后需要重启Apache。相关参数修改如下。端口改为8080：Listen 8080根目录改为C:wwwDocumentRoot C:www和某一目录只允许规定的IP地址访问：Order Allow,Denydeny from allallow from allow from allow from 禁止以目录列表方式访问：Options Indexes FollowSymLinks #-Options FollowSymLinks 设置网址中未输入文件名时的默认文件名： DirectoryIndex index.html index.php qq.htm 3. 编写一个HTML静态网页，内容参考如下：要求： 利用HTML、HEAD、BODY三个元素一起构成完整的HTML文档结构； 设置Title元素为“学院概况”； 设置body元素的link、vlink、leftmargin、topmargin等属性（属性值自定）； 所有栏目包含于一个网页，点击学院简介、现任领导、组织机构的链接，可以跳转到相应栏目，点击返回top的链接，则可以跳转到页面顶部； 每个栏目的顶部包括一个图片、一个标题（粗体、斜体、字体大小颜色自定）和一个水平线（颜色、高度自定）； 设置教研室表格背景色，行高、列宽、字体大小和颜色（全部自定，但一定要设置）代码：学院概况tableborder-collapse:collapse;table td border:5px solid:red;text-align:center;font-size:13;font-family :华文宋体;学院简介现任领导组织机构 学院简介  电子信息工程学院的前身是1981年学校重建后恢复的物理系，是学校最悠久的教学单位之一；1988年，物理系更名为电子工程系并开始招收电子技术专业本科生；由于专业与学科发展的需要，2001年初组建成立了电子信息工程学院。现设有电子信息工程、通信工程、光电信息科学与技术3个本科专业，在校全日制本科生1650余人。拥有信息与通信工程一级学科硕士学位授予权（面向通信与信息系统、信号与信息处理两个二级学科方向招生）、等离子体物理硕士学位授予权、电子与通信工程工程硕士授予权，通信与信息系统为湖北省楚天学者设岗学科。在校全日制研究生110余人。  学院拥有一支水平高、素质强、爱岗敬业的师资队伍。现有教职工82人，专职教师68人，其中教授10人，副教授29人，其中具有博士学位者38人，具有硕士及以上学位者41人；教师中有国家自然科学基金委员会信息科学部学科评审组专家1人、享受湖北省政府特殊津贴专家2人，全国模范教师1人、楚天学子1人。  学院实验设备和办学条件优良，建有电子信息工程、通信工程、光电信息科学与技术、大学生科研创新4个大型综合实验室，下设32个分室，实验室总面积5000平方米，设备总值2000余万元；建有4个稳定的、可容纳百人以上的大型专业实习实践基地。学院成立了专职的实验教学中心负责实验室管理。  学院始终坚持以学科建设作为促进专业发展的抓手，建有智能无线通信湖北省重点实验室和2个国家民委重点实验室、2个工程研发中心、6个研究型专业实验室；始终坚持基础研究与工程应用相结合，既注重解决学科发展中的关键科学问题、又积极投身社会经济主战场，注重企业需求和科技成果的转化。近3年来，学院教师主持承担了15项国家级、16项省部级纵向科研项目和30余项横向应用项目，获省、部级科研成果奖励4项，在国际、国内公认的权威学术期刊上发表学术论文50余篇，被SCI、EI收录的学术论文超过150余篇。学院学术氛围活跃，学术研究整体实力不断增强，经过多年的努力，在现代通信理论与技术、图像及视频处理、电力电子技术、空间电离层体探测与仪器研发、激光光谱应用研究、等离子体技术等学科方向形成了自己的特色与优势。  多年来，我院始终将提高人才培养质量作为中心工作，在办学过程中一直思考如何让学生在专业理论和工程实践上受到系统、规范、严格的训练，并为之努力。学院不断更新办学理念和思路，深入开展新形势下人才培养模式和教学方法的改革，在人才培养模式、课程体系、教学方法与手段、实践性教学环节等方面建设中取得了一系列丰硕的成果，积累了一大批优质教学资源，办学水平和办学实力跃上了一个新的台阶。近年来先后建有1个国家级特色专业、2个湖北省实验教学示范中心、1个湖北省高等学校教学团队、2门省级精品课程等。  学院全力支持大学生科研创新活动，提出将普及与提高相结合，并将此作为全面提升人才培养质量的关键环节之一，投入了大量的人力物力，超过50%的学生直接受益。近5年来，在各级各类大学生创新大赛中我院学生捷报频传，在全国大学生电子设计竞赛、全国“飞思卡尔”杯智能汽车竞赛、全国“挑战杯”课外学术科技作品竞赛、湖北省大学生科研成果评奖、湖北省优秀学士论文评奖等活动中战果辉煌，获国家级和省级以上奖项140余项。  学院历来十分重视大学生综合素质的培养，并将此融入到丰富多彩的校园文化活动中，创造条件，让学生在德、智、体、美上得到全面发展。如连续举办十届的“求真杯”系列竞赛活动，形式多样、内容丰富、参与人数众多，早已成为电信学院的一个品牌；在学校运动会上，我院学生摘金夺银、取得了骄人战绩，已连续多年摘取了男子团体冠军、总分亚军的奖杯，充分展示了电信学子的阳刚之美；电信学院文工团每年2场高水平的汇报演出，一改理工科学生严谨有余、才艺欠缺的形象，不仅让学校广大师生难以忘怀，还经常被新闻媒体或者兄弟高校邀请友情客串。活泼多样的校园文化活动，不仅为学生提供了展示才华的舞台和挑战自我的机会，同时还营造了浓厚的学习氛围，充分调动了学生的学习热情，有效地促进了学风建设。  一分耕耘，一份收获。学院人才培养质量和就业质量逐年稳步提高，我院毕业生专业基础扎实、综合素质强、具有较强的就业竞争力和宽广的就业领域，遍布祖国的四面八方，受到了用人单位的普遍好评。学院毕业生就业率连续多年雄踞全校前列。即使在被称为“史上最难就业年”的2013年，截止到2013年5月底，我院372名毕业生三方签约率已经达到75%，再次名列全校第一。学院考研录取率逐年递增，每年都有许多优秀学生被国内著名的211或者985高校录取。  电信学院素以教学管理严格著称，把科学、严格的教学管理制度作为高水平本科教学运行的保障，学院教风学风优良。高度重视师德师风建设是电信学院的一大优良传统，大力提倡学为人师，行为世范，要求教师们用自己的一言一行来感染和影响学生，强调教书育人在教学环节中的落实，强调用教风影响学风。在严格管理的同时，学院始终努力创造一个和谐、宽松的工作氛围，关心广大教职工疾苦、为他们分忧解难。  经过多年的不懈努力，电信学院已经形成了严谨、务实、创新、进取的优良院风，学院上下团结、和谐，全院教职工爱岗敬业、爱院如家。多年来涌现出一大批先进个人和集体，2008年，电信学院获国家民委“文明单位”荣誉称号，这是国家民委第一次将此荣誉授予二级学院单位；2003年获湖北省思想政治工作先进基层单位；在学校历届优良教风教研室评选活动中榜上有名字；有2人分别被评为全国模范教师、国家民委文明职工，1人被评为湖北省优秀党员，2人分别被评为湖北省高校思想政治教育先进个人，1人被评为国家民委大学生思想教育工作先进个人。  关山度若飞，20年光阴弹指一挥间，20多年的光阴目睹了电信学院几代师生艰苦创业、由小到大的成长历程。我们十分清醒在新时期高等教育形势下我们所面临的巨大挑战和发展机遇。我们热烈欢迎立志成才的莘莘学子来学院学习，在如诗如画的南湖畔度过你最难忘的青春岁月；我们真诚期盼海内外事业心强、有团队精神的优秀同行来学院工作，为你们施展才华创造条件。雄关漫道真如铁，而今迈步从头越。让我们携起手来，以提高人才培养质量和学科建设水平为中心，奋发努力，为民族高等教育事业的发展做出更多的贡献。  电信学院的明天一定会更加美好！      返回顶部现任领导院党委:党委书记：   巴玉玺党委副书记： 张鹏院行政:院长：   陈少平副院长： 侯建华副院长： 熊承义      返回顶部组织机构教研室：序号教研室名称教研室主任1应用电子技术陈锟2信号处理周城3通信工程朱翠涛4计算机田晓梅5光信息科学与技术钟志有6电路与系统朱正平7大学物理姚文俊8综合实验室彭其圣（正）尹建新（副）      返回顶部4. 编写一个HTML静态网页，内容参考如下：代码：/check.php调查表单姓名：兴趣：性别：男女血型：ABABO请选择您擅长的一门语言：C+PHPPythonJava请选择您擅长的操作系统：LinuxWindowsUnixMac如果您有什么建议，敬请留言：欢迎在此留言！实验二PHP动态网页设计基础实验目的1. 掌握PHP编译器在Apache（Windows系统下）中的安装、配置；2. 熟悉PHP的基本语法。3. 掌握post方式提交表单数据后的PHP处理。实验内容1. 安装、配置PHP编译器。（1）解压下载好的“php-5.4.34-Win32-VC9-x86.zip”到C:php；（2）在解压的根目录下找到php.ini-development，是用于开发环境的配置文件；还有一个php.ini-production，这个是用于生产环境的配置文件。使用php.in-development，复制一份，重命名为php.ini。（3）有时启动Apache的时候会提示“找不到指定模块”的错误，是因为没有指定这些模块文件的位置。在php.ini中定位关键字“extension_dir”，修改Windows下为你的PHP模块的目录为“C:phpext”（并且去掉改行前面的分号）：; Directory in which the loadable extensions (modules) reside.; /extension-dir; extension_dir = ./; On windows: extension_dir = C:/php/ext（4）php以module方式与Apache相结合，打开Apache的配置文件httpd.conf，以关键字“LoadModule”定位，配置要加载的模块，在最后添加如下两行：LoadModule php5_module C:/php/php5apache2_2.dllPHPIniDir C:/php（5）在httpd.conf中以关键字AddType application搜索，可以定义能够执行php文件类型，原文如下：AddType allows you to add to or override the MIME configuration # file specified in TypesConfig for specific file types.加入AddType application/x-httpd-php .php你也可以加入更多，实质就是添加可以执行php的文件类型，比如你再加上一行“AddTypeapplication/x-httpd-php .htm”，则.htm文件也可以执行php程序了，你甚至还可以添加上一行“AddTypeapplication/x-httpd-php .txt”，让普通的文本txt也能运行php程序。（6）为了使index.php成为访问web未指定文件名时的默认文件名，修改Apache的配置文件httpd.conf。修改为： DirectoryIndex index.html index.php2. 编写PHP程序，生成如下图所示的表格。（要求该表格的横向或纵向的单元格数通过一个变量表示，该变量为5，则单元格数目为55；为7，则单元格数目为77，）代码： tableborder-collapse:collapse;?php$t=5;$c=0;for($i=0;$i$t;$i+)echo ;for($j=0;$j$t;$j+)echo .+$c.; echo ;?3. 编写实验一练习3中表单提交以后的确认页面。并回答post方式和get方式传递参数有何不同。代码：/2_2.php您的姓名：兴趣：性别：血型：擅长语言：最擅长操作系统：留言：实验三MySQL基本操作实验目的1. 掌握Windows系统下MySQL的安装、配置，使PHP编译器支持MySQL操作的配置（注：该配置主要是为“实验四”做准备，而在本实验中是为了支持phpMyAdmin的使用），phpMyAdmin的基本使用。2. 熟悉MySQL的基本语法。3. 熟悉MySQL的常用操作。实验内容1. 安装MySQL，配置MySQL和PHP编译器，安装phpMadmin。（1）安装MySQL：首先单击MySQL5.5.21的安装文件，出现该数据库的安装向导界面，单击“next”继续安装；在打开的窗口中，选择接受安装协议，单击“next”继续安装；在出现选择安装类型的窗口中，有“typical（默认）”、“Complete（完全）”、“Custom（用户自定义）”三个选项，我们选择“Custom”，因为通过自定义可以更加的让我们去熟悉它的安装过程，对于学习MySQL数据库很有帮助，单击“next”继续安装；在出现自定义安装界面中选择mysql数据库的安装路径,这里我设置的是“d:Program FileMySQL”，单击“next”继续安装；接下来进入到准备安装的界面，首先确认一下先前的设置，如果有误，按“back”返回，没有错误，单击“Install”按钮继续安装；单击“Install”按钮之后出现如下正在安装的界面，经过很少的时间，MySQL数据库安装完成，出现完成MySQL安装的界面；这个界面单击“next”就行。注意要选择上边的“Launch the MySQL Instance Configuration Wizard”选项，这是要启动MySQL的配置，也是最关键的地方(也可以以后设置)，单击“Finish”按钮，进入到配置界面。MySQL数据库的安装十分简单，关键是安装完成之后的配置，单击完成之后出现如下的配置界面向导，单击“next”进行配置；（2）配置MySQL 在打开的配置类型窗口中选择配置的方式，“Detailed Configuration（手动精确配置）”、“Standard Configuration（标准配置）”，为了熟悉过程，我们选择“Detailed Configuration（手动精确配置）”，单击“next”继续；在出现的窗口中，选择服务器的类型，“Developer Machine（开发测试类）”、“Server Machine（服务器类型）”、“Dedicated MySQL Server Machine（专门的数据库服务器）”，我们仅仅是用来学习和测试，默认Developer Machine就行；在出现的配置界面中选择mysql数据库的用途，“Multifunctional Database（通用多功能型）”、“Transactional Database Only（服务器类型）”、“Non-Transactional Database Only（非事务处理型）”，这里我选择的是第一项， 通用安装，单击“next”继续配置；在出现的界面中，进行对InnoDB Tablespace进行配置，就是为InnoDB 数据库文件选择一个存储空间，如果修改了，要记住位置，重装的时候要选择一样的地方，否则可能会造成数据库损坏，当然，对数据库做个备份就没问题了，我们不修改继续；在打开的页面中，选择mysql的访问量，同时连接的数目，“Decision Support(DSS)/OLAP（20个左右）”、“Online Transaction Processing(OLTP)（500个左右）”、“Manual Setting（手动设置，设置为15个）这里选择手动设置，单击“next”继续；在打开的页面中设置是否启用TCP/IP连接，设定端口，选择启用（如果不启用，就只能在自己的机器上访问mysql数据库了，这也是连接java的操作），默认的端口是3306，并启用严格的语法设置，如果后面出现错误，可以将“Add firewall exception for this port ”这个选项选上，单击“next”继续，在打开的字符编码的页面中，设置mysql要使用的字符编码，第一个是西文编码，第二个是多字节的通用utf8编码，第三个是手动，我们选择手动、utf-8，但是有一个问题，那就是当用哪个控制台插入汉字的时候，会报错，查询带汉字的表时，无法显示汉字，所在需要在每次进入MySQL后，设置一个系统参数“set names gbk”，即可解决该问题，接下来单击“next”，继续配置；在打开的页面中选择是否将mysql安装为windows服务，还可以指定Service Name（服务标识名称），是否将mysql的bin目录加入到Windows PATH（加入后，就可以直接使用bin下的文件，而不用指出目录名，比如连接，“mysqlu username p password;”就可以了,该页面全部勾选，单击“next”继续配置；在打开的页面中设置是否要修改默认root用户（超级管理员）的密码（默认为空），“New root password”，如果要修改，就在此填入新密码，并启用root远程访问的功能，不要创建匿名用户，单击“next”继续配置；到这里所有的配置操作都已经完成，单击Execute按钮执行配置，过了几分钟，出现如下的提示界面就代表MySQL配置已经结束了，并提示了成功的信息。（3）MySQL启动和停止可以采取两种方式： 通过windows开始菜单，MySQL相关菜单项进行操作 在dos命令窗口中，输入net start mysql或者net stop mysql（4）MySQL客户端Dos方式登录在在dos命令窗口中，输入“mysql h localhost u root -p”或者是“mysql -h localhost -uroot -p密码”（5）配置PHP编译器，使其支持MySQL操作在实验二配置的基础上，把php.ini中;extension=php_mysql.dll和;extension=php_mysqli.dll都去掉分号，保存，并重新启动Apache。（注意：运行某些版本的phpMyAdmin还需去掉;extension=php_gd2.dll和;extension=php_mbstring.dll前面的分号。）（6）安装phpMyAdmin解压phpMyAdmin.zip到apache服务器根目录htdocs下的phpMyAdmin中即可。2. 完成以下MySQL操作。（1）创建数据库XSGL（2）在XSGL中创建student表，表结构如下：（3）在student表中插入如下数据：（4）删除学号为9531102的记录；（5）将计算机系的学生年龄统一加1；（6）显示学生的学号和姓名两列，这两列分别起别名为“ID”和“NAME”，要求只列出查询结果的前5条记录；（7）查询信息系所有男同学的所有信息；（8）查询student表所有的数据，按照年龄排序，年龄相同则按照学号降序排序；（9）查询所有姓“王”的同学的基本信息；（10）查询每个院系学生的人数，要求列出院系名称和相应人数代码：Create database XSGL;Use xsgl;Set names gbk;CREATE TABLE Student ( Sno char (7) PRIMARY KEY, Sname char (10) NOT NULL, Ssex char (2) CHECK (Ssex = 男 OR Ssex = 女),Sage tinyint CHECK (Sage = 15 AND Sage =45), Sdept char (20) DEFAULT 计算机系);insert Student values(9512101,李勇,男,19,计算机系);insert Student values(9512102,刘晨,男,20,计算机系);insert Student values(9512103,王敏,女,20,计算机系); insert Student values(9521101,张立,男,22,信息系); insert Student values(9521102,吴兵,女,21,信息系); insert Student values(9521103,张海,男,20,信息系);insert Student values(9531101,钱平,女,18,数学系); insert Student values(9531102,王力,男,19,数学系);delete from student where Sno=9531102;update student set Sage=Sage+1 where Sdept=计算机系;select Sno,Sname from student;select Sno as ID,Sname as NAME from student limit 0,5;SELECT * FROM student WHERE Sdept=信息系 AND Ssex=男;SELECT * FROM student order by Sage ,Sno desc;select *from student where Sname like 王%;select Sdept ,count(*) from student group by Sdept; 实验四用PHP+MySQL开发Web应用程序实验目的1. 掌握PHP中常见的MySQL操作函数，包括登录和退出MySQL、选择数据库、插入新的记录到数据表中、发送查询指令、读取查询结果等；2. 掌握一些常用的PHP函数，如time( )、str_replace( )等。3.