网页设计与制作实验报告总结

网页设计与制作实验报告

班级:09电子商务 姓名:张洁 学号:09221003

一 实验名称：Photoshop基本操作 二 实验内容：

1.制作一个光盘封面

2.制作一个网站banner

3.制作一个网站logo

三 实验步骤：

1.制作一个光盘封面步骤：

? 新建文件。新建宽度、高度都为200像素，背景为白色的文件。

? 选择工具箱中的椭圆选框工具，在图层中画一个宽、高各

为360像素的圆，把圆填充为黑色；然后单击图层面板底部的“创建新图层”，在新的图层中画一个宽、高各位120的小圆，把圆填充为白色，把白色小圆移动到大圆的中心。选中两个图层单击右键选择菜单中的“合并图层”。

? 选择工具箱中的魔术工具，选中双环形选区，执行菜单“选

择?存储选区”命令，保存。按“ctrl+D”键取消画布上的选区。

? 打开一张图片，将图片复制粘贴到环形选区上。调整好位

子，执行菜单“选择?载入选区”命令，在弹出菜单中“选择?反向”命令，然后按“Delete”键删除，按“ctrl+D”

键取消选区。

? 选择工具箱中的钢笔工具，在光盘上输入“婚纱”，然后调整字体颜色字号和字形，最后保存

《网页设计与制作》

实验报告

院系名称： 管理学院 专业班级： 电子商务XXXX 学生姓名： XXX 学 号： XXXXXXXX

项目 实验一 （25分） 得分

2016年 5 月

实验二 （35分） 实验三 （40分） 总分 （100分）

实验一：HTML语言实验

一、实验目的

1、掌握利用HTML语言编写网页的能力； 2、掌握利用HTML语言编写表格的能力； 3、掌握利用HTML语言编写表单的能力。 二、实验课时

2学时 三、实验内容

1、表格实验的结果

1

2、表单实验的结果

四、实验小结

HTML语言是网页制作的基础，而利用表格布局是重中之重。在这两个实验中，第一个是要注重表格的宽高以及colspan和rowspan的设置，第二个是要注重表单的样式，其中要注意默认选项的设置，单选框name属性值相同，而复选框name属性值应该不同。 本次实验也让我更加注重细节，一遍遍的修改也使我更熟悉HTML语言以及编码的设置，这对于网页制作这门学科来说是一个铺垫。

4

实验二：FireWorks和CSS实验

一、实验目的

1、掌握为给定效果图规划切图方式的能力； 2、掌握利用Fir

《网页设计与制作》

实验报告

院系名称： 专业班级： 电 学生姓名： 学 号：

项目 实验一 （25分） 得分

2013年 5 月 26 日

实验二 （35分） 实验三 （40分） 总分 （100分）

实验一：HTML语言实验

一、实验目的

1、掌握利用HTML语言编写网页的能力； 2、掌握利用HTML语言编写表格的能力； 3、掌握利用HTML语言编写表单的能力。 二、实验课时

2学时 三、实验内容

1、表格实验的结果。 ①表格制作代码：

②网页表格制作截图：

1

2、表单实验的结果 ①表单实验代码：

2

开封郑州洛阳

②表单实验截图：

四、实验小结

通过此次实验，我对在课堂上学习到的知识进行了实际操作，只有真正操作一遍才知道知识并不只是记住就算是会运用。在实验中，我熟悉了表格、表单的知识，操作熟练度也同时得到了提升。勤学多练才是提升的最好途径。

3

实验二：FireWorks和CSS实验

一、实验目的

1、掌握为给定效果图规划切图方式的能力； 2、掌握利用FireWorks切图的能力； 3、掌握利用CSS+D

网页制作实验报告

网页制作实验报告

实验一：站点设置 一、实验目的及要求

本实例是通过“站点定义为”对话框中的“高级”选项卡创建一个新站点。

二、仪器用具

1、生均一台多媒体电脑，组建内部局域网，并且接入国际互联网。

2、安装windowsxp操作系统；建立iis服务器环境，支持asp。

3、安装网页三剑客（dreamweavermx；flashmx；fireworksmx）等网页设计软件；

三、实验原理

通过“站点定义为”对话框中的“高级”选项卡创建一个新站点。

四、实验方法与步骤

1）执行“站点＼管理站点”命令，在弹出的“管理

站点”对话框中单击“新建”按钮，在弹出的快捷菜单中选择“站点”命令。

2）在弹出的“站点定义为”对话框中单击“高级”选项卡。

3）在“站点名称”文本框中输入站点名称，在“默认文件夹”文本框中选择所创建的站点文件夹。在“默认图象文件夹”文本框中选择存放图象的文件夹，完成后单击“确定”按钮，返回“管理站点”对话框。

4）在“管理站点”对话框中单击“完成”按钮，站点创建完毕。

五、实验结果

六、讨论与结论

实验开始之前要先建立一个根文件夹，

网页制作实验报告

1、网站的主题说明

我的个人网站的主题是旅游，主要介绍的是日本。在我的网站中，有关于日本的景点、美食和购物的简介，提供一定的资讯信息，还有旅游的小贴士和留言板，能够与访问者互动，分享关于日本旅游的最新讯息。

2．网站的总体规划与网站的结构框图

日本的国名含义为“日出之国”。全国由北海道、四国、本洲和九洲四个大岛及几千个小岛组成，海岸线漫长曲折，境内山地崎岖、河谷交错，景色优美壮丽。

