网页设计实训报告

网页 设计 领导形象设计圆作业设计ao工艺污水处理厂设计附属工程施工组织设计清扫机器人结构设计 实训报告 《网页设计》实训报告 课 题 快递公司问题件快递公司问题件货款处理关于圆的周长面积重点题型关于解方程组的题及答案关于南海问题 名称: 张瑞希Personal Page 专 业: 计算机网络技术 班 级: 网络S101 学 号: 01 姓 名: 魏洪 指导教师: 雷学智 二0一一年 十二 月 二十二 日 目 录 一、课程设计目的 .............................................................................................................. 1 二、软件、硬件的需求 ....................................................................................................... 1 三、使用的主要技术 ........................................................................................................... 2 四、课程设计内容 .............................................................................................................. 3 五、课程设计步骤 .............................................................................................................. 3 六、结论 ........................................................................................................................... 10 七、结束语 ....................................................................................................................... 10 成绩评定 标准 excel标准偏差excel标准偏差函数exl标准差函数国标检验抽样标准表免费下载红头文件格式标准下载 考核、评价项目 考评人 考核内容 得分 实训的 对实训期间的出勤情况、实教师 职业素质、实训态度、效率 平时考核 训态度、职业道德素质 学生 观念、协作精神(20分) 正确建立网站站点预览无错基本技能 站点建立，网站的可用性 教师 误(10分) 、实网站效果 根据网站效果评定成绩 教师 网站整体效果、布局等(20) 训评链接、媒体、样式、模板、价 网站制作主要是针对制作网站过程教师 多媒体、特效等的综合应用 技巧使用 中灵活应用网站制作技术 (20分) 根据实训设计文档和实训表达能力、文档写作能力、实训文档 教师 报告评定成绩 文档的 规范 编程规范下载gsp规范下载钢格栅规范下载警徽规范下载建设厅规范下载 性(30分) 根据学生参加网页设计大有关 创新能力、自主学习能力、获奖加分 赛获奖情况给予相应加分 专家 综合素质(10分) 合计 教师评语: 成绩: 教师: 年 月 日 一、课程设计目的 本学期，我们所学习的网站设计，主要由Dreamweaver、Photoshop、Flash三部组成。通过我建立的是我个人的网站，充分的将我个人的信息展现出来，也将加强我对这三种软件使用的技能有了很大的提高。 利用Dreamweaver怎样来布局网页的格式、利用Photoshop处理图片、利用Flash制作动画。将三者完美的结合制作网页。 经过半学期网页设计学习，我基本掌握了设计网页的步骤，懂得了怎样运用设计网页所需的各个软件、以及各种技巧。在学习中我体会到了建立网页的趣味，并且吸引了我，而建立一个属于自己网页也成了我学习的目标和动力，终于等到了这次机会，可以让我证明自己所学的知识是有用的。所以我设计的网页是一个自己主页，可以发表自己喜欢的日志，可一上传相片，还可以收藏自己爱听的音乐，以这些功能为主建立一个自己空间与大家共同分享。 二、软件、硬件的需求 2.1 Dreameweaver 2.1.1 硬件环境 处理器:Intel Pentium4、Intel Centrino、IntelXeon或Intel Core Duo处理器 内存:512MB RAM。 硬盘空间:至少需要1GB空闲的磁盘空间。 显示器:1024×768分辨率的显示器。 外部设备:DVD-ROM。 2.1.2 软件环境 操作系统:Microsoft Window XP(带有Service Pack2)或Windows Vista Home Premium、 Business、Ultimate或Enterprise(32位或64位版本)。 浏览器:Microsoft Internet Explorer 6.0以上，或者更高潘本的Netscape Navingator 浏览器。 2.2 Photoshop 1 2.2.1 硬件环境 处理器:Intel Pentium4、Intel Centrino、IntelXeon或Intel Core Duo处理器 内存:512MB RAM。 硬盘空间:至少需要1GB空闲的磁盘空间。 显示器:1024×768分辨率的显示器，16位显卡。 外部设备:DVD-ROM。 2.2.2 软件环境 操作系统:Microsoft Window XP(带有Service Pack2)或Windows Vista Home Premium、 Ultimate或Enterprise(32位或64位版本)。 Business、 浏览器:Microsoft Internet Explorer 6.0以上，或者更高潘本的Netscape Navingator 浏览器。 2.3 Flash 2.3.1硬件环境 处理器:Intel Pentium4、Intel Centrino、IntelXeon或Intel Core Duo处理器 内存:512MB RAM。 硬盘空间:至少需要1GB空闲的磁盘空间。 显示器:1024×768分辨率的显示器，16位显卡。 外部设备:DVD-ROM。 2.3.2 软件环境 操作系统:Microsoft Window XP(带有Service Pack2)或Windows Vista Home Premium、 Business、Ultimate或Enterprise(32位或64位版本)。 浏览器:Microsoft Internet Explorer 6.0以上，或者更高潘本的Netscape Navingator 浏览器。 三、使用的主要技术 1:使用Dreameweaver网页布局。 2:使用Dreameweaver插入图片，插件，歌曲，动画。 3:使用Photoshop处理图片。 2 4:使用Photoshop制作logo。 5:使用Flash制作动画。 四、课程设计内容 我制作的网页主要是以韩国女星张瑞希为主题，详细的介绍了她的个人信息，最新动态等可以全面了解她的内容，在主页上的导航条上我做了五个超级链接，分别是“主页”，“个人资料”，“最新动态”，“精彩写真”，“影片赏析”，在主页页面上还有关于张瑞希曾出演的电视剧热门图片等相关链接五个不等，每个页面的内容都包含了大量的图片及文字信息等。本学期最重要的组成部分“留言板”，也在我所制作的网页中有所体现。 在“个人信息”页面中主要介绍了张瑞希的基本资料与个人演艺经历，讲述了她从小就踏上了演艺圈这条路;“最新动态”页面中向大家展示了张瑞希的最新动态;“精彩写真”页面中主要是以图片的方式向大家展现出来的，大量的精彩图片以Flash的形式有所体现;“影片赏析”页面中详细的叙述了电视剧《妻子的诱惑》中女主角有了翻天覆地变化的第48集电视剧，同时也插入了相关视频等。 五、课程设计步骤 设计流程图 个人资料 最新动态 妻子的诱惑 精彩写真 妇产科的女医生 主页 影片赏析 人鱼小姐 留言板 乞丐王子 3 5.1 建立站点 (1)一个站点就是系列文件的组合，而这些文件通常位于一个特定的文件夹中，所以在创建网站时就需要制指定该文件夹。在F盘根目录下，新建一个名为××的文件夹。 (2)启动Dreamweaver CS3，在“开始页”的“新建”选项组中单击“Dreamweaver站点”，或者在主窗口中执行“站点”菜单中的“新建站点”命令，即可打开站点定义向导对话框。如图一 (3)切换“高级”选项卡，在左边的“分类”列表框中选中“本地信息”选项，然后在右边的“本地信息”选项组中设置以下选项。如图二 ?在“站点名称”文本框中输入站点名称，站点名称可以是任意字符，但不能包括“,、*、/、<“等等特殊字符。 ?在“本地根文件夹”文本框右侧丹迪文件夹按钮，然后定位到事先创建的文件夹中 ?选中“启动缓存”复选框，以便创建现有文件的缓存记录，从而可以在移动、重命名或删除文件时加速更新超级连接。 (4)单击“确定”按钮，创建完毕，系统自动返回主窗口，此时在“文件”面板中显示出已创建的站点。 图一 4 图二 5.2 网页布局 5.2.1创建 表格 关于规范使用各类表格的通知入职表格免费下载关于主播时间做一个表格详细英语字母大小写表格下载简历表格模板下载 执行“插入记录”菜单中的“表格”命令，或在“插入”栏的“常用”类别中单击按 钮，打开“表格”对话框，如图三 5 图三 5.2.2 布局视图排版 使用布局视图，首先必须切换到布局视图中，其操作方法是:执行“查看”菜单中的“表格模式”|“布局模式”命令，此时“文档”窗口的顶部会出现标有“布局模式”的条，然后即可创建布局表格及添加布局单元格。如图四 图四 5.3 处理图片 5.3.1 画布颜色 6 在“属性”面板中，单击“画布”区拾色器，或执行“修改”菜单中的“画布”|“画布颜色”命令，即可重新设置新的画布颜色。如图五 图五 5.3.2 画布大小 在“属性”面板中，单击“画布大小”按钮或执行“修改”菜单中的“画布”|“画布大小”命令，即可弹出“画布大小”对话框。如图六 图六 5.3.3 图像大小 在“属性”面板中，单击“图像大小”按钮或执行“修改”菜单中的“画布”|“图像大小”命令，即可弹出“图像大小”对话框 在“像素尺寸”选项组中，选择合适的度量单位(像素、英寸、厘米)并输入新的宽度和高度尺寸值，即可重新设置工作区的宽、高度数值。 7 图七 5.3.4 图像的储存 需要存储的图像时，直接执行“文件”菜单中的“保存”命令，也可以按快捷键Crtl+S。如果这个图像是刚刚新建的空白文件，而且是第一次进行储存，此时会弹出“另存为”对话框，在对话框中选择保存的路径并进行输入文件名，然后单击“保存”按钮，图像文档将自动以.png格式储存。 5.4 插入歌曲 在“常用”的模式下，单击，单击“插件”，弹出对话框如图八，选择指定歌曲，单击“确定”既可。 8 图八 5.5 插入图片 在“常用”的模式下，单击，单击“插件”，弹出对话框如图九，选择指定图片，单击“确定”既可。 图九 5.6 制作动画 5.6.1 制作文字动画 (1)新建一个文件，执行“修改”|“文档”命令，设置文档的背景颜色。 (2)选中文字工具，在场景中输入文字，并设置文字字体、颜色、大小。然后执行“修改”菜单中的“分离”命令打散文字，可以看到文字并未灰色网格。 (3)右击“图层1”的第10帧，在弹出的跨界菜单中选择“插入空白关键帧”选项，这时场景中的文字将会消失。若让文字能正常显示又不影响实际的播放效果，可以单击时间轴下面的“绘图纸外观”按钮，此时文字有呈现出来。 (4)再次选中文字工具，在场景中输入文字，并设置文字字体、颜色、大小。然后执行“修改”菜单中的“分离”命令打散文字。 (5)使用同样的方法，分别在时间轴的第20、30、40帧处输入文字，并将其打散。 (6)在时间轴的第1帧单击，并在“属性”面板中的“补间”下拉列表框中选择“形状”选项，以创建从第1帧到第10帧的变形过渡动画。设置完毕后，可以看到在这两帧之间产生了一条绿色的箭头线。 9 六、结论 在我看来网站设计就是指在因特网上，根据一定的规则，使用Dreamweaver、Photoshop等工具制作的用于展示特定内容的相关网页的集合。简单地说，网站是一种通讯工具，就像布告栏一样，人们可以通过网站来发布自己想要公开的资讯，或者利用网站来提供相关的网路服务。人们可以通过网页浏览器来访问网站，获取自己需要的资讯或者享受网路服务。因此在网页创作的时候就必须将网站的整日设计与网页设计的相关原理紧密结合起来。网站设计是将策划案中的内容、网站的主题模式、以及结合自己的认识通过艺术的手法表现出来。 七、结束语 通过一个学期的有关网站设计的学习我从根本上理解了什么是网站设计，也明白了怎么进行一个网站的设计及注意事项，如果自己想设计一个网站首先得创建一个自己的站点，并选择在本地编辑好网站后再上传到服务器，一切准备就绪后就可以设计自己的网站了。设计一个好的网站没有耐心是不行的，因为他要有好的素材，好的设计思路和自己的创新，总结出亮点就是充分发挥动手能力，在设计过程中不断提高网页设计水平。 总体来说，通过这次对网页设计的学习，有收获也有遗憾，但我想，只有通过自己不断去努力，去学习，去提高，凭借我对网页设计的热情和执着、我将来设计出的网页会更加专业，更完善。也希望老师在今后的日子里多指导。 10