爱刨根知识网

  1. 首页 > 经验知识 > >

怎样设计一个网站，怎么设计网站

生活经验知识分享

网站怎么设计?
一、设计的任务
设计是一种审美活动 ， 成功的设计作品一般都很艺术化 。但艺术只是设计的手段 ， 而并非设计的任务 。设计的任务是要实现设计者的意图 ， 而并非创造美 。
网页设计的任务 ， 是指设计者要表现的主题和要实现的功能 。站点的性质不同 ， 设计的任务也不同 。从形式上 ， 可以将站点分为以下三类 。
第一类是资讯类站点 ， 像新浪、网易、搜狐等门户网站 。这类站点将为访问者提供大量的信息 ， 而且访问量较大 。因此需注意页面的分割、结构的合理、页面的优化、界面的亲和等问题 。
第二类是资讯和形象相结合的网站 ， 像一些较大的公司、国内的高校等 。这类网站在设计上要求较高 ， 既要保证资讯类网站的上述要求 ， 同时又要突出企业、单位的形象 。然而就现状上来看 ， 这类网站有粗制滥造的嫌疑 。
第三类则是形象类网站 ， 比如一些中小型的公司或单位 。这类网站一般较小 ， 有的则有几页 ， 需要实现的功能也较为简单 ， 网页设计的主要任务是突出企业形象 。这类网站对设计者的美工水平要求较高 。
当然 ， 这只是从整体上来看 ， 具体情况还要具体分析 。不同的站点还要区别对待 。别忘了最重要的一点 ， 那就是客户的要求 ， 它也属于设计的任务 。
明确了设计的任务之后 ， 接下来要想的就是如何完成这个任务了 。
二、设计的实现
设计的实现可以分为两个部分 。第一部分为站点的规划及草图的绘制 ， 这一部分可以在纸上完成 。第二部分为网页的制作 ， 这一过程是在计算机上完成的 。
设计首页的第一步是设计版面布局 。我们可以将网页看作传统的报刊杂志来编辑 ， 这里面有文字、图像乃至动画 ， 我们要做的工作就是以最适合的方式将图片和文字排放在页面的不同位置 。除了要有一台配置不错的计算机外 ， 软件也是必需的 。不能简单地说一个软件的好坏 ， 只要是设计者使用起来觉得方便而且能得心应手的 ， 就可以称为好软件 。当然 ， 它应该能满足设计者的要求 。笔者常用的软件是Macromedia的Dreamweaver、Fireworks、Flash以及Adobe的Photoshop、imageready ， 这些都是很不错的软件 。接下来我们要做的就是通过软件的使用 ， 将设计的蓝图变为现实 ， 最终的集成一般是在Dreamweaver里完成的 。虽然在草图上 ， 我们定出了页面的大体轮廓 ， 但是灵感一般都是在制作过程中产生的 。设计作品一定要有创意 ， 这是最基本的要求 ， 没有创意的设计是失败的 。在制作的过程中 ， 我们会碰到许多问题 ， 其中最敏感的莫过于页面的颜色了 。
三、色彩的运用
色彩是一种奇怪的东西 ， 它是美丽而丰富的 ， 它能唤起人类的心灵感知 。一般来说 ， 红色是火的颜色 ， 热情、奔放；也是血的颜色 ， 可以象征生命 。黄色是明度最高的颜色 ， 显得华丽、高贵、明快 。绿色是大自然草木的颜色 ， 意味着纯自然和生长 ， 象征安宁和平与安全 ， 如绿色食品 。紫色是高贵的象征 ， 有庄重感 。白色能给人以纯洁与清白的感觉 ， 表示和平与圣洁 。
我们知道 ， 颜色是光的折射产生的 ， 红、黄、蓝是三原色 ， 其它的色彩都可以用这三种色彩调和而成 。换一种思路 ， 我们可以用颜色的变化来表现光影效果 ， 这无疑将使我们的作品更贴近现实 。
色彩代表了不同的情感 ， 有着不同的象征含义 。这些象征含义是人们思想交流当中的一个复杂问题 ， 它因人的年龄、地域、时代、民族、阶层、经济地区、工作能力、教育水平、风俗习惯、宗教信仰、生活环境、性别差异而有所不同 。
单纯的颜色并没有实际的意义 ， 和不同的颜色搭配 ， 它所表现出来的效果也不同 。比如绿色和金黄、淡白搭配 ， 可以产生优雅 ， 舒适的气氛 。蓝色和白色混合 ， 能体现柔顺、淡雅、浪漫的气氛 。红色和黄色、金色的搭配能渲染喜庆的气氛 。而金色和粟色的搭配则会给人带来暖意 。设计的任务不同 ， 配色方案也随之不同 。考虑到网页的适应性 ， 应尽量使用网页安全色 。
但颜色的使用并没有一定的法则 ， 如果一定要用某个法则去套 ， 效果只会适得其反 。经验上我们可先确定一种能表现主题的主体色 ， 然后根据具体的需要 ， 应用颜色的近似和对比来完成整个页面的配色方案 。整个页面在视觉上应是一个整体 ， 以达到和谐、悦目的视觉效果 。
四、造型的组合
在网页设计中 ， 我们主要通过视觉传达来表现主题 。在视觉传达中 ， 造型是很重要的一个元素 。抛去是图还是文字的问题 ， 画面上的所有元素可以统一作为画面的基本构成要素点、线、面来进行处理 。在一幅成功的作品里 ， 是需要点、线、面的共同组合与搭配来构造整个页面的 。
通常我们可以使用的组合手法有秩序、比例、均衡、对称、连续、间隔、重叠、反复、交*、节奏、韵律、归纳、变异、特写、反射等等 ， 它们都有各自的特点 。在设计中应根据具体情况 ， 选择最适合的表现手法 ， 这样有利于主题的表现 。
通过点、线、面的组合 ， 可以突出页面上的重要元素 ， 突出设计的主题 ， 增强美感 ， 让观者在感受美的过程中领会设计的主题 ， 从而实现设计的任务 。
造型的巧妙运用不仅能带来极大的美感 ， 而且能较好地突出企业形象 ， 而且能将网页上的各种元素有机的组织起来 ， 它甚至还可以引导观者的视线 。
五、设计的原则
设计是有原则的 ， 无论使用何种手法对画面中的元素进行组合 ， 都一定要遵循五个大的原则：统一、连贯、分割、对比及和谐 。
统一 ， 是指设计作品的整体性 ， 一致性 。设计作品的整体效果是至关重要的 ， 在设计中切勿将各组成部分孤立分散 ， 那样会使画面呈现出一种枝蔓纷杂的凌乱效果 。
连贯 ， 是指要注意页面的相互关系 。设计中应利用各组成部分在内容上的内在联系和表现形式上的相互呼应 ， 并注意整个页面设计风格的一致性 ， 实现视觉上和心理上的连贯 ， 使整个页面设计的各个部分极为融洽 ， 犹如一气呵成 。
分割 ， 是指将页面分成若干小块 ， 小块之间有视觉上的不同 ， 这样可以使观者一目了然 。在信息量很多时为使观者能够看清楚 ， 就要注意到将画面进行有效的分割 。分割不仅是表现形式的需要 。换个角度来讲 ， 分割也可以被视为对于页面内容的一种分类归纳 。
对比就是通过矛盾和冲突 ， 使设计更加富有生气 。对比手法很多 ， 例如：多与少、曲与直、强与弱、长与短、粗与细、疏与密、虚与实、主与次、黑与白、动与静、美与丑、聚与散等等 。在使用对比的时候应慎重 ， 对比过强容易破坏美感 ， 影响统一 。
和谐是指整个页面符合美的法则 ， 浑然一体 。如果一件设计作品仅仅是色彩、形状、线条等的随意混合 ， 那么作品将不但没有“生命感” ， 而且也根本无法实现视觉设计的传达功能 。和谐不仅要看结构形式 ， 而且要看作品所形成的视觉效果能否与人的视觉感受形成一种沟通 ， 产生心灵的共鸣 。这是设计能否成功的关键 。
六、网页的优化
在网页设计中 ， 网页的优化是较为重要的一个环节 。它的成功与否会影响页面的浏览速度和页面的适应性 ， 影响观者对网站的印象 。
在资讯类网站中 ， 文字是页面中最大的构成元素 ， 因此字体的优化显得尤为重要 。使用css样式表指定文字的样式是必要的 ， 通常我们将字体指定为宋体 ， 大小指定为12px ， 颜色要视背景色而定 ， 原则上以能看清且与整个页面搭配和谐为准 。在白色的背景上 ， 我们一般使用黑色 ， 这样不易产生视觉疲劳 ， 能保证浏览者较长时间地浏览网页 。
图片是网页中的重要元素 。图片的优化可以在保证浏览质量的前提下将其size降至最低 ， 这样可以成倍地提高网页的下载速度 。利用Photoshop6或Fireworks4可以将图片切成小块 ， 分别进行优化 。输出的格式可以为gif或jpeg ， 要视具体情况而定 。一般我们把有较为复杂颜色变化的小块优化为jpeg ， 而把那种只有单纯色块的卡通画式的小块优化为gif ， 这是由这两种格式的特点决定的 。
表格(table)是页面中的重要元素,是页面排版的主要手段 。我们可以设定表格的宽度、高度、边框、背景色、对齐方式等参数 。很多时候 ， 我们将表格的边框设为0 ， 以此来定位页面中的元素 ， 或者籍此确定页面中各元素的相对位置 。我们知道：浏览器在读取网页html原代码时 ， 是读完整个table才将它显示出来的 。如果一个大表格中含有多个子表格 ， 必须等大表格读完 ， 才能将子表格一起显示出来 。我们在访问一些站点时 ， 等待多时无结果 ， 按"停止"按钮却一下显示出页面就是这个原因 。因此 ， 我们在设计页面表格的时候 ， 应该尽量避免将所有元素嵌套在一个表格里 ， 而且表格嵌套层次尽量要少 。在使用Dreamweaver制作网页时 ， 会自动在每一个td内添加一个空字符“ ” 。如果单元格内没有填充其它元素 ， 这个空字符会保留 ， 在指定td的宽度或高度后 ， 可以在源代码内将其删去 。
网页的适应性是很重要的 ， 在不同的系统上 ， 不同的分辨率下 ， 不同的浏览器上 ， 我们将会看到不同的结果 ， 因此设计时要统筹考虑 。一般我们在800*600下制作网页 ， 最佳浏览效果也是在800*600分辨率下 ， 在其它情况下只要保证基本一致 ， 不出现较大问题即可 。
想设计制作网页网站的也可以十我交流：前面是dzh ， 后面是xx09 。
怎样自己制作一个公司网站?怎样自己制作一个公司网站？自己想做一个公司网站应该怎么做？下面给大家分享一下关于建设一个公司网站的步骤：

