HTML CSS上机实验指导书网页设计实验指导

南阳理工学院

HTML+CSS上机实验指导书

（2011版）

软件学院·.NET教研室

2011.8

实验一熟悉HTML网页如何手工制作 (3)

实验二熟悉HTML网页和各种标签 (3)

实验三熟悉使用DREAMWEAVER制作HTML网页的方法 (4)

实验四列表标签和超链接标签 (4)

实验五网页表格的制作 (5)

实验六网页表单的制作 (5)

实验七熟悉CSS基本结构一 (6)

实验八熟悉CSS基本结构二 (6)

实验九熟悉CSS基本结构三 (7)

实验十熟悉CSS基本结构三 (7)

实验十一熟悉DREAMWEAVER使用（一） (8)

实验十二熟悉DREAMWEAVER使用（二） (9)

实验一熟悉HTML网页如何手工制作

【实验目的】

熟悉HTML的基本结构和常用标记，使用记事本编写网页文件。

【实验内容】

建立一个简单的HTML文件，并输入相应的内容，要求使用相应标签对网页内容进行排版。排版中涉及到的标签包括：标题标签、字体标签、分段标签等。【实验步骤】

1、打开记事本程序，编写网页的基本结构

2、对网页进行编辑，输入文本内容，并用相应的标签对文本内容进行排版设置

3、将文件保存为*. Html

4、用浏览器打开所保存的网页文件，在浏览器中显示效果

5、根据结果重新调整原代码

6、重复步骤4，步骤5

实验二熟悉HTML网页和各种标签

【实验目的】

熟悉HTML的基本结构和常用标记，使用记事本编写网页文件。

【实验内容】

建立一个简单的HTML文件，并输入相应的内容，要求使用相应标签对网页内容进行排版。

进一步，向网页中加入图片，使用相应标签对网页进行美化。网页美化中涉及到的标签包括：图像标签、超链接标签等。

【实验步骤】

1、打开记事本程序，编写网页的基本结构

2、对网页进行编辑，输入文本内容，并用相应的标签对文本内容进行排版设置

3、将文件保存为*. Html

4、用浏览器打开所保存的网页文件，在浏览器中显示效果

5、根据结果重新调整原代码

6、向网页中加入图片，利用相应标签对图片进行设置，达到美化网页效果

7、重复步骤4，步骤5

实验三熟悉使用Dreamweaver制作HTML网页的方法

【实验目的】

熟悉使用Dreamweaver制作HTML网页的方法

【实验内容】

使用Dreamweaver建立一个站点，然后建立简单的HTML文件，并输入相应的内容，要求使用相应标签对网页内容进行排版，同时注意掌握Dreamweaver 的使用方法。

【实验步骤】

1、打开Dreamweaver程序，建立站点，新建一个网页文件

2、对网页进行编辑，输入文本内容，并用相应的标签对文本内容进行排版设置

3、将网页文件保存，注意查看文件所在位置

4、按F12键，使用浏览器打开所保存的网页文件，在浏览器中显示效果

5、根据结果重新调整原代码

6、向网页中加入图片，利用相应标签对图片进行设置，达到美化网页效果

7、重复步骤4，步骤5

实验四列表标签和超链接标签

【实验目的】

掌握网页中列表标签和超链接标签的使用方法

【实验内容】

通过编写代码和可视化两种方式进行练习

建立一个基本的HTML文件

设计网页中列表标签

设计网页中的超链接标签

【实验步骤】

1、打开Dreamweaver程序，建立站点，新建一个网页文件

2、对网页进行编辑，输入文本内容，并用相应的标签对文本内容进行试验内容要求的设置

3、将网页文件保存，注意查看文件所在位置

4、按F12键，使用浏览器打开所保存的网页文件，在浏览器中显示效果

5、根据结果重新调整原代码

6、向网页中加入图片，利用相应标签对图片进行设置，达到美化网页效果

7、重复步骤4，步骤5

实验五网页表格的制作

【实验目的】

掌握网页中表格的制作方法

【实验内容】

建立一个基本的HTML文件

网页中表格

设置单元格合并

【实验步骤】

1、打开记事本程序，编写网页的基本结构

2、用

、、

等标签在网页中建立相应的表格

3、改变表格中border、width、height等属性

4、文件保存为*. Html

5、浏览器打开所保存的网页文件，显示修改后的效果

6、根据结果重新调整源代码

