当前位置：文档之家› web网页设计方案报告

web网页设计方案报告

web网页设计

专业物流工程学院

班级物流1301

姓名李维源

学号0121318960309

2016年5月4日

第一部分:实训目的

21世纪是一个信息时代，Internet已经进入人们生活与工作的各方面，而网页作为Internet信息传递的重要载体，其重要也日趋突出。所以实训的目的就是要我们更好的掌握好这一学期的网页知识和提高自己的动手能力，并且上传到网上去，让更多人认识我，更好的宣传自己。

第二部分:实训准备

通过一个学期的web网页设计课程的学习，我终于明白我们浏览的每个漂亮的网页是怎么做出来的，我也想自己亲手来做自己的个人网站。在做个人网站之前，我做以下准备：理清自己的思绪，想清楚自己的网站设计，做模板，找素材，进行站点的规划和素材、资料的收集，要按照制作网站的步骤一步一步来完成。

第三部分:实训要求

1、主题鲜明、内容充实；颜色清新、舒适、结构合理；

2、导航清楚、栏目合理、层次分明、使用方便

3、设计8至15个页面。内含：用户注册，登录系统，留言系统、统计在线人数，设为首页、加为收藏等动态网页内容。

第四部分：个人网站的总体规划和步骤

1．设计的思路

我的个人网站主要是以绿为主，以淡色为辅。主要是希望所有的朋友看到这个空间能一种和谐、安宁、充满生机的感觉。得到心灵的慰藉！

2．绿色网站的意义

我设计的这个网站主要是给人轻松舒爽、赏心悦目的感觉，让人们置身于

一种美丽大自然的意境中，明快而错落的绿，让人仿佛来到青山翠谷。

网站的总体风格

网站的总体风格主要是以绿色为主，以淡色为辅，充满活力，生机。具有个性色彩。

网站的布局其实很简单，主要是做好一个模版，模版做好框架了，那网站就初步形成了，虽然主要框架做好了，但是也不要高兴得太早哦，但是你也要想清楚怎样把整个界面搭配得更具有个性化。首先，在框架的最top要插入一个能体现你个人网站的主图。然后在主图的下面插入按钮导航条，之后下面就插入自己想要的风格，虽然用模版做出来的风格都非常相似，但是各个页面都具有各自的特色，让我们感受到自己的空间的个性。

绿色网站的内容结构也很简单，分类清楚。页面链接的层次也很明确，访问者可以很明确的感受到制作网站的人的心情和性格。

绿色网站的主要色调是以绿色为主。鲜艳的绿色是一种非常美丽、优雅的颜色，它生机勃勃，象征着生命。绿色宽容、大度，几乎能容纳所有的颜色。绿色的用途极为广阔，无论是童年、青年、中年、还是老年，使用绿色决不失其活泼、大方。以淡色为辅，两种颜色的结合更体现出了青春与活力。

淡绿色网站主要采用的是环型结构，每一个页面连接另一个页面，使各个页面能方便的跳转。

4 网站的分析与设计

设计一个个人网站,主要需要考虑两个方面的因素:

:反应出用户访问网站页面的速度。主页是经常被访问的页面，最好把每页的风格统一起来，例如：导航部分最好放在每页相同的位置，便于在每个页面中的跳转。

2．布局：是个人网站具有吸引力的根本所在，它主要说的是信息显示的视觉效果。

5．规划站点

站点规划是设计站点前的一个重要步骤。合理地规划站点对以后站点的设

计甚至网站的制作会有事半功倍的效果。

4．1 导航草图的制作有利于理清思路，避免在制作网站的过程中乱了

方寸。如图4-1所示就是个人粉色网站的初始导航草图。

图4-1 导航图

在导航草图中，网站首页下面有6个二级网页。各网页主要内容如下：

首页：总述。

我的简介：个人资料。

相册：包括了我自己的相册，家人相册、朋友相册、明星

相册和漫画图片。

留言板：是访问我的朋友其中可以写上姓名、联系方式

和对我的网站的看法。让朋友给我留言，增进彼此的了解与相册留言板日记我的简介首页李杰鹏网站的首页

我的音乐

交流。

日记：是用框架素材的，有我的作品，最新自己日记，我收藏的文章，动画效果，文字飘动，供访问者观赏。

音乐：有我最喜欢的音乐，我收藏的音乐，可以播放，带歌词，下载，有飘动图片，共访问者分享。

4．2创建站点文件夹

合理地创建站点文件夹可将网站文档分门别类，井井有条地放置其中，这对以后网站的制作是极其有利的。创建“绿色”网站的站点文件夹的具体操作如下：

步骤1 在本地磁E盘创建一个文件夹，该文件夹在创建动态站点时将作为站点的根目录。这里在E盘下创建一个名为黄裕福个人网站的文件夹。

步骤2 在黄裕福个人网站文件夹内创建不同功能的文件来，文件夹分别命名为图片素材库,按钮素材，我的主页，我的档案，登陆注册，相册，日记，音乐8个文件夹，并将对应的素材放到各自的文件夹中。

4．1创建站点

步骤1 进入Dreamweaver 8工作界面后，选择“站点”/“新建站点”命令弹出“未命名站点1的站点定义为”对话框。

步骤2 在该对话框中的“基本”选项卡中的“您打算为您的站点起什么名字？”文本框中输入 hyfu

步骤2 单击“下一步”按钮，在弹出的对话框中选中“是，我想使用服务器技术”，在“哪种种服务器技术？”下拉列表中选择“ASP VBScript”。

步骤3 单击“下一步”按钮，在弹出的对话框中选择在开发过程中如何使用文件，这里选中“在本地进行编辑和测试”，在“你将把文件存储在计算机上的什么位置？”文本框中输入F:\ index\ 步骤4 在弹出的对话框的“您应该使用什么URL来浏览站点的根目录？”中输入http://localhost/index/,输完后，单击“测试URL”按钮。如果这时它提醒你URL前缀测试成功，点击“确定”按钮，你就可以进入下一步了，否则的话，你再按照前面的步骤检查站点出现的问题。

步骤5 单击“下一步”按钮，在对话框中选择“否”。

步骤6 单击“下一步”按钮，点击“完成”按钮即可完成本地站点的创建，这时，创建的站点就显示在“文件”面板中了如图所示

4．4首页的布局

步骤1 选择“布局模式”，将页面布局为如图4-3所示

图4-3

步骤2 在第1行第1列里插入一张主要的图片。

步骤3 在第2行第2列里面插入导航条。

步骤4 在相应的位置插入相应的图片的Flash影片。

步骤5 在第2行第1列中插入一个表单，在表单中插入一个4行2列的表格，输入相应的信息如图4-4所示

图4-4

步骤6 新建一个数据库文件，在其中输入用户名和密码，在设置一个主键保存退出（注意：再创建服务器行为时必须把数据库关闭，否则会出现错误）

步骤7 还有就是创建一个注册动态网页如图4-4所示

4-5

