怎么设计网页

【网页设计】方法如下：

1、将透明的LOGO用高于IE6的浏览器打开网页，然后采用FFPearlCrescentPageSaver全屏截图插件截屏。再采用PS或者Fireworks进行裁切LOGO部分。并替换透明背景LOGO。这样即使是渐变背景也能和LOGO保持一致。

2、布局上页面与页面之间存在相同部分要学会简化。当两个页面有部分板块相同，最好不要去让两个页面独立存在，可以将两个相同部分独立出来。采用程序调用共同部分。以减少网页代码。

3、网站重要页面最好有可更新或者可调用更新内容的板块以达到日常更新引蜘蛛爬行的目的，原因很简单，利于网站SEO优化。

4、网站要和互联网接轨要跟得上时代，别忘了在网站完成后给网站安装一个百度分享工具，或者新浪微博，这样做利于网站推广。感兴趣的话点击此处，免费学习一下

想了解更多有关网页设计的相关信息，推荐咨询【达内教育】。该机构已从事19年IT技术培训，并且独创TTS8.0教学系统，1v1督学，跟踪式学习，有疑问随时沟通。该机构26大课程体系紧跟企业需求，企业级项目，课程穿插大厂真实项目讲解，对标企业人才标准，制定专业学习计划，囊括主流热点技术，助力学员更好的学习。达内IT培训机构,试听名额限时抢购。

2、新建一名称为“框架”的图层，利用该图层实际整个网页的整体布局。首先选择“矩形选择工具”，然后将矩形的宽度设置为1024，高度设置为80，在文档的上下两侧各框选一部分内容并填充为黑色，从而使整个网页呈现“宽屏幕”效果。

3、在背景图层的上方新建一新图层，并命名为“背景颜色”。点击“矩形选择工具”，设置“宽度为400，高度为768，然后在窗口的左侧框选一部分内容，填充一种深绿色。然后点击“矩形选择工具”，设置“宽度为624，高度为768，然后在窗口的右侧框选一部分内容，填充一种浅绿色。填充两种颜色饱和度有一点差别的颜色，目地是产生较为明显的对比。

4、在“框架”图层之上再新建一图层，名称为“主体元素”。打开一张事先准备好的百合花图片，双击“背景”图层将其转换为“图层0”，点击“魔术棒”工具，在图片白色区域内点击，选择白色区域后，按下DEL键删除白色区域。然后拖放图片到图层“主体元素”上。

5、然后选择“矩形选择工具”，设置“宽度为624，高度为768，然后在窗口中选择花朵右侧的一部分内容，并调整其亮度和对比度，使花朵的左右两侧呈现明显的对比。对该页面进行细节的调整，增加一些导航栏，信息提示内容和版权信息等内容，最终制作完成的页面。

6、选择“切片”工具，然后对内容进行切分。切分的好处是有利于文件在网络上传输，同时在用切片工具划分内容时最好将需要被文字内容替换的部分进行独立分割。分割完成后的效果。

7、找到保存文件的位置，打开某某工作室.html文件，然后在内容区域内点击鼠标右键，选择“查看源文件”，就会发现对应的网页内容已经生成。至此，利用PS设计网页内容完成。

网页设计通常有哪些基本步骤呢？要想设计出漂亮的页面。需要熟悉哪些设计方法呢？以下仅供参考！

第一步. 收集与归纳素材

确定项目设计方案、确定项目创意要点、确定项目表现形式、确定项目文案以及确定项目相关素材。

第二步. 处理酝酿,构思画出项目原型图

让思想自由驰骋，发挥思维的灵活性；对前期收集的信息进行综合处理；运用各种方法勾画出若干可实施方案。

第三步：讨论并 总结可实施方案

对一众方案进行筛选并挑选出最具备可行性特质的方案。

第四步. 项目设计实施与后期校验

在整个项目进行过程中，都要对项目的各个关键点进行全面的思考，并要与项目相关的各个角色保持高效的沟通，善于抓住问题核心并能给出相应的解决方案，很多时候设计师的沟通水平决定了项目的进展、推进速度与最后输出成果的质量。

网页设计创意方法之一——借鉴创意法