实验六网页表单的制作

【实验目的】

掌握网页中表单的制作方法

【实验内容】

建立一个基本的HTML文件

网页中表单制作

设置各种表单控件

【实验步骤】

1、打开记事本程序，编写网页的基本结构

2、利用

标签在网页中插入表单，制作一个调查问卷表，该表单主要包括单行文本框，单选钮、复选框，选择下拉框、文本域等表单元素

3、文件保存为*. Html

4、浏览器打开所保存的网页文件，显示修改后的效果

5、根据结果重新调整源代码

实验七熟悉CSS基本结构一

【实验目的】

了解CSS的基本结构

掌握在网页中加入CSS的方法

【实验内容】

练习CSS的三种使用方式：外部样式表的使用、内部样式表的使用、内嵌样式的使用

【实验步骤】

1、打开记事本程序，编写网页的基本结构

2、编写一段CSS代码

3、使用三种不同的方法将编写的CSS代码加入网页中

4、浏览器打开所保存的网页文件，检验是否成功将CSS加入网页中

5、根据结果重新调整源代码

实验八熟悉CSS基本结构二

【实验目的】

掌握CSS的布局方法

【实验内容】

练习CSS的三种使用方式：外部样式表的使用、内部样式表的使用、内嵌样式的使用

利用Div+CSS方法对网页进行布局

【实验步骤】

1、打开记事本程序，编写网页的基本结构

2、编写一段CSS代码

3、使用三种不同的方法将编写的CSS代码加入网页中

4、浏览器打开所保存的网页文件，检验是否成功将CSS加入网页中

5、根据结果重新调整源代码

6、重新建立一个网页

7、向网页中插入三个Div标签，结合CSS实现定位

8、文件保存为*. Html

9、浏览器打开所保存的网页文件，显示修改后的效果

10、根据结果重新调整源代码

11、根据结果重新调整源代码

实验九熟悉CSS基本结构三

【实验目的】

掌握CSS中设置背景的方法

【实验内容】

练习CSS的三种使用方式：外部样式表的使用、内部样式表的使用、内嵌样式的使用

编写CSS代码，对网页的背景进行设置，设置网页的背景图片

【实验步骤】

1、打开记事本程序，编写网页的基本结构

2、编写一段CSS代码

3、使用三种不同的方法将编写的CSS代码加入网页中

4、浏览器打开所保存的网页文件，检验是否成功将CSS加入网页中

5、根据结果重新调整源代码

6、编写相应的CSS代码，将网页的背景颜色分别设置为红色、绿色、

蓝色

7、文件保存为*. Html

8、浏览器打开所保存的网页文件，显示修改后的效果

9、根据结果重新调整源代码

10、重新建立一个网页

11、编写CSS代码，为网页添加背景图片，使图片不平铺

12、修改CSS代码，使图片在水平方向平铺

13、修改CSS代码，使图片在垂直方向平铺

14、修改CSS代码，使图片同时在水平和垂直方向平铺

15、文件保存为*. Html

16、浏览器打开所保存的网页文件，显示修改后的效果

17、根据结果重新调整源代码

实验十熟悉CSS基本结构三

【实验目的】

掌握CSS中设置字体和文本样式的方法

【实验内容】

练习CSS的三种使用方式：外部样式表的使用、内部样式表的使用、内嵌样式的使用

编写CSS代码，对网页的字体和文本样式进行设置

【实验步骤】

1、打开记事本程序，编写网页的基本结构

2、编写一段CSS代码

3、使用三种不同的方法将编写的CSS代码加入网页中

4、浏览器打开所保存的网页文件，检验是否成功将CSS加入网页中

5、根据结果重新调整源代码

6、向网页中插入一段文字

7、编写相应的CSS代码，对文本字体进行设置，分别将其设置为“Times

New Roman”、“宋体”、“黑体”

8、修改CSS代码，对字体大小进行设置

9、修改CSS代码，设置文本段落缩进

10、修改CSS代码，设置文本对齐方式，分别将文本设置为左对齐、

右对齐、居中对齐

11、文件保存为*. Html

12、浏览器打开所保存的网页文件，显示修改后的效果

13、根据结果重新调整源代码

实验十一熟悉Dreamweaver使用（一）

【实验目的】

掌握Dreamweaver的基本使用方法

掌握在Dreamweaver创建站点的方法

掌握在Dreamweaver中添加页面元素的方法

