《网页设计与制作》

实习报告

指导老师：

实习地点：

实习时间：

实习班级：

学生姓名：

一、实习目的

① 学会制作新闻发布系统。

② 学会制作在线调查系统。

③ 熟悉购物网站的主要功能和栏目。

④ 学会购物网站数据库表的创建和数据库连接的创建。

⑤ 学会购物系统前台页面制作和后台管理制作。

二、实训内容

1.创建数据库表

① 启动Microsoft Access ，执行“文件”——“新建”命令，打开“新建文件”面板，在面板中单击“空数据库”。

② 弹出“文件新建数据库”对话框，在对话框中选择数据库保存的路径，“文件名”文本框中输入shop。

③ 单击“创建”按钮，在对话框中双击“使用设计器创建表”选项。

④ 弹出“表1：表”对话框，在对话框中输入“字段名称”和字段所对应的“数据类型”，将shopID字段设置为主键。

⑤ 执行“文件”——“保存”命令，弹出“另存为”对话框，在对话框的“表名称”文本框中输入products。

⑥ 单击“确定”按钮，保存表。按以上步骤的方法，创建表fen和admin。

2.创建数据库连接

新建一个网页文件夹，打开IIS信息服务，创建IIS虚拟目录，在文件夹安全性把来宾用户的权限修改为完全控制，并导入数据库。

3.制作购物网系统页面

① 用index.html创建zhanshi.asp商品分类展示页，新建站点，导入shop.mdb数据库文件建立数据库连接。插入表格并插入图片、文字，创建记录集并在表格相应位置绑定数据。在服务器行为里为表格设置重复区域，创建记录集RS2并在左边的商品分类表格里绑定

数据，在服务器行为里为左侧的表格添加重复区域和转到详细页，制作记录集导航条。

② 用index.html创建xiangxi.asp商品详细信息页，首先创建记录集并制作左侧的商品分类表格，之后在中间区域插入表格，在表格中插入图片、文字，创建记录集RS2并将数据绑定在表格相应位置。

…… …… 余下全文

网页设计与制作

实训报告

班 级：

姓 名：**

学 号：47

指导老师：***

实训时间：5.9——5.22

甘肃机电职业技术学院

20**年5月20日

一、实训目的：

1、进一步熟悉和掌握网站建设的基本流程和技术规范；

2、 巩固运用Dreamweaver网页制作软件制作网页、特别是制作复杂网页的知识；

3、巩固运用PS图像处理软件进行网页中图形制作和运用flash动画制作软件设计网页中动画的知识；

4、巩固综合运用Dreamweaver、PS、flash三个软件完成网站建设任务的方法，能独立设计一个内容完整、图文并茂、技术运用得当的网站；

5、具备独立撰写实训报告基本能力；

6、在网页设计的实践中培养分析问题、解决问题的能力，培养协作、交流的能力，培养创新能力和团队意识；

7、紧紧围绕网页制作的流程：规划、设计、开发、发布、维护来进行网站的开发，制作出具有较高水准的静态网页。以此作为学生学习这门课程的阶段性总结，使学生复习、巩固所学过的理论，并予以适当的深化，进一步训练学生的基本技能（如：搜集资料、整理数据、发现与分析问题、寻求解决问题的方案等），为今后从事网站开发、维护和管理奠定基础。、

二、实训项目——星空间街舞俱乐部网站设计

1、网站主题

我的网站的主旨在于从各个方面全面的介绍星空间街舞俱乐部，包括它的团队、环境和课程。另外，网站里还包括我的资料，建立了一个展示自我形象的平台。同时，网站里的每一个网页都有统一的风格，每一个网页的主题色彩都是橙色和蓝色搭配，用以展示星空间街舞俱乐部个性的效果。其实最重要的是要做出自己的风格，给浏览者好的欣赏感受。

2、网站材料

主要在网站上搜集所要的网页信息，包括图片、文字。同时，查询相关的书籍、百度等方式收集所需的文字资料,图象资料,flash动画和网页特效等，用以得来更加具有说服力的页面。要想做好自己的网站，能够给浏览者好的欣赏感受，就要尽量搜集材料，搜集得材料越多，以后制作网站就越容易。精选自己收集的材料，作为自己制作网页的素材，这样就可以做好一个好的网站。

