网设计与制作总结

网设计与制作总结
网设计与制作总结

网设计与制作总结 Modified by JEEP on December 26th, 2020.

网页设计与制作

实训报告

班级:多媒体152

姓名:张莉钧

学号:

指导老师:薛杨王淑惠

实训时间:——

一、实训目的:

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

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

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

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

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

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

7、紧紧围绕网页制作的流程:规划、设计、开发、发布、维护来进行网站的开发,制作出具有较高水准的静态网页。以此作为学生学习这门课程的阶段性总结,使学生复习、巩固所学过的理论,并予

以适当的深化,进一步训练学生的基本技能(如:搜集资料、整理数据、发现与分析问题、寻求解决问题的方案等),为今后从事网站开

发、维护和管理奠定基础

二、实训项目——特色美食餐厅网站设计

1、网站主题

我的网站的主旨在于从各个方面全面的介绍特色美食餐厅,包括它的菜品、餐厅的环境以及促销活动。另外,网站里还包括餐厅资料和联系方式,网站里的每一个网页都有统一的风格,每一个网页的主题色彩都是橙色和白色搭配,用以展示餐厅特色的效果。其实最重要的是要做出自己的风格,给浏览者好的欣赏感受。

2、网站材料

主要在网站上搜集所要的网页信息,包括图片、文字。同时,查

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

3、网站规划

我的网站共有7个主页面:首页、美食介绍、优惠活动、商品促销、宴会定制、会员中心和关于我们。每一个页面用统一的模块,以保证网站统一的页面风格。网页布局主要用框架和表格,用框架定位内容的大体结构,再用表格具体定位。位子的设计也是重要的一个部分,根据具体内容决定字体风格,相同的风格多次调用是CSS设计一个样式,以保证随时、准确的调用。

三、网页设计工具使用

1、Dreamweaver——我们使用它做网页的主要布局。

2、Photoshop——我们使用它做网页图片的处理以及logo的制作。

3、Flash——我们使用它制作动画

四、网站设计流程

1、主页设计

2、色彩搭配

五、网站测评

网站建成后为了出现不必要的错误,需对它进行测评,测评的主要内容为

1、链接有效性,静态网页只要保证每一个网页正常浏览保证页面信息不缺失就可以

了。

2、网页语言的正确性,检查网页中英文拼写与html语言是否正确,在静态网页中语言

都是自动生成的所以语言的正确性一般不会有太大的问题。

3、网站便用性,检查网站的整体结构是否清晰以及网站页面的导航是否清晰。

最终效果图

总结:

通过学习一学期的网页设计,我们收获了不少,我们这次实训虽然只做了一个网站,但这个里面包括的内容很多,主要包括网站主页的布局设计,建立站点,网页与网页之间的连接,以及模板和css样式表的应用。

收获:通过一个星期的网页设计实训,从中学到了不少的网页设计知识,之前都是老师讲得比较多,总以为很难实现,但自己做起来其实也并不是想象中那么苦难。虽然代码看起来复杂,但是慢慢学会分析就会懂。

不足:当然这次实训我也有不足,比如css样式表不能灵活应用,网页布局也不够完美,不过多亏了王老师和薛老师的细心指导,我才能完成这次实训。

Flash实训总结

班级:多媒体152

姓名:张莉钧

学号:

指导老师:薛杨

实训时间:2.

flash培训实训总结提要:

这次实训过后,对flash有了基础的了解,想在这方面学习的话有了初步的基础,主要是学习了flash中各种工具的使用,1、确定动画剧本及分镜头;2、设计出不同字母间的完美转换。、

一、实训目地:让我们更熟练的应用flash制作动图

二、实训项目——不同字母间的形状变换

1、先要确定使用的字母w o r l d

2、再给每个字母使用不同的颜色以及给它们变形

3、最后再给每个字母做不同的变换方式

三、总结

实训收获:

通过这次实训我更加巩固了对flash的应用,虽然这中间有很多失误和很多不必要犯的错误,但更多的是收获,这次实训过后,对flash有了基础的了解,想在这方面学习的话有了初步的基础,主要是学习了flash中各种工具的使用,1、确定动画剧本及分镜

头;2、设计出字母形状;3、导入到flash进行制作;4、剪辑配音。在分镜头画面脚本绘制过程中,应养成填表的好习惯,在中注明画面的景别,画面景别使用的专业术语有:大特写、特写、近景、中景、全景、远景、全远景、纵深景等。画面镜头号景别秒数内容摘要对白效果音乐。

存在的问题及解决思路:

这几个星期我学习的flash大多是比较基础的,Flash中字母刻画不够完善,很多动作,变形都需要有一定的美术功底及Flash基础,对于初学的我很困难,所以在此只做了一些简单的变形。在Flash中的一些脚本语言初学时无从下手,只好从大量的视频、书籍里寻找答案。

