正文

网页设计首页（网站网页设计）

发布时间：2023-04-25 08:00:26 稿源：创意岭阅读： 925

大家好！今天让创意岭的小编来大家介绍下关于网页设计首页的问题，以下是小编对此问题的归纳整理，让我们一起来看看吧。

创意岭作为行业内优秀企业，服务客户遍布全国，相关业务请拨打175-8598-2043，或微信：1454722008

本文目录:

1、网页设计
2、HTML网页设计中的将本页“设为主页”的代码是怎样的啊？
3、如何建立一个简单网页
4、用photoshop设计网页首页时，设置多少精度出来的网页图片精度高？

网页设计首页（网站网页设计）

一、网页设计

怎样设计网页

在网页设计的认识上，许多人似乎仍停留在网页制作的高度上。认为只要用好了网页制作软件，就能搞好网页设计了……

在网页设计的认识上，许多人似乎仍停留在网页制作的高度上。认为只要用好了网页制作软件，就能搞好网页设计了。

其实网页设计是一个感性思考与理性分析相结合的复杂的过程，它的方向取决于设计的任务，它的实现依赖于网页的制作。正所谓“功夫在诗外”，网页设计中最重要的东西，并非在软件的应用上，而是在我们对网页设计的理解以及设计制作的水平上，在于我们自身的美感以及对页面的把握上。

首先，我们要弄清楚网页设计的任务。

一、设计的任务

设计是一种审美活动，成功的设计作品一般都很艺术化。但艺术只是设计的手段，而并非设计的任务。设计的任务是要实现设计者的意图，而并非创造美。

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

第一类是资讯类站点，像新浪、网易、搜狐等门户网站。这类站点将为访问者提供大量的信息，而且访问量较大。因此需注意页面的分割、结构的合理、页面的优化、界面的亲和等问题。

第二类是资讯和形象相结合的网站，像一些较大的公司、国内的高校等。这类网站在设计上要求较高，既要保证资讯类网站的上述要求，同时又要突出企业、单位的形象。然而就现状上来看，这类网站有粗制滥造的嫌疑。

第三类则是形象类网站，比如一些中小型的公司或单位。这类网站一般较小，有的则有几页，需要实现的功能也较为简单，网页设计的主要任务是突出企业形象。这类网站对设计者的美工水平要求较高。

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

明确了设计的任务之后，接下来要想的就是如何完成这个任务了。

二、设计的实现

设计的实现可以分为两个部分。第一部分为站点的规划及草图的绘制，这一部分可以在纸上完成。第二部分为网页的制作，这一过程是在计算机上完成的。

设计首页的第一步是设计版面布局。我们可以将网页看作传统的报刊杂志来编辑，这里面有文字、图像乃至动画，我们要做的工作就是以最适合的方式将图片和文字排放在页面的不同位置。除了要有一台配置不错的计算机外，软件也是必需的。不能简单地说一个软件的好坏，只要是设计者使用起来觉得方便而且能得心应手的，就可以称为好软件。当然，它应该能满足设计者的要求。笔者常用的软件是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分辨率下，在其它情况下只要保证基本一致，不出现较大问题即可。

说了这么多，只是希望能对做“网页设计”的人有所帮助，希望他们在做网页的时候能够从整体着眼，无愧于“设计”这两个字。

★建设自己的网站较好的步骤☆

必须注意的是：建立自己的网站是一件浩大的工程，一般比较麻烦。所以应当按照一定的步骤一步步来。

我觉得建站可以按照以下步骤进行：

1、先在本地设一个文件夹，作为网站存储的地方。名字最好取“My Sites”。

2、在网站文件夹里面建立一些文件夹，包括“images”等（存储图片、文件等），并且按照网页内容，再建立几个文件夹。（也可以把存储图片、文件的文件夹在每个内容文件夹里面各搞一些）

3、打开你的网页编辑程序（例如FP、Dreamwear等），新建网页，保存为“index”（主页），重复以上步骤，在网站文件夹里面建立“search”（查找）、“map”（站点地图）、“index02”（网站简介等）。

4、按照上面步骤，再在网站分类文件夹里面建立许多网页（接着还要把内容输入网页）

5、已经做到了这么多，我们该准备内容了吧。在硬盘上面再建立一个文件夹“File”，把准备好的文档、图片、程式、文件和网页特效等放进去。（可以加入一些动态网页）

