个人网站的设计与制作

个人网站的设计与制作（精选十篇）

个人网站的设计与制作 篇1

专题学习网站是指在互联网络的环境下,围绕某门课程或多门课程密切相关的某一项或多项学习知识点,有机地结合起来形成专题,让学习者进行广泛深入研究的资源型学习网站。它可以用来存储传递加工和处理教学信息,能让学生进行自主学习和协作学习,并对学生的学习情况提供在线反馈。根据这些理论,专题学习网站主要包括专题结构化知识库、专题资源库、专题协作学习工具和专题学习评价四大部分内容[1]。

2 专题学习网站的需求分析

《网页设计与制作》在本校是大专学生比较感兴趣的学科,并且本学科具备操作性强、个性突出、资源广泛等特点,有利于引导学生的学习主导性和协作性。

2.1 专题功能需求分析

根据专题学习网站的总体要求和本学科的特点,本专题学习网站主要实现以下功能:

1)资源管理功能。按专题学习网站的理论要求和教学需要,资源管理功能必须能对资源进行查询、修改、删除、分类、整合等资源处理功能,同时还要提供资源的搜索和资源下载功能。2)交流讨论功能。向用户提供一个交流讨论的空间,可以对学习内容的交流讨论,也可以上传与学习相关知识或问题或作品进行交流讨论。3)评价展示功能。包括作业批改、作品展示、自我测试、竞赛投票等在线评价。4)用户管理功能。包括专题学习网站的资源管理用户、学习留言用户和专题论坛用户。根据不同的需要设置不同的权限,以使师生共同使用和合作管理。

2.2 专题角色需求分析

功能的需求主要来源于角色,不同的角色有着不同的需求。本专题学习网站的角色主要有两类:学习者和管理者。各类用户有自己相应的权限,登录后只能访问自己权限内的功能模块。

1)学习者的功能需求。学习者主要是利用专题网站进行学习活动,包括查看专题知识与相关资源、交流心得与讨论问题、提交作品与上传资源、测评反馈与投票评价。2)管理者的功能需求。管理者主要是利用专题网站向学习者提供学习的资源与协作的场景,包括资源管理、讨论管理、评价管理和用户管理。

3 专题学习网站的系统结构设计

3.1 专题学习网站系统框架设计

根据需求分析中的专题网站功能分析,可以把专题网站分为网页基础、动态技术、数据库、辅助工具、作品展示、专题论坛等模块,网站的框架结构设计如下:

1)专题结构化知识:网页基础、动态技术、数据库、辅助软件。2)专题资源库:拓展资源、相关链接、强化训练、素材集锦。3)专题协作学习工具:学习留言、专题论坛。4)专题学习评价:作业批改、自我测验、作品展示、竞赛投票。

3.2 专题学习网站系统程序流程设计

根据需求分析中的专题网站角色分析,可以把专题网站分为前台应用和后台管理两个模块,网站的程序流程图(如图1所示)如下。

3.3 专题学习网站体系结构设计

专题学习网站作为管理信息系统又称MIS(Management Information System)的一种,根据功能需要,主要包括前端应用程序以及后台数据库的建立和维护的后台管理。要把前端应用程序与后端的数据库联系起来,即给用户提供数据库相应信息和将用户相应信息存入数据库等,本专题学习网站基于面向互联网和用户机要求不高的基础上,采用的体系结构为B/S。B/S是Brower/Server的缩写,客户机上只要安装一个浏览器(Browser),服务器安装数据库。浏览器通过Web Server同数据库进行数据交互。那样通过用户的登录,以及相应的权限,就可以实现在远端对系统的浏览、查询和修改。基于B/S的体系结构得出专题网站运行模式包括有客户机、应用程序服务器、数据库服务器三部分[2],其各部分运行工作如下:

1)客户机:属于表示层,用于界面的入导,接受用户输入,然后向应用服务器部分发送服务请求,最后显示处理结果。2)应用程序服务器:属于业务逻辑层,执行业务逻辑,向数据库服务器发送请求。3)数据库服务器:属于数据存储层,执行数据逻辑,运行SQL式存储过程。

4 专题学习网站的功能设计

专题知识资源的输出应用,即前台显示主要是依托动态技术和数据库技术的结合,根据用户需求提供一定的参数,动态地从数据库提取数据,并自动整合为网页形式输出。而作为专题学习网站的管理部分,即后台管理则是通过管理平台与数据库联合起来实现的。

4.1 专题学习网站资源的形成

为了达到为师生提供结构化的专题知识的需要,必定要将学习内容相关的文本、图形、动画、视频等资源按一定的教学策略进行分类、组织、入库,以此达到知识结构化重组,形成了以网页形式的专题网络教学课件[3]。并且提供上传、下载、维护、搜索等资源管理与应用功能,以此形成专题资源库。除了设计组在初期完成的教师教学资料和收集的资源外,网站的管理员或授权的教师甚至学生根据教学的需要和使用的反馈信息,能不断地对专题知识或专题资源库更新、调整。这是一个不断循环、动态调节的资源生产过程。根据数据库设置的角色,用户可以拥有相应的添加、修改、删除、重组资源等权限。并且还设置了审核权,这个权限要赋予教学的专业教师负责,以确保资源的正确与有学习意义的发布。

4.2 专题知识的结构化重组

使用专题网站教学,既要学习专题知识,又要学习有关联且经过整合的拓展知识;既可以根据个人爱好或能力自主选取相应的其它知识学习,还可以进行相应专题的实践训练。基于这些目的,专题网站必须能够提供有针对性的自主探究学习,才能调动学生的主导性和能动性。由于本专题学习网站采取了网页设计的动态技术和数据库技术,所以除了对专题知识的查询、添加、修改等外,还可以对已有的资源进行重组整合。例如,在教学网页图片的应用时,给学生提供了Fireworks软件的拓展学习资源,那样除了可以根据教学进程发布Fireworks的教程外,在学习完Fireworks后,可以将发布的所有Fireworks教程,重组成一个资源。只需要将所有Fireworks教程根据教学顺序,将其超链接集合成一个新的资源发布到专题知识栏目,如此可以方便学生的学习。同样可以对各章节或各年级学习遇到的问题或教师一个阶段的教学心得等,进行结构化重组,有利于不同程度的或不同级别的学生学习和教师对教学的改进。

4.3 专题协作学习工具

专题学习网站为师生提供协作学习的空间,既利于学生之间的交流,共同学习相应内容,也利于学生对相应学习内容反馈问题和教师根据反馈进行调整或解决问题。同时,对学生以外的网页爱好者开放,更利于学生与互联网上的网页爱好者交流,以使知识面更广和交流更深刻。在本专题学习网站,专题协作学习工具主要包括有学习留言和专题论坛。学习留言主要是专题知识后的留言板,在每一个资源后都给学生提供留下学习心得或需求信息的空间,以便于其他学生的便捷认识或教师掌握教学程度。教师对学习留言拥有整理和回复权,以确保信息的有意义和回复相关问题。专题论坛主要为学习者之间或教与学之间进行讨论、问答、交流而进行的协作、探讨学习的交流工具。根据《网页设计与制作》学科特点,将论坛分为新手上路、CSS美化、图片加工、动画制作、数据库、动态技术、素材源码等栏目,可以让师生分享教程和学习心得,探讨相关问题。除专任教师要管理论坛外,还可以在各栏目设置学生版主,这样既让问题得到及时解决,也让资源得到及时更新,还可以加强资源审核。