步骤8 先添加数据源，在登陆界面创建一个登陆用户的服务器行

步骤2 在第2行第2列插入导航条

步骤3 在第3行第2列插队入一个表单，在表单中插入一个5行2列的表格

步骤3 做完了相应的操做之后就保存，保存完之后再另存为一个一模一样的网页，改一下名字，点击确定

步骤4 创建一个数据库文件，其中输入姓名、性别、电话、E-mail、留言，在姓名的字段中添加一个主键，单击保存。

步骤4 在留言板中添加数据源，在添加插入记录的服务器行为步骤5 在另外一个留言板中，添加记录集和绑定服务器行为。

步骤6 在插入菜单-应用程序对象形字-记录集分页，插入一个记录集分页

4．7设为首页、我的信箱、加为收藏夹

步骤1 在index1中输入设为首页、我的信箱、加为收藏夹的字样步骤2 选中设为首页字样，在链接处输入一个空链接，切换到代码视图，在代码视图中输入代码，代码如下：

onClick="='url(#default#homepage)';('http;//');"

步骤3 选中加为收藏夹字样，在链接处输入一个空链接，切换到代码视图，在代码视图中输入代码，代码如下：

onClick="('','mysite')"

步骤4 选中我的信箱字样，在属性面板的链接中输入：

mailto:08wangluohuangyufu@

步骤1 ，在代码视图中插入代码，代码如下：

步骤2 ，在相应的位置输入在线人数为：

步骤3 ，在代码视图中插入代码，代码如下：

<%=application("sum")%>

4．9制作聊天室

步骤1 新建一个动态页面插入一个表单，在表单中插入一个3行2列的表格输入相应的文安，插入相应的按钮和文字安段。

步骤2 “文件”/“保存”，在弹出的对话框中输入login1保存

步骤3 “文件“/”新建“在弹出的对话框中选则常规中选择”框架集“，选中”下方固定“的框架集单击”创建“

步骤4 “文件“/”框架集另存为“分别保存main1、sponse1 、display1“

步骤5 在display1网页中输入”欢迎进入我的聊天室“

步骤6 在“插入“/”HTML“/”水平线“

步骤7 在到代码视图中插入代码，代码如下：

(application("show"))

步骤8 切换到sponse1网页，在网页中插入一个表单在输入“我要发言”，在插入一个文本字段，在添加两个按钮

步骤9 在到sponse1的代码视图中输入代码，代码如下：

if ("message")<>"" then

message1=trim(("message"))

()

xm3=session("xm2")

application("show")=xm3 & "在" & "说：" & message1 & "
"_ &application("show")

()

end if

步骤10 切换到main1网页中，在代码视图中输入代码，代码如下：<%

if ("xm1")=""or ("mm")="" then

("对不起,你的资料不全!请返回重填" )

else

session("xm2")=trim(("xm1"))

end if

音乐页面如图4-7

在站点下新建一个音乐文件夹作为播放网页，在播放网页中插入所需的背景音乐，代码设计为：。

在播放页中插入方框素材，设置方框大小，将相对应的歌词插入方

框中，给歌词设置为向上移动效果；并且设置移动位置大小和速度。代码为：
height="180" direction="up" scrollamount="1" >
明天你是否依然爱我
曲：童安格词：杨立德
午夜的收音机
轻轻传来一首歌
………………………
.

播放图为4-8

五．实验结果

在这次的实训中，老师要求我们在网站中实现的功能，我都完成了，通过思考综合运用制作出音乐播放效果。我觉得我完成很成功，在这次实训中，我收获了不少，以前不知道做的现在全知道做了，我也有了做网站的经验，虽然经验不足，但是收获很多，让我从中学到了不少，虽然在做网站的过程中出现过很多的错误，但是经过老师的指点和同学的指点，错误全都没有了，现在整个网站链接很浏畅，所以这

次实训我觉得我完成得很成功，从中也学到了不少。

六实训中的错误和怎样解决的

在这次实训中出现了很多的错误，出现的最多的错误就是把代码输错，还有就是做的网页不能正常预览，由其是在主页中出现的错误，特别是网页布局设计视图是好的，但是预览图就走位了；在留言板也反复做了好多遍才做出来，那可真是一波三折。，之后复制到机房里面去就运行不了，之后找了很多的原因，才找出来，首先要在你放的那个的文件夹，站一个web 共享，在新建一个站点，这样才能正常的运行，还有就是那个数据库就是要重新添加数据源才可以，不然就会出现错误，遇到问题时我努力查阅资料，查阅代码。

七实训心得

一连上了一个星期的网页实训课，可以说学到很多以前没有学到的东西。感觉这一个星期学到的远远比以前学一个学期的要多，要丰富。在这期间，首先是网页素材的准备，在网上查看一些网页背景和背景颜色搭配，让我了解到网页的颜色不能多过3种色彩。接下来的几天再结合自己的网页来进行策划，在做首页之前，先用图纸把网页的结构画出来，内容和结构都想清楚用Fireworks把网页设计出来，再切割图片，把它们导成Html格式在Dreamweaver中进行进一步的编辑。

通过这个实训我学到了很多，也发现自己的不足，一周的实习结束了，至于总体的感觉只能用八个字来概括虽然辛苦，但很充实。在这一周里，我学到了很多有用的知识，我也深深地体会到IT行业

的辛苦和伟大，随着科学的迅猛发展，计算机行业发展更快了，新技术的广泛应用，会有很多领域是我们未曾接触过的，只有敢于去尝试才能有所突破，有所创新。所以搞好一次实训，是我今后走上社会的一种财富，所以努力搞好实训才是最要的，打高分不是最重要的，最重要的是你在这次实训中你学到了什么，因为这就是你今后走上社会的一种定贵的财富。学习的能力很重要，特别是对一个站长来说，因为网络的发展太快，新的技术，新的模式，新的思维方法每天都在出现，如果不学习，很快就会跟不上形势。做网站虽然辛苦但是让我知道：“千淘万漉虽辛苦，吹尽黄沙始到金！”

网站设计制作协议(三)标准样本

协议编号：WU-PO-701-19 网站设计制作协议（三）标准样本 In Order T o Protect The Legitimate Rights And Interests Of Each Party, The Cooperative Parties Reach An Agreement Through Common Consultation And Fix The Responsibilities Of Each Party, So As T o Achieve The Effect Of Restricting All Parties 甲方：_________________________ 乙方：_________________________ 时间：________年_____月_____日 A4打印/ 新修订/ 完整/ 内容可编辑

网站设计制作协议（三）标准样本使用说明：本协议资料适用于协作的当事人为保障各自的合法权益，经过共同协商达成一致意见并把各方所承担的责任固定下来，从而实现制约各方的效果。资料内容可按真实状况进行条款调整，套用时请仔细阅读。根据国家知识产权及网络管理的有关规定， _________（以下简称甲方）委托_________（以下简称乙方）为甲方筹建Internet网站，设计制作网页的合作项目，经双方协商达成以下协议：一、合同内容和要求 1．网站有_________种语言版本：_________； 2．网站页数范围：_________； 3．网站建设方案：_________。二、合同金额及付款方式 1．甲方应向乙方网站规划费，网站设计费，网站制作费，以及网站后期维护费共计人民币_________

