当前位置:文档之家› 网页设计实验指导书

网页设计实验指导书

网页设计实验指导书
网页设计实验指导书

《网页制作》实验教学指导书

(计算机网络技术(网络安全方向)专业适用)

董彧先迟俊鸿主编

蒋英华孟庆菊冯毅参编

2014年2月

系部

专业

班级

姓名

实验1 网页基础知识

一、实验目的

(1)掌握网页组成元素。

(2)理解网站、网页、主页等概念及区别。

(3)理解网页风格的重要性。

(4)网页路径表示方法。

(5)创建网站站点。

二、实验软硬件环境

一个正常工作、能上Internet网的计算机机房。

三、实验要求

根据观察所得结果,能够从网页中分析网站的基本元素,并掌握其开发流程。

四、实验内容与步骤

1. 不同方式打开网站主页。

打开IE浏览器,然后:

(1)输入网址https://www.doczj.com/doc/687957089.html,,即可打开126网站的主页。

(2)输入网址https://www.doczj.com/doc/687957089.html,/index.htm,看是否也能打开126网站的主页。

分析:查看这两种方式打开的主页是否一样,若一样请说明为什么会出现此类情况?

2. 判断网页元素。

图1-1显示为126网站的主页,请区分网页上哪些为Flash元素,哪些为图片?

图1-1 126网站主页

请将该主页中的所有图片,保存在“桌面”上的PIC子目录内(若没有,请自行创建)。

3.将126网站的主页内容另存到D盘盘根目录中的exc1子目录中,打开该文件夹,确认已拷贝文件与图1-2所示的内容一致。

图1-2 实验一文件

4.打开IE浏览器。若要查看D:\exc1\126.htm文件内容,请问在地址栏中如何输入路径?

5.将D:\exc1子文件夹配置为Dreamweaver的本地站点,站点名为“实验一”,并在此站点下新建一个主页文件,命名为index.htm ,主页上只输出一句话:我已完成实验一的所有操作。

6. 查看网页风格。

分别以“1024×768”及“800×600”两种分辨率浏览同一网站。操作步骤如下。

(1)设置屏幕分辨率的方法:右键单击桌面,选“属性”选项,在“设置”选项卡的“屏幕分辨率”内(如图1-3所示)拖动鼠标选择合适的分辨率。

(2)打开IE浏览器,输入https://www.doczj.com/doc/687957089.html,网址。

分析:屏幕分辨率对网页影响有多大,目前网站在设计时一般使用的最佳分辨率是多少?

7. 选出一个最喜欢的网页,然后列出三点喜欢它的理由。

图1-3 设置屏幕分辨率

实验2 制作简单网页

一、实验目的

(1)利用Dreamweaver制作简单网页。

(2)掌握网页的布局排版设计方法。

(3)设计网页元素。

二、实验软硬件环境

一个正常工作的计算机机房、所有计算机已安装Dreamweaver CS3软件。

三、实验要求

能够设计并制作简单的网页。

四、实验内容与步骤

1. 设计如下网页,命名为:book.htm。

要求:

(1)设置标题“念奴娇赤壁怀古”字体为“黑体”,字号自定,并居中显示。(2)文章字体为“楷体”,字号、字体颜色、网页背景颜色自定。

(3)将每段设置成无序列表形式。

(4)自定义部分:整个页面简洁、美观。

2. 设计如图2-1所示的网页,命名为:index.htm。

G:\index.htm

图2-2 网页图片

要求:

(1)网页由一个2行2列的表格组成,其中最后1行为1列。

(2)左边的图片请随意找幅图片代替,并插入网页中。

(3)网页中其余文字请根据自己情况输入。

(4)表格中最后1行的“通过XXX@https://www.doczj.com/doc/687957089.html,发邮件给我”,要求“XXX@https://www.doczj.com/doc/687957089.html,”做成E-Mail链接。

(5)在表格最后一行的后面再插入一行。在本行中输入文字:“查看小说”,要求文字右对齐。

(6)将“查看小说”链接到book.htm 文件,并设置打开方式为“_blank”。

(7)自行将网页排版、美化。最低要求:网页最终效果要比图2-2所示的这个效果好看。

操作提示(制作时步骤):

(1)建立站点。

(2)建主页(index.htm)及分页(book.htm)。

(3)要编辑某个页面,可直接双击该文件名即可。

(4)左边随意找的图片也必须存放在站点文件夹下(为区别其他文件,可在站

点文件夹下建立一个专门用于存放图片的文件夹),否则预览网页时可以会出现

图片显示不出来。

实验3 页面美化及提高制作效率

一、实验目的

(1)掌握CSS、库、模板等操作的优缺点。

(2)能够利用CSS、库、模块进行网页设计。

(3)掌握美化网页的方法。

二、实验软硬件环境

一个正常工作的计算机机房、计算机内已安装Dreamweaver CS3软件。

三、实验要求

能够利用CSS、库、模块进行网页设计,并进行页面的美化。

四、实验内容与步骤

1. 制作类似于图3-1所示的网页的顶部。

图3-1 实验三图片

要求:

(1)导航栏可插入一个9列的表格。

(2)文字可利用CSS设计成统一样式。

(3)分别用库、模板两种方式,保存此页面。

2. 建立本地站点“实验四”,并新建主页index.htm文件,分页a1.htm~a10.htm共10个文

件。

3. 分别用库、模板两种方式将第1步中所做的页面应用到a1.htm~a10.htm网页中。

实验4 HTML与Dreamweaver

一、实验目的

(1)HTML语言结构。

(2)掌握头部标记的应用。

(3)掌握Body标记的部分参数。

二、实验软硬件环境

一个正常工作的计算机机房、计算机内已安装Dreamweaver CS3软件。

三、实验要求

了解HTML语言、掌握其与Dreamweaver的联系。

四、实验内容与步骤

1. 查看网页的源代码。

(1)打开IE浏览器,输入网址:https://www.doczj.com/doc/687957089.html,,然后在窗口中不是图像的任意位置单击鼠标右键,选择“查看源文件”。

(2)操作结果:系统会启动“记事本”程序,并打开网页的源程序,可以看出网页均是由“< >”标记括起来的。这些文本其实就是HTML源代码。

(3)请将结果保存在桌面上,并命名为:1.txt。

2. 利用HTML编写一个网页。