4.结束语

为了对Flash的现况有更好的了解,主要是对于网上一些MV做了参考。现在的FlashMV已经逐渐成熟了。MV的制作从开始的大量使用位图,转换为矢量后让它们移动来制造动画效果,或者是一些简单的闪入、闪出来丰富画面,发展到现在的广泛使用矢量图甚至手工作图,一些费心思的逐帧动画让我看到了Flash的日渐成熟;从以前的生硬呆板,发展到今天的生动、逼真。Flash动画说到底就是“遮罩+补间动画+逐帧动画”与元件(主要是影片剪辑)的混合物,通过这些元素的不同组合,从而可以创建千变万化的效果。我不仅复习熟练了相关的课程、专业,还学习掌握了很多知识,同时也认识到还有很多基础知识要去学习,去巩固。在以后的时间里,我将花费大量的时间用于学习Flash及相关知识,在Flash之路上我会走的更远。

网页设计与制作_在线作业_E 总分100

您的目前成绩为: 100.0 详细信息 网页设计与制作_在线作业_E 用户名:W130801151最终成绩:100.0 一 判断题 1. TRUE FALSE 本题分值: 5.0 用户得分: 5.0 用户解答: FALSE 知识点: 1.1.2 HTML 语言与XHTML 语言 2. TRUE FALSE 本题分值: 5.0 用户得分: 5.0 用户解答: FALSE 知识点: 15.2.3 绘图工具箱 3. FALSE TRUE 本题分值: 5.0 XHTML 代码将文字内容和显示样式分离,显示样式的定义放在中)。( ) Flash 中“橡皮擦工具”的水龙头模式可以一下子擦除位图一个封闭选区的全部填充色。( ) Flash 中修改实例的属性会影响到元件。( )

用户得分: 5.0 用户解答: FALSE 知识点: 17.1 基本概念 4. FALSE TRUE 本题分值: 5.0 用户得分: 5.0 用户解答: TRUE 知识点: 19.3.1 帧动作 5. TRUE FALSE 本题分值: 5.0 用户得分: 5.0 用户解答: FALSE 知识点: 19.3.2 按钮动作 6. FALSE TRUE 本题分值: 5.0 用户得分: 5.0 用户解答: TRUE 知识点: 19.3.4 设置及获取电影元件实例的属性 Flash 中帧动作可以附加到某帧下的任何一层上。( ) 在给Flash 按钮附加动作时,动作必须嵌入on ()处理程序中,以便指定触发该动作的鼠标事件或按键操作。on ()处理程序只能支持一个鼠标事件。( ) 当播放Flash 动画时,允许影片剪辑元件实例被拖动(startDrag )或停止拖动(stopDrag )。( )

网页设计大作业

网页设计与制作报告书 课程名称:网页设计与制作 报告题目:几米的空间 专业班级:旅管1002班 学号:100104110221 姓名:杨玉颖 指导教师:胡一波

目录 一、................................. 开发背景 二、................................. 网页设计技巧 三、................................. 网站结构 四、................................. 应用工具方案 五、................................. 频道栏目划分 六、................................. 测试 七、................................. 周期与成本估算 八、................................. 结论

摘要: 在Internet飞速发展的今天,互联网成为人们快速获取、发布和传递信息的重要渠道,它在人们政治、经济、生活等各个方面发挥着重要的作用。因此网站建设在Internet应用上的地位显而易见,它已成为政府、企事业单位信息化建设中的重要组成部分,从而倍受人们的重视。 关键字:网页制作;制作方法;设计要素;网页测试

一、网页制作开发背景 Dreamweaver以其功能强大、容易上手、界面亲切而著称。它采用所见即所得的方式编辑网页,利用它可以轻松的组织、编辑网页并将其发布到指定的站点上,而且在发布之后还能对更新情况进行监控以更新站点的内容。现在流行的网页制作软件有很多,如Macromedia 公司的Dreamweaver、微软公司的Dreamweaver、还有Adobe Pagemill 3.0--制作多框架,表单和Image map 图像的网页工具、Netscape等等。其中Dreamweaver更以其功能强大、容易上手、界面亲切而著称。它采用所见即所得的方式编辑网页,利用它可以轻松的组织、编辑网页并将其发布到指定的站点上,而且在发布之后还能对更新情况进行监控以更新站点的内容。工具准备好了,可根据你的个人喜好来选择一些素材,如图片、喜欢的文章等。 二、网页制作设计技巧 首先,我们来看一下创建一个只包含一个网页的站点。选择“文件”菜单的“新建”选项,单击“站点”命令,这时新建站点对话框就弹出来了,在“指定新站点位置”文本框中输入新站点的位置,单击“只有一个网页的站点”图标,单击“确定”按钮。这就建立好站点了,我们现在来看一下新的站点里有什么,单击“视图”工具条的“文件夹”按钮。在文件夹列表里有一个网页文件,名字叫做“index.htm”。我们知道,每