精品网页设计欣赏及评析

精品网页设计欣赏及评析 1.商业清爽型国外现在较流行的风格，国内也有不少模范者，可是往往在色彩调配和细节方面有所欠缺。图一图二特点：利用方框构图，简介明了，图片一般大面积出现，但图片一定要结构清晰，色彩鲜明色彩方面多使用大面积浅灰度和白色，以衬托logo 和配图的色彩鲜艳，配以高明度小小色块（如导航处）。因为结构构图简单，细节方面一定要讲究，不适宜有过于复杂的logo 和点缀出现，多用简洁明快的几何图形结合。一般此类风格背景如果是彩色，都会是低纯度低亮度彩色，以反衬主题图片和logo。在大面积背景压住的情况下，图片明度越高越爽。画面应该有一个主色调。注意图二左下脚的logo，有意与背景色调相同，以免抢了视觉中心，这是很多人常犯的错误。图三注意细节图案的使用，这是大多数设计者弱点所在，细直线条与箭头、方块、园点不要乱用，每个点的存在你都要有理由。 2. 商业门户型现在的商业门户网站在几乎都是三栏，上面是logo＋banner 。其实门户网站因为信息大，更新频繁，在设计时应该充分考虑可扩展性，我认为可以充分利用下拉特性，充分考虑左上位置的设计，主体争取结构明了简洁。下面我们一起来看看几个门户网站的设计。图四所示的这个网站是卡通网站，广告栏很大，但通过精心设计使之醒目而不凌乱。图片统一使用斜角，统一又不呆板。图五所示网站使用曲线与直线的结合，蓝灰色主色，画面沉静而不脏，这里的色彩难度很高，需要细心调试，色块分割，简单明了。图六所示网站主题部分简之又简，在背景上做足了功夫，轻轻的灰度变化，是现在国际流行的风格，高雅，不花，充分烘托主体。图四图五图六 3. IT 企业实用模板图七图八图九图十 4. 时尚企业网站模板图十一图十二 5. 主题型实用网站模板图十三上图所示模板其logo 和图片以及其绿色的主色调与动物园的环境和业务非常贴切。美食业务主题网站，布局合理大方，整体设计“色香味”俱全，主题鲜明，功能齐全。 6. 学校教育型模板图十四图十五 7. 儿童主题型网站模板图十六图十七图十八图十九 8. 个人个性化网站模板以下的10个网页设计作品是ThemeForest上最受欢迎的优秀企业网站设计模板的其中一小部分。它们风格低调沉稳，几乎只使用黑白灰三种色彩，却不雷同，并且在细节上都非常讲究。ThemeForest是非常值得网页设计师关注的高品质网站，其上的几乎每一个设计模板都称得上是杰出的设计作品，值得我们认真揣摩学习。这篇文章里我将根据自己的观点对这10个设计模板的设计思路和方法做一总结，列出其中的要点，挖掘值得我们在网页设计中值得借鉴的东西，希望能够对大家有所帮助。

网页设计课程方案

网页设计之静态网页制作课程目标：不用精通编程语言，主要围绕网页布局设计。教学特色：以循序渐进学习为主，从学员的学习接受程度出发，通过阶梯式课程提高学习效果，通过阶梯式的项目课程设计迅速提高学员网站\网页美工设计能力。适用对象： 1、高中及以上学历; 2、有志于IT行业发展; 3、对网站美工设计制作感兴趣; 4、企业职员培训课程学习内容包括下面三个软件： 1. Dreamweaver Dreamweaver是Adobe公司推出的一款专业的网站开发与维护软件，支持DHTML、CSS、网页编程，所见即所得等技术，是目前使用的较多的网站布局设计与维护软件。培训内容：网页的版面规范、网站建设流程、Dreamweaver的操作界面、各种网页元素的使用、表格与布局表格、层、时间轴与简单动画制作、框架、表单的制作、库与模板、行为、网站的维护与管理、HTML 与JavaScript简介、HTML基础语言；常用的SEO技巧、设计网页要注意的事项。主要核心步骤：运用掌握的界面效果图进行HTML模板制作，其中涉及到SEO、table+css和Div+css布局（重点掌握的内容）。 2. FLASH FLASH是Adobe公司推出的一款专业的动画制作软件，采用矢量图形来制作动画，支持“流”媒体技术，并支持ActionScript编程，广泛应用于网页设计、网站广告、游戏、MTV、教学软件与电子杂志制作等方面！培训内容：动画的基本概念、FLASH操作界面、FLASH动画的鼠绘技巧、动画的分类与制作方法、元件的分类、区别和应用、层的种类与应用、Flash常见的问题、初级ActionScript语言、大量关于网络广告和多媒体课件的商业实例制作。主要核心步骤：结合HTML模板进行网站的菜单导航、网络广告、网络动画和简单的flash网站制作。 3. Photoshop 专门针对网页设计（网页美工）行业，熟悉Photoshop在WEB中的应用。有Photoshop基础效果会更好。培训内容：Photoshop基本操作界面、工具使用、层及滤镜，提高实用技巧；Photoshop选区的选取与编辑；UI用户界面制作、Photoshop里面的行为和批处理技巧；Photoshop制作企业网页效果图（综合讲解）；配合DR制作出Table和DivCSS的HTML模板页面. 主要核心步骤：学员根据所学的知识点来策划自己的网站界面。网页设计之动态网站建设课程目标：提高网页编程能力，主要围绕网页功能开发。使学员了解基于https://www.doczj.com/doc/8c2927937.html,的应用程序一般开发流程。全面学习掌握最新的https://www.doczj.com/doc/8c2927937.html,和https://www.doczj.com/doc/8c2927937.html, 开发技术，掌握基于三层架构的https://www.doczj.com/doc/8c2927937.html,企业级应用程序的开发流程。适用对象：要有一定的面向对象程序设计或C语言程序设计基础，主要是要对https://www.doczj.com/doc/8c2927937.html,开发技术感兴趣有志之士。

web网页设计期末习题题目练习

