网站设计与制作课程总结

时间:2019-05-14 22:13:04下载本文作者:会员上传
简介:写写帮文库小编为你整理了多篇相关的《网站设计与制作课程总结》,但愿对你工作学习有帮助,当然你在写写帮文库还可以找到更多《网站设计与制作课程总结》。

第一篇:网站设计与制作课程总结

网站设计与制作课程总结

我是一名电脑爱好者。进入大学里的条第一门公选课,我选择了《网站设计与制作》这门课程,出于对网站设计的强烈的兴趣,抱着强大的求知欲,终于,我进入这门课程的学习。虽然这门课程的总学时比较短,但是经过老师的认真授课以及我的认真听讲,我学到了很多有关网站设计与制作的知识,在一定程度上为我认识了解网站设计与制作提供了良好的基础,并为我下一步深入学习相关方面的知识做了良好的铺垫。

一、网站设计与制作中所用的工具

1.dreamweaver用与编辑HTML、ASP、JSP、PHP时的辅助工具。

2.flash网页需要画面流动时的首选择

3.photoshop图象处理软件,一般网页都需要有图片相搭配,photoshop是款很强大的工具。

4.fireworks跟Photoshop一样都是图象处理软件,但fireworks偏向与对网页的处理。

二、网站的概念与域名

网站是指在因特网上,根据一定的规则,使用HTML等工具制作的用于展示特定内容的相关网页的集合。人们可以通过网站来发布自己想要公开的资讯,或者利用网站来提供相关的网络服务。人们可以通过浏览器来访问网站,获取自己需要的资讯或者享受网络服务。文字与图片是构成一个网页的两个最基本的元素。除此之外,网页的元素还包括动画、音乐、程序等等。域名是网站在互联网上的名字。一个非产品推销的纯信息服务网站,其所有建设的价值,都凝结在其网站域名之上。失去这个域名,所有前期工作就将全部落空要把域名起得形象、简单、易记。

三、网页的制作与网站版式

根据这几节课的学习,我基本了解了要想做好一个网站,就必须把网页做好。

首先,要明确所做网站是什么类型的。其次是布局,还有网站的信息、网站打开的速度等。

(1)、网站的整体布局:网站主页就好象是宣传栏或者店面——对访问者产生第一印象,都希望尽量给人留下好的印象。网页应该力求抓住而不是淹没浏览者的注意力,过多的闪烁、色彩、下拉菜单框、图片等会让访问者无所适从,一般来说,好的网站应该给人有这样的感觉:干净整洁;条理清楚;专业水准;引人入胜。

(2)、信息:无论商业站点还是个人主页,你必须给人们提供有一定价值的内容才能留住访问者,所以你必须提供某些有价值的东西。

(3)、打开速度:我们都知道,页面下载速度是网站留住访问者的关键因素,如果20—30秒还不能打开一个网页,一般人就会没有耐心。至少应该确保主页速度尽可能快,最好不要用大的图片。

(4)、颜色搭配:颜色也是影响网页的重要因素,不同的颜色对人的感觉有不同的影响,所以在做网页的时候应该注意颜色的搭

配。包括网页的整体的颜色、网页中文字的颜色等。不要将所有颜色都用到,尽量控制在三至五种色彩以内。

(5)、网站的版式设计:网页设计作为一种视觉语言,特别讲究编排和布局,虽然主页的设计不等同于平面设计,但它们有许多相近之处。版式设计通过文字图形的空间组合,表达出和谐与美。多页面站点页面的编排设计要求把页面之间的有机联系反映出来,特别要处理好页面之间和页面内的秩序与内容的关系。为了达到最佳的视觉表现效果,我们将反复推敲整体布局的合理性,使浏览者有一个流畅的视觉体验。

(6)、网页标题的可读性:必须尽量使你的网页易于阅读。为所有标题和副标题设置同一字体,并将标题字体加大一号,所有标题和副标题都采用粗体,这样便于识别标题,使浏览者一眼就可以看到要点,以便找出并继续阅读有兴趣的内容。所以,要认真写好每个标题!