6、慢慢把这些文件一个不漏的放进网页里面（要掌握技巧）

7、把网站充实了，就差不多了。这时应该申请一个域名（免费空间、附费都可以）。并且把自己的网站放入搜索引擎，而且在各种留言版上面宣传。

8、把网站上传至空间里面，删了准备文件，就OK了！

不过也可以这样使用FP建站：

1、在FP里面选择新建站点。

2、然后在【导航】里面设置网页名称以及标题。

3、准备好文档、图片、程式、文件和网页特效等，把它们都充实进网站里面。

4、申请一个域名（免费空间、附费都可以）。并且把自己的网站放入搜索引擎，而且在各种留言版上面宣传。

5、把网站上传至空间里面，删了准备文件。完毕。

如果使用Dreamwear来建站，那就更加高级啦！Dreamwear的功能很强大，安装了它的朋友们可以研究研究。

在网站设计中，纯粹HTML格式的网页通常被称为“静态网页”，早期的网站一般都是由静态网页制作的。静态网页的网址形式通常为：www.example.com/eg/eg.htm，也就是以.htm、.html、.shtml、.xml等为后后缀的。在HTML格式的网页上，也可以出现各种动态的效果，如.GIF格式的动画、FLASH、滚动字母等，这些“动态效果”只是视觉上的，与下面将要介绍的动态网页是不同的概念。

在《网络营销基础与实践》第二版第3章“网络营销导向的企业网站建设”中，提出了采用静态网页对搜索引擎的影响，书中对于静态网页本身的介绍比较少，尤其对于静态网页的特点没有做专门的介绍。网络营销教学网站(www.wm23.com)将静态网页的特点简要归纳如下：

（1）静态网页每个网页都有一个固定的URL，且网页URL以.htm、.html、.shtml等常见形式为后缀，而不含有“？”；

（2）网页内容一经发布到网站服务器上，无论是否有用户访问，每个静态网页的内容都是保存在网站服务器上的，也就是说，静态网页是实实在在保存在服务器上的文件，每个网页都是一个独立的文件；

（3）静态网页的内容相对稳定，因此容易被搜索引擎检索；

（4）静态网页没有数据库的支持，在网站制作和维护方面工作量较大，因此当网站信息量很大时完全依靠静态网页制作方式比较困难；

（5）静态网页的交互性交叉，在功能方面有较大的限制。

网页制作软件的选择

u 选择一个适合自己的网页编辑工具

了解了网页的类型及相关技术之后，下一步，就是要选择一个适合自己的网页编辑工具。

Frontpage

Frontpage 是 Microsoft 出品的，可能是最简单、最容易，却又功能强大的网页编辑工具。采用典型的 Word 界面设计，只要你懂得使用 Word，就差不多等于已经会使用 Frontpage。就算你不懂 Word 也没关系，"所见即所得"的操作方式会让你很快上手，而且你无须学习 HTML 语法。

但 Frontpage 的也有其不足之处：首先是浏览器兼容性不好，做出来的网页，用 Netscape 往往不能正常显示；其次，生成的垃圾代码多，也会自动修改代码，导致在某些情况下极为不便；再次，对DHTML的支持不好。但不管怎么说，Frontpage 的确是最好的入门级网页编辑工具。

常见的版本为 Frontpage98 和 Frontpage2000。

Dreamweaver

Dreamweaver 是 Macromedia 公司的产品的另一款"所见即所得"的网页编辑工具,或称网页排版软件。与 Frontpage 不同，Deamweaver 采用的是 Mac 机浮动面版的设计风格，对于初学者来说可能会感到不适应。但当你习惯了其操作方式后，就会发现 Dreamweaver 的直观性与高效性是 Frontpage 所无法比拟的。

Dreamweaver 对于 DHTML 的支持特别好，可以轻而易举地做出很多眩目的页面特效。插件式的程序设计使得其功能可以无限的扩展。Dreamweaver 与 Flash、Firework 并称为 Macromedia 的网页制作三剑客，由于是同一公司的产品，因而在功能上有着一个非常紧密的结合。而最新推出的 Dreamweaver UltraDev 更支持 Asp，Jsp。因此，说Dreamweaver 是高级网页制作的首选并不为过。

