网页制作上机实验指导(B)

合集下载

《网页设计与制作》课程实验指导书

《网页设计与制作》课程实验指导书

XXX学院男生宿舍X号楼综合布线系统设计方案设计单位:设计指导:宿舍布线系统的设计一、综述A.布线系统将贯穿雨1~5楼的各个平面。

主要为语音、数据、图像等系统信号提供高性能传输路由。

B.作为一个综合性的线路平台,应具有一定的兼容性和开放性,可满足各类通讯及计算机等传输需要和网络结构,提供一个标准化、高带宽、低成本的网络环境。

C.系统应具有开放的模块化结构,可灵活地进行资源分配,线路管理、变更和扩展。

D.系统应提供一个安全、有序。

便于管理的设备安装及连接环境,可快捷简便地进行系统安装和运行。

E.在充分考虑目前应用情况下,以高起点和适度超前的原则来规划本系统。

为各种高性能应用踢狗充足的传输带宽,为日后系统的升级提供充足的空间。

F.宿舍楼基本情况:楼层面积约为16*9米,且已有中国移动和中国电信的无线网络热点分布。

二、具体布置系统包括工作区子系统、配线(水平)子系统、干线子系统、设备问子系统、管理子系统和建筑群子系统。

1.工作区子系统。

工作区子系统是由学生信息插座到计算机网络的连接线缆。

学生宿舍的房间设置一般为6人间其内部语音及网络数据点的位置不像大开问办公那样难以布置,因室内床位布置均已确定,很容易确定其数据端口的位置。

日前宿舍布置一般为上铺居住,床铺下设置学习书桌,因此数据端安装在书桌下,高度为0.3 m。

应根据校方的要求,选择数据端口的安装数量。

对于要求较高的,每个学生书桌下方设置一个数据端口,房间内公共部位设置一个电话端『_J。

要求较低的,可每两个同学共用一个数据端口,然后采用交换机分别接引至电脑。

其优点是减少了水平引来线路和保护管线(槽),缺点是影响网络速度,需自加分配没备。

除考虑数据端r]的位置外,还需相应布置供电电源插座,间距应为0.2 m。

2.配线(水平)子系统配线(水平)子系统由楼层配线架(FD)至信息插座之间的线缆、信息插座(含转换点及配套设施)组成,它将偻层弱电竖井内配线架与每个宿舍室内的信息插座相连。

《网站编程技术》上机实验指导书

《网站编程技术》上机实验指导书

南阳理工学院《网站编程技术》上机实验指导书(2013版)软件学院·网络工程教研室2013.03目录实验1 PHP基础 (1)实验2 PHP表达式 (3)实验3 PHP流程控制 (5)实验4 PHP数组 (9)实验5 PHP数据采集 (11)实验6 PHP函数 (15)实验7基于Mysql的PHP管理系统数据库 (17)实验8 PHP会话控制 (21)实验9 字符串处理 (25)实验10 PHP综合应用 (28)实验1 PHP基础实验实验目的和要求:1.掌握WAMP或LAMP等PHP环境的部署;2.掌握最基本的PHP程序的结构;3.掌握基本的输出语句以及PHP代码和HTML代码的混合编写。

实验内容:1、下载并安装WampServer,构建PHP运行环境;2、构建PHP开发环境,编写并运行一个PHP程序,最终在屏幕上显示“hello world”以及服务器的系统时钟。

要求,为程序的每一行都加上必要的注释说明。

3、编写register.html,此页面包含一个简单的表单,用户可以输入用户名、密码、确认密码等信息并可以提交表单。

(选作)4、编写register.php,用来处理register.html中用户提交的数据,把用户输入的信息输出到网页中。

(选作)实验预作记录:1、下载并安装wampserver软件2、配置php的时区,在php.ini文件中时区配置为date.timezone=Asia/ShangHai,然后重新启动所有的服务。

3、在WWW目录中新建一个目录1,在目录1中新建一个文件名为helloword.php 的php文件。

注意PHP程序的输写方法,开头需要是<?php ,结束是?>。