1、确定网站主题
主要包括三个部分：目标、布局和风格 。
目标 ， 是指我们所希望达到的效果 ， 如品牌宣传、网上销售、互动交流等；
布局 ， 是指网站网页内容的排版 ， 如主页上的横幅、产品简介、功能模块等；
样式 ， 是指公司网站建设设计的主题 ， 如高端科技风、甜美暖风等等 ， 主题要根据企业品牌本身的特点来确定 。
2、产品核心定位
核心产品具有品牌代表性 ， 能够带动公司一系列产品的销售 。当决定一个核心产品时 ， 我们应该考虑它是否能代表一类产品的特性？市场上有竞争优势吗？该产品是否得到了公司的技术支持？
3、定位目标用户
公司网站建设是以用户为中心的 ， 因此寻找准目标用户也是一个非常重要的环节 。我们必须清楚地了解用户的性别、年龄、消费能力、地域分布等 。
例如潮流男装 ， 它面对的大多数是男性消费者 ， 但也有一部分是女性消费者 ， 在某些情况下 ， 女性会为与自己亲近的男性选择和购买服装 。对于年龄 ， 跨度可以在18~35岁之间 ， 这个年龄阶段的人都具有一定的消费能力 ， 而且也比较了解网络 ， 知道网购商品 。由于物流产业的迅猛发展 ， 网上购物已经不再局限于地理位置上的限制 ， 但是一些特定的商品仍然具有地域上的针对性 。
4、关键词定位
对于公司网站建设来说 ， 网站优化推广至关重要 。流量是潜在的消费力 ， 要获得流量 ， 一种有效而又经济的方法就是搜索引擎优化 。它包括关键词的定位和选择 。通过以上分析 ， 我们可以得到网站的主题和核心产品 ， 从中筛选出有用的关键词 ， 同时进行合理的优化即可 。