(1)打开记事本,输入如下程序:

实例题

这里是HTML中非正文标记的综合应用

(2)将程序保存在桌面上,并命名为:“2.htm”。

(3)运行程序,操作结果如图4-1所示。

图4-1 实验四图片

(4)请说明在……标记内与在……内的内容在用浏览器查看时有什么区别?

3. 用HTML设计网页标题。

(1)打开网址:https://www.doczj.com/doc/687957089.html,,查看网页的标题是什么?

(2)将网页以“默认的标题”添加到Windows的收藏夹中。

(3)自行设置一个带标题、背景为蓝色的3.htm网页文件,并保存在桌面上。

实验5 Dreamweaver应用技能

一、实验目的

(1)掌握对页面美化的基本知识。

(2)在网页中插入表单。

(3)利用CSS、层、行为制作复杂网页。

二、实验软硬件环境

一个正常工作的计算机机房、计算机内已安装Dreamweaver CS3软件。

三、实验要求

能够利用Dreamweaver制作一般小型网站。

四、实验内容与步骤

制作如图5-1所示的网页。

图5-1 实验五图片

1. 按图5-1标准制作,图中未涉及的内容可不做。

2. 绘制一个无边框的表格,用于页面排版。

3. 所使用到的图片,均在网络中下载。上图中凡是超链接的区域,全部链接到1.htm文

件中。注意:1.htm文件是自己创建的一个空网页。

4. 在图5-1中:

这块区域为表单。插入表单的方法:“插入”菜单中选择“表单”命令即可。注意,插入表单时,先插入“表单”再插入相关的表单域(如文本字段)。

5. 有关行为的制作:当用户点击“Google图片”区域,自动弹出一个200*80的1.htm小

窗口。

6. 有关层与行为的制作:

·在的下面增加一行“查看版权”文字。

·在网页中插入一个名为a1的层,并在此层中输入“这个网页是***制作的!”文字。·要求当鼠标移动到“查看版权”的文字上时,则显示“这个网页是***制作的!”文字;反之当鼠标移开,此文字自动消失。

提示:排版时切记:一定要用表格排版,并设表格边框为0。表格越多,排版出

的效果会越好,但操作难度会有所加大。

实验6 Fireworks CS3基本操作

一、实验目的

(1)工作环境设置。

(2)Web图像的处理流程。

(3)文档的创建与编辑方法。

(4)输入文本。

(5)使用图层控制图像。

二、实验软硬件环境

一个正常工作的计算机机房、计算机内已安装Fireworks CS3软件。

三、实验要求

能够配置Fireworks工作环境。

能够对一幅图像进行简单的操作,如改变其属性、加入文本等。

四、实验内容与步骤

1. 练习新建、保存、打开图像的操作。

(1)新建一个长300 px、宽400 px、dpi为100 的透明的图像。

(2)在此图像中绘制一个圆,并填充为蓝色。

(3)将此图像保存为1.png文件至D:\。

2. 设置工作环境。

(1)打开1.png文件,利用缩放工具将图像放大,并利用抓手工具查看图像。

(2)还原图像到原始大小,并打开标尺、网络线,然后用引导线将“圆”进行定位。

(3)再次利用缩放工具放大图像,查看引导线是否也随之放大。

(4)将图像以原文件形式保存。请问:图像是否真得放大了?

3. 基本操作题。

打开“和平与自由.jpg”图像文件(效果如图6-1所示)。

图6-1 实验六图片1

(1)将图像文件大小改为“450×320”。

(2)将画布四周略缩小10px。分析:改变文件大小与画布大小的区别?

(3)在图片上加入“和平与自由”文字,要求文字样式新颖、有美感。

(4)将图片以“2.png”和“2.gif”方式保存至D:\。

4. 自行操作题。

打开“小猫.jpg”图像文件(如图6-2所示),要求给此猫点睛,达到“小猫点睛.jpg”图像文件(如图6-3所示)效果。结果保存在D盘,命名为:2.png。

图6-2 实验六图片2 图6-3 实验六图片3

实验7 设计网站CI

一、实验目的

(1)了解什么是矢量图。

(2)使用路径工具来绘制矢量图形。

二、实验软硬件环境

一个正常工作的计算机机房、计算机内已安装Fireworks CS3软件。

三、实验要求

能够绘制矢量图,并进行网站CI创作。

四、实验内容与步骤

为自己设计一个名片,效果如图7-1所示。

图7-1 实验七图片

说明:

(1)整体效果可仿照图7-1。

(2)图7-1最左边为一个CI标志,请读者根据自己特色,创作一个更切合实际的CI标志。

网页设计实验报告

实验报告 课程名称网络技术基础实验项目TCP/IP协议配置实验仪器计算机 系别 专业 班级/学号 学生姓名 实验日期 成绩 指导教师

实验一 TCP/IP协议配置 一、实验目的(标题黑体小四) 1.熟练掌握模板的用法。 2.掌握CSS的用法。 3.掌握网站发布的方法。 二、实验内容 1. 创建和使用模板。 2. css的创建和使用。 3. 发布网站。 三、实验课时 4课时 四、实验步骤 创建网站 1、创建一个站点,并创建 images 文件夹存放图片。将示例图片拷贝至images 目录下 2、创建 CSS 文件,名称为 style.css,将其保存至 style文件夹。 3、创建模板文件 tpl.dwt,并保存。结果如下: (1) 给 tpl.dwt 附加样式表 style.css。 在 tpl.dwt 的空白处点击鼠标右键,选择“附加样式表”: 选择 style.css 文件: 完成后,在 tpl.dwt 的 head标签里有如下的代码: (2) 设置模板的背景颜色。打开 CSS 面板,为 style.css 新建一条 css 规则。过程如 下:

将背景颜色设为#ff1e70: 在 style.css 生成如下的代码: body { background-color: #ff1e70? } 3) 制作布局。插入一 2 行 2 列的表格。表格的宽度=316+634=950,其他的设置:让表格居中对齐。 (4) 消除表格两边的空隙。展开 CSS 样式表,双击 body: 双击 body后,打开“body的 CSS 规则定义”对话框,按照下面的方式设置:Style.css 的代码变为: body { background-color: #ff1e70? margin: 0px? }

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

《网页设计与制作教程》 实 验 指 导 书 班级姓名学号