4.4 专题学习评价

包括学生提交作品、教师评改作业、学生互评、学生自我测试、竞赛投票等功能,根据评价内容不同,有打分数等级的评价,也有详细评析的评价,也有公开投票的评价。主要是要实现到师生能进行评价、能看到评价、能交流评价、能反馈评价,只有这样才能达到评价的最终目的。首先,通过收集与学习专题相关的思考性问题和总结性考察的评测资料,学生完成相应专题或阶段或知识点后,可以进行自我测试,以检测个人掌握程度;其次,学生在此提交作业,教师对作业打分或评析;再次,学生通过网络提交作业或竞赛作品,教师对作业或竞赛作品进行展示,也给学生之间提供了比较和交流,从而进行他人评价和自我评价。

5 结束语

专题学习网站实际上就是一本拓展的课本和一个开放的课堂,有着多元的内容和多样的评价,既使师生学习的空间得到了拓展,也满足了学生因材施教的发展。但正因为如此,专题学习网站不能成为纯粹的资源收集网站,更应该达到鼓励和引导自主学习、协作学习、创新学习的目的。因为不管是教师在教的过程,还是学生在学的过程,都不仅是一种利用资源的过程,更是一种创新资源的过程。因此,专题学习网站的设计要遵循整合性、自主性、交互性、开放性等原则。在设计中注重把主动权交给用户,不要把学习的模式或内容固定,让用户在教与学的基础上,既能学习基础知识和拓展知识,又能讨论交流和相互评价,更能够在教学过程中创造资源。

摘要：信息技术的发展促进了教育信息化,而网络环境下教育资源的建设是教育信息化的重要内容,专题学习网站则是教育资源建设的重要表现方式。该文以茂名学院高州师范分院《网页设计与制作》学科专题为例,介绍专题学习网站的设计,主要阐述了专题学习网站的需求分析、系统设计和功能设计三大方面。

关键词：专题学习网站,网页设计与制作,设计

参考文献

[1]谢幼如,余红,尹睿.基于专题网站的开发性学习模式的效果分析[J].中国电化教育,2004,1.

[2]赵志升,李桂权.一种基于B/S结构与C/S结构结合的新体系结构[J].电子技术应用,2004,(8).

校园网站的设计与制作 篇2

“听者有心”的首页

创建背景

这个网页可以说是采用了二分栏结构，却有一些变化，包括网页上方占很大面积的Banner、栏目名称以及网页下方放置版权信息的区域，都为传统的二分栏结构注入了一些新的元素，让网页不那么规矩，更加迎合学生的品位。而背景对于这个网页来说也非常重要，用淡雅的蓝色与“听者有心”这个网页标题相呼应，使浏览者打开网页的一瞬间就有一种清新脱俗的感觉，进而产生亲切感。

1.打开Photoshop，按【Ctrl+N】，新建一个宽“760px”，高“900px”的文件，将它命2.按【Ctrl+A】进行全选，填充淡蓝色（R228，G246，B244）；新建图层，将其命名名为“听者有心”。

为“灰色”，在页面的上下分别创建高为“30px”和“100px”的矩形选区，填充上浅灰色（R236，G236，B236）。如图所示。

97298299300点。选择柔角的画笔，调整画笔的大小，在你认为合适的地方点缀出朦胧的圆点，把它调整到【听者有心】图层的下面，最终Banner的效果如图2-10所示。

图2-10 梦幻Banner最终效果图

制作信息面板

1.新建【信息面板】组，在组内新建图层，命名为“信息面板”。新建【路径5】，绘制如图3-1所示的路径，创建选区之后填充白色。

图12-3-1 绘制信息面板

2.双击【信息面板】图层的缩览图，在弹出的对话框中勾选【描边】复选框，做如图3-2所示的设置，其中【颜色】为灰色（R204，G204，B204）。

02303

图3-6 加上“more”按钮并作装饰

这样，信息面板就制作完成了，最后要做的是作整个页面的细节修饰。

进行细节修饰

1.在页面上部的浅灰色和白色横条都是用来放栏目文字的，如果两部分除了颜色没有任何差别，会让浏览者觉得乏味，所以我们要作一点小变动。首先，新建图层，命名为【白色条纹】，在页面右上角绘制如图4-1所示的宽“270px”的图形，其中2条间隙高“2px”，中间的白色细线高“1px”。

图4-1 绘制白色条纹

2.创建一个矩形选区，在选区内右击后选择【变换选区】，把选区的宽度改为“7px”

个人网站的设计与制作 篇3

关键字：Flash技术；学习地图；网站设计

中国分类号：G218.7

1.引言

Flash动画操作简单、功能强大，占用存储空间小，交互性优势明显，可以很好地满足不同用户的需要，目前flash已经具备了后端开发和数据显示的能力，完全可以胜任中小型网站的开发。为了改进教学方法，提高学生的创新思维能力和动手能力，实现资源共享，结合教学实际，师生一起探讨，运用flash技术共同创建了课程网站，该课程网站作为传统教学的补充，大大提高了学习者兴趣和参与积极性，促进了课堂知识的有效迁移。

2.Flash课程网站的设计思路

为了满足学习者的个性化需求，网站分为“基本课程”和“定制课程”两个模块，即网站片头设置两个入口，学习者可以按需选择，基本模块设计依照传统课程设计模式，按照教学目标和知识体系，并列呈现知识内容，网站主界面包含基础知识、技能训练、课程录像、教学资源、案例集锦、讨论交流、作业与答疑等模块；“定制模块”以行业应用为导向，划分不同的案例分区，每个分区包含案例展示、资源下载（、学习地图、在线任务、论坛等模块。所选案例尽可能做到覆盖全面，特色鲜明，代表性强，学习地图包含flash几乎全部的基础知识和操作技能，并与基本课程模块进行关联，提供学习路径，便于学习者举一反三、融会贯通。

3.Flash课程学习地图设计

3.1 Flash课程知识模块设计

Flash课程知识分为三个部分：基础知识、技能训练和行业应用。基础知识包含“工作界面和功能”、“图形绘制与编辑”、“文本应用”、“素材与元件”、“帧、图层与场景应用”、“基本动画制作”、“ActionScript脚本”和“组件应用”；技能训练包含“逐帧动画”和“补间动画”、“引导动画与遮罩动画”、“时间轴特效和滤镜动画”、“脚本动画”和“交互組件”；行业应用包含“商业游戏”、“产品广告”、“网站片头”和“MTV动画”。

3.2 基于MindMap的学习路径绘制

MindMap是表达发射性思维的有效的图形思维工具，思维导图能够充分运用左右脑的机能，利用记忆、阅读、思维的规律，根据不同的学习需求，汇总所有的学习内容，用生动的图画、动画或多媒体等形式勾勒出上行知识和下行知识，形成知识的网状结构，有助于学习者发散性思维和知识的有效迁移。