四、HTML语言

虽然课程比较短暂,但老师还是在讲课中穿插了一点HIML语言,它在网页制作中也发挥了比较重要的作用,可以大大提高网页制作的效率。虽然,我不是计算机专业的,但作为一个电脑爱好者我会在课后抽时间认真去学习掌握这门语言,让自己具备更专业的知识。

总而言之,经过对《网站设计与制作》这门课程的学习,我收获了很多。我所学的专业并不是计算机方面的,更别说是网页设计了,但是由于我对网页设计及制作的强烈兴趣,我选择这门课程是我最大的乐趣,因为我学到了知识。并且我今后会继续在这方面提高自己,全面提高,综合发展。

在这里我很感谢老师的认真授课,让我对这门课有了初步的了解,学到了很多关于这方面的知识。最后我想说句谢谢老师!

第二篇:网站制作设计大总结

网站制作设计大总结

网站终于成功建成了,但这并不等于的结束,而恰恰是的刚刚开始。对于网站制作设计而言,仅仅做好前期是远远不够的,而最重要的要做的就是做好网站的后期管理,这样才能够提高网站的生命力。那么,网站制作设计后期都有哪些呢现在我们就来分析一下吧!

后期一:网站要选择一个长期负责网站的人,要隔一段时间对网站进行维护与内容更新。网站需要一个长期管理人员,这样就可以对网站进行推广并做好网站的信息发布了。除此之外,如果网站后期有修改需求,也可以及时与网站制作人员进行及时沟通,共同制订完善的修改方案,这样就减少了不少沟通成本。

后期二:网站要时刻与用户考虑。网站制作设计之后就是要为顾客服务的,因此就要时刻考虑顾客的需求。网站要时刻以用户的出发点来做好网站的后期管理。

后期三:网站要时刻了解网络优化知识。网络优化知识的学习可以使网站向着更为良好的方向展,通过低成本的运营模式可以使搜索引擎更加优化,而且可以吸引越来越多的用户的眼球。

后期四:网站除了要吸引用户之外,还要注意网站的安全性。每个网站都面临着众多的网络侵袭,要时刻防御侵袭的到来。

后期五:做好网站的维护与更新。对于网站设计而言,只有经常对网站进行维护与更新,才能更好地吸引用户。

D9DNK 宿迁网站制作sq918.com

第三篇:课程(课件设计与制作)

课件设计与制作

一、课件的定义和模式

二、课件基本结构形式

三、课件的制作流程

四、课件制作准备阶段

五、课件制作制作阶段

六、课件制作结束阶段

七、课件的制作技巧

八、课件的标准和发展

一、课件的定义和模式

课件(Courseware)是用计算机应用软件制作的用文字、声音、图像、视频等多媒体手段用大屏幕投影方式辅助各科教学的现代化程序性教具。

课件实质是一种软件,是在一定的学习理论指导下,根据教学目标设计的、反映某种教学策略和教学内容的计算机软件。

课件的基本模式有练习型、指导型、咨询型、模拟型、游戏型、问题求解型、发现学习型等。无论哪种类型的课件,都是教学内容与教学处理策略两大类信息的有机结合。

二、课件基本结构:

欣赏课件(举例)英语课件和政治课件 课件结构:

线性结构

树状结构

区别:

树状结构增加了菜单页面、内容页面上增加了返回菜单按钮,在内容的选择上,操作上更加灵活方便,更好地实现导航、交互和控制。

三、课件的制作流程

课件设计与制作一般要经过下面几个过程:

1.选课题 2.教学设计

12-1 3.资源使用设计 4.课件脚本设计 5.素材搜集选用 6.课课件集成制作 7.课件件测试修改 8.课件打包

简要地划分三个阶段:准备阶段、制作阶段和结束阶段 准备阶段:写脚本和搜集素材

制作阶段:按脚本要求制作好一张张幻灯片;制作封面页面、菜单页面和内容页面 结束阶段:检查、优化、保存和打包

四、课件制作准备阶段

1.脚本写法:页面内容布局和交互设计

