网页课程设计书范文

2022-06-17

第一篇：网页课程设计书范文

网页课程设计格式

程设计说明书的格式

为了保证课程设计质量，特制定本规范。

设计说明书要求按统一格式打印，其版面要求：A4纸，页边距：上2cm，下2cm，左 2.5cm、右 2cm;字体：正文宋体、小四号;行距：固定值 20;页码：底部居中。

一份完整的设计说明书应包括以下几个方面：

一、封面(包括题目、院系、学生班级、设计组号、学生组员姓名、指导教师姓名等)(见附 1)。

二、目录

居中打印目录二字，(四号黑体，段后 1 行)，字间空一字符;章、节、小节及其开始页码(字体均为小四号宋体)。节向右缩进两个字符，小节及以后标题均向右缩进四个字符。目录中应包含正文及其后面部分的条目。目录的最后一项是无序号的“参考文献资料”。

三、正文

正文应该包括以下几个主要部分：

1、网站的主题说明;

2、网站的总体规划与网站的结构框图;

3、各级网页设计说明(网站配色、导航设计、各级网页风格统一);

4、典型网页的设计过程、步骤与样例;

5、资料来源。

(二)课程设计报告编写基本要求

1、各小组由小组长统一组织协调并独立完成课程设计报告;

2、课程设计报告书写规范、文字通顺、图表清晰、数据完整、结论明确;

3、课程设计报告后附参考文献;

正文部分的格式:

段落及层次要求：每节标题以四号黑体左起打印 (段前段后各0.5行) ，节下为小节，以小四号黑体左起打印(段前段后各 0.5 行)。换行后以小四号宋体打印正文。

四、参考文献：

另起一页，居中打印参考文献四字 (四号黑体，段前段后1行)

网页设计说明书

设计课题：度假村网站

组长：冯倩

组员：班级：10信息(2)班

院系：经信学院

学期：2011-9——2011-12

指导老师：刘志兰

2011年 12 月16 日

第二篇：网页美工课程设计报告

学院：商学院专业：电子商务学生姓名：杨凤君学号： 1200530215 指导教师：

2015年

月

日

一、设计内容及制作步骤

1.1网店页面展示

1.1.1成品展示

1.2制作构思

1.2.1参考方向

参考大量用类网站，商业化的购物型型网站，都是采用中规中矩的结构，通过大小不一的方框分解整个页面。

1.3.2颜色

为了提高浏览的舒适度，颜色应以柔和淡雅的色调为主，在作导航条等反差颜色采用也应以采用柔和淡雅的色调。

1.3制作流程

1.3.1背景

全局才用了

作为风格主色，与风格搭配的副色采用了比风格更深一点的系列色，整个色调体现的是素雅的感觉。

背景图片采用与全局色相呼应的纯色背景

1.3.2店招LOGO

基础设计如上图，中规中矩的模仿了一般淘宝店铺的设置，“美美包屋”字体颜色用的是全局风格副色，因为全局基调淡雅为主，型号是方正喵呜体

因为全局基调比较素雅，选用比较活泼生动的字体添加一点俏皮的感觉，主打小清新风。

1.3.3无缝全屏海报

在店招下面设置了无缝的全屏海报自动播放，每4s“淡入淡出”的轮播效果添加了灵动的效果。

1.3.4宝贝介绍

主页的宝贝以店主推荐栏目为主。

鼠标滑过商品时，宝贝以“蝴蝶飞舞”效果划过展示。

宝贝实拍详情页面：采用了淘宝模板，但是更注重产品实拍展示

2.1移动页面展示

2.1.1成品展示

使用网上在线制作工具——应用公园制作，设计完成一键生成相应的Android与IOS APP。

2.2制作流程

启动页使用浅色与网店风格呼应。

首页设计简洁，底部两个按钮设置有相应链接，如点击品牌故事会跳转到相应的故事页面。按钮选择条形的透明体，文字则是应用白色与风格保持一致。

品牌故事页面采用墨绿色的背景，标题文字部分选取红色形成撞色效果，突出要点。

美美包屋页面做的较为详细，中间一栏设有四个功能按钮，分别是“分享”、“电话”浏览“记录”、“收藏”夹等便利快捷键。

整个做好的商品页面如下：底部有导航栏可以快速返回首页

第三篇：网页设计高级课程

网页设计高级课程(5个月)

学习内容：使用Dreamweaver制作网页、使用Photoshop处理图像、网站配色与布局、制作Flash动画、DIV+CSS、淘宝网店装饰与推广、网站架构与策划、PHP+MySql网站开发、SEO网站优化与推广。白云技师学院，最好的计算机培训课程，电脑培训课程，网页设计高级课程。电话020-36093333 px.byxy.com byxy.com

网页设计制作基本概述

理解网页设计制作原理、基本手段、流程与制作要求。

1.互联网、网页、网站、超级连接、HTML语言等基础网络知识的概念及定义