第一套一、填空题（20分每空2分） 1.RGB色彩模型最多可以表示（224）种颜色。 2.HTML页面的正文应该放在（body ）标记对中。 3.下拉列表的列表项应该放在（option ）标记对中。 4.三种样式表中，与代码结合最紧密的是（内联）。 5.Css中填充的属性是（padding）。 6.当页面使用外部样式时，应该在页面的头部分使用（link ）标记。 7.（伪类）用于指定选择符的状态。 8.表单可以用两种方式来提交，一是点击提交按钮，二十在脚本中显示表单的（submit ）方法。 9.最低公用标准的浏览器文档对象模型中（document）对象代表窗口显示的html文档。 10.w3c DOW 按照ID 获取HTML元素对象的方法是（getElementById() ）。二、判断题，判断以下说法的对错（10分，每题1分） 1、HTML是一种网页编程语言。（×） 2、HTML不允许交差嵌套。（√） 3、HTML元素的ID属性不能以数字开头。(√) 4、URL地址属于绝对路径。(√) 5、P标记没有默认样式。(×) 6、内联元素可以嵌套块元素。(×) 7、border 属性是不能被继承的。(√) 8、JavaScript 只能用于客户端编程.(×) 9、在最低公用标准的浏览器文档对象模型中，不是所有的HTML元素都是对象。(√) 10、W3C DOM是以树形结构表示HTML文档的。（√）三、单选题（32分，每题2分） 1、jpg格式图像适用于以下哪种图片？（D） A.动画 C.公司logo B. 图标 D.人物照片 2、以下为内联元素(inline element)的是？(B) A.
C.

B. D. 3、以下不属于input标记的type属性的取值的是？(C) A. text C.default B. submit D.button 4、以下哪些是表意的元素？(D) A.font C.b B.strike D.strong 5、在网页中插入图片正确表示是？(C) A.logo.gif C.

B. D. 6、以下可以继承的属性是？(B) A. border C.background-color B. font-size D.margin

网站制作方案

目录一、网站的建设和目的 (3) 二、网站定位 (3) 三、网站风格 (3) 四、网站设计原则 (4) 五、平台用户类型 (5) 六、网站栏目............................................................. 错误!未定义书签。七、网站功能要求 (5) 八、网站运行基础 (7) 九、其它 (7)

网站制作方案（草案）一、网站的建设和目的随着时代的发展，企业网站的建设已经成为开展营销推广的必要环节和手段。各个企业对网站建设的目的各不相同，本案公司为某品牌汽车经销商，公司需要做一个企业集团型的网站，该企业网站建设的目的在于“实现全新的公司对外宣传形象升公司在消费者中的认识度。二、网站定位 ●科技、创新、朝气、清新进取 ●以企业形象宣传和产品销售为导向 ●结构清晰，层次分明三、网站风格页面风格要有现代感、有新意、体现科技创新特点；强调色彩、出时尚性、但要求协调、页面流畅，不可以给用户凌乱的感觉、保证浏览者在较短的时间内看到最想看到的内容；注重页面和banner、flash和图片的协调。合理安排首页的信息，避免信息过多分不清主次，造成信息冗余；

颜色色彩要与VI相同，页面要求精致，通过页面可以体现我们的技术实力和数据权威，这一点在页面的精致和专业程度上体现出来。搭配图片、banner、flash等装饰，使得页面有灵活性四、网站设计原则在网站的设计和开发过程中，我们要求遵循以下原则： ●一致性——符合网站的定位思想，各页面之间要有连续性； ●易用性——系统设计制作使用的技术对使用者的专业技能没有特殊要求，方便个人和客户的使用； ●高效性——网站页面的设计简洁、美观，尽可能地提高浏览速度，突出主要信息。导航系统在层次清晰的同时方便浏览者对相关信息和服务的访问； ●可扩展性——为保证公司未来发展的需要，同时兼顾系统建设的阶段性，尽量减少模块间的连动设计，便于今后系统扩展与升级； ●安全稳定性——在充分考虑网站功能的同时，应格外重视网站的安全和稳定性； ●多用户——考虑到网站的使用者同时操作的情况，系统支持多人操作；

web网页设计报告

web网页设计专业物流工程学院班级物流1301 姓名李维源学号 2016年5月4日

第一部分:实训目的 21世纪是一个信息时代，Internet已经进入人们生活与工作的各方面，而网页作为Internet信息传递的重要载体，其重要也日趋突出。所以实训的目的就是要我们更好的掌握好这一学期的网页知识和提高自己的动手能力，并且上传到网上去，让更多人认识我，更好的宣传自己。第二部分:实训准备通过一个学期的web网页设计课程的学习，我终于明白我们浏览的每个漂亮的网页是怎么做出来的，我也想自己亲手来做自己的个人网站。在做个人网站之前，我做以下准备：理清自己的思绪，想清楚自己的网站设计，做模板，找素材，进行站点的规划和素材、资料的收集，要按照制作网站的步骤一步一步来完成。第三部分:实训要求 1、主题鲜明、内容充实；颜色清新、舒适、结构合理； 2、导航清楚、栏目合理、层次分明、使用方便 3、设计8至15个页面。内含：用户注册，登录系统，留言系统、统计在线人数，设为首页、加为收藏等动态网页内容。第四部分：个人网站的总体规划和步骤 1．设计的思路我的个人网站主要是以绿为主，以淡色为辅。主要是希望所有的朋友看到这个空间能一种和谐、安宁、充满生机的感觉。得到心灵的慰藉！ 2．绿色网站的意义我设计的这个网站主要是给人轻松舒爽、赏心悦目的感觉，让人们置身于一种美丽大自然的意境中，明快而错落的绿，让人仿佛来到青山翠谷。网站的总体风格网站的总体风格主要是以绿色为主，以淡色为辅，充满活力，生机。具有个性色彩。网站的布局其实很简单，主要是做好一个模版，模版做好框架了，那网站就初步形成了，虽然主要框架做好了，但是也不要高兴得太早哦，但是你也要想清楚怎样把整个界面搭配得更具有个性化。首先，在框架的最top要插入一个能体现你个人网站的主图。然后在主图的下面插入按钮导航条，之后下面就插入自己想要的风格，虽然用模版做出来的风

web网站设计报告书

WEB 网站设计报告书学年第 1 学期设计题目： Web网站设计报告年级专业：姓名学号：所在学院：

目录一、设计目的 (2) 二、设计题目 (3) 三、结构设计 (3) 四、技术分析 (3) 五、设计风格 (7)

一、设计目的在Internet飞速发展的今天，人们已经无法离开网络，互联网成为人们快速获取、发布和传递信息的重要渠道，它在人们政治、经济、生活等各个方面发挥着重要的作用。因此网站建设在Internet应用上的地位显而易见，它已成为政府、企事业单位信息化建设中的重要组成部分，从而倍受人们的重视。我们当代大学生更是离不开网络给我们带来的好处与便利.但是,我们成天浏览的网站网页到底是如何制作的呢?我们已经学了WEB这门课，就可以通过设计达到掌握网页设计、制作的技巧。了解和熟悉网页设计的基础知识和实现技巧。根据题目的要求，给出网页设计方案，可以按要求，利用合适图文素材设计制作符合要求的网页设计作品。熟练掌握Photoshoto等软件的的操作和应用。增强动手实践能力，进一步加强自身综合素质。学会和团队配合，逐渐培养做一个完整项目的能力。二、设计题目《篮球球迷交流网》主要是篮球新闻、视频，还有交流帖子区，交易广告平台等。三、结构设计选定主题，确定题目之后，在做整个网站之前对网站进行需求分析。首先，做好需求调研。调研方式主要是上网查阅资料，在图书馆里翻阅相关书籍。然后，调研结束之后对整个网站进行功能描述，并对网站进行总体规划，接着逐步细化。我的设计主题是篮球球迷交流网，包括多个方面，框架为：首先是首页，首页下是新闻、视频、论坛、比赛、交易，从分栏都可以回到首页。首页主要分为新闻头条、热门话题区、热门比赛预告、靓图展示。