每个页面的具体要求:如出现什么素材,在什么位置,怎样出现,还可以图示化。图文简示法(动画展示)2.素材获取途径

从网页中获取;从课件中获取;从电子书中获取 3.素材获取方法

1.文本素材获取 2.图片素材获取 3.声音素材获取 4.视频素材获取 5.动画素材获取 3.1文本素材获取

从网页上获取文本资源

收藏(收藏在收藏夹中)保存(保存在文件夹中)直接复制粘贴(粘贴在文档中)从网页上获取加密了的文本资源

1、从源文件获取

2、用专用软件获取

3.2从网页上获取图片

1、另存为是最简单的获取图片的方法。

2、百度谷歌的图片搜索是最快最准确找到符合要求的图片的工具。注意:大尺寸 3.3声音素材获取 百度Mp3 3.4视频素材获取

播客、视频共享网站、百度视频搜索

FLV视频专用工具下载 维棠----下载在线视频的瑞士军刀 3.5动画素材获取 硕思闪客精灵

一键查看缓存动画,可以把FLASH课件中所有的图片、声音、视频全部分离出来。4.素材的选择:清晰度 像素 版权 格式 色彩 突出主题 以长城的图片举例

-2

5.素材文件夹的建立 收集到的所有素材,和课件文件都放在一个文件夹中,这样方便课件和文件之间的顺利链接。这是做课件的一个好习惯,可以更好地保证课件中的音频、视频和动画正常播放。

五、制作阶段 1.页面设计: 从结构分析

课件由封面页面 菜单页面 内容页面这三部分组成 1.2页面设计中的教学信息观:

课件包含的中的教学信息分为三类:教学有效信息、教学无效信息、教学干扰信息 教学过程就是传递有效信息‘’教学信息的呈现有一定规律 教学有效信息

呈现原则:醒目显眼 抢眼球 呈现位置:有效重要位置

呈现方式:动态呈现与静态呈现教学干扰信息 教学干扰信息

呈现原则:低调、不抢眼球 呈现位置:不占有效位置

呈现方式:把握好动与静的关系 教学信息最佳呈现区

12-3 2.1封面页面(欣赏举例)

(这里以做一个树状结构的高中语文诗词课件《声声慢》为例。)2.1.封面页面: 脚本:

课题声声慢用书法字体,位置在中间,突出。小标题: 高中语文多媒体课件 在左上角。背景图片。

背景音乐为,自动播放。右下角放置播放按钮 界面风格古典雅致。制作技巧:

插入艺术字; 组合和排列 插入音频文件,设置播放方式。

插入图片,设置透明背景、裁剪。

(举例)根据素材进行演示操作,最后展示不同形式的封面页面。

注意:课件的封面要有特色,要和主题相切,还要能吸引打动人!2.内容页面:(1)母板修改,另存图片

绘图参考线出现和增加

用绘图参考线给屏幕内容定位 进入和关闭母板编辑状态

(举例)根据素材进行演示操作,最后展示效果。

12-4 注意:修改母板是让课件的整体风格协调一致。课件中心的内容区的内容不宜过满。(2)诗词视频页面: 脚本:

诗词朗诵视频,单击播放

下一页按钮 制作:

插入新幻灯片,空白版式

直接插入视频,图形背景修饰,卡通图片修饰 控件插入视频、制作主菜单按钮

(举例)根据素材进行演示操作,最后展示效果。

直接插入

图形背景修饰

卡通图片修饰

12-5

控件插入

注意:控件插入视频,提供了视频播放的控制条,很方便地对播放的视频进行播放、停止控制,还可以根据进度条,知道视频播放的进程。(3)诗词动画页面: 脚本:

诗词朗诵flash动画 制作:

复制幻灯片 控件插入动画

设置文件路径、嵌入动画

(举例)根据素材进行演示操作,最后展示效果。