粉色樱花雨，绚烂如火的红叶，遍布岛国的绿色森林，还有漫长的美丽海岸线，都有着精致的柔美；火山地震众多，则令这些柔美脆弱而珍贵。日本前卫时尚，是匪夷所思的创意科技之国，却也是将传统文化固守得最好的国度：神社寺院的古老建筑动辄几百年历史，茶道、庭园、手工艺传承着和风之美，日式的贴心服务和国民的知书识礼，同样令人慨叹。

从东京到京都，从北海道到冲绳，每个地方都有着独特的人情风土，值得一去再去。享受美景、美食，疯狂血拼，更别忘了参加传统祭典、泡露天温泉。 因此我将网站的主题定位在甜美梦幻的风格上，附上日本经典的樱花和建筑，将日本的魅力展现在浏览者的面前。各个页面都有导航条设计、使浏览者在任意页面均可到达他想到达的景点介绍页面，增强了页面的友好程度。

主题：中秋

课程名称：网页设计

设计题目：中秋主题

学院：电子信息工程学院

专业班级：自动化1205

学生姓名:孟祥麟

学号：12212042

教师:黄宇 《网站设计与制作》报告

主题：中秋

中秋网页制作过程

一、网站开发目的和功能简介

网站详细得向大家展示了中秋节的起源习俗等文化色彩。 中秋节又称月夕、秋节、仲秋节、八月节、八月会、追月节、玩月节、拜月节、女儿节或团圆节，是流行于中国众多民族与东亚诸国中的传统文化节日，时在农历八月十五；因其恰值三秋之半，故名，也有些地方将中秋节定在八月十六。

二、 网站的设计

1、 网站的名称：中秋

2、 网站栏目划分

根据本网站的内容和功能划分为：首页、中秋起源、中秋习俗、中秋诗词、神话传说。

（1）首页——表明网站主题；

（2）中秋起源——对中秋的起源和发展做了详细的讲解，让大家了解相关知识；

（3）中秋习俗——详细讲解了全国各地的各种中秋习俗；

（4）中秋诗词——引用了一些有名的诗词；

（5）神话传说——通过flash、文字、图片等为大家呈现中秋神话；

（6）版权信息——声明了网站的建设者。

具体如图所示:

首页

中秋起源

中秋习俗

中秋诗词

主题：中秋

神话传说

3、网站导航应用于所有页面提高网站的操作友好性。

4、网站的风格与色彩选择：页面以橙黄色为主。体

网页设计与制作_实验大纲

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

课程性质：独立设课 课程属性：专业基础实验课

适用专业：信息管理、应用技术、软件技术、多媒体技术 学 时：总学时 96 实验学时 32 开出时间： 一 年级 二 学期 综合性、设计性实验项目数：4 学时 先修课程：计算机基础

一、课程简介

《网页设计与制作》课程是计算机专业的一门必修专业课程。它涵盖Dreamweaver网页设计、Flash动画制作、Photoshop图像处理、动态网站等多项相关知识，通过开发一个网站，全面介绍WEB站点设计的基本操作技术和使用技巧，为后续《XML语言》、《动态网页制作》 等课程打下一个坚实的基础。

通过本课程的学习，使学生掌握运用Dreamweaver进行网站的导入、规划、管理、发布的相关技术及网页制作的操作技能；能够熟练运用HTML中的文字、链接、列表、表格、表单、图像、多媒体、等设计出多窗口网页、动态网页；能够利用Photoshop设计网页界面，处理图像；能够运用flash制作与网页相关的小动画。从而能够承担网站制作的规划、设计以及制作；能够有清晰思路和动手能力解决各种各样的实际问题；并具有与客户沟通、与团队成员协作的能力。

主题：中秋

课程名称：网页设计

设计题目：中秋主题

学院：电子信息工程学院

专业班级：自动化1205

学生姓名:孟祥麟

学号：12212042

教师:黄宇 《网站设计与制作》报告

主题：中秋

中秋网页制作过程

一、网站开发目的和功能简介

网站详细得向大家展示了中秋节的起源习俗等文化色彩。 中秋节又称月夕、秋节、仲秋节、八月节、八月会、追月节、玩月节、拜月节、女儿节或团圆节，是流行于中国众多民族与东亚诸国中的传统文化节日，时在农历八月十五；因其恰值三秋之半，故名，也有些地方将中秋节定在八月十六。

二、 网站的设计

1、 网站的名称：中秋

2、 网站栏目划分

根据本网站的内容和功能划分为：首页、中秋起源、中秋习俗、中秋诗词、神话传说。

（1）首页——表明网站主题；

（2）中秋起源——对中秋的起源和发展做了详细的讲解，让大家了解相关知识；

（3）中秋习俗——详细讲解了全国各地的各种中秋习俗；

（4）中秋诗词——引用了一些有名的诗词；

（5）神话传说——通过flash、文字、图片等为大家呈现中秋神话；

（6）版权信息——声明了网站的建设者。

具体如图所示:

首页

中秋起源

中秋习俗

中秋诗词

主题：中秋

神话传说

3、网站导航应用于所有页面提高网站的操作友好性。

4、网站的风格与色彩选择：页面以橙黄色为主。体

昆明理工大学信息工程与自动化学院学生实验报告

（ 201 —201 学年第 一 学期 ）

课程名称：Web设计技术 开课实验室： 年 月 日 年级、专业、班 实验项目名称 学号 姓名 成绩 网页设计简介、HTML基础介绍、文字与指导教 段落、列表 师 教师评 教师签名： 语 年 月 日 注：报告内容按实验须知中七点要求进行。 一.打开记事本，编写第一个页面。

（1）打开记事本：单击“开始”→“程序”→“附件”→“记事本”。 （2）输入下面代码：