时间:2023-04-14 16:49:01
导语:在网页设计论文的撰写旅程中,学习并吸收他人佳作的精髓是一条宝贵的路径,好期刊汇集了九篇优秀范文,愿这些内容能够启发您的创作灵感,引领您探索更多的创作可能。
用户在使用网站内部的信息时,一定要进行登录,所以用户要在该网站注册设置自己的用户名和登录密码。用户在网站上进行注册一方面方便企业对用户信息进行高效管理,开展相关的工作活动。另一方面,个人设置登录名和密码也利于个人信息的保密,维护自己的利益。提高网站安全性的方式很多,用户登录的验证和确认是其中的一种安全方式,只有确保网站的使用者都是合法的,才能进一步确保网站信息的安全。但是当前很多网站设计人员对用户登录的安全设置不够重视,忽视验证部分,没有考虑到登录验证的重要性,导致登录验证程序的稳定性偏低,从而使黑客等不法分子乘机入侵,威胁网站的安全,造成数据信息泄露,造成巨大的损失。这种登录安全缺陷主要是因为网站开发人员设计的验证程序不够严密,造成脚本语言编写程序在验证用户账号密码时出现问题。网站用户登录验证流程图如图1所示。用户在网站上登录,需要进行相关的验证,这时需要网站开发人员在数据库的user数据表中编写相关的程序,用户登录时,以代表输入的账号,以password代表输入的登录密码。当用户输入用户名和密码时,系统会在数据库系统中进行搜索,如果用户的信息是正确的、合法的,就能搜索到相关信息,系统就会允许用户使用网站的相关信息,反之,如果登录信息是错误的、不合法的,用户就不能实现网站的访问。在对用户信息进行合法性判断时,应用的是SQL查询工具进行语句查询,假设用户名为登录密码为在使用SQL查询语言时,获得的反馈信息为,查询结果和实际信息相差较多,造成用户登录验证失效,这样任意的用户名都可以实现网站的访问,从而影响网站的运行。针对上述存在的不安全问题,需要对其进行解决,解决方法如下所述。首先设定注册限制,不是所有人都可以在网站上进行注册,这样可以有效避免非法用户在网站上面注册,从而有效降低非法攻击的发生机率。然后,进行SQL登陆查询时,先设置用户信息过滤程序,过滤掉非法的用户和密码。最后,在验证用户时,先验证用户名,用户名合法再验证密码。这样就可以有效提高用户登录的安全性,解决当中存在的问题。
2逃避验证存在的安全问题
如果用户知道网页的文件名或者是路径,就会出现逃避验证现象,使网站的安全性下降。一旦网页没有用户的登录限制,用户在网页中直接输入网页的文件名,不用进行登录验证,就可以读取网站内容,这对网站的安全是严重的威胁。所以,为了有效避免这个问题,需要网页设计人员加强网页设计信息的保密工作,提高网站信息的安全性。此外,对一些重要的网站内容加强用户身份验证限制,这样所有的用户在登录相关页面时,都必须进行身份验证工作,验证通过之后,才能使用里面的相关信息,这样会大大提高站点的数据安全性。
3桌面数据库被下载的安全漏洞
桌面数据库被下载的安全漏洞主要是ASP+Access应用系统中的问题。通常情况下,用户都可以通过网站下载相关的信息,但是如果知道Access数据库名称及存储路径,就可以任意下载数据库中的信息,从而导致数据库中的机密信息泄露。比如,图书馆系统中的Access数据库其名称和存储路径一般为Library.mdb和URL/database。此时,只要在WEB浏览器的地址栏中键入URL/database/Library.mdb,就能将Library.mdb数据库下载到本地计算机中。所以,为了有效避免上述问题,在设计ASP程序时,数据源要尽量使用ODBC数据源,这样数据库名称就不会被直接写入程序中,避免出现ASP源代码和数据库名称一起失密的现象。此外,还要对页面进行加密处理,这样可以有效提高数据库系统信息的安全性,避免数据库内部资料被窃取。ASP页面的加密主要有两种方法:一是,应用组件技术将编程逻辑封装在DLL中;二是,应用ScriptEncoder加密ASP页面。通常情况下都会采取第二种方法对ASP页面进行加密,因为使用第一种方法对ASP页面进行加密时,需要将每段代码组件化,工作量特别大,并且操作十分繁琐。采用ScriptEncoder方法加密ASP页面时,其操作比较简单,编辑性强,具有以下四方面的优势:(1)HTML具有良好的可编辑性,使用ScriptEncoder加密ASP页面时,只需将ASP代码嵌入到HTML页面中,故仍可以使用常用网页编辑工具如Dreamweaver等实现HTML部分的完善,但是ASP加密部分不能任意更改,否则将会对文件造成破坏,导致其失效;(2)可以加密当前目录中的所有ASP文件,加密后并将其统一输出指定目录中;(3)应用ScriptEncoder加密ASP页面的操作十分简单。(4)criptEncoder加密软件是免费网件,可以从网站上直接下载,安装、注册验证即可。应用ScriptEncoder对代码加密,既简单方便,安全性又高。随着ScriptEncoder加密技术的广泛应用,DLL封装方法的使用越来越少,逐步被淘汰。ScriptEncoder编码过程如图3所示。
4文件上传存在的安全问题
很多网站都具有文件上传功能,比如学习网站,教师上传一些学习资料等,但是网站的设计人员在设计网站时,没有设置过滤参数过滤功能,导致非法攻击人员利用这个漏洞上传一些恶意文件破坏网站的数据库系统或者是执行任意命令。为了解决这个问题,提高文件上传的安全性,应该在网站系统中添加判断程序,这样,系统在获得用户的文件上传请求之后,先对文件的安全性进行判别,符合文件上传的条件,才能完成上传操作,这样可以避免网站中上传一些非法文件,对系统造成破坏。
5结束语
首要,在拿到规划项目以后,首要要对客户进行系统性的分析,比方能够公司布景、客户公司形象、客户商品形象,充沛把握客户公司或商品的详细信息,使平面规划作业能够有针对性,断定规划定位。当规划有关资料联系完毕以后,就需求针对这一项目展开适当的思考和断定,断定平面规划个性,断定体现手法。这是一个对比艰难的进程,由于平面规划的规划空间所限,致使平面规划的主题一定要凸显出来,且内容要饱满但不能负担,这就需求规划者进行仔细的思考和研讨,以佳的体现手法进行详细出现,一起,这一进程也需求做好有关资料的搜集作业,以便于有关创造作业的展开。在断定规划个性和体现手法以后,便能够展开详细的平面规划作业。平面规划作业能够凭借传统规划资料展开,比方绘图笔和纸张,也能够凭借领先的绘图软件展开,详细情况能够依据规划者的习气来断定,但规划进程中必须要保证规划的全面性和方向的精确性,要保证色彩的一致,也要保证满足的视觉冲击力,保证规划著作能够导致顾客爱好,招引顾客眼球。
二、页面规划与平面规划之间的差异以及彼此之间的联络
1、体现规模的不一样体现规模是两者之间十分重要的差异。页面规划即是局限于网络环境中的,经过优异的页面规划,使得网站全体的作用得到大幅度地进步,然后把网站的主题反映给客户,然后客户就能够经过公司或许是商品在网站上体现出来的东西对其做好了解。进而为公司或许是商品做宣扬,进步竞赛力度,推进经济效益的进步。可是平面规划体现的规模还要更广,而且其影响力度也是对比的大的。平面规划的著作比页面规划的著作使用规模愈加宽广一点,可是在另一个视点来讲,页面规划比平面规划在媒体介质上具有更大的展开空间。
2、束缚性的不一样束缚性也即是进行艺术创造时分的束缚条件,此种束缚性的条件是表如今许多的方面的,就像创造东西,传达的方式以及创造的平面,字体字号以及色彩标准等等。页面规划,通常情况下是只是能在电脑设备上进行创造的,而且也只能是在凭借电脑设备的前提下才干够展现出实在的创造作用。页面中规划的著作作用会遭到网速的影响,遭到客观的要素影响对比大。可是平面规划相对来讲就不会受那么多的束缚,不行是在创造空间上没有太多的束缚,而且创造的商品也能够在任何时分任何的场合中进行展现,没有严厉的规定。在进行平面规划的时分不管是触及的字体、字号仍是色彩都是十分的具有随意性的,能够依据规划者的实践需求以及规划师心思的状况进行创造。
3、技能上实践的不一样页面规划是对比依靠于互联网的,页面规划关于领先的软件具有十分强的依懒性,可是平面规划则不是这样的,它关于软件的依靠对比小,相对来讲愈加依靠于打印的技能。在进行页面规划的时分通常情况下都是凭借于绘图东西的,只有强壮的软件才干保证页面规划顺畅的进行。可是平面规划优化经济以及科学技能的展开,不仅能靠画图东西来进行创造,而且也能凭借有关的绘图软件来实现终究的作用,再即是平面规划关于打印技能的要求是对比高的,此也是两者之间十分显着的差异。
三、页面规划与平面规划之间的联系
页面规划与平面规划之间是有着十分亲近的联络的,可是两者之间也是存在着差异的。页面的规划与平面的规划都归于具有现代化特征的艺术方式,在如今社会中这两种艺术方式都是能够经过电脑技能来辅佐或许直接完结的,而且能够发生十分好的作用。页面规划与平面规划之间存在的差异也是对比的大的,其主要差异是它们的体现规模的不一样。体现规模是两者之间十分重要的差异。页面规划即是局限于网络环境中的,经过优异的页面规划,使得网站全体的作用得到大幅度地进步,然后把网站的主题反映给客户,然后客户就能够经过公司或许是商品在网站上体现出来的东西对其做好了解。进而为公司或许是商品做宣扬,进步竞赛力度,推进经济效益的进步。可是平面规划体现的规模还要更广,而且其影响力度也是对比的大的。其是依据二维空间的一种艺术性创造,而且也不需求十分严厉的体现手法,不遭到东西或许是宣扬路径的束缚,著作成形以后,能够凭借杂志还有周刊或许是广告等任何的方式进行宣扬,然后到达进步影响力的方针。平面规划的著作比页面规划的著作使用规模愈加宽广一点,可是在另一个视点来讲,页面规划比平面规划在媒体介质上具有更大的展开空间。
四、结束语
1从屏幕采集
最原始的方法是按下键盘上的<PrintScreen>键,将当前屏幕复制到剪贴板上,再通过其他图片处理软件进行加工;也可通过相应的屏幕截取软件工具进行屏幕采集如HyperSnapDX、SnagIt等。
2从网上下载
网络资源异常丰富,在Internet上可供选择的素材很多,可以直接访问网页,从网上搜集我们需要的图片,并通过保存图片或者通过电子邮件、网际快车等形式下载相关的资料素材。
3用扫描仪采集图像
可通过彩色扫描仪将报纸图书等纸质的图片素材进行扫描,把各种印刷品及彩色照片数字化后在计算机中存储起来供使用。
4使用数码相机及数码摄像机采集图像
可使用数码相机和数码摄像机进行图片的拍摄和录取,然后将相关图像信息存储到计算机中进行处理,这应用的非常普遍。
5通过计算机软件进行绘制
可通过各种绘图软件进行绘制。如使用AdobePhotoshop、AdobeIllustrator、Paintor、Coreldraw、Freehand、Flash等。这些工具软件在图形图像的处理方面功能很强大,不但可以很方便的处理图形图像,还可以优化图片的质量,提高网页的下载速度和制作效率。
二图片在网页应用中的处理方法
1退底处理
可以形成生动的边缘效果,使画面更具活力。有时也为了去除图片中繁杂的背景,使图片主体更简洁醒目。
2虚实处理
通过对图片进行虚实处理,也可使主体更突出,增强网页的空间与层次感。同时通过虚实的对比,使画面形成张弛有度的关系,其虚的部分可激发人们的想象力,有助于产生联想。
3影调处理
通过各种图形图像处理软件,对图片的色度、饱和度、明度、纯度等进行调整,可以制作出各种色调的图片效果,从而大大增强图片的感染力。如将整张图片进行去色处理、产生单一色调效果或突出某一主要色调等
4质感处理
通过对图片的质感处理,可以激发人们的联想与情感投入。如粗糙的表面效果,可以带给人们的质朴的感受;对图片进行残缺处理和作旧处理,可以带来一种沧桑感等。利用Photoshop图层和滤镜等相关功能,可以制作出不同质感的图像效果。
5局部与特写
有时为了突出某一特定部位,或获得某种特别的视角,需要对图片的局部进行特写处理,通过对图片的重新剪裁而获得一种特别的视觉感受。
6综合处理
在很多时候,为了某种表现效果,需将各种方式综合利用,以达到设计的目的。例如,对图片进行重新分割与组合、混合等。
三结束语
《网页设计》是计算机络技术专业的一门专业基础课,该课程的教学内容是基于Dreamweaver软件的网页制作,主要包括html语言、网站创建与规划、网页设计技术与技巧、网站及维护等内容。通过本课程的学习,学生达到能够独立开发和制作网站。在《网页设计》课程教学中,作为载体的实训项目的设计与确定、实施与评价,对学生专业能力的获得具有举足轻重的作用。一般来说,项目教学要有以下几个操作环节:
(一)项目任务
根据《网页设计》课程培养目标的要求,教师选定项目任务,与学生一起分析任务性质,明确任务内容,让学生知道自己要做什么,要准备哪方面的专业知识,能锻炼哪方面的专业技能等。
(二)项目方案
教师按照学生的学习能力差异和综合专业素质等把全班学生分成几个学习小组,然后组织各小组学生为完成项目任务进行充分讨论,引导学生补充准备相关的专业知识,设计项目任务完成可行性实施方案。教师要积极引导各小组相互进行比较,取长补短,肯定实施方案的多样性、差异性,允许按照多种方案实施,并提出建议性的参考方案。学生明确各自的分工,然后进行项目操作。
(三)项目实施
小组成员根据项目实施方案中的分工,在计划的时间内,来做成自己所负责的工作,在项目实施过程中,团队间的合作、组织、协调、讨论等成了这个环节的主要内容,在项目实施过程中,教师要担任指导者、监督者、评价者等角色,确保项目中的每位成员都能参与其中,从而高效地完成项目任务。
(四)项目评价
先由小组成员对自己完成的项目进行内部评价,再进行小组间的互评,取长补短。最后由教师对各小组的项目完成情况进行综合评价。教师把项目评价效果情况进行详细记录,作为学生该项目工作成绩,最后组织全班学生一起从项目设计的规范性、合理性、项目最优化等方面共同分享学习实践的经验。
二、《网页设计》应用项目教学法的实例分析
以往的《网页设计》课程对应的实践任务往往只是针对所学知识点,安排一些较枯燥的一些操作练习,缺乏一个系统的链接,致使学生学习缺乏激情和动力,学生每次实践只是机械地按照实践指导的步骤完成实践内容,他们普遍认为这些课程只是学会软件的基本操作而已。在这种模式下,不利于培养学生解决综合问题的能力,很难利用信息技术工具和信息资源来解决具体实际问题,项目教学法的应用,应该可以有效地解决以上的问题。
(一)布置项目任务
在《网页设计》课程实施项目教学时首先要求科学确定项目任务。在确定项目任务时,要进行科学规划,力求所制定的项目不仅有利于教学的开展,而且有利于调动学生的学习积极性。要对具体的项目提出明确的知识目标和能力目标。我将《网页设计》课程的总项目任务确定为“开发一个企业网站”,并根据其涉及的知识点,将课程总项目划分为若干个子项目,每个子项目再根据知识点划分为若干个由基本知识、基本操作构成的实验项目。在实践过程中,全程模拟企业设计场景,把课程内容渗透到企业设计的每个项目中,让学生担任网站设计师角色,分步骤、分阶段地完成一定的企业项目。用案例不断驱动学生去进一步思考和探索,并由点到面,让学生对项目的创建过程有一个直观的认识和体会。在实施过程中,每个模块任务都有其对应的知识点,学生需要灵活地,高效地将所学知识点应用于项目中。
(二)学生知识准备
1.网站素材准备2.网站的整体规划技术;3.表格、布局表格技术及技巧;4.图像处理、动画设计相关技术;5.网站色彩搭配、网站风格美化技术;6.模板、超链接、行为的应用;7.CSS技术设计应用;8.站点管理、网站上传等技术等。
(三)学生分组完成项目设计
全班共32人,我将全班分为四个小组,每小组8人,由组长负责,组员共同协作,完成该公司网站的设计。每一个任务环节均有评价方案,在单个环节中,小组成员各提出方设计方案。
(四)项目再次优化
各小组对其他小组的项目方案进行分析,取其所长,进一步完善自己的项目,争取使项目得到进一步的优化。项目作品展示展示各小组学生的作品,交流制作经验,评出最优组、最优组员和最优作品。最后由教师作总结,指出在实施该项目过程中做得好的方面和需要加强的方面。
(五)项目评价
一个合格的、适合读屏软件操作、符合视力障碍用户需求的无障碍网站,它的一般设计流程可总结为:
(1)检测分析:根据无障碍标准对改造前的网站进行检测及体验,分析、讨论、汇总存在的问题。这方面工作可采取智能化的测试平台和人工实际体验相结合的方式。
(2)方案设计:根据存在问题结合网站信息无障碍改造的标准和目标,设计相应的无障碍解决方案。
(3)实施开发:根据解决方案,遵循相关技术标准,利用信息无障碍技术进行实施开发工作。
(4)测试体验:通过系统测试、人工测试、用户体验相结合的方式,全方位地保障改造成果。
(5)运行维护:为保证无障碍的可持续性,对改造后的网站进行必要的运行维护,持续测试体验,反馈和修正可能出现的偏差。在具体改造设计过程中,依据目前颁布的无障碍设计标准,主要针对以下要点进行设计和开发:
(1)针对网页不同布局形式提供统一的无障碍网页操作方法,避免由于操作不当引起问题。
(2)针对内容页面进行单独设置,直接读正文内容。
(3)对图形验证码提供语音提示功能,对图片等内容提供必要的文字说明。
(4)避免在切换Tab键时产生焦点无法移动、导致键盘陷入的现象,同时注意打开网页时Tab键焦点的定位点和光标键的移动顺序。
(5)提出快捷键实施方案,提供一整套热点跳转、区域跳转、栏目跳转等快捷键。并注意这些快捷键是否与已有的系统快捷键、读屏软件快捷键相冲突。
(6)为功能性操作提供语音提示,提供有意义的可理解的提示性说明内容。
(7)统一页面“开启/关闭”方式,避免焦点直接返回桌面。
(8)为繁琐的非文本内容提供替代内容页面。
(9)区分各网页标题,帮助读屏用户正确定位。
(10)部署无障碍工具条,方便低视力和老年用户按需调节屏幕显示样式;提供纯文本模式浏览,提供语音插件。但必须注意不能仅以此来替代上述各项必要的无障碍设计。页面改造则结合辅助功能以及无障碍检测工具的模式进行:
(1)采用DIV+CSS+JS技术路线实现网站结构、表现、行为相分离的基本要求;对功能性内容、Flash等进行无障碍设计,使其不依赖鼠标,即使用键盘也可完成正常操作,适合视力障碍人群浏览。
(2)辅助工具条充分考虑不同布局、不同色觉环境下的颜色辨识度和文字放大率,设计开发功能完善的辅助浏览工具条,可集约化部署在某一中心门户网站上,供各部门网站共享。
(3)采用先进的云平台技术理念,从功能、性能及安全性等要求进行架构设计,搭建网站语音服务
(4)无障碍检测根据WCAG2.0以及相关的国家标准和行业标准,设计开发无障碍检测网关,采用HTML解析技术定位网页元素,通过与网站内容管理系统的整合对新增内容进行无障碍检测,确保信息无障碍的可持续性。需要注意以下两点:
(1)网站无障碍建设应满足全体人群在任何情况下都能平等、方便、无障碍地获取和利用信息。在保持网站原有风格和功能、不改变视力健全人士浏览网站和获取信息服务的基础上提升视障人群访问政府网站的便捷性、准确性。
(2)实践证明,在网站的无障碍建设过程中,必须始终按照国际通用的WCAG2.0标准和规范以及相关的国家标准和行业标准,采用国际领先的无障碍建设方法进行,而不是简单的通过架设某一服务器端推送的语音系统或语音频道来代替全网站的无障碍设计和改造。
2实现强化的无障碍语音导航和快捷键操作
设计一套优化的语音提示跳转链接,配合区域跳转、栏目跳转、热点或锚点跳转等快捷操作,帮助读屏软件用户快速准确地在众多的页面和栏目链接内定位。某区政府门户网站首页的部分屏幕截图,是我们平时所熟悉的网页样式。是将该网页另存为文本文档(*.txt)后的屏幕截图。与原来的网页相比,在头部区域新出现了:“无障碍操作说明跳转到网站导航区跳转到主要内容区域”等隐含的链接,这些通过语音提示获取的隐含链接,必须使用读屏软件方可朗读出来,视力障碍用户可以根据语音提示回车确认,快速跳转到需要的位置。通常我们为读屏软件用户专门设计了一套统一的键盘快捷键操作方案,例如:
(1)支持全键盘操作,无需依赖于鼠标。一般采用Tab键、光标键切换、回车键确认等,辅以读屏软件配置的朗读功能键实现网页的浏览和内容页的朗读。
(2)栏目跳转,实现栏目分组间的跳转;一般采用Ctrl+Z键。
(3)区域跳转,实现页面内各区块的跳转,主要包括:顶部导航区、左部导航区、中间内容区、主要内容区、底部内容区等区块;一般采用组合键:Alt+Shift+数字键1,2,3,…,等。
(4)热点跳转快捷键,可分别快速定位到:跳转到无障碍操作说明页面、跳转到主菜单(网站导航)、跳转到主要内容区域、跳转到网站地图链接,等。一般采用Ctrl(或Alt)+数字键1,2,3,…,等。
3网站无障碍改造的其他技术要点
网站无障碍改造的推进,除了上述各项技术要点外,还应该注重以下几点:
(1)坚持以用户体验为核心,视障人群全程参与的原则。引入体验员监督机制,通过组织招聘无障碍体验人员,在项目建设的前、中、后期以及整个运维过程中全程参与,以利于问题的发现和解决。
(2)坚持可持续发展的原则。网站信息无障碍建设是一个长期的系统工程,必须在整个过程中重视无障碍建设,坚持贯彻无障碍标准和规范。同时关注人员组织的可持续性,加强技术交流与培训,促使本地化技术力量不断成熟发展。
(3)加强网站管理人员、技术开发人员的培训工作。目前有关网站无障碍设计的国家标准和行业标准已经出台,一方面有必要在各地设立权威的测试网点,另一方面迫切需要对网站的从业人员进行标准化的培训,使得网站管理人员、技术开发人员充分了解视力障碍用户的需求、网站中存在的障碍现象,语音读屏软件的基本操作方法等,避免引入不切实际的改造方案。
4与民生服务密切相关的网站无障碍改造
Flash二维动画的制作软件,它与其他动画软件虽有相通之处,但是还有很多独特的特点,并且在网站中具有不可取代的地位。Flas相比于其他基于其他设计的动画的优点是交互功能,通过键盘等工具,能够将各个画面进行不受约束的跳转。并且它的语言脚本已经提供了强大的交互性的动画基础。因为这些优点,Flas才会被大范围的被运用到网站设计中,更有甚者直接制作纯flash的网站。
2Flash在网页设计中的运用
现在,在网络设计中,Flash技术已经有了广阔的拓展天地。这就表明了网页设计者必须具备Flas的技术,才能够适应当前的发展。Flash技术从简单的文字呈现到多媒体的flash网站的形成,从而标志着flash技术已经与网站设计完全融合。
2.1Flash在网页设计中的应用方式
2.1.1主题的突出静态网页中,主要是用文字和图片的方式来突出网站的重要信息,而用了Flash之后,就会吸引人的注意力,不但是色彩和动态的呈现上给人一种撼动人心的作用,而且还会给人焕然一新的感觉。并且运用在主题上面,很容易给人留下深刻的印象。2.1.2动态交互Flash重组功能再结合脚本语言和流程的调控,这三者相结合,让浏览着运用鼠标键盘进行画面切换,从而完成动画的交相呼应的职能。2.1.3数据库支持Flash具有把数据库连接起来的功能,这就更加丰富了网站的内容和动态呈现。Flash与HTML等内容相结合,能够制作出前台为Flash,而后台是数据库和asp技术的数据连接措施。Flash和asp结合之后,将网页所表现出的效果提升了一个高度,二者再与数据库相结合之后,不但对数据的支持力度上升,而且比较完善的交互界面也诞生在网页运用中。
2.2网站建设中如何应用Flash技术
网页设计者从网站中的建立目的和用户的需求等各方面为出发点,来对Flash技术进行在网站中的配比。信息查询的网站中,即使以Flash为引导界面,如果Flash效果太多,就会造成主次不分的恶性效果。而在娱乐版面中,Flash的篇幅应该加大,这些都要以互相交流为主,增加浏览者观看的兴趣。2.2.1部分应用在网页设计中,Flash进行展示的应当是突出主题的内容,这部分不应该过多,这样就做到点石成金的效果,这样不但把主题突出,还可以调动起阅览者的兴致。2.2.2整个网站的应用在广告、传媒、游戏等设计类网站,为了能够把本网站的个性化表现出来,而把Flash运用到整个网站,用单一的Flash来表现出其活跃和动态性。纯flash网站,从简单的文字、图片等设计,到复杂的音视频、广告、游戏还包括本网站的注册页面和登陆页面,已经导航栏链接等等,全部都是用Flash来装扮的,这就把网站的个性化、灵动性凸显出来,给人带来视觉上的享受。
2.3在flashing技术在旅游中的应用
这一点主要是针对于一个群体,有可提供的是Google地图的自主性的旅游的导航功能。在网络上各种旅游信息的传播,让一部分不想受到约束的旅游者提供了便利,而本方案是通过Google地图的自主导航功能,把旅游者想要去的地方,进行吃住行玩的一个整合,让旅游者提供了便利。而旅游者也可以在游玩的时候,在地图上进行评论,从而为他人提供旅游帮助。
3Flansh应用问题
3.1搜索引擎不能识别的问题
制作单一的flash的状态,全部都是Flash制作的内容,而搜索的引擎并不会很少的识别出来这到底是表达的什么,从而导致网站无法做到很好的向浏览者展示,宣传和推动力不够。
3.2代码的安全问题
ActionScript脚本语言在功能化比较多的基础上,缺点是有漏洞。而这种漏洞就促使了一些含有病毒的恶意代码随之攻击Flash的访问者的电脑,所以电脑的安全性受到辖制。所以有些访问者为了避免恶意病毒的入侵就把Flas全部都屏蔽,这样从而使网页设计者预定的效果。
4结语
1.1课时分配少。
我校选修课程一般总课时为36节,一周2节,共18周完成,只有计算机专业学生学习课时的一半左右。严重不足的课时,致使学生在基础性知识点的学习上浅尝辄止,练习时间极少,知识难点难于学习。
1.2学生的计算机基础知识相对匮乏。
大部分艺术类专业的中职学生,在初中阶段只接触过简单的计算机应用操作,对网页设计的相关基础知识处于空白状态,如:基础编程、脚本的概念、HTML和文件管理等,而这些都直接影响着课堂的学习质量。倘若教师在原本有限的课时中,再分出一定的时间去解析文件路径、html和脚本等相关知识,就必然会导致学生的实操课时严重被压缩,最终无法真正掌握课堂的精髓。显然,课时不足、学生基础知识薄弱,教学方法传统等已经成为了阻碍该课程有效实施的突出问题,亟需探索新的教学方法,从本质上改变现状。而任务驱动法教学无疑是最适合的选择。其通过教师提出生动有趣的任务,最大限度地激发学生的学习热情,促使学生在完成任务的过程中掌握学习新知识的方法,并利用新知识完成任务,在课余或课堂上主动学习网页设计的相关知识。
2、任务驱动在课程中的设置
传统的《网页设计与制作》课程教学大多只注重基础知识的教授,缺乏对学生实践能力的培养。同时作为选修课,很少能与学生自身专业相结合。实施任务驱动的艺术类专业《网页设计与制作》选修课的设置:
2.1教学对象
服装设计专业、工美专业的艺术类中职学生。
2.2教学目的
掌握网页布局技巧。基于艺术类学生所做的静态网站与计算机专业学生的动态网站相比没有任何竞争力。因此,本课程不以网站制作为最终教学目标。针对艺术类学生对“美”的认识普遍比工科类学生要强,并且艺术专业学生有学习Photoshop、CorelDRAW等软件的基础,笔者认为培养艺术类学生为网站进行布局和美工设计会更为恰当。因此,艺术类学生的网页设计课程的教学目的主要以掌握网页布局技巧为主。
2.3教学任务。
结合该课程以及教学对象的特点,教学任务可分为两种:一种是有明确要求和统一模板的,学生只需按步骤重复老师的演示过程。这种任务适合学习的初始阶段,可在任务中认识网页设计的基本操作。另一种任务则是给出一些限制性的条件,让学生自由发挥完成。这类任务的关键在于激起学生的学习兴趣,从而激发学生主动利用周边资源,在教师的帮助或引导下,主动学习课程中相关知识,完成任务。学生从中获得满足感并渴望完成下一个任务,造成一个良性的循环。
3、任务驱动的教学策略
3.1基础小任务。
在课程开始之初,首先通过演示等方式,让学生全面了解网页设计。并展示出往届学生优秀并吸引学生效仿的网站作品,从而提起学生学习的兴趣与自信。与此同时,引导学生逐一完成“诗歌排版”、“图文并茂”、“时空隧道——超链接”等几个简单并富有趣味性的基础小任务,让学生快速学会在网页中插入文字、图片和超链接等基础操作,以帮助学生建立学习该课程的信心,保持其继续学习的欲望。
3.2核心任务。
在学生完成基础小任务后,设下课程的核心任务——制作有特色的个人网站。然后带着完成核心任务的目的去接受日常小任务的练习。当然,此时提出核心任务,是比较打击学生的学习自信的。所以在提出核心任务的同时,老师可将往届生完成的激趣小任务成果展示出来,并现场通过超链接拼凑,快速完成往届生的个人网站制作。并引导鼓励学生,接下来只要紧跟脚步,完成任务;最后即可快速完成核心任务。
3.3进阶小任务。
通过完成“隐形的表格”、“多变的框架”、“神秘的样式——CSS基础”和“精准的定位——DIV”等任务,让学生自主学习和熟悉网页布局的技巧的同时,掌握文件路径和简单的CSS、DIV脚本阅读与修改能力。
3.4小组任务。
在学生完成了几个任务之后,引导学生分小组协作完成自由度更大的任务。如:制作有5个不同内容的网页,其中一个为导航页,并可用超链接浏览其他页面。要求页面不会随窗口大小变化而改变内容位置,色彩、排版要配搭恰当,如网页有框架、声音、相册、Flash按键、CSS技术、DIV技术则加分。其他页面可以是团队介绍、兴趣爱好、组员的服装专业作品的介绍或展示、旅行回忆等页面内容。在小组分组成功之后,需要小组长带领组员讨论网站的设计以及所需的技术,并在纸上作出草图。如遇到小组的设计过于简单,教师需引导其丰富设计内容。在确定草图后,教师及时引导并鼓励学生自主学习,获取所需知识,完成任务。小组任务完成后,互相演示并说明制作中所用到的技术,同时组织学生进行小组相互点评。通过不断多种的任务驱动,逐渐引导学生独立完成美观的、实用的和使用较多网页布局技术(如:表格、框架、CSS和DIV等技术)的网站。
4、结语
网页设计与制作是一门操作性极强的课程,一开始大多数学生对课程充满兴趣,但是随着课程学习的深入,难度不断加大,学生学习的兴趣度逐渐降低。产生该问题的原因主要可以归结为以下三点:①课程覆盖的内容较广,要设计出精美的网页,不仅需要掌握网页设计工具如Dreamweaver、Photoshop、Flash等,还需要一定的美工基础,并且要熟练掌握HTML、CSS、JavaScript等知识,面对这么多工具以及知识点,学生不可避免地产生畏难情绪,没有信心学习好课程;②教学方法不够灵活,教师常常采用较为传统的教学方法,往往把课堂教学分为四个阶段:“教师展示效果”->“教师演示制作过程”->“学生模仿制作”->“总结练习”,学生在学习过程中缺乏自主思考、自主学习、自我探索的过程,学习效果不明显;③考核方法单一,不能综合地评价学生的动力实践能力,学生上交的作品质量不高,缺乏独立思考和自主创新。
2教学改革措施——小组协同式学习的应用
2.1课程目标与定位
网页设计与制作课程是软件技术专业的一门职业基础课程。本课程从高等职业技术教育的特点出发,以培养学生实际动手能力为目标,主要任务是讲授静态网页制作的基本方法、网页制作工具的使用以及企业网站建设的相关知识,培养学生掌握网页设计与制作的能力,为今后从事网页设计与网站建设打下基础,同时为后续课程PHP网站设计的学习奠定基础。通过本课程的学习,使学生了解网页的基础知识以及网站开发的基本流程,较好地掌握网页设计与制作的基本理论,并能应用于实践,熟练运用常用的网页制作工具,能够进行企业网站、电子商务网站、个人网站的设计与制作。
2.2优化教学内容
以企业真实项目为载体,教师与企业工程技术人员按照网站的开发流程(用户需求分析→网站规划→网页效果图设计→制作静态站点→编写后台代码→网站测试→与运行)精心设计教学环节。在教学实践中,引进企业管理规范和开发流程,充分体现基于网站产品开发工作过程的能力训练,培养学生规范化的软件应用与网站开发能力,通过模式创新,将专业教学过程、技能训练过程、企业工作过程有机结合起来,将职业道德教育、职业素质培养、职业能力训练有机结合起来,培养学生的综合职业能力。
2.3改革课堂教学组织模式
⑴分阶段引入项目,动态调整学生分组。
课程将整个教学过程分为两个阶段,即“企业项目实战阶段”和“竞标式项目阶段”。以软件技术专业为例,网页课程一般开设在新生入学的第一个学期,共14周,我们将整个学期分成两个阶段。第一个阶段“企业项目实战阶段”安排在前10周,在该阶段学生按照项目开发的需要以及自身优势组成项目开发小组,形成以“项目为中心”的协同学习小组——项目开发小组,小组成员轮流完成任务;第二个阶段“竞标式项目阶段”安排在最后4周,此时,学生需要确定一个岗位方向,形成以“工作岗位为中心”的协同学习小组,如美工组、网页设计组、交互程序开发组等,各个小组通过竞标组成新的开发团队,协同完成竞标项目的开发。分阶段引入项目以及动态调整学生分组,可以打破常规分组,使学生有了新的合作伙伴,有利于形成更加多元化的协同学习小组,同时对于发现自身优势、挖掘潜能、明确就业方向有着重要的引导作用。
⑵成立项目开发小组,协同完成项目整体开发,促进小组协同式学习。
在“企业项目实战”阶段,学生按照项目开发需要形成优势互补的项目开发团队,营造真实的企业开发氛围。项目开发团队一般由下列角色组成:项目经理(ProjectManager)、项目组组长(TeamLeader)、项目组成员(TeamMember)。项目经理,一般由我们聘请一位有丰富实战经验的软件企业项目经理或由教师担当,负责该教学环节的现场指导。将3-5个学生分成一个学习小组(即项目开发小组),每个小组推选一位动手能力强的项目组组长,组长向上直接对项目经理负责,向下是全体组员的直接领导,项目经理要求组长对自己的组员进行考核,这样构成一个虚拟的企业项目开发环境。全体组员以项目组为单位进行学习与实践,协同完成项目整体开发。项目驱动的小组协同式学习不仅能使学生相互督促、相互勉励、相互讨论,相互学习,而且能培养他们的组织管理能力和协作开发能力。
⑶引入竞标式项目,形成竞争与合作交叉并举的协同式学习小组。
在分阶段引入项目过程中,第一阶段的项目每个项目开发小组完成后进入第二阶段,在第二阶段,引入了竞标式项目,通过竞标,从美工组、网页设计组、交互程序开发组各选出一组,成立重点项目开发组,共同完成竞标项目的整体开发。一般根据岗位的不同,美工、网页设计、交互程序开发各成立三个组,每一组成员3-5人。对于落选的小组,则需要辅助中标的小组完成任务,同时,通过自由搭配或者教师指定的方式,再成立两个普通项目开发小组,根据学生选题或教师选题的形式,完成其他项目的开发。竞标式项目的引入使得各个学习小组既有竞争,又有合作,是一种竞争与合作交叉并举的学习方式,具体表现为在竞争学习中有合作,在合作学习中有竞争。竞争学习不仅促进了合作学习,还为合作学习的发展和巩固提供了坚实的基础和动力。缺乏竞争的合作学习是没有活力和生命力的,是脱离实际和低效的。竞标式项目使得竞争学习与合作学习得到很好的结合。
2.4强化跟踪课外学习成果
课堂只是课程学习的一部分,如何对课堂教学进行延伸,将课堂学习过渡到课外学习,是提升课堂教学质量的一项重要内容,课外学习对于提升学生的自主学习能力、专业技术水平有着重要的促进作用。“专业学生社团”和“工作室平台”是学生完成课外学习的两个有效的切入点。专业学生社团和工作室为学生提供了丰富的学习和实践机会,给每一位成员提供了良好的展示自我、相互学习与相互交流的平台。在课堂以外,利用工作室平台让学生参加到实际项目开发中,利用专业的学生社团定期开展技术交流和技术研讨,通过项目实践与合作交流,提升学生的自主学习意识、合作探究精神与创新能力。
2.5改革考核方法
传统的考核方式采用卷面考试,以一次考试的成绩为最终成绩。这种方式往往不利于全面真实地考核学生的知识、技能和能力。因此,对考核方式的改革势在必行。改变课程考核方式,必须对考核指标做进一步的量化和细化,注重过程化跟踪管理,加强课内学习效果的考核以及课外学习效果考核,将学生是否参加专业学生社团、是否参加技术研讨、是否实际参与项目的开发、是否参加学生技能竞赛等课外学习环节纳入到课程考核指标中,促进建立学生全面发展的评价体系,让考核标准强调“知识、技能、素质”三方面的要求,突出整体的综合能力培养目标。
3结束语
1.1正确输出图像,优化网页速度
伴随着信息化的发展,人们在使用网页的过程中十分注重下载速度控制,下载速度太慢不仅会降低人们的工作效益,还会影响人们对该网站的评价。因此,设计人员必须从优化网页速度着手,强化Photoshop在网页设计中的作用。1.1.1采用合适的图像精度显示器在网页中的主要作用是显示系统提供给客户的基本信息,通常情况下,设计人员在确定图像精度之前,应该综合考虑显示器的基本特性,通常采用精度为72dpi的图像,如果图像的进度太高或者太低都会不同程度地降低用户的下载速度。网页中部分文件的原始尺寸比较大,由于网页的使用区域受到限制,设计人员可以采用DW实现图像显示的需求。1.1.2选择合适的颜色深度Photoshop在网页设计中的应用还能选择合适的颜色深度。上文中提到,网站的颜色与用户的评价之间存在必然联系,Gif格式的图像文件颜色深度与文件数量成正比例关系,如果用户可以直接看到该文件,gif的颜色深度应该越低越好。网页中部分图像对颜色要求不高,设计人员应该将64色的图像与256色的图像进行对比,并减掉对比后数据的一半字节,此时形成的色彩深度可以满足用户的实际需求。1.1.3输出正确的图像格式Photoshop在网页设计中的应用还能保障输出图像格式的准确性。网页中如果图像大小差不多,那么图像显示的效果也相仿,为完成网页输出图像的实际需求,设计人员可以综合使用Photoshop中的存储格式,可以将需要输出的图像压缩至原来的1/2,从而确保输出图像的原始格式。
1.2使用Photoshop进行网页布局
网站建设人员必须高度重视网页布局在网站建设中的重要性,网页布局直接关系该网页的点击率。因此,网页布局不必保障美观、大方、规范以及合理性。Photoshop在网页设计中的应用能够引导设计人员设计出符合现代社会发展需求的网页。其作用主要表现在:第一,优化布局规划。在设计网站之前,设计人员应该提前完成网页的布局规划设计,设计人员在设计网页之前必须与客户进行深入沟通,在确定布局后,及时与程序设计者联系,将网页内容和程序设计交由程序设计人员完成;第二,布局要点控制。Photoshop在网页设计中的应用还能引导设计人员明确设计要点,网页文档要素、网站背景颜色、导航字体、正文字体以及图文之间的关系等网页元素均可以由Photoshop进行统一安排和设计;第三,Photoshop在网页设计中的应用还能活用切片,合理控制网页中“留白”和“爆边”的面积,为提高网页的显示效果提供动力保障。
2结束语