特点：较适用于短平快．但又要求有细节的项目。

借鉴创意法可以从我们已知的一切入手，一如街边的路牌、途中的风景、斑驳的墙漆、月夜下的街灯，再到同行的案例启发，这些都是我们可以吸取的地方。相信我们都有逛网的习惯，这不仅是积累各方知识及了解时下流行视觉趋势的好方法，无形中也丰富了我们的创意阅历，为借鉴创意种下良好的因子。在工作中，当我们黔驴技穷，为找不出一个好的创意解决方案而挠头时，可以吸取日常工作、生活中的所见所闻，从其中的一个点，或者一个表现出发，借鉴其成功之处，拓宽创意思路，结合项目现状，给出优质的创意设计。

网页设计创意方法之二——情景(情感)映射创意法

特点：较适用于短平快．对情感有一定诉求的项目。

说明：情景创意法的'进行要求对一个想法进行纵向深入发掘，思维忌横向发散。

生活中，我们都是独一无二的，不同的成长的历程赋予了我们不同的阅历、不同的性格、不同的想法与世界观。我们每个人都有自己独一无二的想像力、理解力和判断力。于是乎，当我们面对同一件事物时，会做出不同的情感反映。同样的，在我们的日常创作过程中，也就有了不同视觉风格，不同创意想法的出现。

情景映射创意法是把我们所要表达的概念化的、抽像化的东西（如文案、主题等）丰富化、立体化。把这些所要表达的概念逐步的从低级抽象向高级抽象演变，直至获得满意的创意表达为止。

比如说春天，在想到春天的时候。在脑海里我们都会出现不同的元素，丰富而有诗意，绿色、和风、细雨、春泥、青草，还有风筝、燕子、踏青诸如此类。由此，我们可以充份发挥我们的主观能动性，融合主题创造出富有感染力的创意画面。

网页设计创意方法之三——思维导图创意

特点：要求有较好的视觉表现力，有思想深度、延展度的项目，如海报、平面、广告、富媒体等。

思维导图是一种放射性的创意模式，被认为是最自然的一种创意工具(自认为是这样)，很多时候，当项目对创意表达有较高的要求时，它是一个既简单有效又具有美感的创意工具。思维导图法以需要解决的问题为起点，把我们所认识的、与问题有关的元素进行联想细分，向外延展，再延展，充分发挥联想的创造力。然后思维再跳出来，把这些之前创造性的想法都结合起来，进而激发出我们创意的火花。

网页设计创意方法之四——头脑风暴与逆向思维

说明：较适用对整体创意有较高要求的项目，如大中型项目的创意起始阶段。

局限性：头脑风暴方法对会议的主持人有一定要求，要求具备相当的专业性与组织能力。

说起头脑风暴，似乎已经没有人不知道了；在创意工作开始的时候，想到的最优先的，也应该是头脑风暴，但在这里还是想提一下。因为始终觉得在众多创意方法中，头脑风暴确实是优秀的且可行性很高的创意方法之一。

头脑风暴的特点是：众志成城。是集众人才智解决创意缺失的良好方法。是众多创意方案的集合。是创意工作中的捷径。

2、规划网站的整体布局——导航、按钮、图片、文字的排版方式。做什么事都不能盲目地没有目的地进行，那样只能浪费时间浪费精力，在我们制作网页之前一定要对网页的基本元素进行一些设计。可以简单的画草图，或者浏览几个自己比较喜欢的网站学习借鉴。

3、准备和归类素材——图片、音频、视屏、文章等。制作一个网页需要大量的文件，我们必须先将这些不同类型的文件进行归类放置，整理到一个文件夹中。

4、打开Dreamweaver软件，新建一个站点，然后在站点下建立不同的文件夹存放素材。

5、建立自己的主页，按照之前的定的风格设计布局。不要急着添加图片和文字，先将导航栏，标题栏和内容栏都规划好然后在进行素材的导入。注意无论是文件夹的名还是素材名最好使用英文而不是中文。中文状态很容易报错，文件添加后就不要更改文件路劲了，否则会导致文件的丢失。