注意:Flash动画与PowerPoint文件处于同一目录中,在“属性”窗口“Movie”一栏右侧的文本框中可以只输入Flash动画文件名,文件路径可以复制文件名和扩展名.swf。设定的矩形框的大小就是放映时动画窗口的大小,当然它的大小是可以通过拖动矩形框的句柄随意改变的。Flash动画播放时,鼠标处在Flash播放窗口,响应Flash的鼠标事件;处在Flash播放窗口外,响应PowerPoint的鼠标事件。(4)诗词分析页面: 脚本:

出示竖排诗词内容 点击出现注释 制作:

插入竖排文本框

插入表格

12-6

自定义动画添加及设置

(举例)根据素材进行演示操作,最后展示效果。

注释加出现自定义动画

注释加退出自定义动画

(5)诗词赏析页面: 脚本:

出示带滚动条的文本框 制作:

控件插入文本框、文本框属性设置(多行、竖直滚动条)

(举例)根据素材进行演示操作,最后展示效果。

(6)诗词练习页面: 脚本:

12-7 出示选择题目内容

由学生随意选择答案,并出现评价。制作:

自定义动画出现答案 触发器出现答案

(举例)根据素材进行演示操作,最后展示效果。

自定义动画出现答案

触发器出现答案

(6)诗词探讨页面: 脚本:

出示可输入的文本框 网页链接、邮箱链接 制作:

控件

图像、文字加超链接

(举例)根据素材进行演示操作,最后展示效果。

12-8 注意:演示做好的课件,说明现在已经做好一个线性结构课件。

3.菜单页面: 脚本:

1诗词视频、2诗词动画、3诗词分析、4诗词赏析、5诗词练习、6诗词探讨按钮 制作技巧:

添加按钮并复制、按钮添加文本、透明线条、对齐分布

为按钮加链接动作到具体的幻灯片

(举例)根据素材进行演示操作,最后展示不同形式的菜单页面。

按钮横排的菜单页面

按钮竖排的菜单页面

六、结束阶段

检查、优化、保存和打包 检查:

按钮链接是否正确;

音频、视频和动画能否正常播放; 优化:

利用图片工具样的压缩功能对课件中的图片压缩; 保存:

保存为PPS的播放格式

12-9 设置只读密码,让别人不能修改 打包:

让课件在别人电脑也能正常播放。带播放器,可以不安装PPT软件。

把演示文稿打包,可以很方便地把演示文稿变成EXE文件,方便携带和发布。

七、课件制作技巧

1.自定义动画篇(陀螺旋)皮带传动

单摆

钟表

自定义动画篇(路径)行星运动

自定义路径运动

自转和公转

滑轮

2.声音篇(持续播放、嵌入设置)持续播放(例子:相册)在喇叭上右键,点击自定义动画,在自定义动画上右键,有一个计时,点击计时,有个重复,里面有一个之幻灯片末尾,点击,确定。

添加音乐后,在小喇叭上右键——自定义动画——(你会在窗口右边看到你插入的那首歌)——在歌名上右键——效果选项——停止播放中选择“在999张幻灯片后”——确定就OK了

你还可以在计时选项中选择重复的次数。嵌入设置

1.请使用wav格式的声音文件。

2.设置PPT文档的选项。PPT菜单栏→工具→选项→常规→更改“链接声音文件不小于[

]KB“。在里面填写你希望的大小。当你设置好了之后,大于该大小的声音文件只能链接到PPT文件中,而小于该大小的声音文件就被嵌入到PPT文件中。3.插入声音文件。PPT菜单栏→插入→影片和声音→ “文件中的声音”。之后,会弹出一个窗口,让你选择“自动”或“在单击时”。若选择自动,则当翻到该页时,声音会自动播放;若选择单击时,则点击声音喇叭,声音才播放。

3.触发器篇

视频播放可以直接插入和利用控件插入,其实利用触发器也可以对音频和视频进行控制。(音视频播放、停止控制)触发器特点:

12-10 触发时,无时间先后顺序 4.外部文件链接 插入对象法

动画的EXE文件,不能插入的视频文件、其他软件(几何画板)的文件 单击“插入”菜单,在弹出的下拉菜单中单击“对象”,此时会弹出“插入对象”对话框,选择“由文件创建”,单击“浏览”,在出现的“浏览”对话框中找到“我的文档”中的“我的文件”并双击,Flash动画的路径便会出现在“插入对象”对话框中的文本框中(如图),最后单击“确定”返回PowerPoint。插入超级链接法