网页设计作品设计说明

湖南软件职业学院《网页设计》期末作品设计说明书课程名称：网页设计期末作品设计说明书设计题目：某律师团队专业法律服务网专业班级：学生姓名：指导教师：起止日期：

某律师团队专业法律服务网网站制作说明一、网站开发目的和功能简介随着网络技术的发展与互联网的普及，网站建设与网页制作越来越来成为各行各业以及个人宣传自己的有利工具。门户网站越来越称为律师行业进行…………（略）二、网站的总体设计 2.1网站名称：某律师团队专业法律服务网 2.2网站栏目划分：根据本网站的目的和功能规划网站内容，包括如下信息：（1）关于我们：介绍相关律师信息，事务所信息，收费标准…………（略）（2）法律服务：…………（略）（3）法律文书：…………（略）（4）律师手记：…………（略）（5）经典案例：…………（略）（6）在线服务：…………（略）具休如下图示：

2.3网站导航应用于所有页面提高网站的操作友好性。 2.4网站的风格与色彩选择：页面以浅绿色为背景，黑白灰三色为主体。浅绿色体现了本律师事务所的活力，字体用黑、白、灰色给人一种清析、稳重的感觉。所有页面色调统一，布局相似。 2.5网站目录结构设计合理：不同素材采用不同学文件夹分开存放。如声音放在sound 文件夹、图片放在images文件夹，照片放在photos、FLASH动画放在flash文件夹、样式表文件放在CSS文件夹中、作业成果图放在works等。三、网站的总体设计 3.1 LOGO设计 Logo应体现律师行业庄重、严谨的形象。本LOGO以暗绿色为背景，金黄色为前景，…………（略） 3.2首页的制作过程版面分栏结构，即页头、导航栏、FLASH展示、相关内容、版权（如下图）

网页设计经典作品欣赏

____________________________________________________________________________________________ 网页设计经典作品欣赏大同小异的网页设计已经让你视觉疲劳了吧，加入不规则几何形状的网页设计也许能让你的眼睛重获新鲜感。几何元素的融入不仅让网页变得高大上，也在无形中突出了网页中的某些内容，这样的突出方式并不单薄无力，反而让网页看起来更自然。一网学，致力于网页设计培训、UI设计培训、淘宝美工培训，平面设计培训，是最好的远程设计培训学校。没有人会对沉闷的网页产生兴趣，而几何图形恰巧能在增强视觉体验的同时营造出活跃的氛围。我们为大家找到了14个融入了几何元素的网页设计，尽情享受吧！ Ondo Ondo的网站选用了较为鲜艳的色彩，再加以特别的效果，让用户在浏览时得到了一种别样的视觉感受。如果上一个案例表达了宁静的主题，那么Ondo表达的就是城市中的现代繁华。 Wildlife 这个网站中的几何元素体现在各方各面，既有设计师的设计，同时，局部也拼凑了一些包含几何元素的真实图片。我们可以看出该设计师对不规则元素十分热爱，图片本身的形状也不是传统的中规中矩，让整个页面多了一种拼贴感。

____________________________________________________________________________________________ Wixel Wixel的网站运用了几何元素，增加了现代化元素。

____________________________________________________________________________________________ Kinder Fotografie 几何元素的叠加使用使画面富有层次感，大小不一的正六边形更是增添了活力。 LIGAYA SCAFF 几何元素的作用比较多元化，随着周围坏境色彩的变化，它也能随之显现出完全不同的效果。在这个案例中，几何元素释放了它的神秘感。半透明的图片设计让网页有了重叠感，而规则的几何也不会让网页很繁复。

网页设计竞赛方案

网页设计竞赛方案网页设计竞赛方案1 一、活动目的本次网页制作比赛，旨在丰富同学们的课余生活，活跃同学们的思想，拓宽视听范围。体现大学生朝气蓬勃积极向上的精神状态，培养挖掘设计类与审美类人才，提高同学们对于独具想法、审美设计、统筹规划、技术操作、语言组织能力等。二、活动内容限定题材，在全院范围内举行网页设计比赛。三、活动流程时间流程：项目时间、地点内容宣传时间 20XX5月12日～20XX5月22日海报宣传;电台宣传报名时间 20XX5月12日～*****年5月22日各系团总支处开幕讲座 5月19日(星期四) 晚7点梯形教室一各系选送准备时间 5月22日～6月9日各系选送时间 5月10日～6月12日

各系团总支报到何晓莹处内部预审时间 6月18日(星期三) 晚7点梯形教室一确定评委，讲评，再自行修改正式比赛时间 6月25日(星期三) 晚7点梯形教室一评奖、颁奖宣传流程时间：20XX5月12日～20XX5月22日方式：海报宣传：学生公寓门口、食堂门口、教学楼三号楼1楼; 电台宣传：校园电台宣传(时间、次数) 报名方式报名时间：20XX5月12日～20XX5月22日报名对象：全院13、14级学生，计算机专业只允许报名专业组; 非计算机专业可以报名专业组或非专业组可以以个人或组队的形式参加比赛，每队人员不能超过3人，不能跨系组队，参赛个人或队伍必须有指导老师，报名方式：向各系团委直接报名，由各系团委选送参与决赛比赛方式专业组：由信息系团委在规定时间内选送5名作品参赛非专业组：由各系分别选送2名作品参赛，利用业余时间搜集资料，存放于机房FTP中，在比赛时使用，作品完成后进行作品展示。颁奖方式在正式比赛当日晚间举行颁奖仪式

Web网页设计(博客网站)

《网站设计》课程设计说明书一、课程设计的目的《网站设计》课程设计是软件技术专业集中实践性环节之一，是学习完《高级语言程序设计》和《多媒体技术》课程后进行的一次全面的综合练习，其目的在于掌握网页设计的基本技能、加深数据库基础知识的理解，掌握使用sql2000、access建立数据库的基本方法，初步掌握图像处理以及简单的动画制作，为今后从事网站开发和毕业设计打好基础。二、课程设计内容及要求 1、内容要求 “博客”。“博客”的英文为“WEBLOG”，WEBLOG是WEB LOG 的缩写，中文意思是＂网络文章＂，简称“网志”，后来缩写为BLOG，而BLOGGER（博客）则是写BLOG的人。具体说来，博客（BLOGGER）这个概念解释为使用特定的软件，在网络上出版、发表和张贴个人文章的人。 2、设计要求 1）使用HTML语言进行网页的布局和设计，可以使用文本文档，也可以使用Dreamweaver或Frontpage等网页设计工具。 2）使用CSS样式对网页的格式与外观进行定义。 3）使用客户端脚本来验证窗体数据的准确性。 4）使用ASP+Access实现网页的简单交互效果。 5）图像及多媒体动画的制作。 3、课程设计说明书要求学生根据题目的基本要求，设计美观大方，完成课程设计说明书。三、课程设计任务 1、使用HTML语言进行网页布局，使整个网页布局美观协调。 2、使用CSS样式进行网页的外观与格式的设计，要求字体的大小、颜色，表格的边框、线型，边空与行高，背景图像与水印，超级链接的变化都在CSS文件或内嵌的CSS样式中进行定义。 3、网页中至少包含一个框架文件。 4、学会使用客户端脚本实现某些特效。（如字体的左右上下移动，图片的翻转移动等）。 5、使用Photoshop、Fireworks进行简单图像处理，要求整个课程设计中图像至少要有5幅是自己制作或处理的。