常见的版本为 Dreamweaver4.0 和 Dreamweaver UltraDev 1.0

flash

flash也是 Macromedia 公司的产品，Flash 是交互式矢量图和 Web 动画的标准。网页设计者使用 Flash 创作出既漂亮又可改变尺寸的导航界面以及其他奇特的效果。相信凡是见过 Flash 技术的人，没有一个不想掌握它的。它不但易学、易用，而且可以做出有很多动画的网站，并且声色结合，是一种很有前途的网页制作技术。

firework

firework也是 Macromedia 公司的产品，是真正的网页作图软件。Fireworks 与 Dreamweaver 结合很紧密，只要将 Dreamweaver 的默认图像编辑器设为 Fireworks ，那么在 Fireworks 里修改的文件将立即在 Dreamweaver 里更新。另一个功能是可以在同一文本框里改变单个字的颜色。当然，Fireworks 可以引用所有的 Photoshop的滤镜，并且可以直接将 PSD 格式图片导入。它是用来画图用的，它相当于结合了Photoshop ( 点阵图处理 ) 以及CorelDRAW (绘制向量图)的功能。网页上很流行的阴影、立体按钮...等等的效果，也只需用鼠标点一下，不必再靠什么KPT 之类的助手滤镜。而且 Fireworks很完整的支持网页16进制的色彩模式，提供安全色盘的使用和转换，要切割图形、做影像对应(Image Map)、背景透明，要图又小又漂亮，在Fireworks 中做起来都非常方便，修改图形也是很容易的。不需要再同时打开Photoshop和CorelDRAW...等等各类软件，切换来切换去的了。

Dreamweaver、Flash、Firework称为网页制作三剑客，将三个软件配合起来使用，会制作出非常精美的网页

gifanimator

Ulead GIF Animator 4.0 是目前最快和最易使用的 GIF 动画工具，它在一个软件包中提供了顶级的功能，用于动画编排、编辑、特效和优化。 GIF Animator 差不多支持每个主要的文件格式，包括视频文件，并允许输出为 Windows AVI、QuickTime 电影、Autodesk 动画或图像序列。用户可以生成适当的 HTML 代码，以便将动画嵌入到网页中，并且可以将动画打包成独立的 EXE 文件，以便通过电子邮件发布和在任何地方来查看。

u 制作主页

制作主页无非是添加文字、添加图片、添加链接，跟用word没什么区别，经过简单的学习后，你就会制作主页了！但是，要作出高水平的主页那要学的东西就太多了，不过总结起来就是html，图形制作，动画制作，页面特效制作和后台程序制作几个部分。

u 申请的主页空间，把你制作的主页传上去

我们制作的页面放在我们自己的计算机上，别人是不能看见的。为了让别人看见我们制作的页面，我们必须将他们放到一台和internet一直连接的计算机（服务器）上。你可以到提供空间服务的站点申请主页空间。有空间以后就可以利用响应的FTP（文件传输协议）工具软件将我们制作的页面传上去。这样，就可以让大家来分享我的精彩页面了。

常见的FTP工具软件有cuteFTP、leapFTP等，其功能和使用方法都比较类似，具体使用方法可参见本站想应的文章。

可能你开始的主页只是非常简单，但是这是你的第一步，也是良好的开端，然后再一步步学习：如何把网页制作漂亮一些？如何制作动画？对于新手，千万不要一下子就想：我看到某某某网页这么漂亮，它是怎样做出来的？我很想马上做出来，于是马上就去研究复杂的网页，这样你会发现网页制作很难，学两下就放弃了，这样永远学不会制作主页。想当初，我对于我的网页能产生链接也高兴了半天，于是产生了更大的兴趣。记住：一步一步来，不要一下子想成为高手，否则很难成为高手。

二、HTML网页设计中的将本页“设为主页”的代码是怎样的啊？

<a href=# onClick="this.style.behavior=’url(#default#homepage)’;this.setHomePage

