网页首页怎么设计（网页首页怎么设计的）

网站怎么设计？

一、设计的任务

设计是一种审美活动，成功的设计作品一般都具有艺术性。但艺术只是设计的手段，而不是设计的任务。设计的任务是实现设计师的意图，而不是创造美。

网页设计的任务是指设计者要表达的主题和要实现的功能。站点的性质不同，设计任务也不同。从形式上看，网站可以分为以下三类。

第一类是资讯类网站，如新浪、网易、搜狐等门户网站。这类网站会给访问者提供大量的信息，访问量大。所以要注意页面分割、结构合理、页面优化、界面亲和力等问题。

第二类是信息和图片结合的网站，比如一些比较大的公司和国内的大学。这类网站在设计上要求很高，既要保证信息类网站的上述要求，又要突出企业和单位的形象。但就目前情况来看，这类网站涉嫌粗制滥造。

第三类是形象网站，比如一些中小公司或者单位。这类网站一般比较小，有的也就几个页面，要实现的功能也比较简单。网页设计的主要任务是突出企业形象。这类网站要求设计师有较高的艺术水平。

当然这只是从整体来看，具体情况要具体分析。不同的站点应该区别对待。别忘了最重要的一点，就是客户需求，这也属于设计任务。

定义了设计任务之后，接下来要考虑的就是如何完成任务。

二、设计的实现

设计的实现可以分为两个部分。第一部分是场地的规划和草图，可以在纸上完成。第二部分是网页的制作，在电脑上完成。

设计首页的第一步是设计版面。我们可以把网页编辑成传统的报纸杂志，里面包含文字、图像甚至动画。我们要做的就是把图片和文字以最合适的方式排列在页面的不同位置。除了有一台配置良好的计算机，软件也是必要的。我们不能简单的说一个软件是好是坏。只要设计人员使用起来方便得心应手，就可以称之为好软件。当然要符合设计师的要求。笔者常用的软件有Macromedia的Dreamweaver、Fireworks和Flash，Adobe的Photoshop和imageready，都是很不错的软件。接下来我们要做的就是通过软件的使用将设计的蓝图变成现实，最后的集成一般在Dreamweaver中完成。虽然我们已经在草图上定义了页面的大致轮廓，但灵感一般都是在制作过程中产生的。设计一定要有创意，这是最基本的要求。没有创意的设计是失败的。在制作的过程中，我们会遇到很多问题，其中最敏感的就是页面的颜色。

第三，色彩的运用

色彩是一种奇怪的东西，它美丽而丰富，它能唤起人的精神感知。一般来说，红色是火的颜色，热情奔放；也是血的颜色，可以象征生命。黄色是亮度最高的颜色，华丽、高贵、明亮。绿色是天然植被的颜色，意味着纯净的自然和生长，象征和平与安全，如绿色食品。紫色是高贵的象征，有庄重感。白色能给人纯洁无邪的感觉，预示着和平与圣洁。

众所周知，颜色是由光的折射产生的。红、黄、蓝是三原色，其他颜色可以用这三种颜色混合。换个思路，我们可以用色彩的变化来表现光影效果，这无疑会让我们的作品更加贴近现实。

颜色代表不同的情绪，有不同的象征意义。这些象征意义是人们思想交流中的一个复杂问题，因人的年龄、地域、时代、民族、阶级、经济区域、工作能力、受教育程度、风俗习惯、宗教信仰、生活环境、性别差异而异。

纯色没有实际意义，不同的颜色有不同的效果。比如绿色、金色、淡白色的搭配，可以营造出优雅舒适的氛围。蓝色和白色的混合可以体现出柔和，优雅和浪漫的气氛。红色、黄色和金色的搭配可以渲染出节日的气氛。黄金和小米的结合会给人带来温暖。设计任务不一样，配色也不一样。考虑到网页的适应性，尽量使用网页安全色。

但是，色彩的运用并没有一定的规律。如果一定要用某种规则，效果只会适得其反。论经验，可以先确定一个能表达主题的主色，再根据具体需要，运用色彩近似和对比来完成整个页面的配色。整个页面在视觉上应该是一个整体，以达到和谐悦目的视觉效果。

四、组合造型

在网页设计中，我们主要通过视觉传达来表达主题。造型是视觉传达中非常重要的元素。无论是图片还是文字，图片中的所有元素都可以作为图片的基本元素来对待:点、线、面。在一幅成功的作品中，需要点、线、面的共同组合和搭配，才能构成整幅页面。

通常可以运用顺序、比例、平衡、对称、连续、间隔、重叠、重复、交叉、节奏、韵律、感应、变奏、特写、倒影等组合手法，各有特点。在设计中要根据具体情况选择最适合的表现手法，有利于主题的表现。

通过点、线、面的组合，突出页面上的重要元素，突出设计主题，增强美感，使观者在感受美的过程中理解设计主题，从而实现设计任务。

造型的巧妙运用不仅能带来巨大的美感，还能突出企业形象，将网页上的各种元素有机地组织起来，甚至能引导浏览者的视线。

5.设计原理

设计是有原则的。无论你用什么方法组合画面中的元素，都要遵循五大原则:统一、连贯、分割、对比、和谐。

统一是指设计作品的整体性和一致性。设计的整体效果很重要。在设计中，不要把组件孤立分散，这样会让画面呈现出凌乱的效果。

连贯性是指注意页面之间的关系。在设计中，要利用各组成部分在内容上的内在联系和表现形式上的相互呼应，注意整个页面设计风格的一致性，实现视觉和心理上的连贯，使整个页面设计的各个组成部分极其和谐，仿佛一气呵成。