精美网页设计欣赏

精美网页设计欣赏篇一：40个精美网站设计欣赏 40个精美网站设计欣赏这组网页设计有各种行业的，大家可以从中找下感觉，学习学习高手们是怎么构图，怎么用色的。篇二：2015年度最受欢迎的的优秀网页设计网站! 2015 年度最受欢迎的的优秀网页设计网站！作者: 一网学最后更新时间：2015-12-17 10:20:27 小编：才看完2015最网页设计丑排行榜，有没有伤到各位的眼睛？在2015年快要结束的时候，我们一起来欣赏一组2015优秀的网页设计，每个网页都各具自己的独特风格。下面，是 Designmodo 团队评选出的2015最佳网页设计作品： BBQ Cultures BBQ Cultures 的页面设计证明了关乎烧烤的餐饮业网站也可以设计得高大上。设计手法上，设计师结合流行的设计趋势，用足以取悦用户的设计手法来完成设计，包括高清而充满气质的图片，精心制作的视频，漂亮的装饰图形和微妙的交互和动效。尤其是微动效和微交互，让整个站都充满了活力。 In Pieces In Pieces 的页面展示了第一流的动态展示效果是怎样的，设计师巧妙地使用

JS和 CSS将多边形融入页面不同的元素中，让多边形元素赋予了页面全新的生命力。 Trippeo Trippeo 展示了如何使用现代的解决方案来呈现即将到来的产品。这个网站采用了经典的横向布局，本质上接近单页滚动式页面设计，所以页面中的滚动动效设计地非常不错，给用户深刻的印象。 Be More by Reebok Reebok 的这个网页采用了经典的单页式的设计，有效地收纳了全部的相关信息。风格化明显的Grunge 风元素让整个页面的质感极为突出，动态效果的执行力也极强，赋予了页面良好的用户体验。 The DNA Project The DNA Project 是一个极为创新的音乐网站项目，它为用户提供了截然不同的音乐制作流程，时尚又不同凡响。每首歌都被划分为关键的音乐节点、音轨背后的故事和参与的音乐家等几个部分，这个项目让用户与音乐人们一同制作音乐。 ACME Experience 网站以更加视觉化的方式来践行这家公司的口号“我们是未来先锋”，这个页面采用率非对称式布局，多层布局技术和微妙的动效，配合这色调活泼的背景，许多有趣的小技巧在页面中各自发挥出独特的功用，充分展现了“先锋”这一特色。 Weltrade

网站建设与网页设计课程教学方案

《网站建设与网页设计》课程教学方案课程名称：网站建设与网页设计修读对象：全校选修本课程的学生预修课程：C语言程序设计任课教师：徐建平办公地点：松江校区教师办公楼B332 答疑时间：无固定时间，主要利用课前、课间、课后时间和网络进行答疑 E-mail地址：教材：《动态网页设计与制作实用教程》程伟渊著水利水电出版社教学目标和要求：本课程以Macormedia公司的网页三剑客（Flash MX、Fireworks MX、Dreamweaver MX）为技术支持，讲解静态、动态网页设计技术，系统地介绍了网页的构思、规划、制作和网站建设的全过程。教学内容、重点和课时分配《多媒体技术与Web应用开发》课程共安排40学时的教学时间，其中包含实验学时总数20 学时。进度分配：

教学模式：采用电子网络教室，机房投影教学。作业：平时作业包括书面作业和上机作业；上机作业在每次实验结束后提交到教师的机器上。考核办法与评分：考核的内容包括平时表现、课后作业、上机实验和期末考试成绩。评分标准为：平时成绩40%（包括平时表现10%、课后作业10%和上机实验20%），期未考试60% 期末考试题型：上机考试按要求做出动画和动态网页。参考书目及网站：《Active Server Pages 3 开发指南》Alberto Manul icart,Stephen Asbury著电子工业出版社《Flash MX实用基础教程》甘登岱著北京希望出版社《Fireworks MX 2004标准教程》胡崧著中国青年出版社学生须知： 1、学生应在教师的指导下，深入钻研教材内容，通过教材的例题掌握其使

2020年WEB网站设计开题报告

xxweb网站设计开题报告设计(论文)题目基于Web的同学录管理系统的设计与实现选题意义、研究现状及存在问题 1.1本课题的研究意义近年来计算机技术的快速发展，特别是计算机网络的发展，深刻的改变了人们生活的方方面面。使得人们能以更低廉的价格，开发出更方便、更实用的网络工具。各种在线服务系统，更是深刻的影响了人们的联系方式，使得人们可以在远隔千里即时通讯，过去的种种陈旧的联系方式，已经不能满足现代生活的需要。同学录作为一种方便校友之间联系的实用系统便应运而生。特别是提倡终生教育的今天，随着人的教育经历的增长，同学是越来越多，那么，同学信息的管理是我们每个人成长中必须管理的信息。对同学信息的增加、删除、修改、查询，以及数据的备份和恢复，还有相册的管理，都成为同学录管理系统不可缺少的部分。通过提供完善的同学录服务和规范的同学录管理，可以达到增进校友之间、校友与母校之间的感情，方便校友联系的目的。 1.2国内外研究现状、水平和发展趋势目前世界上各种形式的同学录网站大约有28万个之多，它们在网民心中占有重要地位。以目前存在的同学录网站来看，大致有以下几类：(1)按收费方式分，有收费同学录和同学录，其中以后者居多，像中国人的超级校友录就是收费的同学录服务，而像友联同学录、网