【实验内容】

在本地磁盘建立文件夹，在此基础上利用Dreamweaver建立自己的站点，并为站点设置主页文件，进而向主页中添加文本、图像、超链接等元素。

【实验步骤】

1、在本地磁盘建立“newsite”文件夹

2、启动Macromedia Dreamweaver 8

3、利用Dreamweaver 8将“newsite”文件夹设置为站点

4、建立站点首页index.html

5、对首页进行编辑，向其中添加文本、插入图像、超链接，并设置相应的格式

6、文件保存为*. Html

7、浏览器打开所保存的网页文件，显示修改后的效果

8、根据结果重新调整源代码

实验十二熟悉Dreamweaver使用（二）

【实验目的】

掌握在Dreamweaver中使用表格的方法

掌握在Dreamweaver中使用表单的方法

掌握在Dreamweaver中使用CSS的方法

【实验内容】

在Dreamweaver中建立基本HTML页，分别向其中插入表格、表单，并对其格式进行设置；利用CSS样式面板对网页进行美化。

【实验步骤】

1、在本地磁盘建立“newsite”文件夹

2、启动Macromedia Dreamweaver 8

3、建立基本HTML页

4、对页面进行编辑，向其中添加表格，对表格属性进行设置

5、向页面中加入表单，进而向表单中添加单行文本框，单选钮、复选框，选择下拉框、文本域等表单元素

6、利用CSS样式面板对网页中的文本内容进行设置，包括设置字体、字体大小、网页背景颜色等

7、文件保存为*. Html

8、浏览器打开所保存的网页文件，显示修改后的效果

9、根据结果重新调整源代码

网页设计实验报告

实验报告课程名称网络技术基础实验项目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像素，颜色为棕色。操作提示：

网页设计与制作构思

网页设计与制作构思姓名：刘海梅学号：20080514106 专业：08级电子商务首先是网页的整体布局：因为是网页的自我介绍，所以采用了最简单的格式来布局。网页的左边用的是文字的介绍，右边就是自己的图片，将文字和图片结合起来能更形象的展现自己。其次，网页整体是体现一个人的风格和思想，展现一个人的想法。而我想要突出的是一种希望，一种追求，一种宁静的生活，在漫无边际的黑夜，有着几颗明亮的星星，天空显得很宁静，但是当黑夜过后，黎明回来到，也就是一种希望，所以我选择的是黑色的背景颜色，然后添加了满天星星的小程序。然后是自我介绍，自我介绍采取的是渐进的方式，跟着读者的眼球一点一点的往下播放，这个也是我自己根据一些小程序改编的。在自我介绍小面有一首谜底，因为自己喜欢和别人交流，所以是谜底的最后一句话添加了邮件地址，访问者可以点击“想知道答案”然后发

送邮件给我和我交流。网页的开头我设定了时间日期，时间会根据系统自己来调节。右边是我自己的照片，照片我用photoshop进行了色彩的调整，使其和网页的背景相符合。照片上面是一句“梦想随心飞”的动态图案，这句话是体现我的思想，就是有梦想是很好，但是心要向着梦想的方向努力，才能实现自己的梦想。在照片的下面插入了一个表格，分成3行，分别讲了有关于爱情、星座、神话的一些小故事，这些我添加了想左滚动的代码，使文字有序的向左滚动，并调整了滚动的次数、滚动速度等等，加入这些小故事也体现了我的个人爱好，在平时的生活中自己喜欢收集一些小故事，所以拿出来和大家一起分享，也体现对美好事物的追求。自己的照片也是一个超链接，链接到我的另一个网页“梦幻世界”，讲的是一个很唯美的小故事。在主页网站的下面有几张图片，这是为了使网页看起来不那么沉闷，可以说是为了美化网页添加上去的。这几张图片都是我精心挑选的，其中有动态有静态的图片，动态图片“很不错哦，支持一下”是希望大家喜欢我的网页，同时也是对自己的鼓励，希望自己努力！最后，在网页底部图片的上面添加了超链接“返回”，这是为了能很快的返回寝室的主页。我的个人介绍网页大体就是这样根据自己的思路而一步一步来展现的，其中的文字、图片都是经过自己的思考和挑选的，这样才能体现出我自己的想要表达的思想和自己喜欢的一些事物。

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

《网页制作与设计》课程实验指导书第一部分前言通过上机实验不仅要验证教材和讲课内容，更重要的是能通过上机实训帮助实训者深入了解网页制作与设计的方法，掌握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 开启界面