网页设计与制作实例教程

网页设计与制作实例教程 习题答案 第1章网页与网站基础 一、选择题 1.A 2.B 3.C 4.C 5.A 二、判断题 1.√2.×3.√4.×5.√ 三、问答题 略 第2章网页规划设计 一、选择题 1.D 2.A 3.C 4.A 5.C 二、判断题 1.×2.×3.×4.√5.√ 三、问答题 1.答:网站需求分析一般包括三个阶段的内容:网站背景分析、总体需求分析、具体需求分析。(每个阶段可再详细描述。) 2.答:可从以下几个方面来阐述网站设计的原则:①日期、时间和数字;②欢迎词; ③弹出窗口和引导页面;④新闻和公告信息;⑤网址;⑥控件;⑦链接;⑧主页内容 3.答:打开新浪网首页,分析其布局类型。(答案略) 4.答:网页色彩搭配方法可从以下两个方面去阐述:①根据页面风格以及产品本身的诉求确定主色;②根据主色确定配色。 网页色彩搭配技巧可从以下几个方面去阐述:①用一种色彩;②用两种色彩;③用一个色系;④用黑色和一种色彩以及色彩搭配忌讳的方面。 5.答:打开当当网,具体分析其规划过程。(答案略) 第3章初识网页制作软件 一、选择题 1.C 2.C 3.B

二、填空题 1.代码、拆分、设计2.文件、资源、规则3.超级链接 三、操作题 略 第4章制作网页内容 一、选择题 1.D 2.B 3.A 4.D 5.ABD 6.D 7.B 8.D 9.A 10.A 二、判断题 1.√2.√3.×4.√5.√6.√7.√8.√9.×10.√三、操作题 略 第5章设置网页超级链接 一、选择题 1.D 2.D 3.A 4.D 5. C 二、判断题 1.×2.×3.×4.√5.× 第6章使用CSS样式美化网页 一、选择题 1.B 2.C 3.C 4.B 5.A 6.D 7.D 8.D 9.B 10.C 11.A 12.A 13.C 14.D 15.D 16.A 17.A 18.B 19.D 20.D 二、简答题 1.×2.×3.×4.×5.×6.×7.√8.×9.√10.√11.×12.×13.×14.√15.√16.√ 第7章规划布局网页 一、选择题 1.B 2.A 3.B 4.B 5.D 二、简答题

网页设计与制作实训报告

《网页设计与制作》 实习报告 指导老师: 实习地点: 实习时间: 实习班级: 学生姓名:

一、实习目的 ①学会制作新闻发布系统。 ②学会制作在线调查系统。 ③熟悉购物网站的主要功能和栏目。 ④学会购物网站数据库表的创建和数据库连接的创建。 ⑤学会购物系统前台页面制作和后台管理制作。 二、实训内容 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并将数据绑定在表格相应位置。 ③用index.html创建denglu.asp商品详细信息页,创建记录集并制作左侧的商品分类表格,在中间区域插入表单,在表单里插入表格,在表格里插入文字、文本域、表单按钮,并为表单设置检查表单。创建记录集RS2并在服务器行为里添加登录用户。 ④用index.html创建fenlei.asp添加商品分类页,插入表单,在表单里插入文字、文本域、表单按钮,创建记录集并在服务器行为里添加插入记录和限制对页的访问。再用index.html创建fenleiok.asp,在其中插入表格输入文字,并设置返回链接。 ⑤用index.html创建tianjia.asp添加商品页,创建记录集,用插入记录表单向导创建插入记录表单,在服务器行为里添加限制对页的访问。再用index.html创建tianjiaok.asp,在其中插入表格输入文字,并设置返回链接。 ⑥用index.html创建guanli.asp商品管理页,创建记录集并制作左侧的商品分类表格,在中间区域插入表格并插入文字,创建记录集RS2并在表格相应位置绑定数据,为该表格设置服务器行为的重复区域,制作修改和删除链接,制作记录集导航条。 ⑦用tianjia.asp创建xiugai.asp修改页面,创建记录集在对应的文本域中绑定数据,把服务器行为里的插入记录删除并添加更新记录。在服务器行为里添加限制对页的访问。再用index.html创建xiugaiok.asp,在其中插入表格输入文字,并设置返回链接。 ⑧用index.html创建shanchu.asp删除页面,插入表格并插入文字,建立记录集,在表格相应位置绑定数据,插入表单和表单按钮,创建服务器行为限制对页的访问和删除记录。再用index.html创建shanchuok.asp,在其中插入表格输入文字,并设置返回链接。 三、疑难解惑 ①网页不能正常打开,电脑用户权限没有修改,在文件夹安全性把来宾用户的权限修改为完全控制。 ②创建重复区域时,总显示相同的内容,仔细阅读教材,发现创建重复区域时要选中表格,而不是文字内容。 ③登陆页面不能登陆,把表格放入表单后,重新登录,问题解决。 ④创建添加商品页面时,无法显示商品分类。在插入记录表单时,应将feileiID"显