4、在屏幕上输出hello world !,在helloworld文件中写的php语句,对这个语句进行注释。

#在浏览器上显示服务器的系统时钟echo date("Y年m月d日H时i分s秒");5、在文件中写php语句将服务器的时钟显示在屏幕上,对这个语句进行注释。

《网页设计与制作教程》实验指导书

《网页设计与制作教程》实验指导书

《网页设计与制作教程》实验指导书班级姓名学号实验一网页基础知识一、实验目的理解网页组成元素。

理解主页、静态网页、动态网页等概念。

了解常见的网页布局。

熟悉Dreamweaver CS6的桌面结构。

二、实验软硬件环境一台接入Internet的计算机;Windows 7操作系统;Dreamweaver CS6、Flash CS6、Fireworks CS6软件。

三、实验内容1.打开“九江学院”官网,并回答以下问题:(1)该网页上有哪些网页元素组成?(2)在网站中打开5张不同内容风格的分页面,分析下它是静态网页还是动态网页,为什么?(3)如果分页面中有图片,把图片下载到电脑中,如何操作?2.查找主页为“国字型”、“三字型”、“拐角型”、“封面型”、“Flash型”布局的网站各一个,并记录下网站地址。

3.查找若干个与图1所示布局相似的网页并记录网址。

图1网页布局4.启动Dreamweaver CS6,并完成以下操作:(1)新建一个空白网页,并保存,存储名为myweb.html。

(2)在文档工具栏中,切换“设计”、“拆分”、“代码”、“实时视图”,理解它的功能。

(3)对“插入栏”、“属性面板”和各种组合面板进行折叠/展开,打开/关闭操作,熟悉使用。

(4)给网页输入标题栏标题:我的第一张网页。

(5)在网页中输入一首唐诗,并完成简单排版。

(6)保存网页,并用浏览器预览。

四、实验思考1.动态网页与静态网页如何快速区分?2.开发个人网站的首页,可以设计哪些栏目,试做一个布局草图。

实验二常见HTML标签与简单CSS的使用一、实验目的理解常见HTML标签在HTML文档中的作用。

掌握通过纯文本编辑器熟练编写简单HTML的技能。

掌握简单CSS的使用。

熟练掌握各种常用标签并利用其来实现网页的排版。

二、实验软硬件环境一台接入Internet的计算机;Windows 7操作系统;Dreamweaver CS6、Flash CS6、Fireworks CS6软件。

网页设计上机实验报告

网页设计上机实验报告

上机报告1一、上机目的1. 了解Dreamweaver 面板的功能;2. 熟练掌握站点的的建立与设置;3. 熟练掌握站点的结构;4. 了解利用Dreamweaver 制作网页的基本方法;二、上机内容1.在Dreamweaver 中设置站点,并搭建站点基本结构:基本结构为:2.制作个人简介网页。

要求:文字(字体字型字号的设置)、网页属性的设置(背景颜色或背景图像)、网页中含有图像、有移动文字三、上机要求1.独立完成设计。

2.课后写出上机实验报告。

2011.9.22站点根文件夹page imagesIndex.html上机报告2一、上机目的1.熟练掌握站点的的建立与设置;2.熟练掌握在Dreamweaver中设置网页基本元素的方法;二、上机内容1.在Dreamweaver中设置站点,并搭建站点基本结构:2.设置站点主页。

综合练习三基本元素的应用文字编辑及处理图像做链接多媒体网页3.制作相应栏目网页,并实现链接。

4.要求文字编辑及处理网页:文字有字体、字号、颜色的设置及基本排版,版面要整齐。

(参考上机练习2参考图)图像做链接网页:有利用图像、图像部分区域、鼠标经过的图像做链接。

多媒体网页:有FLASH按钮、FLASH文字做链接,网页中插入FLASH视频或视频(非flash视频)。