学习路径的起始点为定制课程中的案例，案例中所涉及的知识技能等都会关联到基本课程模块中的知识资源。从而把整个知识资源通过路径串联成知识网络，指导学生有目的地进行学习。下面以“产品广告”模块中的”M族人”品牌广告为例说明学习地图的绘制。“M族人”制作思路为（1）制作动态背景，关联知识点为“基本课程”模块中的场景切换、逐帧动画和补间动画；（2）制作影片剪辑，关联知识点为元件、矩形绘制工具、线条工具和颜色模式；（3）制作文字动画，关联知识点为滤镜效果和时间轴动画；（4）制作图形元件，关联遮罩动画知识点；（5）为广告添加背景音乐和音效，关联素材导入知识点。

3.3 flash课程网站中学习地图的实现

学习地图的设计主要运用到flash中的ActionScript3.0，该脚本是一种完全的面向对象的编程语言，功能强大，类库丰富，语法类似JavaScript，多用于Flash互动性、娱乐性、实用性开发，网页制作和RIA应用程序开发。直观易理解，运用简单的“停止语句（stop）”、“跳转语句（goto、nextFrame、prevFrame）”、“条件语句（if、else、else if）”、“超链接语句（getURL）”和“循环语句（while、do while、for）”便可完成学习地图中几乎全部的跳转与链接。

4.高职flash课程网站实现与应用

4.1 高职flash课程网站的建设流程

（1）脚本设计阶段，先在word表格中进行，对每一帧进行编号，设计画面，注释画面声音（背景音乐、旁白、讲解语音）、跳转以及效果。由于学习地图是一个动态完善的过程，所以在写跳转脚本的时候尽量考虑到日后的改进，尽量描述相对地址。

（2）Graphic Design平面设计阶段，即元件、场景绘制、文字输入，对于网站片头动画、课件界面、习题界面、考试界面、论坛界面设计等，融入到课堂案例中去，让学生集思广益，挑选出最合适的作品运用到网站当中去。

（3）Flash Design动画制作阶段，录制声音、导入素材，写脚本，然后进行测试与发布，最后完成整个flash网站的制作。

4.2应用效果

由于课程网站是在教师指导下，学生小组协作共同完成的，所以网站形成之初，学生就积极地上传各种优秀的课程资源以及展示自己的作品，在论坛中积极交流心得体会，网站设计过程中有些很好的idea一时不知道该如何通过flash技术实现的，学生们课下会积极讨论，主动查阅书籍或是上网搜索信息，一个个攻克技术难关，在这个过程当中，网站不断完善，学生对flash基础知识的理解更加系统全面，创作出了很多优秀的作品。

5.小结

基于flash技术设计课程网站，教师和学生可以参与到课程网站设计全过程，很好地兼顾平台的人性化、个性化设计。创新性地将学习地图的概念引入课程网站，学生随机进入学习模块，便可完成所有知识节点的系统学习，是该课程网站的一大优势。由于学习地图的绘制是一个长期的不断更新完善的过程，所以课程网站有待于进一步改进和完善。

参考文献：

[1] 宋玉霞.柴华等.Flash CS3动画制作[M].机械工业出版社.2008

[2]高志清.Flash网站制作创意与表现[M].水利水电出版社.2005

个人网站的设计与制作 篇4

当今发展越来越迅速的网络环境下, 学生对知识信息的需求表现的越来越个性化。这与学校一贯重视素质教育, 并提出相关建议是相同的。在教师指导下, 在素质教育要求下, 根据学生自身条件和兴趣爱好, 尽量自主选择学习方向与目标, 强调以学生为认知的主体。结合并利用校园网的开放性、交互性、资源共享等特点, 教学网站作为一种新的网络教学形态正在获得飞速发展。

2 教学网站设计思想

在教学网站中, 依照需求对各模块作用进行分析, 整个网站有两类用户:教师和学生。因此, 我们可将网站体系分为为不同的两个子系统, 即教师子系统和学生子系统。教师子系统主要内容是后台管理模块, 学生子系统是前台应用模块。网站整体结构如表一所示:

3 教学网站的实现

3.1 关键技术

本教学网站设计制作使用的主要技术是ASP.NET和ADO.NET技术。网站准备了齐全的功能, 其极具较强的交互性, 在网站页面设计制作中, 主要是通过ASP开发技术所形成的动态网站得以实现。因此, 在网页文件设计制作上, 主要以超文本标记语言 (HTML) 作为其基础性的语言, 并加入相对应的ASP程序代码, 再结合相关的、庞大的数据库技术, 从而实现了网站页面的完全交互性。

3.1.1 ASP.NET

ASP (Active Server Pages) , 即动态服务器页面, 是一种服务器端脚本技术, 由因特网服务器执行, 是可以使其嵌入网页中的脚本。它能够把相关程序嵌入HTML页面, 其主要是针对服务器端和客户端脚本命令、Active X组件、Java小程序等, 并创建了基于Web的应用程序和动态交互式Web页。ASP已有最新版本, 而ASP.NET就是这个新版本之一。在通用语言上, ASP.NET也是创建在这基础上的程序架构, 能够共用一台Web服务器运行网站, 还可以开设Web应用程序, 其功能和作用更是有力、强大。

在不同浏览器上, ASP.NET可任由执行编写代码。在服务器端, 一切脚本程序均将存在于HTML之中并被执行, 将执行结果通过服务器, 使客户浏览器得到反馈, 进一步减少了负担沉重的客户端浏览器, 提升其网站网页浏览的连接时速。通过对ASP.NET技术的应用, 可以完成相关实用性功能, 包括计数器、公告板、留言簿、聊天室等。通过采取种类繁多的构建组成, 还能使ASP.NET产生出更加强劲的作用。在File System Object使用时, 可通过服务器, 对其上面的文件进行相关操作, 还可进行浏览、复制、移动或删除等用途。ASP.NET被运用的最大优越点在于, 在对程序实行升级时, ASP.NET具有在服务器上修改文件的功能, 这样就不用对客户端程序进行修改了。

3.1.2 ADO.NET

ADO.NET (Active X Data Objects) , 由微软公司推出的技术, 是Web页面最新的数据库技术。在Internet数据库方面, 通过它能非常容易地得以获取, 在其用户端上, 还能实现随时随地更新的网上显示。通过ADO.NET数据库, 与Web页面进行相关联的模式, 可使Web站点和数据库联合, 不但方便监管和维护页面, 且还能做出更人性、更美观的Web外观页面, 以至能在Web页面的上面, 通过编辑数据库获得管理器界面, 以便在远程控制和存取方面获得实行。通过应用程序使用ADO.NET开发数据库时, 在Web页面方面, 可让其设计人员开发出真正网站, 并即时操作Web页面应用程序。

3.1.3 网络数据库技术

以后台数据库为根本, 网络数据库是通过前台一定程序, 运用浏览器达成数据存储、查询等操作功能的体系。以简单的方式说, 关于网络数据库, 就是用户利用浏览器, 作为输入接口, 输入所需数据, 而这些数据再通过浏览器, 传送到服务器网站, 通过传送到的这个网站, 再对这些数据进行接收和处理, 如把接收来的数据存进数据库, 或对数据库进行查询操作等, 最后, 将操作结果通过网站, 传回到浏览器, 再通过浏览器, 将结果告知给用户。