建立任意一个对象(如一段文字、一张图片等)。选中这个对象,单击“插入”菜单,在弹出的下拉菜单中单击“超级链接”(以上操作也可以换为“右单击对象,从弹出的快捷菜单中单击‘超级链接’”),此时会弹出“插入超级链接”对话框,系统默认链接到的对象是对话框左侧上部的“原有文件或Web页”。单击右侧的“文件”按钮,在出现的“链接到文件”对话框中从“我的文档”中找到“我的文件”并双击,Flash动画的路径便自动出现在“插入超级链接”对话框中,最后单击“确定”返回PowerPoint。动作设置法

在其中建立任意一个对象(如一段文字、一张图片等)。右单击该对象,在弹出的快捷菜单中单击“动作设置”,出现“动作设置”对话框。

激活对象的方式可以为“单击鼠标”也可以是“鼠标移动”,本例采用系统默认的“单击鼠标”。再选中“超级链接到”,单击右侧朝下的小黑箭头,弹出一个下拉列表,单击最下端的“其他文件”,在出现的“超级链接到其他文件”对话框中从“我的文档”中找到“我的文件”并双击,Flash动画的路径便自动出现在“动作设置”对话框中(如图7),单击“确定”返回PowerPoint。

八、课件的标准和发展 1.好课件的标准

课件评价标准:一是科学性;二是教学性;三是技术性;四是艺术性;

一、科学性

1、描述概念的科学性:课件的取材适宜,内容科学、正确、规范。

2、问题表述的准确性:课件中所有表述的内容要准确无误。

3、引用资料的正确性:课件中引用的资料正确。

4、认知逻辑的合理性:课件的演示符合现代教育理念。

二、教育性

1、直观性:课件的制作直观、形象,利于学生理解知识。

2、趣味性:有利于调动学生学习的积极性和主动性。

3、新颖性:课件的设计新颖,进一步调动学生的学习热情。

4、启发性:课件在课堂教学中具有较大的启发性。

5、针对性:课件的针对性强,内容完整。

6、创新性:能否支持合作学习、自主学习或探究式学习模式。

三、技术性

1、多媒体效果:课件的制作和使用上是否恰当运用了多媒体效果。

2、交互性:

课件的交互性较高。

3、稳定性:

课件在调试、运行过程中不应出现故障。

12-11

4、易操作性:

操作简便、快捷。

5、可移植性:

移植是否方便,能否在不同配置的机器上正常运行。

6、易维护性:

课件可以被方便地更新,利于交流、提高。

7、合理性:

课件是否恰当的选择了软件的类型。

8、实用性:

课件是否适用于教师日常教学

四、艺术性

1、画面艺术:画面制作应具有较高艺术性,整体标准相对统一。

2、语言文字:课件所展示的语言文字应规范、简洁、明了。

3、声音效果:声音清晰,无杂音,对课件有充实作用。

我在评审中最关注:结构合理、有基本元素、有(教学)内容、有(真)交互、有多种媒体 一家之言 说课课件

说课课件要配有教学课件才有存在价值。单独的“说课课件”不是课件。使用原则

课件为教学服务是原则,教学为课件服务是杯具。(技术是形教学是神)个性产品

课件是教师个人的个性产品,课件共享意义不大。(课件可以拿来加工,不能直接拿来就用)书写规范

制作课件时,文字“书写”要符合中文书写规范。(注意首行空两格)

2.课件的发展与未来 课件的发展

课件1.帮助老师的教,掌握在老师手中 学件2.帮助学生学,掌握在学生手中。网络课件3.网络环境,确保一人一机。积件4.积件思想、积件技术、积件素材 一对一5.一对一数字化学习虚拟课件

白板环境下的课件设计

12-12

第四篇:校园网站的设计与制作

校园网站的设计与制作

“听者有心”的首页

创建背景