插入非FLASH视频的代码如下:1.avi格式代码片断如下:<img src="" dynsrc=pt.avi loop=-1 start=fileopen control="yes" width=480 height=361>2.rm格式代码片断如下:<object class=OBJECT id=RAOCX height=393 width=498classid=clsid:CFCDAA03-8BE4-11cf-B84B-0020AFBBCCFA><param name="SRC" value="..\move\yys.rm"><param name="CONSOLE" value="Clip1"><param name="CONTROLS" value="imagewindow"><param name="AUTOSTART" value="true"></object><br><object id=video2 height=32 width=499classid=CLSID:CFCDAA03-8BE4-11CF-B84B-0020AFBBCCFA><param name="SRC" value=""><param name="AUTOSTART" value="-1"><param name="CONTROLS" value="controlpanel"><param name="CONSOLE" value="Clip1"></object>三、上机要求1.独立完成设计。

网页实训指导书

网页实训指导书

实训指导书目录第一部分实训指导书 (1)实训1 页面控制 (1)实训目的 (1)实训环境 (1)素材准备 (1)实训课时 (1)实训内容 (1)实训要求 (1)实训步骤 (1)实训过程注意事项 (2)实训思考 (2)书写实训报告要求 (2)页面效果图 (2)实训2 文本操作 (3)实训目的 (3)实训环境 (3)素材准备 (3)实训课时 (3)实训内容 (3)实训要求 (3)实训步骤 (3)实训过程注意事项 (4)实训思考 (4)书写实训报告要求 (4)页面效果图 (4)实训3 图像操作 (5)实训目的 (5)实训环境 (5)素材准备 (5)实训课时 (5)实训内容 (5)实训要求 (5)实训过程注意事项 (5)实训思考 (6)书写实训报告要求 (6)页面效果图 (6)实训4 表格布局 (6)实训目的 (6)实训环境 (6)素材准备 (7)实训课时 (7)实训内容 (7)实训要求 (7)实训步骤 (7)实训思考 (7)书写实训报告要求 (7)页面效果图 (7)实训5 布局表格 (8)实训目的 (8)实训环境 (8)素材准备 (8)实训课时 (8)实训内容 (8)实训要求 (8)实训步骤 (8)实训过程注意事项 (9)实训思考 (9)书写实训报告要求 (9)页面效果图 (9)实训6 框架网页 (9)实训目的 (9)实训环境 (9)素材准备 (10)实训课时 (10)实训内容 (10)实训要求 (10)实训步骤 (10)实训过程注意事项 (10)实训思考 (10)书写实训报告要求 (10)页面效果图 (11)实训7 层的布局 (11)实训目的 (11)实训环境 (11)素材准备 (11)实训内容 (12)实训要求 (12)实训步骤 (12)实训过程注意事项 (12)实训思考 (12)书写实训报告要求 (12)页面效果图 (12)实训8 模板和库 (13)实训目的 (13)实训环境 (13)素材准备 (13)实训课时 (13)实训内容 (13)实训要求 (14)实训步骤 (14)实训过程注意事项 (14)实训思考 (14)书写实训报告要求 (14)页面效果图 (14)实训9 超级链接 (15)实训目的 (15)实训环境 (15)素材准备 (15)实训课时 (15)实训内容 (16)实训要求 (16)实训步骤 (16)实训思考 (16)书写实训报告要求 (16)页面效果图 (16)实训10 动感网页 (17)实训目的 (17)实训环境 (17)素材准备 (17)实训课时 (17)实训内容 (17)实训要求 (18)实训步骤 (18)实训过程注意事项 (18)实训思考 (18)书写实训报告要求 (18)页面效果图 (18)实训11 表单网页 (19)实训环境 (19)素材准备 (19)实训课时 (19)实训内容 (19)实训要求 (20)实训步骤 (20)实训过程注意事项 (20)实训思考 (20)书写实训报告要求 (20)页面效果图 (20)实训12 HTML语言 (21)实训目的 (21)实训环境 (21)素材准备 (21)实训课时 (21)实训内容 (21)实训要求 (22)实训步骤 (22)实训过程注意事项 (22)实训思考 (22)书写实训报告要求 (22)页面效果图 (22)实训13 美化网页 (23)实训目的 (23)实训环境 (23)素材准备 (23)实训课时 (23)实训内容 (23)实训要求 (23)实训步骤 (24)实训过程注意事项 (24)实训思考 (24)书写实训报告要求 (24)页面效果图 (24)实训14 JavaScript技术 (25)实训目的 (25)实训环境 (25)素材准备 (25)实训课时 (25)实训内容 (25)实训要求 (25)实训步骤 (25)实训过程注意事项 (26)书写实训报告要求 (26)页面效果图 (26)实训15 网页设计 (27)实训目的 (27)实训环境 (27)素材准备 (27)实训课时 (27)实训内容 (27)实训要求 (27)实训步骤 (27)实训过程注意事项 (28)实训思考 (28)书写实训报告要求 (28)实训16 特效制作 (28)实训目的 (28)实训环境 (28)素材准备 (28)实训课时 (28)实训内容 (29)实训要求 (29)实训步骤 (29)实训过程注意事项 (31)实训思考 (31)书写实训报告要求 (31)页面效果图: (31)实训17 应用行为 (32)实训目的 (32)实训环境 (32)素材准备 (32)实训课时 (32)实训内容 (32)实训要求 (32)实训步骤 (33)实训过程注意事项 (33)实训思考 (33)书写实训报告要求 (33)页面效果图 (33)实训18 应用插件 (34)实训目的 (34)实训环境 (34)素材准备 (34)实训内容 (34)实训要求 (34)实训过程注意事项 (35)实训思考 (35)书写实训报告要求 (35)页面效果图 (35)实训19网站开发综合实训 (35)19.1实训意义 (35)19.2实训目的 (36)19.3实训要求 (36)19.4实训步骤 (37)19.5评分标准 (37)19.6实训参考题 (38)第二部分网站开发案例 (39)2.1规划网站 (39)2.2准备素材 (43)2.3创建网站 (44)2.4网站首页的设计与制作 (45)2.5制作二级栏目网页和内容网页 (53)2.6设置首页的超级链接 (59)2.7制作首页弹出式菜单 (60)2.8查看与设置站点地图 (63)2.9测试网站 (65)2.10发布网站 (65)第一部分实训指导书实训1 页面控制实训目的为了让学生能熟练掌握创建站点的方法,掌握设置网页的页面属性、如何在网页中添加背景音乐等操作。