(’http://www.aaa.com');">将本站设为首页</a>

function bookmarkit(){window.external.addFavorite(’http://www.aaa.com',’’)}

if (document.all)document.write(’<a href="#" onClick="bookmarkit()">将本站加入收藏夹</a>’)

</script>

使用方法：

怎样使用特效代码？

只要把这些代码复制、粘贴到你的网页源代码中，保存，再在浏览器中打开，你就会看到效果了！

怎样在我的网页中插入代码？

使用DreamWeaver：

在编辑状态下按F10即弹出源代码窗口，将特效代码粘贴进去即可。

使用FrontPage：

点击编辑窗口左下角的“HTML”选项卡即出现源代码窗口，将特效代码粘贴进去即可。

使用“记事本”等编辑器：

直接用这些编辑器打开网页文件，出现的就是源代码，将特效代码粘贴进去即可。

在什么地方插入代码？

一般来说，在网页源代码的<body>与</body>之间的任何地方插入代码都可以（除非特别指明，例如要求插入到<head>与</head>之间）。提示：在<td>与</td>之间插入代码，一般不会出错。

该怎样修改代码？

插入代码之后，把代码中的文字替换成你自己的内容即可。

注意：为避免出错，请不要改动除中文文字之外的代码，否则程序可能会不能运行！

三、如何建立一个简单网页

问题一：怎么创建一个网页？新建一个文本（后缀为txt的）文件

打开，输入

my fir阀t html page

hello! First page

保存后关闭，将这个文本文件的后缀修改为html

然后用IE打开，试试，就这么简单

问题二：怎么建立一个简单的网站首先，可以告诉想学网页制作的朋友。学习制作网页和学习其它知识一样，是要有基础的。在基础之上学习起来会比较轻松和快捷的。其次，要清楚学习它是用来做什么。建议你要具备的条件：对电脑熟练操作，使用电脑最好在一年以上，对网页设计感兴趣，有较充足的学习时间，熟悉office办公软件。当然，这些不是一定必须的。

第一阶段：开始时最好是学些网页编辑软件，如：FrontPage、Dreamweaver.这样可以使您更了解网页制作与运营的原理。最好使拿本教程来学亥，结合教程边学习边制作。

第二阶段：会用网页制作软件后，已会制作一个较完整的网站了。但为了能使自己设计制作的网页尽善尽美，还是学习网页的核心技术吧！网页编辑语言（包括:html、css、javascript、asp、xml等）。你可以选择地学习。

第三阶段:结合你自己已掌握地知识来开发网站，可以开发出别人给你定义的目标网站。到了这个时候，你就成为真正的网站开发者了。怎样制作网页，不是说一两篇文章能够说清楚的。以上介绍的是制作网页的主要纲要，希望能够给想要学习制作网页的朋友一个参考。

祝你好运！！

问题三：一个人如何去制作一个简单的网站首先，可以告诉想学网页制作的朋友。学习制作网页和学习其它知识一样，是要有基础的。在基础之上学习起来会比较轻松和快捷的。其次，要清楚学习它是用来做什么。

建议你要具备的条件：对电脑熟练操作，使用电脑最好在一年以上，对网页设计感兴趣，有较充足的学习时间，熟悉office办公软件。当然，这些不是一定必须的.

第一阶段：开始时最好是学些网页编辑软件，如：FrontPage、Dreamweaver.这样可以使您更了解网页制作与运营的原理。最好使拿本教程来学学，结合教程边学习边制作。

第三阶段:结合你自己已掌握地知识来开发网站，可以开发出别人给你定义的目标网站。到了这个时候，你就成为真正的网站开发者了。

怎样制作网页，不是说一两篇文章能够说清楚的。以上介绍的是制作网页的主要纲要，希望能够给想要学习制作网页的朋友一个参考。

二

一、工具

1、空间

网页做好了肯定是要发表上网的，所以必须先申请一个空间；免费的空间不是很稳定，容量又小，也不好申请，建议到大的网站如新浪、网易去先买一个个人空间，大概有个20M以上的就可以了。

2、软件

推荐使用Dreamweaver8.0中文版，这个软件最大的特点就是“所见即所得”，也即是制作过程中看到的，便是到时发布到网络上的。

二、教程

花点时间，找个比较通俗易懂的教程看一看是很有必要的。每个网页的组成，不外是文字、表格、图、动画还有就是背景音乐等几个大的元素，搞清楚如何将这些元素摆放进去，你也就算懂得如何制作网页了。

三、制作

开始时建议去下载一个比较简单的网页，在制作软件中将它打开，然后仔细观察人家的网页的构成，模仿它去填充各种元素，实践中再配合着教城，进度会快很多，记得也牢一些。

其实做网页并不难，但要做出有特色的网页来，那就非一朝一夕之功了。

一点个人的粗浅体会，不妥之处敬请指正。

三

网站设计八步骤

由于目前所见即所得类型的工具越来越多，使用也越来越方便，所以制作网页已经变成了一件轻松的工作，不像以前要手工编写一行行的源代码那样。一般初学者经过短暂的学习就可以学会制作网页，于是他们认为网页制作非常简单，就匆匆忙忙制作自己的网站，可是做出来之后与别人一比，才发现自己的网站非常粗糙，这是为什么呢？常言道：“性急吃不了热豆腐”。建立一个网站就像盖一幢大楼一样，它是一个系统工程，有自己特定的工作流程，你只有遵循这个步骤，按部就班地一步步来，才能设计出一个满意的网站。

一、确定网站主题

网站主题就是你建立的网站所要包含的主要内容，一个网站必须要有一个明确的主题。特别是对于个人网站，你不可能像综合网站那样做得内容大而全，包罗万象。你没有这个能力，也没这个精力，所以必须要找准一个自己最感兴趣内容，做深、做透，办出自己的特色，这样才能给用户留下深刻的印象。网站的主题无定则，只要是你感兴趣的，任何内容都可以，但主题要鲜明，在你的主题范围内内容做到大而全、精而深。

二、搜集材料

明确了网站的主题以后，你就要围绕主题开始搜集材料了。常言道：“巧妇难为无米之炊”。要想让自己的网站有血有肉，能够吸引住用户，你就要尽量搜集材料，搜集得材料越多，以后制作网站就越容易。材料既可以从图书、报纸、光盘、多媒体上得来，也可以从互联网上搜集，......>>

问题四：如何用HTML创建一个简单网页构成html页面的基础代码

body是正文部分，可以放网页中你想放的东西，例如新闻，导航即为网页的内容，

在head标签内加上设置编码，防止网页乱码，这块的知识你要不是很熟，可以参考下php中文网，建议不要使用dw，这个是很方便，但是用编译器会比较好点，例如sublime text3 ,希望对你有帮助，谢谢！

问题五：如何在网上建立一个属于自己的网页呢? 怎样制作个人网页如果你已经上网，为何不尝试一下在网上做一个完全属于自己的主页？有了自己的主页，全世界的人都可以随时找到你，你也可以向全世界宣传下自己，是非常有意义和有意思的。现在简单介绍一下制作主页的过程和方法：一、准备材料你首先做一个小计划,准备在主页上告诉人家什么？比如介绍三个方面：自我介绍,我的爱好,我的工作,那你就先起一个总目录（文件夹,比如d:\html）,来放你的所有文件，然后再在这个目录建立三个子目录： myself,interest，job。文件名你可以任意，但最好全部小写，因为有的主机要认大小写。然后将你的材料copy 进相应的子目录。比如你要在你的主页里展示你的靓照，那就将你的照片扫描成JPG格式的文件，放在myself的目录下. 要注意,网上只能使用JPG和GIF两种图象格式，其他诸如BMP和TIF等很通用的格式都不能用在网上,因为它们太大了,但你可以用图象软件进行转换，比如Office 97的照片编辑器。把你准备在你主页上出现的图象放进相应的目录里后,你就可以开始制作了。二、开始制作你无须去记复杂的HTML语言，你可以用Netscape4.0或者WORD7.0,我用的是Frontpage.打开Netscape,在file 菜单里选Edit Page,便可以制作了.文字的处理基本跟Word没什么两样,关键是插入图片和产生链接.我们先做关于你自我介绍的一页，你先写上“大家好，我是superboy，下面是我的照片：”这时要放图片了，只须点击 Insert菜单，选取Image,在Choosefile里选取你的图象文件即可，然后把这个文件保存为myself文件，放在myself的目录下。好，现在必须做封面了，你在封面写：“欢迎来到superboy的主页”以下是“自我介绍，我的爱好，我的工作”。你的自我介绍要链接到下一页去，你只须用鼠标选“自我介绍”后按鼠标右键，再选 create link，然后再选你myself目录下的myself，就将“自我介绍”链接到下一页了，以后在浏览器中一按，就可以跳到镶有你靓照的页面啦。在你的封面做好了所有链接和图片后，记住你必须将这一页保存为index(有的主机要求必须为 index),因为网页默认的主页名称是index.制作主页其实很简单，只要多实际制作，工多艺熟。还可以拿来主义，在网上看到什么好的主页，用另存为功能保存为格式的文件，细细研究人家是如何做的。还可以借用网页模版来搞，我的就是~~~~~~ 三、将你制作好的安放在网上要在网上安你自己的家，你必须先申请一个主页空间，即向某一个主机申请一快硬盘空间。现在有较多的主机提供免费主页空间，具体见实用链接栏目。这些主机不仅提供免费个人主页空间，并且还提供留言簿、计数器等很有用的功能。只要到有关站点申请即可，具体方法，参考相关题目。申请完成以后用FTP将你所有的主页文件上传至主机指定的目录就可以了！需要注意的是，一定要保持网页的相对位置，否则会看不到网页的，有很多朋友都问我:为什么我的网页传上去了可是看不到,老是出现网页错误呢？其实他们都是因为位置的问题，只要把位置改动一下就可以的了

问题六："如何用最简单方法建设一个个人网站 ①、找域名提供商（国内最大域名注册商万网，世界最大GD）购买域名

②、购买空间（这里不提供购买空间商，以免有广告之嫌）

③、空间绑定域名。

④、通过FTP空间后台上传网站源码程序即可。

⑤、最后就是网站前台、后台的管理了。

1.现在做个人网站已经不需要像以前那样自己敲代码了。很多朋友都走入了这个误区，以为做网站要会什么网站三剑客。完全不需要。

2.个人网站必备的3件东西。

a.网站空间

b.网站域名

c.网站程序

这三样东西是必不可少的。

网站空间现在一般分为虚拟主机，VPS，独立服务器。新手的话不需要了解VPS和独立服务器，因为你们暂时用不上。

网站空间一般按照线路来区分分为国内空间，香港空间，海外空间。而海外空间大多以美国空间为主。

使用国内的空间需要备案，备案时间大多为一个月。至于为什么网站要备案，这里不进行阐述，可以百度之。

大部分的个人网站都不会进行备案，原因大多如下。

1.备案太麻烦。要拍照，要邮寄，还要一个月左右的时间。

2.因相关政策法规，该条未予显示。

所以，绝大部分个人网站都是使用香港空间和海外空间。香港空间和海外空间区别不大。主要区别在于。

1.香港空间带宽贵。

2.对于大陆访客，香港空间的速度要比海外空间的速度略快。

3.海外空间一定要遵守该国的政策法规。对版权保护极为严格。

网站空间选择有很多，选择的原则是

1.千万别选名头最响的主机商。

2.千万别选成立不到一年主机商。

3.价格位于黄金分割点的公司往往是最令人满意的主机商。

个人比较推荐HostRing弦主机。网址是Hostring

接下来是网站域名。

虽然我也是域名商，但是，注册域名有且仅有一个最佳选择。

那就是全球最大的域名注册商Godaddy

在域名注册这一块，请不要考虑其他注册商。

最后是网站程序。

个人网站毫无疑问Wordpress会是最佳选择。说简单，它是世界上最傻瓜的程序。说复杂，它可以让你在用一两年后都不敢说自己精通。

Wordpress的安装和使用，百度一下一大把。

百度经验里面有一篇文章：怎么搭建一个Wordpress独立博客

搜索一下就能找到了。按照教程操作大概半个小时能做好自己的个人网站吧。

我不是科班出身，走上互联网这条路全是兴趣和自学，本世纪最伟大的事情莫过于有了互联网，人生中最优秀的老师莫过于百度和谷歌。。几乎任何你在学习过程中遇到的问题都可以搜索到。期待楼主第一个网站的诞生。。到时候务必给大家分享一下。

问题七：怎样做一个简易的网页？做一个简易的普通网页比较容易。当然，制作的方法有好几种，有的是直接写代码、有的是用绘图软件绘制页面再导出网页、常用的是使用网页制作软件做网页。下面以普通静态网页常规制作方法为例说明制作步骤：

1、如果会写代码，直接用记事本就可以做出网页。如果不会写代码，请在电脑里安装网页制作软件，推荐安装：Macromedia Dreamweaver，简称DW,这是目前比较流行的网页制作软件，功能强大。也可以安装Microsoft Office FrontPage，这个是Office办公软件中的一个组件，初学者很容易上手，就像使用word一样方便。不过这款软件比较古老，最新版本是Microsoft Office FrontPage2003，目前已被淘汰，不再升级。

2、在电脑中选择一个盘（建议不要选择c盘），新建一个存放网页的文件夹，文件夹名字随意取，然后在存放网页的文件夹里面再建几个子文件夹：包括图片文件夹、声音文件夹、视频文件夹、LASH文件夹等（根据自己需要建立文件夹）。

3、打开网页制作软件DW，新建一个站点，新建站点步骤按系统提示操作。

4、新建主页、布局主页、制作导航栏、添加栏目，输入想要的内容。

5、制作子页，并与主页导航栏栏目链接。制作完成后打开主页预览，逐步修改完善。

6、如果要想网页漂亮且有个性，就需要图像、动画等元素来装饰。

以上是制作普通静态网页的基本步骤。

问题八：如何建立一个免费的网站？你好！

不知道你需要建一个什么样的网站，我给你介绍一下普通网站的方法吧

首先你得有域名和主机（也可以是虚拟主机），如果你想用免费的话，就去申请个免费的虚拟主机，同时送你个三级域名，听说5944的和主机屋的比较不错，但是建议不要使用免费空间，因为毕竟是免费的东西，不稳定是肯定的。你也可以去冰点数据购买这些，他们家的比较不错，性价比很高。

其次网站程序，如果你自己会编写网站程序的话那是最好的，如果不会，你可以使用一些个人可以免费使用的网站程序，主流的CMS（内容管理系统）网站程序有动易的，乔客的、phpcms、帝国cms、织梦等，主流的论坛系统有动网论坛、DISCUZ等，主流的网上商店系统有shopex、ecshop等，这些个人免费版本，你可以去他们的官方网站下载相应的程序。把程序上传到你的空间，上传可以使用guteftp或者flashxp等软件上传，上传非常简单的。之后进行一下简单安装设置，这样一个网站的程序基本就搞定了。

接下来，把你的网站的内容添加进来，内容添加进来之后一个网站就已经完成了。

接下来的工作是对你的网站内容进行更新，对网站进行维护管理，对网站进行宣传推广。这些做的好，会留住访问者的

更多详情可看百度经验jingyan.baidu/...a

希望能够帮到你！

问题九：怎么才能建立一个网站？建立自己的个人主页首先要具备一个终端服务器，简单地说就是要有一个存放网页文件的地方，而其他网民也正是通过你的终端服务器来对你的网站内容进行浏览的，也就是我们常说的主页空间。现在很多网站都提供了免费主页空间，容量从几兆到无限空间都有，能够满足绝大部分使用者的需求，所以网友们不必对主页空间的容量做过多的要求，更重要的是要选择一个快速稳定的主页空间，因为一个快速稳定的主页空间会为你省去很多不必要的麻烦。象网易、首都在线等一些提供个人主页服务的网站，在网友中有很好的口碑。他们提供的主页空间，速度快，稳定性高，并且随主页空间配套带有站点计数器、聊天室、留言板、论坛等附属部分。可以为你的主页增色不少，网友们可以放心使用。

主页空间有了，下面就要开始制作网页了，这是建立个人主页中最重要的一步，也是最困难的一步。任何制作都具有相同的特点，在开始的阀候都是非常艰难的，只要你迈出了第一步，即便是非常简单的一步，也已经远远不同于原来的你。主页制作工具有很多种，其中FrontPage、Dreamweaver 是最常用的，也是最好用的两种主页制作软件。其中Dreamweaver的功能最为强大，能够做出专业级的网页，但在操作上比较复杂，不容易掌握，一般是专业网页设计师的首选。而FrontPage则不同，全中文的操作界面使制作者极易上手，强大的辅助功能可以使你的网页同样具有专业效果，你甚至可以不懂HTML等语言便可以制作出漂亮的网页，这种傻瓜式的制作工具已经成为大多数主页制作者的最佳选择！在微软最新发布的OFFICE2000中首次捆绑了FrontPage2000，作为FrontPage98的升级版FrontPage2000的功能更为强大，易用性更加突出。其本身带有多种不同风格的模版，可以使初学者很快地做出网页来。同时，FrontPage2000也为网页制作高手们准备了DHTML 效果、数据库集成、ActiveX 控件、JAVA 应用程序等一些高级网页设计技术，无论您是初学者或是制作高手，FrontPage2000都可以满足您不同的需求。

在开始制作前，确定站点所要介绍的具体内容是十分必要的。由于个人主页的局限性所致，它不可能象门户类网站那样内容广泛丰富，所以选好站点的内容是个人主页成功与否的关键，您的主页可以介绍娱乐、电脑、体育、网络、音乐等方面的信息和资讯，这主要取决于您的爱好和兴趣。有了好的内容下面就要开始制作站点的首页了。一个站点的首页是这个网站的门面，访问者第一次来到网站首先看到的就是首页，所以首页的好坏对整个网站的影响非常大！一个思路清晰，美工出色的首页，不但可以吸引访问者继续浏览站点内的其它内容，还能使访问过的网友再次光临网站。但是，一些初学者在设计首页的时候，总是试图利用许多精美的图片把自己的网页设计得丰富多采，然而这样做往往达不到预想的效果，要注意过多的图形可能会大大破坏访问者对该站点的印象，访问者对站点主题的理解可能会受到很大的干扰，甚至不知道作者要表达一个什么样的意思。所以，在制作的时候要注意以内容为核心，以形式为辅助，使二者统一起来。再有使用过多的图片，或者在设计网页形式的时候作了许多不必要的变化，引发的另一个问题就是网页下载速度的问题。一个巨大的图片可能会使网页的下载花费许多时间，甚至让人觉得不可忍受，对于那些上网速度比较慢的用户来说情况尤其严重。所以，在设计的时候，要把一些对站点主题没有作用的图片删除。在一些各大主页排行榜上名列前茅的优秀个人主页，它们大都有精美漂亮的首页，美工上的运用让人拍案叫绝，可以毫不夸张地说这些首页......>>

问题十：怎么建立一个自己的网站现在建网站很简单吧，凡科自助建站的平台，简单注册账号就有属于自己的网站，拖拽编辑式建站，就相当于是先拿到作品，想要什么风格都可以自己设计修改的，反正也是有免费版的，楼主可以注册个玩玩呗。之后有什么问题还是可以直接就问他们的客服的。

四、用photoshop设计网页首页时，设置多少精度出来的网页图片精度高？

通常我们说“图片精度”是指图像的分辨率（常用单位是dpi 即像素/英吋），这个值越大，说明图片精度越高，打印或者显示的图像越清晰。

但浏览器显示网页上的图片，是以象素为单位来显示的，图像分辨率的大小，不影响其显示效果，也就是设置精度，对于网页图片来说，没有什么意义。

举例来说，一张300*300像素大小的图片，其分辨率设置成72dpi或者300dpi，在显示器显示网页时，都占300像素的宽度，看不出任何不同。但如果你把这个图打印出来，那么前者会有4英吋宽，而后者只有1英吋宽，这样前者由于每个像素点会比较大，所以看起来就会模糊一些。

所以，我估计你的问题，是指的ps网页设计的时候，输出图片采用哪一种压缩方式及压缩比图片在网页上精细（清晰）。也就是说，你问题题中的精度，意思应该是清晰度，对吧？

网页设计中，对于图片来说，追求的并非高清晰度，原因很简单，因为网页最终是在网上使用的，由于受到网速的限制，清晰度越高的图片，其文件体积也会越大，网上传输就会慢，从而影响浏览体验，而压缩得厉害的图片，虽然加载速度快，但图片会不那么清晰。

所以，根据网页图片使用情况，在文件大小与清晰度之间选择一个平衡点，对须要清晰表现的图片，采用低的压缩比，而对不需要很清晰的图，则采用很高的压缩比。总之，这个没有一定的标准，是一个经验与技巧的问题。

另外，如果你的“精度”是指设计网页时，所选的图像大小（一般指图片宽度），那么，应该与网页实际大小相同，避免在出图时进行缩放，这样才能保证设计效果。目前，为适应大多数屏幕浏览网页，一般把网页的宽度设置在1000像素左右。

---以上回答，经验之谈，纯系手打，绝无复制，如对你有帮助，敬请支持和采纳---

以上就是关于网页设计首页相关问题的回答。希望能帮到你，如有更多相关问题，您也可以联系我们的客服进行咨询，客服也会为您讲解更多精彩的知识和内容。