大家想要找一家专业的网站建设公司来制作自己的网站的话 ， 不妨到这个>>一站式建站平台<

如何设计网站?
根据题主提出的问题你大概是想建一个营销型网站是吧！但是苦于不知道怎么写建站方案 ， 我这里可以给你一点建议 ， 希望能帮助你 。
1.网站设计的指导思想其实就是网站定位 ， 企业在每个不同的商业阶段都会有不同的建站需求 ， 首先我们要了解自身所处的市场环境 ， 明确建设网站的核心目的 ， 日后才能更好地把控建站方向 。
还有一个是人群定位 ， 我们需要了解我们最想抓住的客户群体 ， 通过分析他们的浏览习惯 ， 从而来决定内容的层级划分 。
2.网站特色 【怎样设计一个网站，怎么设计网站】网站特色不知道我可不可以理解为产品或服务特性 ， 网站作为被动式的信息传输手段 ， 要想完整地将企业的线下实力搬到线上来是非常困难的 ， 因此在表现形式上我们需要进行深度思考 。
3.网站功能网站功能开发主要分为两个模块：前端和后端
前端页面：包括文本、图像、媒体、链接、表单、表格的生成 。后台系统：包括开发后台登录系统、开发商品管理、开发订单系统、开发搜索系统、开发交易系统等等 。还有涉及到数据库、搭建服务器这些比较繁琐的工作 。现在建站已经有一套非常成熟的体系了 ， 不存在特别高的技术壁垒 。
如何设计一个网站
网站设计对于网站来说是非常重要的 ， 关乎到网站开发出来是否美观等问题 ， 一般是需要专业的设计人员的 。
1、网页设计第一步是做整体框架规划 ， 比如网站需要哪些项目 ， 需要做一个整体的目录 。
2、然后是开始网页设计了 ， 首先是网页的logo和头部 ， 这一部分的难点就在于你的logo要怎么排布 ， 按照网页视觉设计的标准 ， 是要做一条标准参考线的 。所以logo的位置非常重要 。
3、接下来是我们的导航栏 ， 我这里做的是最简单的 ， 只是做展示 。你要设计的是导航栏各项目的位置 ， 按钮形状等 。如果有搜索 ， 也需要考虑在其中 。
4、第三步是设计网站的banner ， 也就是所谓的视觉区 。视觉区一般是要图片 ， 因为图片可以让用户打开网站第一眼就了解你网站的定位 ， 从而决定要不要继续浏览 。你要设计的是banner的尺寸 ， 如果要做幻灯片的话 ， 会如何变化 。
5、接下来设计的是内容区 ， 根据不同的内容设置不同的展现方式 。例如简介的话可以是一张图片加一段文字 ， 如果是产品介绍的话 ， 可以是多张图片+简介 。
6、做好了主内容区 ， 就剩下footer部分设计了 。footer一般关系到网站的优化 。footer部分包括的内容就根据不同的网页进行设计 ， 例如展现你公司位置的地图 ， 你想要体现的网站 ， 甚至友链部分 ， 都在这里 。
7、当然 ， 单纯静态页面很不好看 。所以产品可能会要求做一些效果 ， 例如悬浮窗 ， 鼠标放上去后会实现动画效果等 。对应的内容也需要网页设计进行制作 。
自己怎么做一个网页

    推荐阅读


    上一篇：PSP游戏下载后放在哪个文件夹里

    下一篇：sulli是英文名吗 sulli