计算机网络技术与应用上机实验指导书(精简版)

计算机网络技术与应用上机实验指导书(精简版)

《计算机网络技术与应用》 上机实验指导手册计算机网络课程组中国石油大学(华东)计算机与通信工程学院2012年9月目 录实验一 HTML简单网页制作 (1)实验二 FrontPage网页设计 (4)实验三 GIF动画设计与制作 (6)实验四 Web网站架设与发布 (8)实验五 网络连接管理 (11)实验六 网络共享与远程桌面 (14)实验七 网络常用命令 (17)实验八 VMware虚拟机使用 (20)实验九 网络嗅探与报文分析 (23)实验十 DNS域名服务 (27)实验十一 DHCP动态主机配置服务 (30)实验十二 Proxy代理服务 (34)实验十三 VPN组建与管理 (37)实验十四 电子邮件服务 (40)实验十五 FTP文件下载 (43)实验一 HTML简单网页制作一、实验目的学习HTML制作网页的基本方法,掌握HTML的基本语法和文档结构,制作简单网页,形成网页设计的直观印象。

二、实验环境记事本、写字板或EditPlus等文本编辑器,IE/火狐/遨游等浏览器。

三、实验原理1、Web服务和HTML语言概述Web服务(WWW)是目前应用最广的一种基本互联网应用,它基于HTML语言,通过URL全球资源定位标识,将全世界的Web服务和其它资源链接起来。

Web服务基于客户机/服务器方式而工作,作为服务器端的Web站点通过HTML超文本标记语言把信息组织成为图文并茂的超文本,提供给作为客户端的浏览器。