分段是指将页面分成几个小块，视觉上不同，让浏览者一目了然。当信息很多的时候，为了让观看者看得清楚，要注意对画面的有效分割。分段不仅仅是表达的需要。另一方面，切分也可以看作是对页面内容的一种分类和归纳。

对比是通过矛盾冲突让设计更生动。对比手法很多，如:多与少、曲与直、强与弱、长与短、厚与薄、疏与密、虚与实、主与次、黑与白、动与静、美与丑、聚与散等。当使用对比时，我们应该小心。过于强烈的对比容易破坏美感，影响统一性。

和谐就是整个页面符合美的规律，融为一体。如果一个设计作品只是颜色、形状、线条等的随意混合。，那么作品不仅没有“生活感”，也根本无法实现视觉设计的传达功能。和谐不仅取决于结构形式，还取决于作品形成的视觉效果能否与人的视觉感受形成一种沟通，产生心灵的共鸣。这是设计成功的关键。

不及物动词网页优化

在网页设计中，网页的优化是一个重要的环节。成功与否会影响页面的浏览速度和适应性，影响浏览者对网站的印象。

在信息网站中，文本是页面的最大组成部分，因此字体优化尤为重要。有必要使用css样式表来指定文本的样式。通常我们指定字体为宋体，大小为12px，颜色取决于背景色。原则上，它应该清晰易读，并与整个页面相协调。在白底上，我们一般用黑色，不容易造成视觉疲劳，能保证访问者长时间浏览网页。

它是网页中的一个重要元素。图片的优化可以在保证浏览质量的前提下最小化其尺寸，可以使网页下载速度翻倍。可以用Photoshop6或者Fireworks4把图片剪成小块，分别进行优化。输出格式可以是gif，也可以是jpeg，视具体情况而定。一般我们把颜色变化复杂的小块优化成jpeg，简单色块的卡通式小块优化成gif，这是由这两种格式的特点决定的。

表格是页面中的重要元素，是页面布局的主要手段。我们可以设置表格的宽度、高度、边框、背景颜色、对齐方式等参数。很多时候，我们将表格的边框设置为0来定位页面中的元素，或者确定页面中元素的相对位置。我们知道，当浏览器读取网页的原始html代码时，它会在显示之前读取整个表格。如果一个大表包含多个子表，则必须先读取大表，然后才能一起显示子表。当我们访问一些网站时，我们等待很长时间没有结果，并按下“停止”这就是为什么当按钮被点击时显示页面。所以在设计页表时，要尽量避免将所有元素嵌套在一个表中，表的嵌套层次要尽可能小。使用Dreamweaver创建网页时，会自动在每个td中添加一个空字符” “。如果单元格没有填充其他元素，这个空字符会保留，在指定td的宽度或高度后可以在源代码中删除。

网页的适应性很重要。我们会在不同的系统、不同的分辨率、不同的浏览器上看到不同的结果，所以设计的时候要统筹考虑。一般我们在800*600制作网页，最好的浏览效果是在800*600分辨率。其他情况下，只要基本一致，就不会有大问题。

想设计制作网站的也可以互相交流:前面是dzh，后面是xx09。

web怎么设置网页首页？

1、打开你想要设置的网页，如果网页本身有设为首页，直接点击即可。若没有，则打开网页上的“工具”——“Internet选项”——“使用当前页”！

2、打开网页上的“工具”——“Internet选项”在主页的地址栏里输入你要设为首页的网址，确定即可！

ps怎么设计主页？

制作主页是一项非常复杂的工作，跟创意合成有点类似。首先要根据客户的要求去找一些好的作品作为参考，找出一些灵感，然后搜集相关的素材，并按照自己的思路去慢慢溶图、渲染颜色，处理明暗及细节等。最终效果

一、网页首页模版创建

1、首先打开我们下载的ps软件，左上角选择文件-新建（快捷键ctrl+N），然后创建一个1920×3000的画布，网页设计分辨率选择72就可以，颜色模式我们选择RGB,点击创建；（注意宽度选择的是像素）

为什么我们要创建1920宽的呢，目前我们的显示器分辨率一般为1920px，所以创建1920px宽度的可以使我们的网页背景正好显示完整，左右不会出现空白。

2、接下来我们要将单位与标尺调整为像素，方便我们测量宽高。操作步骤为：编辑-首选项-单位与标尺（快捷键ctrl+K，找到单位与标尺）

3、选择视图-标尺（快捷键ctrl+R）调用我们的刻度尺，方便直观的看到宽度和高度；左击刻度尺拖出2条参考线分别到360和1560刻度，使中间留有1200px的宽度。两个刻度尺中间的距离就为我们内容展示的区域，使用（快捷键ctrl+; ）可以显示关闭刻度。

为什么要使用1200px的宽度呢，因为目前主流的网页设计主体内容宽度为980px和1200px，而1200px可以显示更多的内容，网页也可以显得更加的高端大气。

二、使用矩形工具制作黑色背景导航条：

1.选择“矩形工具”，设置填充色为“#333”，描边设为空；

2.创建“图层1”点击画布，在弹出的窗口中设置宽度1920，高度25，点击创建；

3.使用移动工具将导航条移动到左上角；

三、logo图片导入

1、使用文件->打开（ctrl+o），将logo图片打开；

2、ctrl+A选中图片，然后复制粘贴到当前页面中；

3、移动图片到指定的位置

浏览器主页面怎么设置？

1

/4

第一种方法：在浏览器中打开【设置】，在【设置】中找到【修改主页】。

2

/4

点击【修改主页】，在弹出的对话框中输入自己喜欢的网址，点击【确定】保存设置，主页就设置成功。

3

/4

第二种方法：在浏览器【设置】菜单中找到【工具】选项，再选择【Internet 选项】。

4

/4

在弹出的对话框中输入自己喜欢的网址，再点击【确定】保存设置，主页就设置成功。