《网页设计与制作案例教程》课程标准模板

附件1 课程标准 课程名称《网页设计与制作案例教程》 课程代码 0511 课程类型专业基础课 课程总学时 60学时 适用专业计算机应用技术专业 课程负责人 信息工程系(教学系部)计算机应用教研室制定(修订) 2020年3月

《网页设计与制作案例教程》课程标准 课程代码:0511 课程类型:理实一体化课 学时/学分: 60学时/4学分 适用专业:计算机应用技术专业 1.课程概述 1.1课程性质 《网页设计与制作案例教程》是高等职业技术学院计算机应用技术专业开设的一门专业必修课,是计算机类专业的一门实践环节课程,也可以作为其他相关专业的实践课程或选修课,它是一门操作性和实践性很强的职业技术课程。本课程的主要内容为系统介绍网页编辑与制作软件Dreamweaver cs6,通过这种有代表性的网页制作软件的使用,掌握网站设计的全过程,并能熟练地制作出有专业水准的网站。 1.2课程定位 通过本课程的学习,使学生了解网站开发的流程,掌握HTML和 CSS技术实现网页的构建和美化,并用 Dreamweaver CS6工具实现网页的制作。本课程对接的工作岗位是网站编辑、网站开发,通过学习应具备网站美化和网站开发的能力。 2.课程目标 本课程以学生能够进行网站开发与维护的实际工作能力为学习目标,使学生具备计算机及其它相关专业课学习和应用中所必需的网页制作与网站设计的基本知识和基本技能,形成解决实际应用问题的方法能力,为以后的学习动态网页设计课程打下基础。 2.1素质目标 (1) 培养具有较强的网页设计创意思维、艺术设计素质;

(2) 培养学生在学习过程中解决困难的能力; (3) 培养学生在学习过程中培养兴趣的能力,提高工作、学习的主动性; (4) 培养学生理论联系实际的工作和学生方法; (5) 培养具有高度责任心和良好的团队合作精神; (6) 具有社会责任感。 2.2知识目标 (1) 了解WEB站点的工作原理; (2) 理解Internet、WWW、HTTP、HTML的定义,计算机网络概念和作用; (3) 了解服务器、客户端、浏览器的概念和作用; (4) 掌握常规网站的规划及流程; (5) 熟练掌握HTML语言中各种标记符的运用能力; (6) 熟练掌握Dreamweaver应用软件的使用; (7) 理解网页中脚本语言的使用方法; (8) 熟练开发常规静态网站。 2.3能力目标 (1) 熟练掌握Dreamweaver应用软件制作网站及网页; (2) 熟练掌握使用绝对和相对URL,创建超链接,图像链接; (3) 掌握在网页中添加CSS的方法; (4) 培养学生设计、制作和维护动态网站。 (5) 培养学生搜集资料、阅读资料和利用资料的能力; (6) 能独立制定、实施工作计划。 (7) 具备检查、判断能力; (8) 具备简单的需求市场分析能力。 3.课程实施和建议 3.1课程内容和要求 本课程以《计算机应用基础》、《photoshop》课程为基础,通过本课程的学习,应使学生掌握网页制作的基本方法,掌握 HTML、CSS等网页基础编程知识,并使用主流工具 Dreamweaver CS6进行网页制作。

电科19年12月考试《网页设计与制作》期末大作业参考答案

19年12月考试《网页设计与制作》期末大作业-0001 试卷总分:98 得分:98 一、单选题 (共 20 道试题,共 80 分) 1.以下HTML代码,判断正确的是()。

12345678
A.第2、3行应加入……. B.没有错误 C.
错了 D.“button”双引号错了(应为单引号) 答案:A 2.数据库的基本操作是()。 A.编,删,改,查 B.增,删,改,查 C.增,删,加,查 D.增,删,写,查 答案:B 3.表示() A.粗体 B.斜体 C.下划线 D.上标 答案:A 4.插入 Javacript 的正确位置是? A. 部分 B.文档的顶部 C. 部分和 部分均可 D. 部分 答案:C 5.引用名为 "xxx.js" 的外部脚本的正确语法是? A.