网页设计_互联网_IT计算机_专业资料

《网页设计_互联网_IT计算机_专业资料》由会员上传分享，免费在线阅读，更多相关内容在工程资料-天天文库。

1、实验内容：《食品类或科技类企业网站制作》实验要求：1、主题及基本要求：木次期末考试的主题参考，以较为常见的食品类（农业、饮食、饮品等）企业或者科技类金业（1T、互联网等）为选题参考，如果原选题企业网站本身存在，则进行改版设计制作；如果网站不存在，则另行设计制作。结合课程的内容，进行该主题网站媒介的主页及子页的设计，需提供psd设计源文件，并自行转换为网页文件。该项目可进行分组，可以两人一组，在实验报告中需体现个人具体承担的角色和任务；网站主题性明确，呈现的形式感和内容较为合理、丰富。另外在实验报告截图屮提交网站主页截图，并附上评述内容。2、具体要求如下:（1）主页和子页需自行设计；整个站点包括

2、主页，至少存在三级页面，例如:主页、了页（列表页面）、了页（详细内容页面）;（2）整个站点至少有8/16个不同的页面存在，并设置相应的超链接；（3）能岀现若干多媒体文件，站点内文件等都合理分类存放；（4）导航条中需出现下拉菜单效果，并呈现和谐的设计效果；（5）网站中至少出现一处Javascript效果，例如图片自动切换等；（6）网页推荐宽度尺寸：lOOOpx，也可口定义，但需顾及到常用显示器分辨率。3、作品进行压缩打包，命名为：全学号+屮文名；4、考试时间：为2015年12月，教学第14周；5、最终提交网站压缩包、实验报告，截止时间：2014年12月13□18点前。评分标准：1、按时上缴作业，

3、并且格式正确。（10分）2、网站表现内容紧扣所选主题，有一定的完整性，实验报告书写详细。（20分）（1）作品内容必须符合主题需求，页面具体内容能基本完整交代所选主题内容，占10分;（2）实验报告书写认真，步骤填写仔细，占10分。3、网站制作相关技术运用得体，符合网站制作的要求。（45分）（1）整体网站设计的合理性，能正常浏览，尺寸符合常规要求，占15分；（2）整体页面数量不少于12张；整个站点至少有三级页面存在，超链接正常能跳转,占15分；（3）页面导航条、列表模块的CSS效果美观、合理，并出现卞拉菜单，占15分；4、网页页而设计效果有原创性，页而效果具备一定的观赏性。（25分）（1）网页页面

4、设计具备原创性，内容板块布局合理，占10分；（2）网页页面的效果有观赏性、设计性，占15分。班级12广告3姓名卢小璐学号1251110318实验项口名称《Costacoffee网页设计制作》网站视觉表现（含思路、主题、步骤、方法）一、主体思路本次设计的是Costacoffee的网页，界面采用引入的图片温馨格调的棕黄色彩，秉承咖啡网页的简洁人气的特点，总结归纳多数咖啡网站的特点和设计方向，对白己的网页进行一定的调整设计，制作出设计稿，再进行网页的制作，整体页面时尚、大气。二、布局方式这个Costacoffee咖啡网页的布局方式主要是“工字”型的构图，中间主体是咖啡的产品大图滚动设置，网页上方是咖

5、啡logo以及导航条。中间偏下方分成左右两栏，左边是文字信息，右边是图片信息，最下方是版权条的排版。整体排版简单干净，子页沿袭主页布局，背景是咖啡大图，左边是二级页面导航，右边是产品介绍。三、色彩考虑考虑到咖啡主题的网页设计的雅致，在色彩的选择上主要是以咖啡色系为主题颜色。Costacoffee的logo和文字是暗红色的，融合昭•红的温暖色系，跟主题文字相互呼应。滑动图片的色彩也是经过挑选的，有的大图是以咖啡色为主，有些大图是以暗红色系为主，给人颜色的跳跃感较强，又体现整体统一性。了页的色彩上主要是咖啡色为主，主要介绍的是咖啡的一些内容，所以在颜色的选择上会偏近咖啡色，使视觉与文字更为和谐。四

6、、主体图形图形以长矩形、正方形为主，导航是长方形的，logo文字是本身的形态，人图也都是长方形的，局部小图和文字框是正方形的。了页大图背景是正方形的，里面的内容是黄金分割的两个长方形，整体构造统一性强，设计感明显。五、辅助图形整个网页构图较简单，在辅助图形的选择上，选择了一些小的咖啡豆和咖啡杯的图形。咖啡豆和咖啡杯都与网页密切相关，一定程度上增加了网页的丰富性。六、承担任务在这次网页制作过程中，我主耍承担的是子页的的制作、图片排版设计、颜色搭配、设计稿等。王文聪主要承担的是主页的设计和制作，包括主页导航的颜色搭配、布局、设计稿等。我们随后共同完成了三级页面，总体配合度很高。七、小结本次和王文聪

7、同学的合作十分愉快，我们在网页设计排版、图片选择、文字的构架想法上都不谋1何合，完成网页的过程中分工也很明确，能做到相互鼓励、相互帮助，想法上也十分默契，制作过程中，遇到问题我们也能虚心请教他人、查询网络资料。存在问题及困难软件运用不娴熟指导教师评阅成绩作品（或粘贴）这个是一个关于CostattODO的网页设计.这是主贡的设计稿.主要以■工"字型的播版为主.在顔色上主菱采用咖啡色系，加上logo的