网站设计与制作试卷和答案

第一部分应知考试题库 2.1.2网页制作基础 1．填空题（1）网页一般分为（）网页和（）网页。（2）HTML是（）的缩写，意思为（）。（3）网页主要由（）、（）、（）、超链接等基本元素构成。（4）常用的制作网页的专门工具有（）和（）。（5）如果属性面板被隐藏了，可以通过执行（）菜单下的“属性”命令来打开。2．选择题（1）下面文件属于静态网页的是______。（2）属于网页制作工具的是______。 A.photoshop B.flash C.dreamweaver D.cuteFTP （3）用于调整编辑窗口中被选中元素的属性的面板是_____ A.插入面板 B.属性面板 C.设计面板 D.文件面板（4）在网页中经常用的两种图像格式是_______。 A.bmp和jpg B.gif和bmp C.png和bmp D.gif和jpg （5）下列说法正确的是_____。 A.动态网页使用应用程序解释器但不使用后台数据库 B.动态网页不使用应用程序解释器但使用后台数据库 C.动态网页不使用应用程序解释器也不使用后台数据库 D.动态网页使用应用程序解释器也使用后台数据库 2.1.3网站的创建与管理 1．选择题（1）如果正在编辑的文件没有存盘，系统在文件名上加上____符号提示用户。 A.! B. C.# D.* （2）在“资源面板”中没有列出的资源是______。 A.文本 B.图像 C.颜色 D.脚本（3）保存网页文档的快捷键是__________。 A.Ctrl+A B.Ctrl+S C.Ctrl+W D.Ctrl+N （4）下列哪一种视图不属于“文件面板”中视图列表中的视图类型 A.本地视图 B.地图视图 C.远程视图 D.大纲视图（5）定义站点时，存放网页的默认文件夹为__________。 A.C盘根目录 B.D盘根目录 C.我的文档 D.没有默认文件夹，必须由用户指定 2.1.4页面的整体控制 1．选择题（1）打开页面属性对话框，使用_______功能键。 A.Ctrl+K B.Ctrl+J C.Ctrl+M D. Ctrl + F （2）下面的颜色中，____表示黄色。 A.#FFFF00 B.#FFOOFF C.#00FFFF D.#00FF00 （3）当网页既设置了背景图像又设置了背景色，那么_____。 A.以背景图像为主 B.以背景色为主

dreamweaver网页设计实验指导书

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

Web网页设计实验报告

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

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

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

网页设计与制作课程标准

《网页设计与制作》课程标准前言：《网页设计与制作》是理实一体化课程，是计算机专业（软件与信息服务、数字媒体、计算机应用专业）的一门重要的专业必修课。本课程定位于WEB技术开发工作岗位。它是WEB前端技术开发的必备课程，在整个课程体系中具有重要的作用，一、课程的说明：通过本课程的学习，使学生了解网页设计技术的起源和发展、常用的网页制作软件及HTML语言，掌握运用Dreamweaver（以下简称DW）网页制作软件制作网页的方法，通过运用Photoshop图像处理软件和Flash动画制作软件，三个软件互相配合，完成网页设计与制作任务的方法。为今后从事网页设计与制作、网站开发和管理奠定基础。在网页设计的实践中重点培养团队协作、沟通交流能力，培养自主学习能力和探索创新能力。二、课程内容与基本要求：该课程涉及的知识是网页设计人员必备的基本技能，职业活动与课程内容的对应关系如下：

三、教学目标 1、职业关键能力目标 (1) 掌握使用Photoshop进行图像处理的基本方法及操作技能 (2) 掌握DreamweaverCS5的基本知识及操作技能 (3) 掌握建立与管理站点的方法 (4) 掌握制作主要内容为文本的网页的方法 (5) 掌握在网页中插入与编辑图像的方法 (6) 掌握在网页中插入多媒体元素的方法 (7) 掌握表格处理与网页布局的方法 (8) 掌握创建超级链接的方法 (9) 掌握使用框架制作旅游网站的方法 (10) 掌握创建和使用模板的方法 (11) 掌握创建和使用库的方法 (12) 掌握在网页中添加AP Div的方法