…… …… 余下全文

甘肃机电职业技术学院

网页设计与制作

实训报告

专 业

班 级

姓 名 指导老师 郭建明

2011-5-21

一、实训目的

1、进一步熟悉和掌握网站建设的基本流程和技术规范；

2、 巩固运用Dreamweaver网页制作软件制作网页、特别是制作复杂网页的知识；

3、巩固运用PS图像处理软件进行网页中图形制作和运用flash动画制作软件设计网页中动画的知识；

4、巩固综合运用Dreamweaver、PS、flash三个软件完成网站建设任务的方法，能独立设计一个内容完整、图文并茂、技术运用得当的网站；

5、在网页设计的实践中培养分析问题、解决问题的能力，培养协作、交流的能力，培养创新能力和团队意识；

7、紧紧围绕网页制作的流程：规划、设计、开发、发布、维护来进行网站的开发，制作出具有较高水准的静态网页。以此作为学生学习这门课程的阶段性总结，使学生复习、巩固所学过的理论，并予以适当的深化，进一步训练学生的基本技能（如：搜集资料、整理数据、制表绘图、发现与分析问题、寻求解决问题的方案等），为今后从事网站开发、维护和管理奠定基础。

二、实训项目

天水旅游网站的建设

三、实训过程 1．资料的搜集。

2.熟悉制作软件。

3.构建站点框架。

打开Dremweaver后步便是新建站点

4设计主页及二级页面。

5实现网页间的链接

链接的过程其实很简单，主要是把要链接的文字选择在选择工具栏的链接按钮最后选择自己要链接的网页单击确定便可以了。

6向静太网页插入动态效果

具体情况如下： 通过这半年的学习实践中 和老师的指导下以大量明晰的操作步骤和典型的应用实例，教会我们。使更丰富全面的软件技术和应用技巧，使我们真正对所学的软件融会贯通。所以我结合所学专业的内容制作了个人网站，作为实习的成果。其内容是多样化的。制作网页用的软件是Ｄreamweaver , banner软件。

…… …… 余下全文

高等教育自学考试通信与信息系统管理专业专科实验报告

考点名称：                 课程名称：  计算机网络与应用 

…… …… 余下全文

《网页设计与制作》课程设计报告书

   设计题目： 工作室或公司网站设计

起止日期： 2013.12.23-2013.12.27

目录

一、关于网站· 3

1、网站的主题· 3

2.网站材料· 4

二、网站的规划设计· 5

1.网站的功能定位· 5

2.站点的内容· 5

3.站点的风格· 5

4.网站功能模块图· 6

三．网站技术解决方案· 6

1、网站的制作工具· 6

2、所用技术· 7

四．网页介绍· 7

1、制作网站的网页· 7

2.第二层展示· 8

3.动漫排行榜展示· 9

4.第三层展示· 10

5.关于短片的插入：· 13

五. 关于我们：· 14

六．实训总结：· 14

 

一、关于网站

1、网站的主题

  我的网站的主旨在于从各个方面全面的介绍动漫，展示动漫产品以及漫画，包括有动漫排行榜，小短片，另外，网站里还有漫画，以及周边产品。建立一个展示动漫的平台。同时，网站里的每一个网页都有统一的风格，每一个网页的主题都是图片加上文字介绍，用以展示自己性格的效果。最重要的是做出自己的风格，给浏览者好的欣赏感受。

 动漫，是动画和漫画的合称与缩写，取这两个词的第一个字合二为一称之为“动漫”。

现可考证，该词语出处为1993年创办的动漫出版同业协进会与1998年创刊的动漫资讯类类月刊《动漫时代（Anime Comic Time）》，后经由漫友杂志传开，因概括性强在大陆地区的使用开始普及起来。在中国以外，并没有此种说法。国外习惯性将动画（anime）、漫画（comic）、游戏（game）三者合称作ACG，或加上轻小说（novel）合称为ACGN。