实验一网页基础知识 一、实验目的 理解网页组成元素。 理解主页、静态网页、动态网页等概念。 了解常见的网页布局。 熟悉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.案例:唐诗欣赏 第一步:使用记事本编写网页“page01.htm l”,实现如图1所示效果。 操作提示:

段落文字 图1 关于唐诗的简单网页效果 第二步:使用记事本将网页“page01.htm l”另存为“page02.htm l”并按下列要求对新网页“page02.htm l”进行编辑,效果如图2所示。 要求: ●标题文字大小用

标记。 ●作者信息文字大小为4,字体为幼圆,颜色为红色。 操作提示:文字 ●古诗文字大小为4,字体为隶书,颜色为蓝色,字体加粗。 ●在作者信息后加一条水平线,居中,水平线宽度为浏览器的50%,水平线的粗细为5像素,颜色为棕色。 操作提示:

Web网页设计实验报告

WEB系统开发 综合实验报告 题目红尘客栈网上订房页面 专业计算机科学与技术(信息技术及应用) 班级计信2班 学生蒋波涛 重庆交通大学 2013年

目录 一、设计目的 (3) 二、设计题目 (3) 三、结构设计 (3) 四、技术分析 (4) 五、设计过程 (7) 六、实验心得 (10) 七、实验总结 (11)

一、设计目的 在Internet飞速发展的今天,互联网成为人们快速获取、发布和传递信息的重要渠道,它在人们政治、经济、生活等各个方面发挥着重要的作用。因此网站建设在Internet 应用上的地位显而易见,它已成为政府、企事业单位信息化建设中的重要组成部分,从而倍受人们的重视。我们当代大学生更是离不开网络给我们带来的好处与便利.但是,我们成天浏览的网站网页到底是如何制作的呢?我想这一点很多同学都没有去深究过.所以,这学期我选择了”web网页设计”这门课, 本课程的设计目的是通过实践使同学们经历网页制作的全过程. 通过设计达到掌握网页设计、制作的技巧。 了解和熟悉网页设计的基础知识和实现技巧。根据题目的要求,给出网页设计方案,可以按要求,利用合适图文素材设计制作符合要求的网页设计作品。 熟练掌握Photoshop cs3、Dreamweaver cs等软件的的操作和应用。增强动手实践能力,进一步加强自身综合素质。学会和团队配合,逐渐培养做一个完整项目的能力。 二、设计题目 《红尘客栈》 三、结构设计 选定主题,确定题目之后,在做整个网站之前对网站进行需求分析。首先,做好需求调研。调研方式主要是上网查阅资料,在图书馆里翻阅相关书籍。 然后,调研结束之后对整个网站进行功能描述,并对网站进行总体规划,接着逐步细化。 我们选做的主题是个人主页,并且选定题目为“红尘客栈”,其目的是做一个简单的网站,介绍酒店概况,提供一定的资讯信息。 四、技术分析 (一)建立布局 在这次的网页设计中用到大量的布局,所以怎么样建立布局是关键。Dreamweaver cs3是大多数人设计网页的称手兵器,也是众多入门者的捷径。特别是其在布局方面的出色表现,更受青睐。大家都知道,没有表格的帮助,很难组织出一个协调合理的页面。 1.点击“ALT+F6”键,进入布局模式,插入布局表格。建立一个大概的布局。 2.使用背景图片:选中该项,按浏览可以插入一幅准备好的图片作为表格的背景,因为图片是以平铺的形式作为表格背景,所以表格大小和图片尺寸都要控制好。 (二)网页中的图像

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

《网页制作与设计》课程实验指导书 第一部分前言 通过上机实验不仅要验证教材和讲课内容,更重要的是能通过上机实训帮助实训者深入了解网页制作与设计的方法,掌握Html语言知识。 第二部分目录 实验1 安装Dreamweaver实训 实验2 Html语言基本标记实训 实验3 用Html语言编写网页实训 实验4 认识超链接实训 实验5 创建带有多种超链接网页实训 实验6 查询并认识CSS样式实训 实验7 网页中应用CSS样式实训 实验8 查询并认识框架网页实训 实验9 框架网页实训 实验10 网站设计实训 第三部分实验内容 实验1 安装Dreamweaver实训 一、实验目的 熟悉Dreamweaver环境;该软件运行环境的配置;简单网页的编写和运行。 二、实验原理 Dreamweaver(把图像、动画、文字链接组合管理)是一个“所见即所得”的可视化网站开发工具。 三、实验条件

四、实验内容 安装Dreamweaver,并在其上运行简单的网页界面。 五、实验步骤 1、安装Dreamweaver (1)、首先双击可打开安装文件,如图1-1所示。 图1-1 准备安装界面 (2)然后等一下,就会看到出现一个图形界面,在点下一步,如图1-2所示。 图1-2 欢迎界面 (3)然后就可以看到一个图形界面,然后点同意,如图1-3所示。 图1-3 安装界面

(4)就可以看到下面的一个安装图形界面,直到有个按扭是完成,如图1-4所示。 图1-4 安装完成界面 2、运行Html页面 (1)打开Dreamweaver8,如图1-5所示。 图1-5 打开Dreamweaver8 (2) 启动后的界面,如图1-6所示。 图1-6 开启界面

网页制作实验报告