易同学录等大部分提供的是校友录服务;(2)按提供同学录服务所在网站分，有大专院校自己网站上的同学录，如西北大学校友录;有专门单独的同学录网站，如世纪同学录;有综合网站上的同学录，如ChinaRen校友录、新浪校友录、校内网等等，其中以综合网站上的校友录居多。国内的同学录，目前仍然以ChinaRen、校内网和5460最具知名度，这三个同学录在众多的同学录网站中人气最旺，经营状况良好，占据了这个领域的大部分份额，但5460更多是在吃“资历老”的老本，呈现下降趋势。其他的同学录如友联、网易、新浪、亿唐、网大也占有一定份额。班级同学录的形式和班级实体的构成是一样的，由班级管理员负责维护界面。方便实用的留言版让每一个班级成员都有畅所欲言的权利，在这上面，你可以怀旧，可以抱怨，可以展望，总之只要班级管理员不干预，你可以发表任何言论;班级相册是同学录最直观、最具吸引力的一个功能，通过简单快捷的方法把照片上传到同学录供朋友们观赏，可以让同学不会因为时间的流逝而忘记自己的长相;通过班级聊天室可以在线聊天; “生日榜”可以提醒大家对即将过生日的同学送去美好祝福;班级通讯录被喻为是永远不会丢失的现代化地址簿，可以随时随地调出;如果你有重要通知要告诉所有的同学，不用一个个的发信息，通过利用消息群发功能就能实现。经过多年的发展同学录管理系统发展逐渐成熟，同学录系统无论是在功能、用户界面等方面都得到了很大

设计师最常用网站汇总

设计师最常用网站汇总（附带专业点评，设计师必备收藏，持续更新…）素材网站昵图网：（种类齐全、设计师的拼图家园，你懂得）素材中国：（免费素材网站）三联素材网：（是一个以提供经典设计素材为主的资源网）站长素材：（国内最大的建站素材库、互联网人必备网站）素材库：（分类比较详细，但是数量不是很多，选择少）素材公社：（上传原创素材可以赚人民币的网站）图酷：(海量国外矢量素材) 佳木中国：（专注于网站模板和网页素材）天天素材：（感觉和素材中国太像了……一般的素材还是能够找到的）创意产业电商交易模式网站视觉中国：(前身为视觉中国网，目前定位于图片分享及设计产品社会化电商平台) 亚洲CI：（设计公司品牌宣传、视觉设计网络互动平台）牛社网：(致力于设计师品牌包装、宣传、作品展示与接单，用户可以为自己的网上工作室设置个性二级域名便于对外宣传) 中国包装设计网：（过去以交流学习为主，目前倾向于包装设计电商发展模式）插画中国：（全国最大的插画动漫征稿接稿及人才招聘的网站）网页设计联盟：（致力于网页设计师品牌宣传包装）哇塞网：（中国领先的手工、原创设计、艺术品、传统工艺品在线交易平台。）欣赏交流站酷：（国内最活跃的原创设计交流平台）红动中国：（设计交流、作品展示平台）

视觉同盟：（专注于中国设计行业及中国设计教育的网络媒体）中国艺术设计联盟：（拥有大量国内外最新行业资讯和设计大赛）蓝色理想：（网站设计与开发工作者的交流平台）中国设计网：（设计师交流学习平台，一个比较早的设计网站）中国设计之窗：（主要是以资讯和竞赛动态为主的网站）字体下载网站找字网：（分类齐全、直接展示字体效果，更方便你查找字体）字体中国：（专业字体网站）设计无限：（可以在线预览字体网页效果，更适合网页设计的同学使用）中国设计网.字体频道：（欣赏学习字体设计） dafont: (英文字体很多、分类详细、唯一缺点是中文字体较少) urbanfonts: (英文字体很多、分类详细) myfonts:（网站最大特色是可根据图片来判断字体，再也不用在群里喊这是什么字体了）图片分享网站视觉中国：(前身为视觉中国网，目前定位于图片分享及设计产品社会化电商平台) 花瓣网：（快速收集网络上的图片、视频和网页）牛社网：(可以上传原创作品出售你的设计服务，同时具备类似花瓣网的图片网络搜藏功能)

网页设计方案大作业设计方案说明书

《网页设计与制作工程实训》大作业选题名称：__伊人网的制作与体会________________设计人：___李薇_______________ 班级：__软件工程081班______________ 学号：__________________ 南昌大学软件学院 .元设计说明书: 一．选题的分析 1.我是怎么想到做女性网站的？作业刚布置下来的时候，我心里千回百转过很多念头，做什么网站能将我们学过的知识全部都用上呢？貌似除了作为模板教

案的购物网站就没有其它更好的选择了，可是继续做教案时学的淘宝或拍拍太无新意，不和我意。想来想去，还是没有中意的方案。可能是白天想这个想太多了，我晚上竟然梦到了我要做的，就是易物网站。不知老师是否记得一个曲别针换一个大房子的事，这就是我要做的易物网。终于得到了一个让我满意的方案，很开心。可睡醒了仔细一想觉得还是不行，可行性不大，于是我放弃了这个方案。当时已经是实训最后一天了，在结束实训的时候，我突然灵光一闪，决定做一个女性网站。首先，一个女性网站针对了我的特点，是我想做的，也是我感兴趣做的。其次，一个女性网站能够包括购物频道和bbs频道，能够充分将我学到的知识运用上去而又不免于流俗。 2.我要表示什么内容，如何展开设计？打定主意便开始设计。这个女性网站是针对都市女性的网站，旨在在她们休闲的时候有个能让她们放松自我，同时得到很多对自己有用的信息。为了达到放松的目的，网站的主色调采用暖色系，主打粉色系，看上去温暖活泼时尚舒适，让人有一探究竟的欲望。而为了同时达到对女性自身有益的目的，我在选择网站内容版块上下了很大的功夫。女性最关注的是什么呢？是她们的感情与魅力。Bbs能让她们能有个诉说感情发泄心情的地方，同时能在那浏览别人的故事，互相鼓励和帮助，还能交流日常生活<美容服饰等）的小信息。购物频道能让满足女性爱买东西的天

web期末设计大作业经典作品

网站开发技术课程设计报告题目：兄弟依旧专业：班级：学号：姓名：老师：成绩：_____________________

一、网站设计要求 ?站点题目：自定 ?具体内容自行设计； ?具体要求：按照Fireworks作效果图—〉切图—〉页面布局的过程进行；须提交完整的Fireworks页面效果图；必须用CSS+DIV页面布局；页面中必须包含JavaScript编程；页面中必须包含Flash动画（须提交Flash源文件.fla）；二、信息等相关素材收集基于设计网站的的要求，其内所包含的图片与文字信息皆来自互联网。并且其选材比较贴合电影说体现的主题，再加上其内的色彩调用，很会让人为之动容并有一种身临其境的感觉。三、个人网站的总体规划和步骤 1、设计的目的又一年毕业季，又是一个让彼此动容的季节，在向这段充满欢笑、充满浪漫、充满豪情壮志、也充满酸涩与淡淡忧郁的学生时代告别之际。为此做了个网站以怀念曾经的你和我、曾经一起奋斗的日子、以及那个他或者她。还有此刻的美丽,以及无限的未来向往。 2、设计布局在网站的右上角有一个音乐播放器，重复播放着BEYONGD的代表作（光辉岁月），在其下面有一个利用JavaScript制作的一个图片轮显效果的界面。写满了对大学四年的怀念图片。网站的左上角用flash制作的一个标题，并在其下方有一个用户登录栏，主要是为了方便用户对网页进行操作。最后一个网站的右下角是主题介绍的大学毕业的微电影链接。 3、网站具体设计过程首先选定本网页制作工具是网页三剑客：Adobe Dreamweaver CS3+Adobe Fireworks CS3+Adobe Flash CS3