3.2 网站系统模型

系统结构 (如图一所示) , 一般情况下, 通过ASP.NET脚本程序, 在页面操作上, 可直接访问系统文件和数据库, 通过上传组件, 使部分ASP.NET可以访问数据库和文件系统。

以客户/服务器这种模式, 在Web服务器上, 与教师和学生之间, 建立了以ASP.NET应用为程序的通信连接。在服务器一方, 通过连接线程进行监听, 主要是负责监听关于HTTP的用户连接请求, 并在每一连接用户方上, 创建相对应的消息处理线程。这一线程主要是负责对应客户消息的接收, 在获得消息方面, 采用分析处理这一方法。

针对接收消息这一线程, 是学生方和教师方均各有一个, 负责接收消息, 主要是来自服务方的。采用对用户界面进行对象调用的方法, 把消息要求通过线程体现在用户界面上。对数据库实行操作命令时, 其ASP.NET脚本应含有这一命令, 服务器组建通过ADO.NET, 访问ODBC数据库, 并将其结果通过用户得以回馈。

3.3 数据库的设计与实现

监管和维护网站使用与运行, 是网站数据库的关键功能, 在网站内容方面, 还要对其采取实时更新, 它主要应完成任务是, 对相关信息进行更新和及时保存等, 其信息主要包括用户信息、公共信息、管理员信息、作业信息、答疑信息和课件查询信息。其数据构成与之相对应地, 还要涵盖公告信息表、答疑信息表、课件查询信息表、作业信息表、教师信息表和用户信息表等。

在其中具体内容方面:在公告信息表中, 始终在公告板中存有一定的相关数据。在教师信息表中, 提高全部存放记录的级别, 把用户数据变为老师级别, 并与注册用户区分, 以验证其相关合法性操作为目的。在用户信息表中, 老师和同学先通过注册中心进行注册, 再把相关数据以数据存储方式, 全部存放于其中。在管理员信息表中, 管理员存在于后台系统中, 以存放相关数据为主要工作, 并可同时存放多用户, 无论存放单一还是多个用户, 都可进行统一监管。在课件查询信息表中, 在课件中心层面, 主要是对全部教学资料进行相关数据存放。在作业信息表中, 主要是对有记录数据进行的一些存放, 其相关数据为老师布置作业方面的。在答疑信息表中, 在网上答疑这一部分, 主要是显示于前台部分相关数据的存放。

最后, 运用数据库向导, 可以创建数据库, 编写Access应用程序。通过ASP.NET这一程序运用, 编写数据库和前台页面间程序接口。由于新信息需经常被添加到站点中, 所以, 在ASP.NET接口编写时, 需要提供站点最终使用者, 即不同环境, 包括用户环境和管理者环境。在管理员进入环境时, 需要输入密码, 但从安全性角度来讲, 这也是必要的。

4 结语

伴随快速发展的网络时代, 网络早已成为教学主要补充途径, 对教学网站质量要求也逐渐提高, 设计高质量教学网站非常主要。它将有助于培育学生对学习产生兴趣, 推动教学品质不断提升, 并运用网络这一途径, 更好地为教学网站进行服务。

摘要：本文提出了一种教学网站的设计思路, 并利用.NET技术平台, 给出了具体实现办法。主要采用ASP.NET和ADO.NET技术, 结合网络数据库建立一个可以实时更新内容的网站。通过该网站, 教师可以在教学网站上发布共享教学资源、布置查看批改学生作业, 学生可以和老师实现在线交流、下载教学资源等。

动漫设计与制作个人简历 篇5

户口所在： 广东省 国 籍： 中国

婚姻状况： 未婚 民 族： 汉族

诚信徽章： 未申请 身 高： 163 cm

人才测评： 未测评 体 重：

人才类型： 应届毕业生

应聘职位： 原画/动画/3D设计

工作年限： 1 职 称：

求职类型： 实习可到职日期： 随时

月薪要求： 面议 希望工作地区： 广州,深圳,佛山

工作经历

重力工作室 起止年月：-11 ～ 2012-03

公司性质： 所属行业：

担任职位：

工作描述：

毕业院校： 肇庆科技职业技术学院

个人网站的设计与制作 篇6

●教学目标

1.知识与技能目标

理解网页设计的理念;学会运用FrontPage、Flash和Fireworks应用软件;掌握创建超链接;熟练掌握设置颜色、文本格式;掌握在网页中嵌入图像、声音、多媒体信息的方法及使用绝对和相对URL;熟练掌握表格的使用方法, 学会利用表格布局网页;掌握框架制作网页的方法, 会使用框架设计网页;掌握用Fireworks处理矢量图和位图;掌握用Flash制作简单的网页动画。

2.过程与方法

学会通过网络收集所需的资料, 提高对收集到的信息进行分析、筛选、整理的能力;学会通过查阅资料、交流讨论等途径进行学习, 学会展示、交流信息、进行自我评价;通过专题网站的学习提高自主学习、合作学习、探究学习的能力;运用网页制作软件根据研究性学习选定的课题制作相应作品。

3.情感态度价值观

形成较强的网页设计创意思维、艺术设计素质;培养勤奋学习的态度, 严谨求实、创新的作风;增强信息素养, 培养合作精神, 体验责任感;加深对网页制作与研究性学习相结合解决实际问题的认识。

●学生分析

高二年级学生已接受过信息技术基础知识和基本技能的学习, 已具备网络浏览、搜索、整理资料的能力, 还未学习“网页设计与制作”的内容。

●所需教学环境及软件资源

1.教学环境

连接Internet的网络教室;大屏幕投影仪;Lan Star教学系统软件。

2.软件资源

前期构建的“网页设计与制作”专题学习网站 (见图1) ;“网页设计与制作”协作学习计划表, 具体项目有学习目标与内容、协作小组的组成与分工、具体活动步骤;师生共同编制的“网页设计与制作”专题学习网站学习活动过程评价表, 设定了学习态度、信息素养、自主学习能力、探究学习能力、交流与合作能力5个方面共28个条目的评价标准, 供自我评价、协作小组内互评和教师评价;由师生共同编制的“网页设计与制作”组间作品评价表, 对各组准备工作、选题、内容、技术、页面、陈述这几方面进行评价。

●实施过程

1.准备阶段

课前, 教师让学生熟悉专题学习网站支持的学习环境、学习的基本流程。告诉学生网站的使用方法, 让学生学会注册、登陆网站, 学会在“学习论坛”上留言与交流, 学会发布学习中所遇到的问题及上传作业、作品, 学会在学习过程中运用网络技术查询、搜集资料。布置学生利用专题网站栏目“专题知识”的学习指导模块浏览专题学习目标、课时安排, 了解重点、难点, 初步了解知识点的学习方法及注意问题, 浏览教学内容。

