《设计与制作网站首页界面》项目教学设计
一、任务描述
网站是众多企业、团体和个人宣传产品、主张和树立良好形象的主要途径和重要手段。据不完全统计,当前10%的大型企业、 %的中小企业都已经或将要在互联网上建立的自己的网站要使我们的网站在众多网站中脱颖而出,其界面的设计就显得十分重要。
网页界面设计其实是一个系统工程 它包括网站页面布局、设计,颜色的搭配、尺寸的大小和风格的定位等。 网站首页界面是整个网站的“面子”工程首先突出的是功能,使用户只要看一眼网站,就能够知道该网站的类型。其次就是能够给访问者带来一种视觉享受特别是展示、宣传型的网站需要更加注重艺术设计。
在本任务就是要求学生使用hoto hop CS软件设计、制作设计制作网站首页界面。
二、任务目标
学生通过完成本项目,达成以下目标:
知识与技能能够使用切片工具处理图像;了解优化图像命令选项优化Wb图像的使用方法;了解界面设计与制作;尝试使用动作处理图像。
方法与过程:能够根据任务的要求确定完成任务的所需要的技术,并较熟练的完成任务能对自己和他人的活动过程与结果进行评价与交流能归纳利用信息技术解决问题的基本思想与方法。
情感、态度、价值观通过完成本任务,能够感受到信息技术对社会发展、工作效率的影响。
三、任务分析
房地产宣传展示型的网站内容不多,架构不复杂更注重的是形象和标的(楼盘的展示。 因此 我们将“怡海新城”的实景图处理成宽幅画面作为主题放置在首页中间的位置,占据一半以上的版面。 网站分类栏目按钮放置在主题图下面 当用户需要进一步了解详细内容时,单击按钮即可进入二级页面。 同时将公司的名称、楼盘名、经营理念和联系方式分别放置在页面的上下端,给用户更多的信息。
根据网站的特点,本首页采用 0像素× 像素大小使用图像自动合并、色调调整等技术进行整体设计,然后采取切片的方法分别保存文件,有利于网页的编辑和浏览。
四、活动策略
在本任务活动的过程中,教师首先要引导学生认识网站首页,知道网站首面构思、设计的一般方法。然后引导学生尝试自动命令拼合图像,使用切片工具切分图像的操作。 当学生具备了设计与制作网站首页界面的知识与技术后,即可引导其完成本项目——网站首页界面的设计与制作活动。
在本任务活动过程中学生技术方面的获得,大部分内容从阅读教材、观看操作录屏、教师演示示范即可达到目标,教师还需要引导学生了解网页中图像相关规则、颜色搭配、文件格式、设计创意等方面的知识。 因此教师可以结合本项目 引导学生收集、 阅读网页设计方面的书籍或资料,观看比较成功的网页设计作品,从而启发迪设计创作思维,提高其综合设计的素养。
完成本任务的过程中,需要较长的时间。学生通过多次操作更进一步熟练使用已经会使用的工具与技术,使学生达到自动化的目的。因此,我们采取“创设情境→任务分析→找出问题(知识储备)→解决问题→任务实施→活动评价→拓展提高”的流程,达到完成任务的目标。
五、活动过程
六、设计反思
根据教材安排来看,本项目作品需要处理过程比较繁琐,需要综合已有知识(比如文字工具、参考线、图层样式等等都是前些项目中经常用到知识与技术) 结合新知识与技术完成项目元素的处理。在操作的过程中,一些相同项目需要重复处理,将花费较长的时间,教师适时引导学生,使其他通过反复练习掌握技术,形成能力。
在学生活动的过程中教师要适时鼓励学生之间相互交流,共同探讨解决操作过程中的技术难题,教师也需要适时指导。
在完成本任务的过程中 学生在实际操作的过程,虽然有网络资源范例录屏)作为支撑,但是,仍然需要教师适时的操作与示范和个别辅导。
Friendhosting发布了针对“系统管理日”(每年7月的最后一个星期五)的优惠活动,针对VPS主机提供55%的优惠(相当于四五折),支持1-6个月付款使用,首付折扣非永久,优惠后最低套餐首半年7.18欧元起。这是一家保加利亚主机商,成立于2009年4月,商家提供VDS和独立服务器租用等,数据中心目前可选美国洛杉矶、保加利亚、乌克兰、荷兰、拉脱维亚、捷克和波兰等8个地区机房。下面以最低套餐为例...
御云怎么样?炎炎暑期即将来临,御云(royalyun)香港、美国服务器开启大特惠模式。御云是新成立的云服务提供商,主要提供香港、美国的云服务器,不久将开启虚拟主机业务。我们的香港和美国主机采用CN2 GIA线路。目前,香港cn2 gia vps仅7.9元每月起,美国vps仅8.9/月,续费同价,可叠加优惠,香港云服务器国内延迟一般在50ms左右,是搭建网站的最佳选择,但是请不要用于违法用途。点击进...
青云互联怎么样?青云互联是一家成立于2020年6月的主机服务商,致力于为用户提供高性价比稳定快速的主机托管服务,目前提供有美国免费主机、香港主机、香港服务器、美国云服务器,让您的网站高速、稳定运行。美国cn2弹性云主机限时8折起,可选1-20个IP,仅15元/月起,附8折优惠码使用!点击进入:青云互联官方网站地址青云互联优惠码:八折优惠码:ltY8sHMh (续费同价)青云互联活动方案:美国洛杉矶...