网页制作实验报告 页制作实验报告 实验一:站点设置 一、实验目的及要求 本实例是经过“站点定义为”对话框中的“高级”选项卡创建一具新站点。 二、仪器用具 1、生均一台多媒体电脑,组建内部局域,同时接入国际互联。 2、安装windows xp操作系统;建立iis服务器环境,支持asp。 3、安装页三剑客(dreamweaver mx;flash mx;fireworks mx)等页设计软件; 三、实验原理 经过“站点定义为”对话框中的“高级”选项卡创建一具新站点。 四、实验办法与步骤 1)执行“站点\治理站点”命令,在弹出的“治理站点”对话框中单击“新建”按钮,在弹出的快捷菜单中挑选“站点”命令。 2)在弹出的“站点定义为”对话框中单击“高级”选项卡。 3)在“站点名称”文本框中输入站点名称,在“默认文件夹”文本框中挑选所创建的站点文件夹。在“默认图象文件夹”文本框中挑选存放图象的文件夹,完成后单击“确定”按钮,返回“治理站点”对话框。 4)在“治理站点”对话框中单击“完成”按钮,站点创建完毕。 五、实验结果 六、讨论与结论 实验开始之前要先建立一具根文件夹,在实验的过程中把站点存在自己建的文件夹里,如此才干使实验条理化,别至于在实验后寻别到自己的站点。在实验过程中会浮现一些选项,计算机普通会有默认的挑选,最后别要去更改,假如要更改要先充分了解清晰该选项的含义,以及它会造成的效果,否则会使实验的结果失真。实验前先熟悉好操作软件是做好该实验的关键。 实验二:页面图像设置 一、实验目的及要求: 本实例的目的是设置页面的背景图像,并创建鼠标经过图像。 二、仪器用具 1、生均一台多媒体电脑,组建内部局域,同时接入国际互联。 2、安装windows xp操作系统;建立iis服务器环境,支持asp。 3、安装页三剑客(dreamweaver mx;flash mx;fireworks mx)等页设计软件; 4、安装acdsee、photoshop等图形处理与制作软件; 5、其他一些动画与图形处理或制作软件。 三、实验原理 设置页面的背景图像,并创建鼠标经过图像。 四、实验办法与步骤 1) 在“页面属性”对话框中设置页面的背景图像。 2) 在页面文档中单击“”插入鼠标经过图像。 五、实验结果

dreamweaver网页设计实验指导书

网页设计实验指导书 (一)DreamWeaver静态网页制作 第一章网站规划 ................................................................................................... - 3 -第二章Dreamweaver静态网页设计实验 ...................................................... - 8 -实验一在Dreamweaver中建立一个站点.................................................. - 8 -实验二在网页中使用文本........................................................................... - 15 -实验三超级链接的建立............................................................................... - 21 -实验四网页图像的应用............................................................................... - 29 -实验五网页表格操作 ..................................................................................... - 36 -实验六利用表格进行网页布局..................................................................... - 39 -实验七利用层进行网页布局....................................................................... - 48 -实验八行为和图层的应用............................................................................. - 53 -

简单网页制作实验总结报告

《大学计算机基础》 实验报告 专业名称: 电子商务2班 学号: xxxxxxxxxxx 姓名: x x 指导教师: x x 2011年12月24日

目录 第一章网站主题设计说明 (1) 1.1 主题内容 (1) 1.2 设计思路 (1) 第二章网站内容设计 (2) 1.1 链接1标题 (2) 1.2 链接2标题 (2) 1.3 flash制作说明 (2) 第三章网站技术难点 (3) 第四章心得体会..................................... ..... ......................... (4)

第一章网站主题设计说明 1.1 主题内容 (1) 网站主题为“四季の花”,包括春夏秋冬四个季节的比较典型的花朵及有关花的诗句,色彩缤纷,十分艳丽夺目。 1.2 设计思路 (2) 大多网站都设计的关于音乐,影视,购物等非常热门的东西,本站设计的主题是花,能让人们在闲下来的时候看看花,品品诗歌,所以做有关花的网页是个不错的选择。同时,让人们分清楚春夏秋冬都各有什么典型的花。

第二章网站内容设计 1.1链接1标题:春の花 春天是生命的季节,在这个季节里,万物复苏。所以就找了虞美人,桃花,牡丹,以及海棠花来作为春天的代表。同时配有与这些花有关的诗句。 1.2 链接2标题:夏の花 夏天充满了激情与阳光,我找了兰花,荷花,百合花等来代表这个季节,色彩艳丽,十分醒目夺人。 1.3 链接3标题:秋の花 大丽花,菊花,月季和牡丹花都竞相出现在本网页,色彩缤纷,赏心悦目。 1.4 链接4标题:冬の花 蝴蝶兰,水仙,迎春花,梅花是冬季的代表,他们刻画了一副傲立冬天的坚强的姿态。

网页设计实验指导书

网页设计实验指导书 经济与管理学院二零一二年二月

实验一HTML标记的基本语法 一、实验目的和要求 1.熟悉HTML文件的编辑环境; 2.掌握HTML中与文字、图像、页面、表格、表单和框架等的基本标记。 3.学会使用HTML设计出文本与图像相结合的较为复杂的页面。 二、实验内容 1、根据如表1-1所示的表格写出完整的HTML代码; 其中,《网络原理》和《网页设计与制作》课程的详细说明文件分别为该网页所在目录的net.htm和web.htm,需要为表中的书名设置相应的超级链接,以便在点击后可跳转到相应的说明页上。 2、编写出实现如图1-1所示页面效果的关键html代码,要求点击左边各目录项,相应的链接会显示在右下的帧中,并且适当填加特效如:背景图片、图像、动画等(也可自行设计效果)。 图1-1 个人网站首页 3、编写出实现如图1-2所示页面效果的关键html代码,其中各子项目都做了超链接,链接的目标文件自行指定。

图1-2 列表效果图 三、实验步骤 1.打开任何一种文本编辑工具,可以是附件中的记事本,也可以是rontPage/Dreamweaver 的代码窗口。 2.按各种不同标签的语法规则,输入合法的代码。 3.输入完成后保存代码文件,文件后缀为.htm/.html。 4.在IE浏览器中打开保存的文件,看看是否能完成自己想要的设置。 四、程序代码(在实验报告中写出) (1)

网页设计实训报告

湖南科技经贸职业学院计算机科学技术学院实训报告 实训课程:网页设计 班级:计网二班 学号:200903884 姓名:彭论 指导老师:王湘文 提交日期:2010-6-21

前言 至于我为什么选择酒店设计题材,因为本人就是想以后自己能办一个很品牌一点的酒店。 在选择好题目和网站的风格之后,我就进行了分工,希望能在最短的时间内做到最好的效果。接下来的步骤就是准备素材,搜集与主题相关的文字、图像、动画、音乐等资料。再是设计网站的内容结构、目录结构和链接结构,设计首页及其页面的版式结构。然后创建本地网站,建立网站的目录结构。制作首页、创建超级链接。最后就是测试与浏览网页。对于酒店网站的设计,我结合了国内外很多知名品牌酒店的网站页面的设计前沿。取其精华,去其糟粕,在网站内容上删减了很多的在外观上的美,整体讲究整体美和简洁美,对于本网站的设计凝聚了本人长达三个星期的时间,完成网站静态设计后,从总体上对网站动态上进行动态设计,希望本网站能在我们这个年纪的领域有一个很好的炫美。