教师对于学生个体各方面能力的不同, 按照“同组异质, 异组同质”的原则进行了协作小组的分派, 使其在学习活动中互相借鉴, 互相帮助, 取长补短, 共同进步。同时, 为让学习活动顺利开展, 又尽可能使每组学生的整体能力差距不大。每组3～5人, 各组组长由组内推选, 要求计算机操作水平、组织协调能力等综合能力较强。

2.教学阶段

教学过程:学习“网页设计与制作”专题, 共用5个课时, 教学实施步骤如下。

第1课时:

情境导入。教师用投影仪展示一个名为《京剧苑》的获奖作品让学生欣赏, 吸引他们的注意力, 激发他们的兴趣, 从而形成学习的内在动力。通过浏览和解说, 学生知道主题网站由主页和其他网页构成, 各网页之间以链接的方式建立联系, 主页展示栏目纲要, 其他网页展示各栏目详尽的图文影音内容;整齐排列的网页栏目是用表格来布局的;其他网页中各子栏目的详细内容能在同一页面切换展示是通过使用框架网页来实现的。然后告诉学生, 这么精美的网页可以用FrontPage、Flash与Fireworks相结合制作完成。由此引入新课:通过使用专题学习网站, 采用协作式的研究性学习方式自选主题进行网页设计与制作。

专题自主学习。采取基于资源利用的学习策略。专题学习网站的导学模块按教学大纲要求明确了教学目标, 强调了重点学习内容, 学生用鼠标点击链接点进入各节教师导学, 新窗口展示包括视频教学点播系统在内的导学内容。学生根据教学目标和自己的学习程度利用包括“帮助”在内的专题学习网站资源进行自主学习, 教师巡视监控指导, 学生有问题可直接请教教师或与同学交流、讨论, 也可以通过“学习论坛”在线讨论。

第2课时:

小组协作学习。采取基于任务的学习策略。自主学习后, 每个协作小组的学生选定主题, 填写协作学习计划表 (见图2) , 然后各自带着任务分工合作。各组成员分工从Internet上查找收集文字、图片、音乐、影像资料, 协商整理归类, 上传至协作学习平台的“资源库”。教师巡视指导操作水平较低的学生搜索、保存、上传资源。

第3课时:

专题研讨、小组协作学习。以“爱动画”小组为例, 学生甲运用Fireworks软件加工处理图片素材;学生乙运用Flash软件制作主题网站所需的小动画;学生丙用表格布局主页规划栏目;学生丁使用框架网页设计其他网页并设置子栏目。在此过程中组内成员协商讨论确定栏目和内容, 教师解答学生问题, 参与讨论, 对学生进行启发和点拨, 并观察课堂中学生学习的表现, 做观察记录。学生遇到的技术性问题通过专题学习网站的导学、“帮助”、“学习论坛”及与教师、同学面对面的交流得以解决 (见图3) 。

第4课时:

专题研讨、小组协作学习。仍以“爱动画”小组为例, 学生甲运用滚动字幕制作宣传语, 添加与主题协调的背景音乐, 设置图文格式美化主页;学生乙、丙、丁运用处理后的素材资源分别编辑制作中国动画、美国动画、日本动画网页。制作过程中互相协商补充完善网页, 而后组长将各成员完成的网页链接到主页, 检查各网页之间的导航、超链接是否清晰、准确, 提交作品到协作学习平台的“作品”栏。组内每位同学填写学习活动过程评价表, 上传至协作学习平台的“评价表”栏目。采用协作式学习策略, 在一定程度上达到了学生互相帮助、互相督促、互相配合的效果。学习小组明确了学习目标和内容, 协作开展学习活动, 阶段性的学习成就提升了他们的学习自信度。

第5课时:

小组汇报、成果展示。各组制作汇报稿上传至协作学习平台的“汇报稿”栏目。教师随机抽取4组, 每组派1位学生汇报学习成果与学习经历。通过使用教学系统软件和投影仪, 全体学生观看汇报组作品, 认真听取其汇报后, 提出自己的见解, 各组填写组间作品评价表后上传至“评价表”栏目。对于未抽取组的作品, 教师和学生通过在线评价方式进行点评和建议。

点评总结、知识建构。教师根据学生自学、讨论及成果展示情况做出点评和总结, 对学生发言汇报中的积极因素给予肯定和鼓励, 对疑难问题进行点评解答。再次回顾教学内容, 重申重点和难点, 引导学生总结知识结构体系, 进行知识建构。

浅谈网站设计分析与网页制作 篇7

1 网站建设的作用和意义

互联网作为连接世界各地计算机的全球性信息化网络, 它的传输内容是非常丰富的, 涉及到全球的各个领域, 是人们了解世界、掌握信息的主要渠道之一。网站作为信息时代基层的一个重要窗口, 是院务公开、公正、服务职工、惠及民生的重要手段。办好网站, 对于保障职工合法权益、增加职工之间互相的透明性、加强自身建设、提升知名度和影响力都具有非常重要意义。

2 网站设计分析

文字、图形、色彩是展示网站内容的重要组成部分, 是构成网站传达信息不可或缺的手段, 同时也是用户对网站第一印象和整体风格关注的主要内部分。要想设计出符合人性化需求的网站, 只有多为用户着想, 认真地以用户的切身体会出发去完成网站的整体设计。当然, 在设计过程中需要考虑的因素很多, 用户群因素和界面因素是首要考虑的两个方面。

3 网页制作

3.1 选择合适的网页设计软件

当前能使用的网页设计类软件很多, 而选择一个功能强大、操作简单的软件则会让你事半功倍。对于网页制作软件来说, 初学者最常使用是Frontpage和Dreamweaver, Frontpage是微软公司出品的一款网页制作入门级软件, Front Page使用方便简单, 会用Word就能做网页, 所见即所得是其特点, 该软件结合了设计、程式码、预览三种模式。Dreamweaver是美国MACRO~EDIA公司开发的集网页制作和管理网站于一身的所见即所得网页编辑器, 利用它可以轻而易举地制作出充满动感的网页。此外, 制作网站还要用到边缘性软件, 如photoshop、flash等, 网页设计过程中可根据自己的需要灵活运用这些软件。

3.2 选择网页内容

前期的框架设计好后, 就要为这个网站选择内容了。网页内容影响着网站的成败, 所以我们要多花一些心思在内容制作上。内容选择要选有新意的、独特的, 这些可以从图书、报纸、互联网等信息媒介搜集素材, 素材通常分为三类一一文字、图片、影像。素材准备得越多越好, 再从这些素材中粗中取细, 以备制作网站时可以随时拿来使用。总之, 网页内容是网站的根本, 如果内容空洞, 页面制作的再怎么精美, 仍然不会留住访问者。

3.3 运用网页设计中的色彩

不同的色彩搭配产生不同的效果, 反映出不同网页的文化内涵。因为它能产生强烈的视觉冲击, 所以确定网页的色彩是相当重要的一步。在网页的色彩设计上, 除了要表现心理和感情联想之外, 还要考虑色彩的对比明暗、轻重、冷暖、调和色和纯度对比色的应用等等。合理的用色可以让信息的传递更有价值, 使网页更有效和准确地把信息传达给我们的视觉。

4 网页制作中的注意事项