6、制作网页是一个非常复杂的过程，如果想从头到尾自己制作一个网页的话是很难说清楚的，所以这里就分享一个很简单的方法。找到一个适合自己风格或是自己比较喜欢的网页，右击鼠标——另存为。这时浏览器就会将这个网页中的所有的元素都复制下来，存放到一个文件夹中。

7、打开Dreamweaver软件代开刚刚下载的网页，这时Dreamweaver中就会显示你下载网页的所有元素，不会出现丢失的情况。

8、替换网页中的元素即可。选择需要进行修改的图片或是文字直接更换即可。选择一个元素然后在下面的属性栏中进行更换即可。同时还可以更换图片的大小和其他的属性。

9、按下F12进行预览效果即可。不满意的地方进行修改，一定要注意随时保存文件。

一、明确网页主题

网页的影响面是整个企业，所以一定要在网页建设之前确定好网页建设的主题。比如需要制作的网页是一个用于宣传企业形象的，或是推广企业产品的，还是服务型的。不同的需求对应不同的网页主题，也对应着不同的网页功能。不想要漫无目的的建站，想要确保网页的质量，那就要做好这一步。

二、设计网页界面

如今互联网上的网页有千千万万个，但是好的网页都有自己的特点，这都是要靠网页设计的。想要设计出好看又特别的网页界面，我们就要考虑到网页风格的选择，色彩的搭配，模块的布局等等。

三、制作发布网页

上面的都是策划的工作，这里就是实际的网页建设操作了。比较简单的方法就是直接套用现成的网页模板。当然制作网页并不止使用网页模板搭建这么简单，还需要进行域名注册、备案、解析，网页空间配置等一系列的工作之后，才能进行网页发布上线。

四、宣传优化网页

特别是对于新网页来说，宣传和优化是必不可少的，常见的方法就是广告宣传、seo优化网页排名等等方法。

(1) HTML：超文本编辑语言hyper text markup language(编写网页)

文本：用来描述数据，特别单调，只能输文字，不能变彩色，不能插入图片。超文本：丰富多彩的的展示文件

(2)www 【w(world)w(wide)w(web)万维网，因特网】

含义：建立在Internet上面的，全球的，交互的，多平台的，分布式的信息资源网络多平台的：操作系统 【window linux(Android) unix(iOS)】交互的：阅读、发表【CSDN】分布式的：有多台服务器为网络进行服务。

(3)万维网的组成：URL 【Uniform Resource Locator(统一资源定位符)网站】

HTTP【hypertext transfer protocal超文本传输语言】

(4)W3C 【HTML的标准制定者和维护者】

二、标签：【以尖括号开始，尖括号之间描述信息，就叫标签】列子： 对 错 对，分类：开始标签 结束标签

三、HTML文档结构