目录 ?实训目的 (3) ?实训任务 (4) ?实训项目(网页设计思路及详细说明) (5) ?实训中遇到的问题与解决问题的方法 (6) ?实训心得与体会 (7)

一.实训目的 进一步熟悉和掌握网站建设的基本流程和技术规范; 巩固运用Dreamweaver网页制作软件制作网页、特别是制作动态网页的 知识; 巩固运用PhotoShop图像处理软件进行网页中图形制作和运用flash动画 制作软件设计网页中动画的知识; 巩固综合运用Dreamweaver、PhotoShop、flash三个软件完成网站建设任 务的方法,能独立设计一个内容完整、图文并茂、技术运用得当的网站; 具备独立撰写实训报告等科技文件的基本能力; 在网页设计的实践中培养分析问题、解决问题的能力,培养协作、交流 的能力,培养创新能力和团队意识; 为今后从事网站开发、维护和管理奠定基础。

网页设计实训任务书

XXXXXX学院 电子信息学院 课程综合实训任务书 课程名称:_____网页设计与制作________ 学生姓名:________X'X'X___________ 学生学号:_____XXX__________ 专业班级:______X'X'X________ X'X'XX年X'X月X'X日 XXXXXX教务办公室制

说明 1、课程设计任务书由实训指导老师制定,具体任务内容、目标、要求及安排、评定标准由各专业教研室及指导老师共同制定。 2、任务书中具体内容可根据实际课程情况进行调整,但各要素必须齐全,并在实训前将任务书电子档发给学生。 3、学生实训完成后必须填写此任务书,其中具体设计过程及结果必须将设计过程用文字的形式详细填写清楚,并将最终作品附在此任务书中。 4、此任务最终由指导老师统一评定成绩后交教务办公室。

《网页设计与制作》课程综合实训组织方案 2011级软件专业 一、网页设计与制作课程实训目的 网站设计与制作是一门实践性很强的课程,本课程设计是学生完成本课程教学计划的一个重要的教学环节,是对学生综合运用所学的理论知识,解决实际问题能力的一次检验与测试。 通过本次课程设计,要求学生对网站规划、设计与制作有比较全面的认识,了解小型综合网站的开发步骤,熟练掌握网站的规划与建设的过程、方法、技巧,掌握网站建设行业的相关标准与制作规范,让学生经历一次开发应用的实际训练。从而达到提高学生的开发能力和动手能力的目的,培养学生严肃、认真、严谨的职业素养。 二、网页设计与制作课程实训具体内容 黄冈职业技术学院电子信息学院网站规划与设计 三、课程实训具体要求 1、了解网站的软、硬件平台,会发布和维护一个实际的网站,学会设计和制作网站,包括完成设计报告。 2、能够独立使用相关工具(Macromedia DreamWeaver、HTML、CSS、Adobe Photoshop、flash等)熟练制作网页。 3、尽量运用业界默认的网站开发规范,努力使自己的站点专业化。 4、主题为黄冈职业技术学院电子信息学院网站规划与设计。主题突出、鲜明。至少二层结构,页面总数不得少于6个。 5、必须使用CSS,整体布局不能使用table标签,主页下方写明自己详细信息(年级、专业、学号、姓名等)。 6、主页名称保存为index.html,路径保存在站点根目录下,图片保存在根目录下images 文件夹中。 7、课程设计前必须上交网站规划书电子档,课程设计结束后必须上交课程设计任务书及作品电子档。 8、设计好的站点必须经压缩之后再上传到任课老师指定位置,压缩后的文件大小不许超过10 兆(10M)。不经压缩上传作业,一律视为无效。 9、压缩后文件名格式要求:年级专业+学号+姓名,例如:XXX班00011 张三。 10、设计完毕后,准备5分钟左右的答辩说明,向课程设计评分小组介绍自己的作品主题、设计方法及作品特色。

简单网页设计实验总结

简单网页设计实验总结 引导语:写总结,必须实事求是,事实要准确,不能报喜不报优,不要夸大其词。下面是小编为大家精心整理的关于简单网页设计实验总结范文,欢迎阅读! 简单网页设计实验总结一:站点设置本实例是通过“站点定义为”对话框中的“高级”选项卡创建一个新站点。 1、生均一台多媒体电脑,组建内部局域网,并且接入国际互联网。 2、安装windows xp操作系统;建立iis服务器环境,支持asp。 3、安装网页三剑客(dreamweaver mx;flash mx;fireworks mx)等网页设计软件; 通过“站点定义为”对话框中的“高级”选项卡创建一个新站点。 1)执行“站点管理站点”命令,在弹出的“管理站点”对话框中单击“新建”按钮,在弹出的快捷菜单中选择“站点”命令。 2)在弹出的“站点定义为”对话框中单击“高级”选项卡。 3)在“站点名称”文本框中输入站点名称,在“默认文件夹”文本框中选择所创建的站点文件夹。 在“默认图象文件夹”文本框中选择存放图象的文件夹,

完成后单击“确定”按钮,返回“管理站点”对话框。 4)在“管理站点”对话框中单击“完成”按钮,站点创建完毕。 实验开始之前要先建立一个根文件夹,在实验的过程中把站点存在自己建的文件夹里,这样才能使实验条理化,不至于在实验后找不到自己的站点。 在实验过程中会出现一些选项,计算机一般会有默认的选择,最后不要去更改,如果要更改要先充分了解清楚该选项的含义,以及它会造成的效果,否则会使实验的结果失真。 实验前先熟悉好操作软件是做好该实验的关键。 简单网页设计实验总结二:页面图像设置1、生均一台多媒体电脑,组建内部局域网,并且接入国际互联网。 2、安装windows xp操作系统;建立iis服务器环境,支持asp。 3、安装网页三剑客(dreamweaver mx;flash mx;fireworks mx)等网页设计软件; 4、安装acdsee、photoshop等图形处理与制作软件; 5、其他一些动画与图形处理或制作软件。 设置页面的背景图像,并创建鼠标经过图像。 1) 在“页面属性”对话框中设置页面的背景图像。 2) 在页面文档中单击“”插入鼠标经过图像。 实验结束后我们可以看到页面的背景变成了我们插入