⑴网页要一页一页制作, 切不可图快, 没考虑清楚就下手只会让后面的修改工作更辛苦, 首先要制作主页, 把主页上的页面的编排、色彩的搭配、链接的方式都设计好后, 再以它为基础, 通过变更文字和图片等内容建立其它子页, 可以利用模板批量创建子页, 使用模板的好处是一一同一个模板创建下的网页, 对它的更新和修改可以一次性完成。这样可以大大提高制作效率, 使网站形成统一的风格。

⑵特效制作网页时, 能尽量用javascript替代的就不要使用java, java会使网页速度减慢, 在加入诸如声音、动态网页等小技巧时, 最好也不要太多, 这都会影响网页的运行速度。

⑶使用链接到每张图片的缩略图是提供有大量图片的图库时常见的一种策略。缩略图也就是图片的缩小版本, 可以让浏览者看到众多的图片。但是, 在展示缩略图时, 切记不能将缩略图做得太小, 因为缩略图做得太小网站的访客就无法从中获取有效的信息。

⑷合理采用JPg和gif格式也是至关重要的, 色彩鲜艳高分辨率的用JPg, 图片色彩单调的及在256色以内的最好把它处理成gif图像格式。图片大小尽量不要超过30k, 小图片 (1OOx40) 一般可以控制在6k以内, 较大的图片可以“分割”成小图片。

⑸为图片加注解。图片的下载较慢, 在没有显示出来时注解的标注有助于让浏览者知道这是关于什么的图片, 是否需要等待, 是否可以点击。

5 结语

网站的设计与制作谈起来很简单, 但要制作出真正有创意、经典的网站不是一件容易的事情。网页设计需要不断的实践, 不断的学习, 不断的丰富、创新网页制作的方法, 不断完善、提高自己网站设计的能力。

摘要：网络作为当前信息化时代最大的信息传播平台, 越来越多的商家和个人开始重视建立自己的网站, 面对新的形势, 经过深入研究、积极探索, 大胆实践, 在各项工作的基础上, 充分运用网络技术这一现阶段科技手段, 拟筹备建立网, 并以网站为载体积极开展工作, 为工作增添了新技术。本文结合在网站设计方面的经验谈一下网站设计与制作的流程。

关键词：网站,设计分析,制作

参考文献

[1]赵锡源.论网站艺术设计[J].新闻爱好者。2010 (1) .

[2]辛旭武, 李韶斌.基于PHP的体检网站设计[J].中国卫生信息管理杂志, 2012, (02) :62-64.

个人网站的设计与制作 篇8

一、高校校友会网页设计的分析

在计算机网络中, 网页是进行网络信息传递的重要载体, 实现了对于网络资源以及信息内容的传递。通常情况下, 一个完整的网页包含:图像、声音、文本、动画、图形、表格和窗口, 还设置有以实现和网络用户之间的交互信息, 以及通过共同设置实现的链接窗口。对于高校校友会网页系统, 主要传递的是学校简介、学校新闻、校友活动、纪事等有意义的内容, 传递学习、工作中积极向上的精神, 也是校友互相传递情感的重要渠道, 其功能目标是可以在网上获取信息、交流, 实现校园信息管理网络化。一般来说, 校友会网站系统至少应有学校新闻信息管理、活动信息管理、图片管理和系统管理的功能与作用。通过互联网联络方式建立了一个通畅的沟通平台, 这样可以方便地实现学生与教师以及外界人员更好的进行交流、学习、互动。

高校校友会网页作为网络服务中直接与校园师生进行接触的网络界面, 对于学校建设以及校园网络服务的提升有着直接的作用和影响。进行网页设计与制作技术的研究与分析, 有利于提升高校网络建设与制作的水平, 从而实现信息化网络服务与网站开发技术水平的提升, 对于促进计算机网络的发展进步, 具有积极作用和意义。

二、高校校友会网页技术制作的分析

高校校友会网页在制作技术时需要注意及时更新校友间的互动, 新消息提醒, 时时更新, 同时支持多用户访问, 上传下载的快速方便, 视频的播放功能, 后台管理操作的方便性。

首先, 在高校校友会网页设计中, 主要包括网页中的用户界面元素设计、交互设计和网页整体上的布局设置等。其中, 进行网页用户界面元素的设计, 主要是对于网页中一些具有特定功能以及操作方式的可视化图像对象的设计。在进行网页的交互操作设计中, 需要结合网页的运行环境, 通过网页中各种界面元素的利用实现网页的交互操作和管理。同时, 进行网页设计制作还需要对于网络用户所使用的浏览器进行考虑, 结合网络用户所使用浏览器情况, 针对用户的浏览与阅读习惯进行把握, 提供更优质便捷的服务, 实现网络服务水平的提升, 满足用户的需求。

其次, 在高校校友会进行网页的制作中, 根据网页制作内容的不同, 其制作技术也不相同。在网页用户界面元素的设计中, 可以采用统一的网页版面技术, 不同网络的系统中所包含的的用户界面元素也不同, 比如浏览器中的用户界面元素包括:浏览器窗口以及图像、表格、对话框、按钮、链接等, 进行用户界面元素的设计, 主要是对于用户界面元素进行确定, 并进行用户界面元素的定制与布局设计、管理等, 以此达到网页设计中的风格与视觉效果的统一。

最后, 在进行高校校友会网页的整体布局设置中, 主要包括网页中首页的布局设置、网页后台管理的布局设置、导航主题的布局设置、网页中消息页面的布局设置等等。网页首页布局设置中, 整体上颜色要注意首页色调不宜过于鲜艳, 网页的标志图片多放在首页的左上角, 右上角为整个网页的导航部分, 版权信息设置在网页首页的底部。在进行网页设计制作中, 还需要对于网页内容的设计制作进行把握, 可以通过声音、图像以及动画、图片等各种形式, 对于网页的内容进行表现, 为用户进行所需要的信息和服务提供。并注意在网页设计制作中, 做好相关设计与制作规划, 对于网页设计制作特色以及目标进行确定, 考虑好网页中浏览支持的某些功能的设置, 做好网页设计制作中的内容分类, 把握好网页设计与制作的技巧, 做好网页路径的选择与应用, 以保证网页设计制作质量和效果。同时, 还应注意对于设计制作网页进行测试, 以便于更好的在网络服务中进行应用。

综上所述, 高校校友会是我国社会结构的重要组成部分, 是学校校园建设各项事务的重要参与力量, 是学校和校友、校友和校友之间沟通的桥梁, 是提高学校社会声誉、促进学校开放办学的重要载体, 是推动学校建设与发展最宝贵的财富和最可依靠的力量。高校校友会网页设计与制作作为计算机网络信息技术发展推动下的一种网络传播方式, 在高校发展与服务提升中具有重要的作用和意义, 同时进行网页设计与制作技术的分析, 具有突出价值和意义。

摘要：随着信息时代的发展及网络技术的运用, 网页设计与制作技术作为推动互联网信息技术发展的一项重要的应用技术, 具有非常重要的作用和影响。高校校友会网站, 正是利用网络信息技术实现了校友与学校之间进行交流、沟通、合作的平台。本文针对网页设计与制作技术的概念、运用分析的基础上, 结合高校校友会网站建设的整体设计, 探讨网络技术的理念融入到校友会网站建设的作用及其影响。