…… …… 余下全文

网页设计与制作实习报告

这次实习内容包括网站原型设计及Photoshop切片技术在网页整体设计时的应用； “DIV+CSS”页面布局技术;设计电子购物商城主页。我深深体会到，做好主页，并不是一件容易的事，网页的选题、内容采集整理、图片的处理、页面的排版设置、背景及其整套网页的色调等很多东西。不过能懂得基本的框架和思路，这一点在以后的工作过程中是非常有帮助的。

通过这次实习，我也总结出来一些网站建设的基本流程。

制作网页，首先是确定主题。

网上购物系统发布平台为顾客提供了各种商品、供求信息浏览、查询，购买等功能，全面的为顾客提供服务，帮助顾客更多的了解本网站的动态信息，提供最新动态通知。要求系统具有以下功能：（1）用户登录注册。（2）提供类别导航，购物推荐，热销商品，加入购物车等 （3）提供会员注册（4）提供管理员后台管理入口。管理员通过本页面登录后台管理程序。（5）通过后台对各类信息进行管理和审核。（6）对网站会员信息进行管理和审核。审核注册本网站的会员，对其进行管理。（7）友情链接。设置相关的友情链接页面。

主页的设计是整个网站的灵魂，构思导航栏的分类，然后是整体规划，每一个版块都有其个性，清晰明了，便于阅读浏览，大致分几部分，首页，小店简介，产品展示，售后服务，友情链接这几个板块，再加入个别网站等，每一部分又分为几个小部分，内容比较充分，多样。确定导航栏的各个分了标题之后对于建立二级子网页尤为重要。

主页的导航设计好后，接下来就是对主页导航栏的各个内容进行资料的收集，在网上多转转，看到什么漂亮的网页，把它保存起来，作为以后自己设计主页时的参考。另外，还包括搜集美化主页可能要用到的各种材料，如背景、小动画图标等等。你可以在硬盘上建一个文件夹，下分“图片、声音、动画”等文件夹，养成上网时看到有创意、新鲜的图像，就按鼠标右键存入你硬盘相应文件夹的习惯，时间一长你就有拥有了一个可观的图库，等做主页时随手拈来或加以修改就成你自己的东西了。我们再对大量收集的资料进行筛选，得到最合适的导航内容的资料。

…… …… 余下全文

网页设计与制作

实 验 报 告

    

    

2015.5.23

实验一  简单网页制作

一、实验目的

1．熟悉Dreamweaver软件的操作界面。

2．掌握建立本地站点的方法。

3．掌握简单网页制作方法。

4．掌握超链接的建立方法。

三、操作步骤

1．创建“潜水俱乐部”站点

（1）在D盘新建文件夹，命名为shiyan1；

（2）将images文件夹和gallery文件夹复制到中shiyan1中；

（3）启动Dreamweaver，使用“站点｜新建站点”命令创建站点。

2．制作“俱乐部首页”。

（1）新建网页。

（2）使用“文件｜保存”命令保存网页，命名为index.html。

（3）在文档工具栏上设置网页标题“泡泡潜水俱乐部欢迎你”。

（4）从“文本.txt”中将首页的相关文字粘贴到网页中。

（5）设置一级标题、二级标题、三级标题、项目列表、编号列表。

（6）插入图像。

（7）在Copyright后插入版权符号©。

（8）在电话号码之间插入半角空格。

（9）在电子邮箱地址上建立超链接，mailto: vip@BubbleUnder.com。

（10）选中网页内容，然后单击“插入Div标签”按钮，分别插入header、navigation、mainContent、footer共4个Div。

（11）保存网页，按F12，预览网页。

四.实验结果

实验二  XHTML语言

一、实验目的

1．掌握XHTML 语法。

2．掌握XHTML标记及属性。

3．掌握XHTML 标记校验的方法。

二、实验内容

制作“学校主页-新闻中心-学校新闻-校领导赴包装设计艺术学院调研”的网页

校领导赴包装设计艺术学院调研

…… …… 余下全文