HTML是互联网上的通用语言,是HyperText Markup Language的缩写,即超文本标记语言,1993年出现1.0版,历经了2.0版、3.2版、4.0版,目前已经出现HTML5.0。

网页制作者使用它可以建立包含文本、表单、图片、音/视频、动画等内容的复杂网页,这些页面可以在公开发布后被互联网上任何用户浏览。

HTML文件是由一系列标记组成的纯文本文件,不需要专门的软件来建立HTML文件,掌握HTML语言语法后只需要通用字处理器软件(如Word、记事本、写字板等等),就可以创建HTML文件而生成网页。

电子商务网站网页设计上机实验指导书

电子商务网站网页设计上机实验指导书

电子商务网站网页设计上机实验指导书实验一:熟悉超文本标记的使用1、实验目的:熟悉常用的HTML标记,理解双边标记和单边标记的概念,使用记事本编写网页文件。

2、实验内容:(1)立一个基本的HTML文件(2)用<strong>,<I>,<u>,<sup>,<sub>等标记对网页中的文本进行修饰,使用<font>的size,color,face等属性。

(3)原文件代码中修改网页背静颜色,使用背静图片(4)用<img src=…>在网页中加入图片,使用width,height, border,alt等属性。

(5)用<a href=…>标记对文本和图片作超链接3、预习要求及参考书目要求预习教材中的第一章、第二章。

4实验步骤:(1)在Windows环境中,点击“开始---程序----附件----记事本”(2)在记事本中用HTML标记编写网页文件(3)将文件另存为*. Html(4)用浏览器打开所保存的网页文件(5)在原代码中加入对文本,背静修饰标记(6)在原代码中使用<img src=….>标记加入图片(7)对文本和图片进行超链接。

(8)在浏览器中显示修改后的效果。

(9)根据需要重新调整原代码。

(10)重复第(8),(9)步骤。

实验二:网页表格和表单的制作1、实验目的:掌握网页中表格和表单的制作方法2、实验内容:(1)建立一个基本的HTML文件(2)网页中表格(3)网页中表单制作3、预习要求及参考书目要求预习教材中的第一章、第二章。

4、实验步骤:(1)Windows环境中,点击“开始---程序----附件----记事本”(2)记事本中用HTML标记编写网页文件(3)<table>,<tr>,<td>,等标记在网页中建立教材名称、作者、出版社、单价等项目的表格。

(4)变表格中border,width,height,bgcolor等属性(5)<form>,等标记建立表单,制作单行文本框,单选钮、复选框,选择下拉框、文本域等表单元素,制作一个客户调查表单,调查客户的姓名、性别、职业、爱好、建议等项目(6)文件另存为*. Html(7)浏览器打开所保存的网页文件(8)原代码中加入对文本,背静修饰标记(9)浏览器中显示修改后的效果。

《网页设计与制作》课程实验(上机)教学大纲

《网页设计与制作》课程实验(上机)教学大纲

《网页设计与制作》课程实验(上机)教学大纲一、实验教学目标与基本要求本实验课程是信息管理专业和财务管理专业的专业任选课程。

通过本实验课程的学习,要求学生掌握Web的基本概念,学会使用常用的网页设计工具,网站的建立维护能力。

通过发布属于个人或者公司的Web站点向全世界宣传个人形象、推广公司产品或开展公关活动已成为一种新的流行趋势。

因此,精通Web的应用基础,掌握Web网页的制作和Web 站点的管理等内容已经成为现代人必备的一种技能。

该课程强调基础知识的教学和实践技能的培养。

在“虚拟企业”教学实践平台上,大力开展技能教学,专门设计电子商务网站构架平台,辅助学生自行动手创建个性化的商务网站。

并编写实训手册,训练学生帮助企业解决企业电子商务问题的能力,形成了以案例教学为主线的理论教学和以项目驱动为特点的实践教学相结合的课程特色。

本课程内容以网站建设的实践为线索来确定课程的知识结构。

根据课程具有的实用性的特点,实践环节在教学过程中应占有重要地位,为此,教学中一定要加强实际动手能力的培养。