这个网页可以说是采用了二分栏结构,却有一些变化,包括网页上方占很大面积的Banner、栏目名称以及网页下方放置版权信息的区域,都为传统的二分栏结构注入了一些新的元素,让网页不那么规矩,更加迎合学生的品位。而背景对于这个网页来说也非常重要,用淡雅的蓝色与“听者有心”这个网页标题相呼应,使浏览者打开网页的一瞬间就有一种清新脱俗的感觉,进而产生亲切感。

1.打开Photoshop,按【Ctrl+N】,新建一个宽“760px”,高“900px”的文件,将它命2.按【Ctrl+A】进行全选,填充淡蓝色(R228,G246,B244);新建图层,将其命名名为“听者有心”。

为“灰色”,在页面的上下分别创建高为“30px”和“100px”的矩形选区,填充上浅灰色(R236,G236,B236)。如图所示。

97298299300点。选择柔角的画笔,调整画笔的大小,在你认为合适的地方点缀出朦胧的圆点,把它调整到【听者有心】图层的下面,最终Banner的效果如图2-10所示。

图2-10 梦幻Banner最终效果图

制作信息面板

1.新建【信息面板】组,在组内新建图层,命名为“信息面板”。新建【路径5】,绘制如图3-1所示的路径,创建选区之后填充白色。

图12-3-1 绘制信息面板

2.双击【信息面板】图层的缩览图,在弹出的对话框中勾选【描边】复选框,做如图3-2所示的设置,其中【颜色】为灰色(R204,G204,B204)。

02303

图3-6 加上“more”按钮并作装饰

这样,信息面板就制作完成了,最后要做的是作整个页面的细节修饰。

进行细节修饰

1.在页面上部的浅灰色和白色横条都是用来放栏目文字的,如果两部分除了颜色没有任何差别,会让浏览者觉得乏味,所以我们要作一点小变动。首先,新建图层,命名为【白色条纹】,在页面右上角绘制如图4-1所示的宽“270px”的图形,其中2条间隙高“2px”,中间的白色细线高“1px”。

图4-1 绘制白色条纹

2.创建一个矩形选区,在选区内右击后选择【变换选区】,把选区的宽度改为“7px”

05306307308-

第五篇:新闻网站的设计与制作

目 :

新闻网站的设计与制作

0

目录

第一部分:引言........................................3 第二部分:工具介绍.....................................3 2.1 Dreamweaver.....................................3 2.2 Adobe Fireworks CS6.............................4 2.3 html浏览器.....................................4 第三部分:网站结构图...................................5 第三部分:网站界面设计.................................5 3.1 新闻浏览........................................7 3.2 新闻阅读........................................8 3.3 新闻查询........................................9 第四部分:总结.......................................10 致谢.................................................10

第 1 页

新闻网站设计与制作

摘要:随着现代网络信息的快速发展,人们对外界的信息需求越来越高。本论文将从建站的实际情况出发,经过对有关网站新闻网站的一番考察和分析。确立了系统采用Dream weaver作为开发环境,Adobe Fireworks CS6作为辅助工具。阐述系统的结构设计和功能设计,实现新闻的分类显示,最近新闻显示、热点新闻显示、搜索、等。登陆本网站后可以了解到当下最新的新闻资讯,浏览到社会各方面的详细消息。本网站具有很好的外部接口,较好的容错性,能够承受大量用户同时浏览的压力,满足大部分新闻发布的需求,能够很好的配合其它子系统服务于网站的新闻发布。网站主要以文字、图片、视频合理并且有序地呈现在大家面前。简单的说,新闻网站就是充当一个网络新闻媒介的功能。关键词:新闻网站;Dream weaver;设计

News Website Design Articles

Abstract: With the rapid development of modern network information, people increasingly high demand for outside information.This paper will Build the actual situation, through to some news sites about the site investigation and analysis.Established a system using Dream weaver as the development environment, Adobe Fireworks CS6 as an auxiliary tool.Elaborate structure of the system design and functional design, implementation, news classification shows that the recent news show, hot news show, search, and so on.After landing on this website you can learn the latest news and information instantly, navigate to the social aspects of the detailed news.This site has a good external interface, better fault tolerance, able to withstand the pressure of a large number of users to simultaneously view, to meet the needs of most press releases, can be very good with other subsystems serving the website's news release.Website mainly text, pictures, video and reasonable and orderly presentation in front of everyone.Simply put, the news site is to act as a network media functions.Key word: News sites;Dreamweaver;design