《网页设计与制作基础》实验指导

实验一网页的认识 实验目的 1、掌握利用Internet进行信息游览、搜索,下载网页、图片、文字和文件; 2、利用记事本来编辑HTML文档并浏览; 3、熟悉HTML基本标记的使用。 实验环境 WindowsXP操作系统,内部组成局域网,外连Internet互联网。 实验重点及难点 ◆熟悉HTML的结构、语法。 ◆熟悉HTML基本标记的使用。 实验内容 1、从网上(如网页制作大宝库https://www.doczj.com/doc/687957089.html,等)下载网页制作时需要的小图片、 动画及flash等网页制作素材。 2、收集你认为比较好的网页并从网页主题、网页内容、结构布局、色彩搭配等方面来分析 网页。 3、通过浏览新浪网站主页分析其网页基本元素,查看其源代码,收藏到收藏夹中,将其设 为主页。 4、制作一个简单的网页sy1-1.html,用记事本编辑,网页标题为“熟悉HTML文档的结构”, 内容为司空曙的《江村即事》,如下图所示。 5、通过附录1的练习熟悉HTML基本标记的使用。(可参考第二章内容)

实验二 Dreamweaver基本操作(一) 实验目的 1、熟悉Dreamweaver的工作环境并了解本地站点的建设和管理; 2、熟悉网页文件的基本操作; 3、熟练掌握在网页文件中文本、图像、超链接的添加和设置。 实验环境 WindowsXP操作系统,Dreamweaver CS3软件,内部组成局域网,外连Internet互联网。实验重点及难点 ◆文字的插入及设置。 ◆图像的插入及设置。 ◆各种超链接的创建。 实验内容 1、使用Dreamweaver建立一个本地站点并命名为“Dreamweaver基本操作”,包含以下几 个文件和文件夹:图片文件夹(images);音乐文件夹(sound)等。 2、在站点“Dreamweaver基本操作”中新建一个名为sy2-1.html的网页文件,从提供的网 页原始素材中把相关文字复制到该网页文件中,并进行适当的文字设置,结果如下图所示。 3、在站点“Dreamweaver基本操作”中对网页sy2-1.html按如下要求进行编辑并另存为 sy2-2.html,效果如图所示。 ●标题文字大小用

标记; ●作者信息文字大小为24像素,字体为幼圆,颜色为红色; ●古诗文字大小为24像素,字体为隶书,颜色为蓝色; ●在作者信息后加一条水平线,居中,水平线宽度为浏览器的30%,水平线的粗细为20 个像素,颜色为棕色;

网页设计与制作实验指导书

网页设计与制作实验指导书 主编教师:李显萍 吉林省经济管理干部学院国际商务系 2007年9月

实验一网页设计基础实验 一、实验目的 1.掌握商务网站设计的基本原则、网站及网页的基本风格与基本构图特点; 2.熟悉页面排版,掌握网页布局的方法。 二、实验内容 1.上网访问实际若干电子商务网站,了解各网站的风格(主题图形形象、导航是否清晰,整体色调的搭配是否协调,主题是否突出等)。 2.在网上找出下列版面布局的结构形式: ⑴.“T”结构布局 ⑵.“口”型(“国”字型)布局 ⑶.“三”型布局 ⑷.对称对比布局 ⑸.POP布局 3.找出使用大色块和抽象线条构图风格的网站(至少各2个); 4.使用电脑中的图片工具(Photoshop)把不同图片转换为.JPG或.GIF格式,比较两种图片格式的区别。 三、实验步骤与要求 按“实验内容”中1~4完成网上的操作,完成实验报告,在实验报告中要求记录如下内容: ⑴.所访问各商务网站的风格及特点; ⑵.各种版面布局网站的域名和所采用的版面布局形式; ⑶.使用大色块和抽象线条构图风格网站的域名和所采用的构图形式; ⑷.10个国内外著名企业或商务网站主页上的宣传标语或体现企业精神的代表性词句。 四、说明: 1、所有实验环节均由每位学生独立完成,严禁抄袭他人实验结果,若发现有结果雷同者,按实验课考核办法处理。 2、存成doc文件和html文件,上传到教师机D:\zuoye目录下

实验二建立站点(2学时) 一、实验目的: (1)熟悉DreamWeaverMX的界面及其操作 (2)熟悉使用DreamWeaverMX建立站点,理解本地站点和远程站点的概念 二、实验内容 本实验的内容主要是制作一个“我最喜欢的歌曲”的站点,它包括一个用来描写自己喜欢的歌曲的介绍的简单主页和若干介绍单个歌曲的网页。 三、实验步骤与要求 实验前认真预习,熟练掌握有关概念和知识。实验过程中记录发生的现象并分析原因。实验完毕将所有文件打包交给老师,并保存设计结果供下一个实验使用。 (1)打开DreamWeaverMX,熟悉整个界面,尝试打开、关闭各种面板、视图、工具栏。使用参数设置把常用的快捷图标添加到状态栏。 (2)规划站点(导航结构请遵循本实验的要求),然后新建站点,将站点所在文件夹命名为自己名字的汉语拼音,设计站点的结构。 (3)在站点中添加若干个网页,将其中的一个命名为index.htm并设置为主页。 (4)打开站点管理器,熟悉站点管理的界面,了解网站地图。 (5)将各个网页依次打开,进行编辑,页面中要有文字、图片、背景等网页元素。 (6)浏览各个网页的实际效果。 四、说明: 1、所有实验环节均由每位学生独立完成,严禁抄袭他人实验结果,若发现有结果雷同者,按实验课考核办法处理。 2、将站点文件夹上传到教师机D:\zuoye目录下

网页设计实验指导书

网页设计实验指导书 经济与管理学院二零一一年二月

实验一网页设计基础实验 一、实验目的和要求 1、了解网站的相关知识,IP地址、域名、主页空间等。 二、实验内容和步骤 1.IP地址的申请 (1)了解IPV4地址申请步骤 (2)查询学校主页的IP地址信息202.119.136.0 (3)https://www.doczj.com/doc/687957089.html,/index/0D/index.htm 查询到学校的IP地址段范围、单位、通信地址、联系人等信息 2、域名信息查询 (1)https://www.doczj.com/doc/687957089.html,/index/0A/index.htm 查询到相关的域名状态、域名联系人、注册日期等相关信息。 3、域名注册 (1)https://www.doczj.com/doc/687957089.html,/

三、实验报告要求 按“实验内容和步骤”完成1~4的网上操作,在实验报告中要求记录如下内容:1.IP地址的申请步骤,及查询学校的IP地址得到的信息; 2.查询任一域名地址,记录相关信息; 3.写出域名地址的申请步骤; 4.浏览所列出的几种类型的风站,说明这些网站所包含的主要信息。 四、实验心得体会 主要包括在实验过程中学到了哪些东西;遇到了哪些困难,又是如何解决的;还有什么问题没有解决,分析其原因。 说明: 所有实验环节均由每位学生独立完成,严禁抄袭他人实验结果,若发现有结果雷同者,按实验课考核办法处理。

实验二HTML标记的基本语法 一、实验目的和要求 1.熟悉HTML文件的编辑环境; 2.掌握HTML中与文字、图像、页面、表格、表单和框架等的基本标记。 3.学会使用HTML设计出文本与图像相结合的较为复杂的页面。 二、实验内容 1、根据如表2-1所示的表格写出完整的HTML代码; 课号课程名学分 1002201 《网络原理》 6 1003302 《网页设计与制作》 5 1003507 《管理学原理》 5 其中,《网络原理》和《网页设计与制作》课程的详细说明文件分别为该网页所在目录的net.htm和web.htm,需要为表中的书名设置相应的超级链接,以便在点击后可跳转到相应的说明页上。 2、制作一个如图2-2样式所示的个人网站首页,要求点击左边各目录项,相应的链接会显示在右下的帧中,并且适当填加特效如:背景图片、图像、动画等。 图2-1 个人网站首页 三、实验步骤 1.打开任何一种文本编辑工具,可以是附件中的记事本,也可以是 FrontPage/Dreamweaver的代码窗口。 2.按各种不同标签的语法规则,输入合法的代码。 3.输入完成后保存代码文件,文件后缀为.htm/.html。

网页设计实验报告 实验一

昆明理工大学信息工程与自动化学院学生实验报告 (201 —201 学年第一学期) 课程名称:Web设计技术开课实验室:年月日年级、专业、班学号姓名成绩 实验项目名称网页设计简介、HTML基础介绍、文字与 段落、列表指导教师 教师 评语教师签名: 年月日 注:报告内容按实验须知中七点要求进行。 一.打开记事本,编写第一个页面。 (1)打开记事本:单击“开始”→“程序”→“附件”→“记事本”。 (2)输入下面代码: 欢迎你! 我的朋友. 当你进入HTML编程世界的时候,你的
感觉是全新的!
(3)单击“文件”→“选择”→“保存”菜单项,选择文件类型为“所有文件”,文件名输入“index.html”并选择文件保存地址(记住一定要把文件的后缀存为.html或.htm,否则网页无法显示)。 (4)用浏览器打开这个文件,看看效果吧! 二.用HTML语言编写符合以下要求的文档:标题为“班级主页”,在浏览器窗口用户区显示“欢迎来到我们的班级主页”,完成后效果如图: 代码: 班级主页 欢迎来到我们的班级主页

《网页设计与制作》-实训指导书

目录 实训1 站点创建 实训2 搜集素材 实训3 用表格设计主页布局 实训4 在主页制作中插入文本操作 实训5 在主页制作中插入图像操作 实训6 在主页制作中超级的设置 实训7 制作动感网页 实训8 表单制作 实训9 CSS样式表的使用 实训10 JavaScript技术 实训11 应用行为 实训12 利用框架制作“公司简介”网页 实训13 利用布局表格制作“新书推介”网页实训14 模板和库的使用 实训15 利用层的布局制作“技术支持”网页实训16 网页设计与管理 实训17 开发综合实训

实训1 站点创建 实训目的 为了让学生能熟练掌握创建站点的方法,掌握设置网页的页面属性,掌握创建目录结构、栏目文件夹、网页文件的基本操作方法。 实训环境 硬件环境:考核用机为奔腾以上兼容机,存不少于 32M ,最好 64M 或128M ;硬盘不小于 500M ; VGA 彩显,带鼠标器。 操作系统:Windows95/98/me/2000/XP 软件环境:Dreamweaver MX 2004 特殊要求:必须将IIS配置好,能正常进行WEB浏览 素材准备 准备制作网页所需的文字素材。 实训课时 2学时 实训容 创建站点: 创建目录结构: 创建栏目文件夹: 创建网页文件: 掌握设置网页的页面属性 实训要求 要求学生能掌握如何创建站点,正确创建目录结构及栏目文件夹,创建主页文件index.htm,并正确命名,掌握设置网页的页面属性的方法。 实训步骤 1、在E盘中新建本地根文件夹,命名为bookman,并在该文件夹中新建image 文件夹以存放中所要用到的图片。 2、定义站点:设置 "站点名称",命名为 "博客人";设置本地根文件夹,指定为E盘下的bookman文件夹;设置 "HTTP地址"为localhost。

沈阳大学网页设计实验指导书

《网页设计》 实验指导书 刘伟杰编 沈阳大学信息工程学院

目录 实验一:基本网页开发工具的使用方法........................... 错误!未定义书签。实验二:XHTML基础.. (4) 实验三:网页样式表CSS (6) 实验四:表单设计 (7) 实验五: VBScript脚本语言.................................................... 实验六:网页图形处理工具...................................................... 实验七: Dreamweaver 的使用................................................... 实验八: Flash的使用......................................................... 实验九: ASP动态网站开发技术................................................. 实验十:综合网站设计..........................................................

课程编号:课程类别:专业选修 适用层次:本科适用专业:电子、电信、通信工程 课程总学时:48 适用学期:第7学期 实验学时: 24 开设实验项目数:10 撰写人:刘伟杰审核人:刘天惠教学院长:范立南实验一:基本网页开发工具的使用方法 一、实验目的与要求 1 了解Internet和WWW的功能。 2 掌握IE浏览器的使用。 3 初步认识常用的网页制作软件及工具。 二、实验类型 验证型 三、实验原理及说明 1.浏览器的种类很多,常用的是微软公司的IE 浏览器。图1是IE浏览器的空白页窗口,由标题栏、菜单栏、工具栏、地址栏、浏览器窗口和状态栏组成。 图1. IE浏览器的空白页窗口 2 常用的网页制作工具及软件。如:记事本、FrontPage、Dreamweaver等。 四、实验仪器 序号名称主要用途 PC软件类内容设计

Dreamweaver网页设计实验报告

实验报告 专业XXXXXX 班级XX 班 学号XXXXXX 姓名XXX 报告完成日期2012-12-26 指导教师XXX 评语: 成绩: 批阅教师签名:批阅时间:

一、制作时间 2012年12月18日至2012年12月26日。 二、实习内容 1、使用Dreamweaver制作网站,该网站为福建工程学院网站 2、网站不少于8个页面,主页和各模块相关页面; 3、页面中包含文字、图片; 4、使用CSS实现网页相关页面设置,要求在实现网页内能够显示文字,图片等信息; 5、使用网页浏览器进行网站测试。 三、实习环境 1、硬件环境:计算机一台; 2、软件环境:Dreamweaver cs4; 3、测试环境:IE、firework等网页浏览器。 四、网站总体设计 1、网站主题 本网页是以福建工程学院网站为主题,针对不同的年龄阶段的人给出了不同的学院的信息。 2、设计思路 首先构思了基本网页的布局,主页采取了常用的1-(1+1+1),附页采用了1-(1+1),上了多个网最后决定参照福建工程学院的官方网站进行制作,但是布局并不相同素材取自福建工程学院官方网站,部分图片取自百度,网站包括1个主页7个子页,子页包含了所有的学校状况,分别为:学校简介、现任校领导、教学机构、管理机构、校纪校训校歌、校园风光、新校区建设;采用了较难的二级菜单和 JVAV技术实现导航栏上面的图片进行4张轮播。 五、制作步骤 1.首先确定网页的主题后,从网上查看各名校的网站,并从中寻找思路开始做 网页。经过长时间的浏览,最终选择福建工程学院作为参照(网址:https://www.doczj.com/doc/687957089.html,)

web动态网页设计实验报告

武汉理工大学华夏学院课程设计 课程名称web技术应用基础 题目在线图书销售系统的设计 专业计算机应用 班级计应1091 姓名 学号10210409126 指导教师库少平

利用已经学习的动态网页知识和数据库知识进行一个综合练习。整个设计过程中采用由点到面的方法即根据体系规划及课程系统规划的要求利用各种工具方法制作各子系统的原型系统然后测试分析原型系统最后根据原型系统的风格框架等完成网络考试的全部内容。根据需要利用ASP、SQL SEVER等技术使用数据库完成交互式模块的设计。基本信息管理包括用户管理员义工等对于此类信息提供了添加修改删除查看等四种功能 二、课程设计要求: 需要我们实现的功能有: 1、系统的用户登录及身份验证要求。 a)系统用户注册 b)验证用户的注册信息 c)系统用户进入系统时身份验证 d)系统用户在不同页面浏览时的身份验证 2、在线图书销售系统要求。 a)允许用户浏览所有图书 b)允许用户按图书种类进行查找 c)允许用户购买自己喜欢的图书 d)允许用户对购物车进行管理 e)系统实现订单的处理 f)系统完成整个购物流程 3、图书销售系统的管理子系统要求。 a)对管理员的身份进行验证 b)对数据库中的图书信息进行管理 c)对数据库中的用户信息进行管理 d)对数据库中的订单信息进行管理