具体通过本课程的学习,要求学生掌握一、两种常用的网页设计工具,熟练运用多种网页设计技术,具备Web页设计、制作及站点管理的基本知识和基本技能;了解一种绘制图形和加工图像的图像处理工具。

二'基本理论与实验技术知识1.了解网站开发的基本知识。

2.掌握网页文本操作、插入图象、表格应用、超级链接、层的使用、网页布局、框架与框架集。

3.掌握加强网页显示效果的CSS样式、资源、模板和库。

4.掌握交互的表单应用和插入媒体对象。

5.掌握行为的应用、动画创建等实际内容。

6.学习搭建服务器平台,测试和发布站点。

7.掌握在Macromedia Dreamweaver CS4中使用数据库、ASP对象、服务器行为制作动态网页。

三' 实验方法' 特点与基本要求本实验开设对象为《网页设计与制作》课程的学习者(经济管理类信管专业学生),实验为必修内容。

  1. 1、下载文档前请自行甄别文档内容的完整性,平台不提供额外的编辑、内容补充、找答案等附加服务。
  2. 2、"仅部分预览"的文档,不可在线预览部分如存在完整性等问题,可反馈申请退款(可完整预览的文档不适用该条件!)。
  3. 3、如文档侵犯您的权益,请联系客服反馈,我们会尽快为您处理(人工客服工作时间:9:00-18:30)。

网页制作上机实验指导(B)
1.创建自己的站点,名称为kaoshiB,本地目录放在根文件夹E:\kaoshiB中。

(5分)
2.创建框架主界面,样式如下图。

要求主框架文件名为index.htm,网页标题为:网页制
作考试网页B,其余网页文件名自定。

框架结构为“左侧固定,上方嵌套”(即左、上、下样式),并分别设置成不同背景颜色(颜色自拟)。

左边网页写上自己的真实班级、学号和姓名,作为评分的依据。

(5分)
3.制作如下的一张表格,网页文件名为table.htm。

(5分)
一班学号姓名成绩01001 赵同学85 01002 钱同学96
二班02001 孙同学75 02002 李同学56
4.制作一个网页,利用层和时间轴来实现动画效果,网页文件名为layer.htm。

(5分)
5.利用行为调用JavaScript来实现网页的后退功能,即制作一个网页,在其上有一个按钮,
按钮的标签为“后退”,点击该按钮后,该网页即后退到上一个网页。

网页文件名为back.htm。

(5分)
6.首先在本地计算机上查找一个音乐文件,然后在网页中添加该音乐文件作为背景音乐,
文件名为music.htm。

(5分)
7.制作一个下拉式菜单,界面如图所示,文件名为menu.htm。

(10分)
8.创建一个如下图所示的客户留言表单guest.htm。

(5分)
9.在你的计算机上搜索一幅图片,当鼠标移动到不同部位(至少两个部位)时,显示不同
的提示信息,并且超级链接到不同网页中去。

(5分)
10.制作如下图所示的效果。

要求当鼠标分别悬停在“花”、“蔬菜”、“椰树”三个文本时,
在图中央分别显示三种不同的图片(图片在自己计算机上查找),当鼠标移走时,相应图片消失。

(5分)
11.制作如下图所示的表单,并进行验证录入数据的正确性,要求姓名为任意字符,长度为
4个汉字,E-mail符合电子邮件的格式,年龄在18-88之间。

网页文件名为Validate.htm。

(5分)
12.制作如下图所示的跳转菜单,要求列表项至少有3项,并分别链接到不同的网页上去。

Jumpmenu.htm。

(5分)
13.插入如图所示的flash按钮,并链接到其它网页中去。

网页文件名为Buttom.htm。

(5分)。

14.制作如图所示的列表list.htm,内容自拟。

(5分)
15.制作如图所示的网页chairmanMao.htm,内容自拟,图片在本地计算机上查找。

(5分)
16.制作如下一个通讯录,要求能动态的查询记录和添加记录。

(20分)。

相关文档
最新文档