第一套静态网页设计方案初步

第一套静态网页设计初步一、单选题 1.在下列软件中，< ）软件不能设计网页。 A>Dreamweaver B>FrontPage C>记事本 D>Windows Movie Maker 2．在以Dreamweaver设计网页过程中，为了避免网页的链接对象使用包含盘符的本地绝对路径，最有效的方法是< ）。 A> 建立用户文件夹，把网页所需的全部文件存储在该文件夹中 B> 建立本地站点，把网页所需的全部文件存储在本地站点的文件夹中 C> 建立与服务器的映射关系，要求服务器实时检测网页状态 D> 没有什么专门的方法 3．在以Dreamweaver设计网页过程中，要实现鼠标经过某个图片时自动切换显示另一幅图片，可以通过命令< ）实现。 A> 查看－交替图像 B> 修改－图像－交替图像 C> 插入－图像对象－鼠标经过图像 D>. 插入－媒体－交替图像 4．在Dreamweaver中，< ）工具不能建立图像热区链接。 A）矩形工具B）椭圆形工具 C）多边形工具D）线条工具 5．Dreamweaver无法显示的图像文件格式有< ）。 A）GIF格式B）JPG格式 C）BMP格式D）PNG格式 6．在Dreamweaver中，下列哪个说法是错误的< ）。 A）没有布局表格也可以添加布局单元格 B）一个布局表格中可以有多个布局单元格 C）布局表格中可以有布局表格 D）布局单元格中可以有布局表格 7、在以下HTML语言标记中，正确表示一个1行1列表格的是< ）。 A）

B）

C）

D）

8、在本地电脑里，网页index.htm的存放路径是c:\webpages\index.htm，图像logo.gif的存放路径是c:\webpages\images，现在将该图像插入到网页index.htm中，则使用相对路径方式显示logo.gif，正确选项是< ）。 A） C:\webpages\images\logo.gif B） C:\webpages\logo.gif C） images\logo.gif D） ..\images\logo.gif 9．下列关于超链接的说法，不正确的是。 A）超链接的指向可以是网页或是网页中的书签<锚点）

web网页设计方案报告

web网页设计专业物流工程学院班级物流1301 姓名李维源学号0121318960309 2016年5月4日

一种美丽大自然的意境中，明快而错落的绿，让人仿佛来到青山翠谷。网站的总体风格网站的总体风格主要是以绿色为主，以淡色为辅，充满活力，生机。具有个性色彩。网站的布局其实很简单，主要是做好一个模版，模版做好框架了，那网站就初步形成了，虽然主要框架做好了，但是也不要高兴得太早哦，但是你也要想清楚怎样把整个界面搭配得更具有个性化。首先，在框架的最top要插入一个能体现你个人网站的主图。然后在主图的下面插入按钮导航条，之后下面就插入自己想要的风格，虽然用模版做出来的风格都非常相似，但是各个页面都具有各自的特色，让我们感受到自己的空间的个性。绿色网站的内容结构也很简单，分类清楚。页面链接的层次也很明确，访问者可以很明确的感受到制作网站的人的心情和性格。绿色网站的主要色调是以绿色为主。鲜艳的绿色是一种非常美丽、优雅的颜色，它生机勃勃，象征着生命。绿色宽容、大度，几乎能容纳所有的颜色。绿色的用途极为广阔，无论是童年、青年、中年、还是老年，使用绿色决不失其活泼、大方。以淡色为辅，两种颜色的结合更体现出了青春与活力。淡绿色网站主要采用的是环型结构，每一个页面连接另一个页面，使各个页面能方便的跳转。 4 网站的分析与设计设计一个个人网站,主要需要考虑两个方面的因素: :反应出用户访问网站页面的速度。主页是经常被访问的页面，最好把每页的风格统一起来，例如：导航部分最好放在每页相同的位置，便于在每个页面中的跳转。 2．布局：是个人网站具有吸引力的根本所在，它主要说的是信息显示的视觉效果。 5．规划站点站点规划是设计站点前的一个重要步骤。合理地规划站点对以后站点的设

网站制作策划书

网站制作策划书为了能写出更好的策划书，下面好范文推荐一篇优秀策划书范文,仅供参考： 1：客户需求先要分析客户需求，客户做网站都有自己的想法，不过客户的想法有时候和专业的想法想违背，有可能客户的想法无法实现和不切实际，这个时候网站策划人就可以根据这个情况来和客户沟通，2：网站定位; 企业根据性质和目的不同要设计不同的网站定位，有突出企业品牌的就是品牌形象网站，有招商加盟的就是招商网站策划，有网上做零售的就是电子商务b2c网站策划，有的是平台的是b2b网站或者行业门户网站策划，总之，做网站策划的人一定要有运营能力，一定要有运营成功案例，否则自己都没成功案例你如何给别人策划网站呢? 是要进行站点的定位，加强网站自身内容的建设。这一点尤其重要。网站是否有价值关键是看它是否能够满足访问者特定方面的需求。如果一个网站没有任何可以吸引人的地方，那么再怎么宣传都是无济于事的，即使网站的访问量在短期之内能够得以提高，但一旦停止了宣传，网站访问量还是会迅速下降下来。在网络信息发达的今天，网站必将来一次大浪淘沙，只有那些有价值的站点才有可能生存下来。 4：网站栏目和功能策划

给客户定位好了网站和盈利点，这个时候就可以做网站栏目策划和功能策划了，每个类型的网站的功能和栏目都是不同的。所以要有针对性。这个只是最基本的功能，就像做为一个最基本的网站程序员必须知道html语法一样，好多朋友都觉得网站策划是个很虚的位子，觉得谁都可以来做，这个是大错特错的。笔者魏天星之前写的《一个合格的网站策划应该知道的》篇已经注明了网站策划应该具备的知识，好多朋友觉得作为一个网站策划只需要懂得写文章，画框架图就可以了，其实表面上看完全是可以的，但是网站的设计，功能，程序之间是息息相关的。如果不具备综合的素质，那么做出来的东西要么是中看不中用，要么是让程序和设计云里雾里。原因有以下： 1.如果不懂程序，没有起码的程序基础，数据库交互基矗策划出来的功能可能无法实现，在一个技术管理薄弱的公司，策划的位置是相当重要的，如果不能明确功能，程序无法进行。 2.如果没有一点设计基础，或者说ui开发经验。那么大家都知道，前台设计出来的页面可能会惨不忍睹。 3.如果没有网络从业经验，那么策划功能和页面的时候就没有依托。策划其实就是一个万花筒。把你以前的所有经验投进去，就能看到不同的东西，任何策划都是这样。策划不是凭空产生的，而是在经验积累和改进的基础上产生的。