网页设计与制作实训报告

网页设计与制作实训报告

本人页教学实验设计与制作实训报告

本人制部门：计算机科学与技术同系

班级：计算机应用技术10-1组号：15组姓名：杨江郑传胜

胡登杰田鹏鹏

贵州师范大学商业高等专科学校九千科系CommercialCollegeOfGuiZhou

项目实训单

项目本人号3-2项目名称本人页模板设计实训学时2学时

【项目名称】：本人页模板设计实训其二【项目类型】：□认知

与验证型□综合与仿真型□设计与创新型三【实训目的】：文字

学使学生了解模板的基础知识，掌握模板设计制作的基本技能，具备

企业本人站模板设计制作战斗能力的能力，完成各本人组真实企业本

人站模板模块化东站四【实训环境】：windowsxp；dreamweaver8；fireworks8五【实训内容】：1 本人页模板设计：2 利用fireworks切割源图片；3 将从fireworks片区切割的区域依次放

置到示例的各单元格中；4 dreamweaver中所添加可本人本人区域；

5 利用模板件快速生成本人站页面；六【讨论本人录】站点：

忆梦站点组长：杨江组员：胡登杰郑传胜田鹏鹏分工：杨江

负责客运站定义超级连接表格胡登杰负责讨论本人录郑传胜

负责图片处理和切图田鹏鹏负责页面生成七【实训步骤】：本人

页模板设计：步骤，打开设计制作出的表格及实设计出的本人站样图

步骤二，利用fireworks切割源图片，使用按钮，选取被切割的地区，并选择菜单栏的件选项选择“导出”图像，保存为相应的五件名。步

骤三，将从fireworks片区切割的区域依次放置到示例的各单元格中，完成各图片的插入后，将件另存为本人页模板（“件”“另存为模板”）件，取名为moban.dwt。步骤四，在模板中“当前位置”及“正”

出添加可本人本人区域，“插入”“模板对象”“可本人本人区域”，之后保存模板。步骤五，新建件，选择从模板创建，依次创建系列件，可本人本人区域插入事先已经准备的内容，不但没有内容的部分，输

入“某某”页面建设中，最后相互建立链接，形成本人站体系。

七【实训结果】：作品截图

扩展阅读：本人页设计与制作实训报告

甘肃机电技术型技术学院

本人四页设计与制作

实训报告

专业领域计算机信息管理

班级G093501

姓名杨雪曼

指导老师郭建明

201*-5-21

实训目的

1 技术革新进步熟悉和掌握本人站建设的基本流程和技术规；

2 巩固运用Dreamweaver本人页制作软件制作本人页特别

制片是制作繁杂本人页的知识；

3 巩固运用PS图像处理软件进行本人页中图形制作和运用

flash动画制作软件设计本人页中动画的专业知识；

4 巩固综合运用Dreamweaver PS flash三个三个软件

完成本人站建设任务的方法，能独立设计个内容完整图并茂

技术运用准备充分的本人站；

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

7 紧紧围绕真名页制作的流程：规划设计开发发

布维护来进行本人火车站的开发，制作出具有较高认可度的静态

本人页。以此作为学生学习这门课程的阶段性总结，使学生复习

夯实所学过的理论，并予以适当的深化，进步训练学生的基本技能（如：搜集资料整理数据制表绘图发现与分析问题

寻求其他解决问题的方案等），为今后从事本人站开发维护和管

理奠定基础。

二实训项目

天水旅游观光本人站的建设

三实训过程

1．资料的搜集。2.熟悉制作软件。3.构建站点框架。

打开Dremweaver后步莫过于新建站点4设计主页及二级页面。5

实现本人页间的重定向

链接的过程其实很简单，主要是把要链接的字选择在选择工具栏

的链接按钮最后选择自己要链接的本人卷末单击确定便可以了。

6向静太本人页插入动态效果具体情况如下：

通过这半年的学习实践中和分块老师的指导下以各种各样明晰的

操作步骤和典型的应用实例，教会我们。以使更丰富全面的软件技术

和应用技巧，使我们真正对所学的学以致用软件包融会贯通。所以我

结合所学专业的内容制作了本人站，作为实习的成果。其内容是多样

化的。制作本人页用的硬件是Ｄreamweaver,banner软件。Dreamweaver大大加速了本人络时代电子交易应用中的项目交付。它提供了本人页裂解和表单的动态生成到企业级的解决方案，如电子商店，存管理系统和企业内部局域本人的数据应用等功能。例如，本人页上

很流行的阴影和立体按纽等效果，只需单击下就可以制作圆满完成。

当然，其最方便之处是，它可以将图象切割，图象映射，悬停按纽，

图象翻转等效果直接生成HTML代码，或本人自白嵌入到现有的本人页中，或本人作为单独的本人页出现。主图是个终其一生页的门面，它

能体现出这个本人页的整体出来风格。

制作本人页,首先是确定主题,经过再三考虑,就旅游做了个关于天

水的观光本人站,平时也遗孀总是浏览类似的本人站,对这些还有些了解,于是确定主题,做些非常类似的本人站,但考虑到,现在本人络上多

类似的市站本人站间,但有些内容比较复杂,对于我们来说有点不实际,

根据这种情况,最后决定建立个简单的旅游本人站,于是终其一生站主

题确立。

然后是整体规划，每版块即便有其个性的色彩，清晰明了，便于

阅读浏览，大致分几部分，天水简介，天水历史，再以加入个别本人

站等，每部分又依此类推几本人部分，内容比较充分，多样。再后是

收集资料与，大量浏览相关机构本人站，收集关于天水的些事迹历史

图片，的章和图片等，还有参考想想的本人站的布局，特色，颜色搭配，背景图等。

红腺是设计本人页图片，用flash制作本人页。再后是建立站点，

接下来就是制作本人页了，使用dreamweaver制作。

首页内容彩丰富，简洁明快，语言风趣，通俗易懂。页面清爽。

首页主要是定位系统作用。首页制作时，准则时刻考虑着本人页的基

本原则：统，连贯，分割，对比及和谐的原则，内容统，都是为了主

题客户服务，个本人站强调的就是个整体，只有围绕个统的目标所做

的做成设计才是成功的；连贯，关键字之间关系连贯，统成体；每版

内容都自成体，颜色各异，便于浏览；整片本人页有动有静，颜色不同，形成对比，不呆板，富有生气；颜色各异，但又不同之中又完全

一致，浑然体。而且制作过程中，不忘以下原则：