第 2 页

第一部分:引言

伴随着网络的出现,网页逐渐融入人们的生活。快速及时的新闻浏览,五彩缤纷的网上信息,使网络与人们的生活息息相关,于是世界上又出现了第三媒体——Internet。

新闻网站是一个新闻单位不可缺少的部分,同时也是现代网民了解时事不可缺少的工具。它的内容对于新闻的决策者和管理者来说都至关重要,所以新闻网站应该能够为用户提供充足的信息和快捷的查询手段。但一直以来人们使用传统人工的方式管理文件档案,这种管理方式存在着许多缺点,如:效率低、保密性差,另外时间一长,将产生大量的文件和数据,这对于查找、更新和维护都带来了不少的困难。

随着科学技术的不断提高,计算机科学日渐成熟,其强大的功能已为人们深刻认识,它已进入人类社会的各个领域并发挥着越来越重要的作用。

作为计算机应用的一部分,使用计算机对网上新闻发布进行管理,具有着手于管理所无法比拟的优点.例如:检索迅速、查找方便、可靠性高、存储量大、保密性好、寿命长、成本低等。这些优点能够极大地提高网上新闻发布的效率,也是企业的科学化、正规化管理,与世界接轨的重要条件。第二部分:工具介绍

运行平台:html浏览器(360安全浏览器)。开发平台:Dreamweaver,Adobe Fireworks CS6。语言:html。

2.1 Dreamweaver Adobe Dreamweaver,简称“DW”,是美国MACROMEDIA公司开发的集网页制作和管理网站于一身的所见即所得网页编辑器,它是第一套针对专业网页设计师

第 3 页

特别发展的视觉化网页开发工具,利用它可以轻而易举地制作出跨越平台限制和跨越浏览器限制的充满动感的网页。

Adobe Dreamweaver使用所见即所得的接口,亦有HTML(标准通用标记语言下的一个应用)编辑的功能。它有Mac和Windows系统的版本。随Macromedia被Adobe收购后,Adobe也开始计划开发Linux版本的Dreamweaver了。Dreamweaver自MX版本开始,使用了Opera的排版引擎“Presto” 作为网页预览。2.2 Adobe Fireworks CS6

网页图片处理也是网页制作一个非常重要的组成部分,图片是网页内容最有视觉冲击力的表现方法,因此,图片在网页中具有非常重要的作用,不管这些图片是作为内容还是作为修饰而存在。常用的图片处理软件有网页三剑客中的Fireworks和Photoshop,对于一些简单的图片处理工作用Fireworks即可完成,而对于复杂和性能要求高的图片比如jpg格式的图片往往采用Photoshop去处理。本网站的图片主要使用Fireworks。

Adobe Fireworks CS6[1]是专业的网页图片设计、制作与编辑软件。它不仅可以轻松制作出各种动感的Gif、动态按钮、动态翻转等网络图片。更重要的是Fireworks可以轻松地实现大图切割,让网页加载图片时,显示速度更快!让你在弹指间便能制作出精美的矢量和点阵图、模型、3D 图形和交互式内容,无需编码,直接应用于网页和移动应用程序!Fireworks CS6更是利用 jQuery 支持制作移动主题,从设计组件中添加 CSS Sprite 图像。为网页、智能手机和平板电脑应用程序提取简洁的 CSS3 代码。利用适用于 Mac OS 的增强的重绘性能和适用于 Windows® 的内存管理,大大提高工作效率。利用增强型色板快速更改颜色。

2.3 html浏览器

网页浏览器是个显示网页服务器或档案系统内的文件,并让用户与此些文件互动的一种软件。它用来显示在万维网或局部局域网络等内的文字、影像及其他资讯。这些文字或影像,可以是连接其他网址的超链接,用户可迅速及轻易地浏 第 4 页