2.网站设计制作的常用工具与基本流程

3.HTML语言的基本结构和语法

熟练掌握网页设计制作的基础操作。讲解HTML代码。主要包括：

1、如何建立站点

2、对于网站文字，图片，超链接的设置

3、以及以上网页元素所对应的html代码

熟练掌握常用的页面版式与布局控制技术。

1、表格的应用

2、表单的应用

3、框架的使用

熟练掌握css+div的模式进行网页设计，并能够使用css制作特殊的效果的样式。讲解css和div的相关知识，主要包括：

1.css的基本概念，基础知识

2.css对于文字，图片的设置

3.css对于网页布局的控制，css的特殊效果等

使用JavaScript的相关行为进行网页的一些特效以及验证。

1、讲解JavaScript的基础知识

2、讲解JavaScript的常用方法。

了解网页设计色彩的搭配原则以及网站logo设计的基本原则。

1、网页色彩的色调组合，网页设计中色彩的基本原则

2、网站logo设计的原则以及基本创意

3、优秀网站作品赏析

掌握网站导航条的设计制作技巧以及网站banner的制作方法。

1、导航条设计的原则

2、导航条设计的创意

3、网站banner的表现手法

4、制作网站banner常用的技法

5、如何制作有创意且美观的网站banner

白云技师学院，最好的计算机培训课程，电脑培训课程，网页设计高级课程。电话020-36093333

px.byxy.com byxy.com 欢迎前来报读

第四篇：网页设计与制作课程设计

一、设计目的

通过一个月的网页设计学习，设计一个简单的网站来检测自己的学习成果，看看哪些东西还没有掌握，需要进一步的去巩固!网页的设计区别于实体化的一些东西，其多为多媒体的存在，意味着它可以容纳更多的信息以及更多的展示形式，网页设计则要求设计者具备一些特殊技能以营造特定浏览情景。网页设计可以在短时间内增强我们的洞察力以更好察觉使用者的兴趣点，只有这样才能满足他们的需要。

二、设计要求

运用所学的知识设计一个简单的网站，类型不限

三、需求分析

网页设计是将技术性与艺术性融为一体的创造性活动。网页设计是以功能行为第一指导原则，以技术因素为主要考虑对象，以完成或实现必要的功能为目标。近几年随着网络的发展而逐渐受到人们的重视，它本身已网络为载体，把各种信息以快捷、方便的方式传达给受众，在这种标准的要求下，逐步产生了审

美需求和功能需求等。人们对美的追求是不断深入的，网页设计同样如此。如何使受众能更好的和有效率地接受网页上的信息，这就需要从审美方面入手。网页设计的审美需求是对视觉设计美学的一种继承和延伸，两者的表现形式和目的都有一定的相似性。

网页设计的主题为我的篮球网，它是我根据自己的兴趣做出来的网站，内容非常简单，但却富有深意!它融合了当今大多数青少年朋友的兴趣爱好，可以说是一个大众化的网站!

四、制作过程的内容及结果

1、网站目录

打开dreamweaver cs4，建立站点，放到F盘里，在目录下有images(包括图片、flash)、scripts、shipin、web(建立的网站)文件夹。如下图示：

2、我的篮球网(首页)

主要代码：

我的篮球世界与你共分享

第五篇：网页制作课程设计要求

《网页设计与制作》课程设计

课程设计是课程教学中的一项重要内容，是完成专业教学计划，达到教学目标的重要环节，课程设计是通过真实工作任务或产品设计等综合性较强的实例而进行的实践环节，它对帮助学生全面掌握课堂教学内容，培养学生实践和实际动手能力，培养团队协作，人际交往等素质的提高具有很重要的意义，《网页设计与制作》是一门实用性和实践性都很强的课程，课程设计应占有更重要的地位。

一、课程设计任务

培养学生计算机操作的能力和用计算机设计网页的基本技能，使学生具备分析问题、用编程思维解决问题的能力，达到计算机初级网页设计员的水平，使学生养成既善于独立思考，又乐于与人沟通、具备团队合作意识的职业素质。

二、课程设计目的

课程设计总的目的在于加深对网页设计与制作的基本知识的理解，网页设计与制作技能综合运用和提高，通过真实工作任务，使学生能设计出有一定水平的网页并解决培养解决实际问题的能力，掌握实际网页设计与制作开发流程和开发方法。

具体的课程设计应达到以下目的：

1.提高学生在实际操作中收集信息，对信息进行价值判断，进行信息整理、加工的能力。

2.在实际的项目任务中培养网页设计方面的素养。

3.在实际的项目任务中使学生网页编程和制作的能力得到提高。

4.培养学生团队协作和人际交往方面的能力。

5. 培养相关知识和技能的综合应用能力。

三、课程设计的要求

《网页设计与制作》的课程设计课题选择应从实际出发。具体要求如下：