关键词：网页设计制作,应用技术,实践应用,高校校友网站建设

参考文献

[1]丁士锋等著.网页制作与网站建设实战大全[M].北京:清华大学出版社, 2013.

[2]邹慧琴, 孙国玉编著.网页设计与制作[M].北京:高等教育出版社, 2013.

[3]陈承欢著.网页设计与制作实用教程[M].北京:人民邮电出版社, 2011.

个人网站的设计与制作 篇9

《网页制作与网站设计》课程凭借其基础性、实践性及职业性强等特点, 一直是淮安信息职业技术学院软件专业、网络专业等其他核心专业的专业基础课程。在实现Web开发工程师的人才培养方面起着十分重要的作用。

伴随着生源的日益减少, 全国高职院校招生压力的逐步增大。对此我校在招生方面采取了一系列的改革以扩大生源, 例如增加了对口单独招生以及注册入学招生等。但随之而来的就是学生的知识基础、能力水平参差不齐、以及专业大类的自然行政班课堂教学模式差异所形成了的尖锐问题。

由于不能兼顾所有学生的知识基础、能力水平和专业需求, 因而出现学生多极分化的现象:一是知识基础薄弱, 学习能力较差的学生无法紧跟教学节奏, 严重影响了其学习积极性。二是学习能力较强的学生无法通过教师的课堂教学掌握更多的专业知识, 吃不饱的现象愈发严重。三是学了相关知识后却不知道如何应用、不能很好地将所学知识运用到为其所属专业中去。

因此, 如何在夯实基础的前提下, 同时使学有余力的优秀学生真正脱颖而出。真正达到当前高职人才培养的要求?这正是我们值得思考的问题, 所以在教学中我们开始实施分层分类教学。

二、分层分类教学的含义

分层分类教学是遵循了“分层教学, 因材施教, 分类指导, 培优辅差”原理, 探求的是一种以班级授课、小组合作学习与个别辅导相结合的教学模式, 此模式面向授课的全体学生, 能有力促进各类各层次学生的充分发展。

分层分类教学的主要内容表现在以下几个方面:

1、学生的分层分类

依据学生的知识基础、学习能力将全班学生分成高、中、低三个层次, 授课教师要做到心中有数, 而且要有记录在案。但是授课教师要切记不得向学生公开分层分类的纪录名单, 不然可能会严重挫伤知识基础较差、学习能力较弱的学生的自尊心与学习积极性。

2、教学目标的分层分类

根据因材施教的原则, 针对不同层次, 不同类别的学生制定出于之相适应的分层分类教学目标, 并通过分层分类的教学, 促进各类各层次学生的充分发展, 使之都能达到应有的目标要求。

3、教学方法的分层分类

在教学过程中, 授课教师必须针对不同层次, 不同类别的学生, 采用灵活多样的教学方法, 进行分类指导, 培优辅差, 适应各层次各类学生的要求。这样不仅能够有效调动不同层次学生的学习积极性, 更能使每个学生在原有的基础上都得到发展。

4、考核的分层分类

考核要依据分层分类的思想, 对不同层次的学生不搞“一刀切”。根据教学大纲和授课计划的基本要求及较高要求, 遵循“下要保底, 上不封顶”与“保基础, 求发展”的原则, 考核要求也分层次, 对学习能力较弱的学生可以只进行最基本要求, 保证他们对基础知识的掌握;对学习能力较强的学生则调高要求, 让其应用所学知识去一些复杂的实际问题, 从而培养其思维的灵活性和创造性。

三、分层分类教学的优势

1分层分类培养可增强网页制作与网站设计课程教学的针对性

《网页制作与网站设计》课程教学的最终目的是培养学生能够熟练运用Html语言、CSS样式以及Javascript脚本开发Web客户端网站, 解决实际问题能力。IT行业中对Web客户端开发能力的要求具有很大的差异。把学生按其专业方向进行能力的分类培养, 能有效激发学生学习的积极性, 大大增强网页制作与网站设计课程教学的针对性、实用性以及职业性, 提高了教学效率。

2分层分类培养可增强网页制作与网站设计课程教学的实效性

随着信息技术, 特别是互联网技术的快速发展, Web开发能力强的高素质技术技能型人才越来越受到互联网企业的欢迎。粗放大一统的课程教学已经很难培养出高水平的学生。分层分类教学能够打破粗放、简单的育人方式, 不仅有助于学习能力较弱的学生巩固基础, 更有助于对学习能力较强的拔尖人才的培养。分层分类的教学方式可以使授课教师做真正到因材施教, 根据学生个体的具体情况设置教学目标、教学内容、教学方法、考核等。分层分类教学充分体现以学生为主体, 教师为主导的教学理念, 能够实现各类各层次学生的充分发展, 使不同层次, 不同专业的学生的web客户端设计与制作能力方面都能得到更大的提升, 从而增强网页制作与网站设计课程教学的实效性。

四、实施“分层分类”的《网页制作与网站设计课程教学》的策略

网页制作与网站设计课程的主要教学内容分为Web站点发布、网页版面设计、HTML高级应用、CSS的应用和Java Script脚本编程这五个部分, 共60课时。鉴于各种专业的性质和特点的不同, 对网页制作与网站设计课程教学的要求也存在着一定的差异, 所以在对各专业进行调研和分析的基础之上, 我们针对不同专业的课程教学进行了不同的设置, 如表1。

在基于专业分类的基础之上, 我们进一步的对该专业学生进行相应的分层分类, 并以此为根据指定相应的教学目标和教学方法, 以《网页制作与网站设计》课程的第四单元为例, 我们针对软件专业的不同层次的学生指定了不同的目标与要求, 如表2。

五、实施“分层分类”的《网页制作与网站设计》课程教学的效果

以生源质量现状和高职人才培养目标出发, 在充分考虑了学生的能力、性格的差异和不同专业对教学的不同需求的基础之上, 对《网页制作与网站设计》课程教学进行了“分层分类”的教学实践, 使各类、各层次的学生都能按照相关专业的不同要求, 掌握了“必须、够用、实用、适用”的Web开发知识, 完全激发了学生开发网站项目的热情, 充分带动了学生学习其他核心专业的学习积极性。

摘要：伴随着中国互联网经济的快速发展, 现代互联网企业对web客户端技术提出更高要求。同时, 近几年来高职院校生源日益减少, 高职院校人才录取方式逐步呈现多样化, 直接导致了学生来源非常复杂。来源的复杂性造成了学生之间学习能力、知识基础的巨大差异, 增加了教学的难度。所以在教学中开始实施分层分类教学, 解决了在夯实基础的前提下如何使学有余力的优秀学生真正脱颖而出这一问题, 真正达到当前高职人才培养的要求。

关键词：分层分类教学,高职人才培养,网页制作与网站设计

参考文献

[1]邹琴, 严水仙, 方云, 《高等数学》课程实施分层教学的初探与实践[J].科技信息, 2007 (16) :436-437.

浅谈网站设计制作技巧 篇10

1 定位你的网站主题和名称