3.1需求分析 本系统设计的主要实现网上图书产品的展示与在线定购以及对不同身份的人员包括管理人员,注册用户和普通浏览者进行管理。图书产品展示能分页分类进行显示。系统采用ASP在网络上架构一个网上的书店,通过网上书店可以轻松实现图书信息的查询和采购。 3.2模块设计 3.2.1 SQL数据库的创建 创建一个空数据库,然后编辑数据表的内容在动态网页面中,一般应用这种方式。

【学习】《网页设计与制作》实验指导书

《网页设计与制作》实验指导书 电子商务系编写 2014年5月

一、实验说明 本实验指导书是根据河南工业大学管理学院《网页设计与制作》课程本科教学大纲,针对电子商务专业学生设计的上机实验指导书。学生在实验前应仔细阅读本上机实验指导书,以辅助课程的理论学习。 (一)实验的地位、作用 《网页设计与制作》是一门实践性较强的课程,开设实验课有助于学生加深对本课程相关技能的掌握,掌握利用HTML语言编写网页的能力、利用CSS+DIV 制作网页的能力、利用JavaScript编写网页动态效果的能力,开设实验课对学习好本课程非常必要。 (二)实验开设对象 本实验开设对象为学习《网页设计与制作》课程的本科生,实验为必修内容。 (三)实验简介 《网页设计与制作》课程共包含3个实验共计6学时,为保证学生在每次上机实验中有较充裕的时间,取得较好的实验效果,本实验指导书共设计了3个实验。分别为“HTML语言实验”、“FireWorks和CSS实验”与“JavaScript实验”。 (四)指导教师 实验由《网页设计与制作》的任课教师负责,实验室人员配合指导。在每次实验前指导教师应讲清实验目的与要求,实验的基本步骤、实验注意事项以及实验报告的具体内容等,并指导学生在规定的时间内完成相应的实验项目。 (五)实验设备配置 在局域网环境中,每人配置1台电脑,电脑要求安装FireWorks软件。 (六)考核与报告 1.实验后,学生将实验过程和结果等内容写出实验报告,应符合实验教学的要求,并得到指导教师认可。 2.指导教师对每份实验报告进行审阅、评分。 3.实验课的成绩记入课程平时成绩。

实验一:HTML语言实验 一、实验目的 1、掌握利用HTML语言编写网页的能力; 2、掌握利用HTML语言编写表格的能力; 3、掌握利用HTML语言编写表单的能力。 二、实验课时 2学时 三、实验内容 1、在记事本中利用HTML语言编写如下图所示的表格,注意单元格中文字的对齐方式和背景颜色。 2、在记事本中利用HTML语言编写如下图所示的表单,其中,下拉菜单有三项:郑州、洛阳、开封,性别中女为默认值,爱好中足球为默认值。 四、实验报告 按照实验内容要求进行实验,并将实验的结果(即网页源代码)整理写入实验报告。

相关主题
文本预览
课程表
课号
课程名
学分
1002201
《网络原理》
6