(13) 掌握在网页中使用行为的方法 (14) 掌握HTML基础知识及通过代码修饰网页的方法 (15) 掌握使用CSS样式表修饰网页的方法 (16) 掌握动态网页的概念及简单动态网页的制作方法 2、职业专门能力目标 (1) 通过完成相关的项目，掌握网页设计的基本工作流程。 (2) 通过完成相关的项目，掌握网页设计常用工具的使用方法。 (3) 通过完成相关的项目，掌握网页布局及美化的基本方法。 (4) 通过完成相关的项目，掌握简单网页交互的制作方法。 3、方法能力目标形成一定的学习能力、沟通与团队的协作能力，形成良好的思考问题、分析问题和解决问题的能力，养成良好的职业素养。遵守国家关于软件与信息技术的相关法律法规，形成关键性的软件开发与应用的能力。四、教学内容第一章网页制作基础知识（4学时）教学目标：网页与网站基本概念、网页基本组成元素、常用网页制作软件主要教学内容：网页制作基础知识网页的基本构成元素网页制作常用软件和技术第二章 Dreamweaver CS6轻松入门（2学时）

网页设计实验指导书

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

实验一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）

网页设计实训任务书

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分钟左右的答辩说明，向课程设计评分小组介绍自己的作品主题、设计方法及作品特色。

Html设计实验报告

信息职业技术学院《网页设计》实验报告（2010—2011学年第二学期）班级：姓名：学号：指导老师：

实验一认识Dreamweaver CS3 一、实验目的 1、熟悉Dreamweaver CS3环境。 2、了解HTML文件结构。二、实验环境计算机三、实验容创建站点有两种方式：使用向导有序地进行设置，或者通过在“管理站点”对话框中设置“高级”选项卡信息来创建。无论哪种方式，都要事先在本地磁盘上建立一个用来存放站点的文件夹，这个文件夹就是本地站点的根目录。下面介绍一下这两种方式的具体操作步骤。 1．使用向导建立站点使用向导建立站点的步骤如下：（1）打开建立站点向导的方法有3种。 ①在进入Dreamweaver的起始页界面中选择“新建”→“Dreamweaver站点”命令，如图所示。 ②选择“站点”菜单中的“新建站点”命令。 ③选择“站点”菜单中的“管理站点”命令，打开如图所示的“管理站点”对话框，执行“新建”→“站点”命令。起始页中新建站点“管理站点”对话框（2）打开“站点定义为”对话框，在“您打算为您的站点起什么名字？”文本框中输入站点名字，如travel。若已申请域名则可以在“您的站点的HTTP地址（URL）是什么？”文本框中填入申请的域名地址。如图所示。

设置站点名和URL地址（3）单击“下一步”按钮，询问是否使用服务器技术，如图所示。若是静态站点则选中“否，我不想使用服务器技术”单选按钮，若是动态站点可以进一步设置使用哪一种服务器技术。选择是否使用服务器技术（4）单击“下一步”按钮，在“您将把文件存储在计算机上的什么位置？”文本框中直接输入站点根目录的路径，或者单击“浏览”按钮，选择文件夹目录。（5）单击“下一步”按钮，在“您如何连接到远程服务器？”下拉列表框中选择一种连接到远程服务器的方式，这里选择“无”选项。（6）单击“下一步”按钮，将显示前几步设置的总结信息，若需修改可单击“上一步”按钮返回重新设置，若确定设置则单击“完成”按钮。站点创建完成后将在“文件”面板中显示出站点的结构和文件。 2．使用高级设置建立站点使用高级设置建立站点的第一步同前，在如图所示的“站点定义为”对话框中切换到“高级”选项卡，如图所示。在左边的分类中选择“本地信息”选项，然后分别设置“站点名称”、“本地根文件夹”、“默认图像文件夹”、“HTTP地址”等信息。若有需要还可以在左边的分类中选择其他项目进行设置，完成以后单击“确定”按钮，即可创建站点。对于已经创建好的站点，可以执行编辑、复制、删除、导出和导入等操作。 1．编辑站点如果要重新设置站点的属性，可以执行以下步骤：（1）单击“站点”→“管理站点”选项。（2）从站点列表中选择要编辑的站点名称，单击“编辑”按钮。可以参考前面创建站点的方法重新设置站点属性。（3）编辑完毕后，单击“确定”按钮，返回到“管理站点”对话框，单击“完成”按钮。 2．复制站点如果要创建多个结构相同或相似的站点，可以利用站点的复制功能，具体步骤如下：（1）单击“站点”→“管理站点”选项。（2）从列表中选择要复制的站点名称，单击“复制”按钮。

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