设计一个网站, 首先遇到的问题就是定位网站主题。所谓主题也就是网站的题材, 网络上的网站题材丰富多彩。其中每个大类又都可以继续细分, 同时, 各个题材相联系和交叉结合可以产生新的题材, 题材可以有成千上万个。对于题材的选择, 应注意的是:

1.1 主题要小而精。定位要小, 内容要精。

1.2 题材最好是你自己擅长或者喜爱的内容。

1.3 题材不要太滥或者目标太高。

确定好网站主题后, 应该给网站起名。给网站起名是网站设计的一部分, 网站名称应该简洁、准确、有特色且易记, 这对网站的形象和宣传推广也有重要意义。

2 定位你的网站CI形象

网站主题和名称定下来之后, 需要思考的就是网站的CI形象。所谓CI, 是借用的广告术语。 (CI是英文corporate identity的缩写) , 意思是通过视觉来统一企业的形象。

2.1 设计网站的标志 (logo) 。首先需要设计制作一个体现站点特色和内涵的网站标志 (logo) 。

2.2 设计网站的标准色彩。不同的色彩搭配产生不同的效果, 并可能影响到访问者的情绪。

2.3 设计网站的标准字体。和标准色彩一样, 标准字体是指用于标志, 标题, 主菜单的特有字体。一般我们网页默认的字体是宋体。为了体现站点的“与众不同”和特有风格, 我们可以根据需要选择一些特别字体。

2.4 设计网站的宣传标语。也可以说是网站的精神, 网站的目标。用一句话甚至一个词来高度概括。

3 确定网站的栏目和版块

栏目的实质是一个网站的大纲索引, 索引应该将网站的主体明确显示出来。在制定栏目的时候, 要仔细考虑, 合理安排。一般的网站栏目安排要注意以下几方面:

3.1 要紧扣主题

3.2 设一个最近更新或网站指南栏目

3.3 设定一个可以双向交流的栏目如论坛, 留言本, 邮件列表等。

3.4 设一个下载或常见问题回答栏目。版块比栏目的概念要大一些, 每个版块都有自己的栏目。一般的个人站点内容少, 只有主栏目 (主菜单) 就够了, 不需要设置版块。如果你觉得的确有必要设置版块的, 应该注意:a.各版块要有相对独立性。b.各版块要有相互关联。c.版块的内容要围绕站点主题。

4 确定网站的目录结构和链接结构

4.1 网站的目录结构。

网站的目录是指建立网站时创建的目录。目录结构的好坏, 对浏览者来说并没有什么太大的感觉, 但是对于站点本身的上传维护, 内容未来的扩充和移植有着重要的影响。下面是建立目录结构的一些建议: (1) 不要将所有文件都存放在根目录下。 (2) 按栏目内容建立子目录。 (3) 在每个主目录下都建立独立的images目录。 (4) 目录的层次不要太深。其它需要注意的还有:不要使用中文目录;不要使用过长的目录;尽量使用意义明确的目录。

4.2 网站的链接结构。

网站的链接结构是指页面之间相互链接的拓扑结构。它建立在目录结构基础之上, 但可以跨越目录。

5 确定网站的整体风格和创意设计

网站的整体风格及其创意设计是网站设计者最希望掌握, 也是最难以学习的。如何树立网站风格呢?我们可以分这样几个步骤:第一, 确信风格是建立在有价值内容之上的。首先必须保证内容的质量和价值性。这是最基本的, 无须置疑。第二, 需要彻底搞清楚自己希望站点给人的印象是什么。第三, 在明确自己的网站印象后, 开始努力建立和加强这种印象。

创意 (idea) 是网站生存的关键。创意是将现有的要素重新组合。比如, 网络与电话结合, 产生IP电话。从这一点上出发, 任何人, 包括你和我, 都可以创造出不同凡响的创意。而且, 资料越丰富, 越容易产生创意。就好比万花筒, 筒内的玻璃片越多, 所呈现的图案越多。网络上的最多的创意来自与现实生活的结合 (或者虚拟现实) , 例如在线书店, 电子社区, 在线拍卖。需要一提的是:创意的目的是更好的宣传推广网站。如果创意很好, 却对网站发展毫无意义。

6 首页的设计

首页的设计是一个网站成功与否的关键。所以, 首页的设计和制作是绝对要重视和花心思的。一般首页设计和制作约占整个制作时间的40%。设计首页的一般的步骤是:

6.1 确定首页的功能模块。

首页的内容模块是指你需要在首页上实现的主要内容和功能。选择哪些模块, 实现哪些功能, 是否需要添加其他模块都是首页设计首先需要确定的。

6.2 设计首页的版面。

设计版面的最好方法是:找一张白纸, 一支笔, 先将你理想中的草图勾勒出来, 然后再用网页制作软件实现。

6.3 处理技术上的细节。

如制作的主页如何能在不同分辨率下保持不变形, 如何能在IE和NC下看起来都不至于太丑陋, 如何设置字体和链接颜色.等等问题逐一攻克。

7 版面布局的原理

设计首页的第一步是设计版面布局。布局, 就是以最适合浏览的方式将图片和文字排放在页面的不同位置。版面布局的步骤一般为:

7.1 草案。

新建页面就像一张白纸, 没有任何表格, 框架和约定俗成的东西。这属于创造阶段, 不讲究细腻工整, 不必考虑细节功能, 只以粗陋的线条勾画出创意的轮廓即可。

7.2 粗略布局。

在草案的基础上, 将你确定需要放置的功能模块安排到页面上。这里我们必须遵循突出重点、平衡谐调的原则, 将网站标志, 主菜单等最重要的模块放在最显眼, 最突出的位置, 然后在考虑次要模块的排放。

7.3 定案。

将粗略布局精细化, 具体化。

8 色彩的搭配

网页的色彩是树立网站形象的关键之一, 色彩搭配却是网站设计者感到头疼的问题。我们通常的做法是:

8.1 主要内容文字用非彩色 (黑色) , 边框, 背景, 图片用彩色。这样页面整体不单调, 看主要内容也不会眼花。

8.2 色彩的心理感觉。不同的颜色会给浏览者不同的心理感受。

在网页配色中, 忌讳的是:a.不要将所有颜色都用到, 尽量控制在三种色彩以内。b.背景和前文的对比尽量要大, (绝对不要用花纹繁复的图案作背景) , 以便突出主要文字内容。

9 网站设计流程

以上介绍了网站的主题和名称定位、网站CI形象的定位、网站的栏目和板块、网站的目录结构和链接结构、网站的整体风格和创意设计、首页的设计、版面布局的窍门, 色彩的搭配等, 这是设计制作的基础。之后即可动手建建立立网网站站。。

建立网站的流程大致可以分成3个主要阶段:a.架构内容信息, 搜集整理资料和规划网站结构阶段。b.网页制作, 整合网站和效果测试阶段。这一阶段是实现设计思想的内容。c.网站上传、网站推广和更新维护阶段。网站制作的目的是与更多的人分享, 需要上传到Internet服务器上。

参考文献

[1]王洪, 魏惠琴, 唐宏.计算机网络应用教程[M].北京:机械工业出版社.

[2]汪洋, 郝永强.网站设计全程教程[M].北京:科学出版社.