览各种资讯。网页一般是HTML的格式。有些网页是需使用特定的浏览器才能正确显示。本网站的设计主要使用360安全浏览器。第三部分:网站结构图

第三部分:网站界面设计

本主界面为index.html,它的功能是显示新闻类别,热点新闻中的7条新闻和最新新闻,并提供新闻的详细分类。新闻以文字、图片以及视频的方式传递信息。它是由2.html,2.1.html,娱乐.Html等模块组成。

第 5 页

无论是专业网站还是企业网站,一个网站对其内容的管理都要涉及到采编、分类、发布、浏览、检索等内容。信息管理实现网站内容的更新与维护,提供在后台输人、查询、修改、删除各类别和专题中的具体信息的功能,选择本信息是否出现在栏目的首页、网站的首页等一系列完善的信息管理功能。

第 6 页

系统的主要功能是通过几个功能模块来实现的。具体的设计过程如下:

3.1 新闻浏览

该模块负责分页列出网站所有新闻的信息,包括标题、类型、来源部门字段及发布日期,每条新闻的标题被做成一个超链接,点击它们就能跳转页面进行新闻阅读。

添加代码:

第 7 页

下载网站设计与制作课程总结word格式文档
下载网站设计与制作课程总结.doc
将本文档下载到自己电脑,方便修改和收藏,请勿使用迅雷等下载。
点此处下载文档

文档为doc格式


声明:本文内容由互联网用户自发贡献自行上传,本网站不拥有所有权,未作人工编辑处理,也不承担相关法律责任。如果您发现有涉嫌版权的内容,欢迎发送邮件至:645879355@qq.com 进行举报,并提供相关证据,工作人员会在5个工作日内联系你,一经查实,本站将立刻删除涉嫌侵权内容。

相关范文推荐

    教案【设计网站与制作首页】

    教学目标 1. 知识与技能:了解设计网站的一般流程以及网页的基本构成元素;学会运用表格进行版面布局;能够在网页中添加网页元素 2. 过程与方法: 通过制作网站首页,掌握版面布局、......

    网站设计制作合同书

    网站设计制作合同书 甲方: 乙方: 为了充分利用Internet的优势,进行企业宣传和商务活动,甲方委托乙方进行网站设计制作,双方本着公平友好的原则,签订本合同: 一、 甲方的权利和义务......

    网站设计制作合同

    网站委托开发项目合同网站委托开发项目合同甲方: 乙方:烟台网势企业形象策划有限公司甲方委托乙方开发制作网站,为明确双方责任,根据国家法律法规经双方协商,签订此合同。 一、......

    网站设计制作合同范本

    网站设计制作合同委托单位:__(以下简称甲方) 承接单位:_深圳市顶点企业形象策划有限公司_(以下简称乙方) 根据《中华人民共和国合同法》及有关规定,经双方协商,签订本合同,并共同履行......

    网站设计制作合同书

    甲方(委托方):_________乙方(执行方):_________为了使甲方_________,甲乙双方秉承相互促进,相互信赖的原则,经友好协商,达成如下协议: 一、合同内容和要求 甲方网站设计,制作及维护,具体......

    网站设计制作协议书(范文模版)

    网站设计制作协议书 甲方:_________ 乙方:_________ 一、总则 1.甲方同意为乙方提供网站策划,网站制作服务。 2.网站的信息发布必须符合中华人民共和国现行的各项相关法律,若网站......

    网站设计制作合同书

    网站设计制作合同书甲方:乙方:XX科技有限公司为了充分利用Internet的优势,进行企业宣传和商务活动,甲方委托乙方进行网站设计制作,双方本着公平友好的原则,签定本合同:一、甲方的权......

    网站设计制作合同书

    网站设计制作合同书 甲方(委托方):_________ 乙方(执行方):_________ 为了使甲方_________,甲乙双方秉承相互促进,相互信赖的原则,经友好协商,达成如下协议:一、合同内容和要求甲方网......