实验一网页的认识实验目的 1、掌握利用Internet进行信息游览、搜索，下载网页、图片、文字和文件； 2、利用记事本来编辑HTML文档并浏览； 3、熟悉HTML基本标记的使用。实验环境 WindowsXP操作系统，内部组成局域网，外连Internet互联网。实验重点及难点 ◆熟悉HTML的结构、语法。 ◆熟悉HTML基本标记的使用。实验内容 1、从网上（如网页制作大宝库https://www.360docs.net/doc/9d14313225.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.360docs.net/doc/9d14313225.html,/index/0D/index.htm 查询到学校的IP地址段范围、单位、通信地址、联系人等信息 2、域名信息查询（1）https://www.360docs.net/doc/9d14313225.html,/index/0A/index.htm 查询到相关的域名状态、域名联系人、注册日期等相关信息。 3、域名注册（1）https://www.360docs.net/doc/9d14313225.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。

网页设计与制作教案46186

[章节名称]：网页设计入门基础 [课堂类型]：理论■实训□练习■测试□ [学时安排]：2课时 [目的要求] 1.了解网络的基本知识，网页设计的基础知识，网页的分类，动态网页的原理及技术 2.了解网页的基本构成及最简单的html代码 3.了解网页设计的流程 [重点] 了解网页设计的流程，掌握最基本的网页的构成及最简单的网页html代码 [难点] 掌握最基本的网页的构成及最简单的网页html代码 [教法学法] 1.采用教授法进行教学讲解，结合疑难点师生互动交流方式进行。 2. 练习采用学生自主安排，教师给与个别辅导的方式进行。 [参考资料] 《Dreamweaver CS5网页设计与制作——DIV+CSS版》吴丰,丁欣主编清华大学出版社《动态网页制作教程》（第二版）刘梅彦徐英慧编著清华大学出版社 [教学过程] 环节一：结合PPT课件的内容，讲解网络和网页的基本知识。了解网页的分类，网页运行的原理，介绍网页设计的工具，动态网页的技术。环节二：介绍网页的构成，并对一个网站进行实例分析说明。编写最简单的html 代码。环节三：了解网页设计的流程主要有以下几个步骤：一. 网站规划二. 素材资源收集

三. 选择开发工具四. 站点建立与规划五. 分模块进行网页设计六. 网页源代码测试与特效添加七. 申请域名与空间八. 网页源代码上传九. 定期的维护环节四：对本节课的内容进行复习，让学生练习html的代码。并进行疑难解答

[章节名称]：html基础与应用1 [课堂类型]：理论■实训□练习■测试□ [学时安排]：2课时 [目的要求] 了解html语言的基础知识，结构，掌握html语言设置网页的背景音乐，背景图片，字体的方法。 [重点] Html语言设置网页的背景音乐，图片，字体 [难点] Html语言设置网页的方法 [教法学法] 1.采用教授法进行教学讲解，结合疑难点师生互动交流方式进行。 2. 练习采用学生自主安排，教师给与个别辅导的方式进行。 [参考资料] 《Dreamweaver CS5网页设计与制作——DIV+CSS版》吴丰,丁欣主编清华大学出版社《动态网页制作教程》（第二版）刘梅彦徐英慧编著清华大学出版社 [教学过程] 环节一：复习网页设计的基础知识，介绍如何利用Dreamweaver开发工具，记事本编辑网页的源程序，介绍网页站点的创建及注意事项。环节二：讲解html语言的结构，特点，设置网页页面的背景音乐，图片，字体1. 设置背景颜色 2. 背景图片 3. 背景音乐背景音乐和上边介绍的两个有很大的不同，它的代码是放在页面的头部

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

目录实训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软件类内容设计

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数据库的创建创建一个空数据库，然后编辑数据表的内容在动态网页面中，一般应用这种方式。

HTML CSS上机实验指导书 网页设计实验指导

网页设计实验报告

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

网页设计与制作构思

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

网站设计与制作试卷和答案

dreamweaver网页设计实验指导书

Web网页设计实验报告

网页设计与制作课程标准

网页设计实验指导书

网页设计实训任务书

Html设计实验报告

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

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

网页设计实验指导书

网页设计与制作教案46186

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

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

web动态网页设计实验报告

HTML CSS上机实验指导书网页设计实验指导