人=头(head)+身体(body）头>身体>人

四、记事本开发网页步骤

(1)新建文件.txt

(2)更改后缀【.hmtl】或【.htm】------[选中文件，点击f2--快捷方式]

(3)后缀名作用：告诉Windows系统，用什么样的程序打开文件。

(4)源代码：记事本打开 执行结果：网页打开

五、HTML注意事项

(1)标签成对出现。

(2)标签具有嵌套型

(3)排版问题：子标签的父标签之间应该有8个空格：一个tab键

(4)html不区分大小写，最好全部用小写

(5)标签有属性

tips:注意事项a：h1 align 中间要有空格；b：属性名：align 属性列：center 属性列要加"",之间要加 =

(6)注释

(7)换行和空格不管用【如何换行】

六、网页的基本标签

(1)头部标签：

(2)text 设定文字颜色

[或者使用颜色代码]：使用#和十六进制数据组成

(3)【背景颜色】：bgcolor 【背景图片】：

(4)文字标记：hello world

(5)hfbasbhgdshbfshp标签前后自动换行 且有align 三个属性【left center right】

(6)标题-------可以一直到6，并且自动换行也有align属性【left center right】

(7)空格： 版权符号

(8)文字修饰标记：加粗 加斜体 加下划线 删除线

(9)支持的图片：常用.jpg .gif .png

(10)如何引入图片 单个标签

(11)超级链接【从一个网络跳到另外一个网页】： 【非常重要的属性 href 要链接到的地址】

1-申请一个域名

2-开通一个网上空间,初期就弄个虚拟主机就可以了.将域名绑定在这个主机上.域名和空间都可以到中国万网 net 或者新网互联 dns/ 申请到。 穿3-制作网页.相应的软件有frontpage,deramweaver等等。复杂一些的还可以开发一些网络应用程序,使用数据库存储数据.

4-将制作好的网页以及其它相关文件通过FTP传送到主机上,一般来讲默认首页面为index 或者index index.asp index.jsp 等等之类的.也有文件名为default的，后缀有很多种，具体看服务器的支持，这里就不一一列举了。ftp软件有cuteFTP以及LeapFTP等多种。

5-在浏览器输入你的域名，浏览你的网站，检查效果。

6-告诉别人你的网址（就是你的域名地址），广而告之。

问题二：怎么在桌面建立一个网页链接？ 桌面点右键新建快捷方式--->输入网页地址(如: qq )--->输入名称(如:QQ)-->确定!不知道你的意思我理解是否正确?

希望采纳

问题三：建立一个自己的网站。怎么弄 1、首先，你要有一个域名，要去域名商那里购买，推荐阿里云。

2、其次，如果你要建简单的网站，就买一个最基础的空间吧。推进剂，也是阿里云。

3、可以利用别人的后台程序，比如你建立个人小站，就可以用wordpress这类程序，简单也方便操作。具体如何用wordpress ,可以研究一下。

问题四：如何建立一个HTML网页文件 打开记事本,输入以下内容 <title>你的标题 这部分是网页的主体 文件另存为格式,一个最简单的html文件就完成了

问题五：怎样创建一个网站？ 建议新手可以尝试下自助建站平台带来的便利，楼主可以看下凡科自助建站，注册个账号就能用的。

首先进入注册页面、注册一个凡科帐号，第二，登录后台，开始“网站设计”第三，选择网站模板，更改网站横幅，网站内容建设.....第四，点击“保存”，网站就制作完毕。

问题六：怎样把某一个网页的快捷方式建立在桌面上 1、首先打开你要创建快捷方式的网页，打开后点文件→发送→桌面快捷方式即可。

2、先把网页添加到收藏夹内，再到收藏夹内找到该网页并在该网页上点鼠标右键，发送到→桌面快捷方式即可.

方法很多的，自已试一下吧。

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

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

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

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

祝你好运！！

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

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

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

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

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

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

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

希望能够帮到你！

问题九：怎么创建一个网页（网站）？ 谢谢，最好有网址 1：如果是想拥有一个博客的话，那么可以去163、sina、sohu、baidu等直接申请就可以了。2：如果是想创建个人网站的话，那么可以在网上下个源码，找个免费空间和域名，把源码通过ftp上传到空间里，把域名解析到空间的IP上，就可以了。

3：如果是想建一个企业网站，那么就得买个空间和域名（一年500左右），可以选择用免费开源的cms（如dedecms、帝国cms等），也可以选择找网站建设公司为你开发程序（价格根据实际功能需求来定）

如果你是需要建企业网站，并且需要程序开发的话，你可以百度搜索：企业图

去了下，他们是做PHP开发的

2、打开界面，然后就进入这么个界面，因为一般做网页都是用表格来分割板块和规划界面，下来就插入一个表格简单示范。

3、点击插入记录里的表格。在这里设置表格属性，直接用1*1的。

4、可以随意拉伸调整，接下来我们插入一个图片。点击插入记录里的图像。选择图片并确定。

5、在点击确定后就会弹出这个窗口，这个是确认路径，在网页中每个板块的内容都是在服务器上有确定的路径以防止错乱。

6、这里还是确认路径，点击小文件夹图标，再次选择上次选择的图片，并确认。

7、再次确认。

8、添加完毕就是这样，根据图片分辨率不同插进后大小会不同，进行调整就可以了。

9、然后就可以用网页打开试试了，点击图标，会出现是否保存字样，将其保存到自己想要保存的文件路径就可以了，注意保存时文件后缀名.html不能改动。