文章大纲：

• 1、怎样做网页设计
• 2、怎么 *** 自己的网页？
• 3、怎样 *** 网页？
• 4、如何 *** 一个网页页面
• 5、网页设计，怎么做？
• 6、如何进行网站 ***

怎样做网页设计

一、准备知识，包括学会使用各种网页 *** 的工具软件。

二、认真思考自己要做的网站内容及用途来确定 *** 网页的风格。但总体网页设计要遵循一些必要的隐性要求：

1.简洁性：能让浏览者一目了然，不使浏览者感到繁琐并且无法找到其所需内容。2.突出主题：一个没有主题的网页同样会使人失去浏览的兴趣。3.实用性：一个网页即使漂亮倘若对浏览者一无所用也无法吸人眼球。有一句话说：只有被需求才能生存。

三、搜集资料，比如网页中可能要用到的图片，文字及其它内容。善于使用搜索引擎如百度，谷歌，来查询自己所需的资料。

善于使用 *** 上已有的信息及内容，比如一些开源的代码等。（ *** 是一个大杂烩，各种信息鱼目混珠，各色人物鱼龙混杂，要学会辨别。）

四、关注自己所 *** 网页的内容与社会时代的相符性，及时更新网页版面。

五、将目光放长远，不断学习。如果你要学习网页建站代码的知识，你来这个群一起来学习。这个的之一组数字是431。第二组的数字是011，第三组的数字是879。就是这三组数字结合起来就可以进来学习了。每天都有网页代码建站的课程知识。如今互联网的发展极其神速，各种技术日新月异。只有不断的学习进步，才能跟得上时代的潮流，你的网站才能立于不败之地！

【学习网页建站需要掌握的软件】

1.DreamWeaver

自制动态HTML动画的网页

DreamWeaver是一个很酷的网页设计软件，它包括可视化编辑、HTML代码编辑的软件包，并支持ActiveX、JavaScript、Java、Flash、ShockWave等特性，而且它还能通过拖拽从头到尾 *** 动态的HTML动画，支持动态HTML(Dynamic HTML)的设计，使得页面没有plug-in也能够在Netscape和IE 4.0浏览器中正确地显示页面的动画。同时它还提供了自动更新页面信息的功能。

DreamWeaver还采用了Roundtrip HTML技术。这项技术使得网页在DreamWeaver和HTML代码编辑器之间进行自由转换，HTML句法及结构不变。这样，专业设计者可以在不改变原有编辑习惯的同时，充分享受到可视化编辑带来的益处。DreamWeaver更具挑战性和生命力的是它的开放式设计，这项设计使任何人都可以轻易扩展它的功能。

2.Fireworks

之一款彻底为Web *** 者们设计的软件

Fireworks的来头实在不小，它的出现使Web作图发生了革命性的变化。Fireworks是专为 *** 图像设计而开发，内建丰富的支持 *** 出版功能，比如Fireworks能够自动切图、生成鼠标动态感应的javascript。而且Fireworks具有十分强大的动画功能和一个几乎完美的 *** 图像生成器(Export功能)。它增强了与dreamweaver的联系，可以直接生成dreamweaver的Libaray甚至能够导出为配合CSS式样的网页及图片！

3.flash 、photoshop

flash是动画设计软件，photoshop是图片处理软件，这些图片设计处理软件也属于常用的网页 *** 软件。为了丰富网页的内容，增加网页美观性，网页 *** 中经常还需要应用各种图片，这些图片需要用专门的图像处理软件来设计。

学习Dreamweaver、flash、fireworks、ps等软件综合运用，让创意为用户服务，培养学员独立思考、创作的良好习惯和先进的设计理念，培养创新型网页设计师！

怎么 *** 自己的网页？

初级前端

主要学习三个部分：HTML，CSS，JavaScript

一、html + css部分：

这部分特别简单，到网上搜资料，书籍视频非常多。css中盒子模型，流动，block，inline，层叠，样式优先级等这些自学起来也是非常容易。最后再深入了解下浏览器差异性，ie9以下兼容简单了解就行了，ie9以下浏览器被淘汰掉是趋势，低版本没必要浪费大量时间去学习兼容主流浏览器，google chrome浏览器、firefox浏览器、safari浏览器、opera浏览器即可。浏览器差异内容很多，建议在实践中多多积累。

二、JavaScript部分。

1.基础学习：

难点，也是重点，要学的内容实在很多，如果没有其他编程语言的基础的话，学起来可能要费些力，有很多比较抽象的概念，必须要深入理解，比如闭包、原型、面向对象、封装等，要理解透彻。看书是必不可少的，找一本优秀的js书从头到尾，反复研究学习，之一遍可以快速翻阅，大体知道了解概念即可，第二三遍就需要深入学习了。另外，js面向对象编程必须要学习，非常重要，个人推荐一本书， Stoyan Stefanov著，凌杰译的《javascript面向对象指南》。边学边练，实践出真知。

针对那些有条件的人来说，很多小伙伴更喜欢的是自学。但是一个人自学毕竟力量是有限的，为了让想学习的人可以更好的学习，给大家推荐一个裙，前面是6 1 1，中间是肆 二 8，最后面就是壹 四 二，这里有很多想学习的人和你一起交流，也有大牛每天晚上免费教学，想要学习的人都可以加入我们，但是我们只欢迎想学习的人，不是来学习，随便看看的就不要进了。

2.jQuery学习：

这些基础知识掌握好之后，还需要学jQuery，这是一个非常优秀的Javascript库，大型开发必备。它简化了Javascript的复杂操作，消除了Javascript跨平台兼容问题，提供了大量实用 *** ，有良好的文档和帮助手册，是一个非常成熟的Javascript库。慕课网学习视频幕课网。学习 *** 也很简单，照着产品文档做几个页面就行了，不用面面俱到，以后遇到问题查文档就行了。

大概流程就是这样，如下图所示：

3.进阶学习：

有了以上知识，对于大多数小型网站，你应该已经可以写出能够工作的代码了。但要想成为更专业的前端，你还需继续努力。更高的要求大概还有四方面：易维护，可测试，高性能，低流量（移动端）。

中高级前端

1.工具学习习：大型项目中，前端代码构建已经不是简单的压缩一下了，依赖管理、模块合并、各种编译步步不可缺少，需要学会使用grunt、gulp等前端构建工具，要学习的还有：包管理器bower、npm，代码优化CSS Lint、 *** Hint、 *** Lint，CSS预处理器less、sass,代码管理及版本控制svn、Git，web框架/服务器Node、Express，代码规范、HTML模块化、css模块化。

2.布局框架学习如Bootstrap。

3.新技术html5学习。

4.js框架学习，require *** 、 Angular *** 等，往前端架构师靠近。

5.nodejs学习。

到 *** 网站，参考任聘要求，准没错，举例如下：

1.精通html和css，能 *** 符合W3C标准的静态页面；

2.精通JavaScript编程，对面向对象编程思想有深刻理解；

3.精通主流Javascript库/框架jQuery；

4.理解并掌握JavaScript语言核心技术DOM、BOM有Javascript性能优化经验；

5.对浏览器兼容性有深入的研究，精通各种浏览器问题 ；

6.了解Backbone.js、AngularJs等MVC框架并有实际项目开发经验；

7.了解等服务器后台技术和拥有一定的C#编程能力者优先；

8.对交互体验、可用性、用户体验有一定程度的理解；

9.有良好的责任心和团队合作能力、能承受较大的压力；

自己动手搜索下吧，确定目标和方向，以上是个人路线，仅供参考。

怎样 *** 网页？

一、做好网站页面文件

二、申请域名（即网址：这个要花钱），有专门的 *** 公司卖域名

三、购买空间（即存放你网站文件的磁盘空间），有专门的 *** 公司卖域名，这个也要花钱

四、 *** 公司告诉你FTP地址：帐号及密码，你通过在IE地址栏里输入：FTP//地址。上传你做好的网页文件，即可输入通过你购买的域名来访问了

五、需要在互联网信息中心备案，备案地址：，也可以要求你购买空间的 *** 公司帮你备案。

以下是做整个网站的步骤

网站 *** 步骤基本为：设计、切割、代码生成、发布。而在此之前，应该规划出网站的结构，包括页面数、栏目设置等。

1.设计

进行页面总体规划，包括风格、布局等。网站 *** 要有整体风格，各部分要保持协调，整个页面看起来才不显得凌乱。然后用平面设计软件 *** 整个页面，常用的软件有Adobe

Photoshop、CorelDraw、Macromedia

Fireworks等。Photoshop是平面设计的大拿，笔者也一直用它做页面设计，它从6.0版开始特别增强了对网页 *** 的支持，显得非常方便。现在流行的Fireworks是Macromedia网页 *** 三剑客的重剑手，由于它与Dreamweaver及Flash无缝集成，越来越受到网站 *** 人的欢迎。

2.切割

做完第1步，我们得到的只是一个图片文件，还没集成网页上应该有的元素。接下来要将图片按 *** 需求切割成小图。切割功能前面提到的两个设计软件中已经集成了（如Photoshop中提供的切片工具），不需要专门的软件来处理。

3.代码生成

这是整个 *** 过程中最重要的一环。我们要用HTML语言将切割下来的组件按整体设计“拼装”回去。众所周知，HTML语言是一种标记型语言，不须要编译就可以直接在浏览器中执行。所以理论上，我们可以用记事本等文本编辑工具来写代码。手写代码虽然被看作是一种很“酷”的行为，但是很耗时间，而且很难精确地控制格式。这时，便该专门的HTML编辑软件出场了。

HTML编辑软件大体上可分为两类：一类是代码型，典型代表为Homesite、Hotdog等；一类是所见即所得型，典型代表为Frontpage。也有两者兼具的，就是大名鼎鼎的Macromedia

Dreamweaver。代码型实际上就是一个文本编辑器，不同的是，它可以有专门的代码提示功能，用起来比较方便。所见即所得是目前大家最推崇的方式，因为可视化的编辑基本丢弃了代码，方便快捷。

说到Dreamweaver，笔者就不多介绍了，我相信大部分的网站 *** 人都使用它在工作。Dreamweaver提供了代码编写模式和设计模式（即所见即所得），并且首次将“层”概念引入网页 *** 。Dreamweaver几乎可以满足所有人的需求，甚至还提供了ASP、PHP等脚本语言的代码提示。

4.发布

将 *** 好的页面放到服务器上，以便更多的人能浏览。发布通常采用FTP的方式，将文件上传到服务器。目前的网页 *** 工具基本上都有发布工具，可以通过各种方式发布你的页面，如Dreamweaver中的“站点管理器”。用户亦可使用FTP客户端软件进行这步操作

如何 *** 一个网页页面

如何 *** 网页?如何做一个自己喜欢的网站呢?看到别人有自己的网站是不是有点羡慕呢?当然。比较复杂的网站就需要很多技术上面的知识咯。比如javascrpt、jquery、ajax、flash等等!这些都只是让网站的页面好看。使静态的网站变为动态的。那如何 *** 个简单的网页呢?那么先用Dreamweaver ，Frontpage做,然后细节用Homesite，Hotdog修改,图片用Photoshop动画用fireworks ，Adobe ImageReady ，Flash然后申请空间，域名，大多数都是收费的，最后用软件上传就成了。

在开始 *** 之前，我们先对这个页面进行一下分析。看看这个页面用到了哪些东西。

1.网页顶端的标题“我的主页”是一段文字。

2.网页中间是一幅图片。 □最下端的欢迎词是一段文字。

3.网页背景是一深紫红颜色。 构思好这个网页的结构，我们就可以开始 *** 了。

1

解决 *** 与步骤：

1.首先启动Dreamweaver，确保你已经用站点管理器建立好了一个网站(根目录)。 为了 *** 方便，请您事先打开资源管理器，把要使用的图片收集到网站目录images文件夹内。

2

2.然后在创建新项目下面点击HTML，下面常用到的有javascrpt，和CSS样式。

3.进入页面编辑设计视图状态。在一般情况下，编辑器默认左对齐，光标在左上角闪烁，光标位置就是插入点的位置。如果要想让文字居中插入，点属性面板居中按钮即可。启动中文输入法输入“我的主页”四个字。字小不要紧，我们可以对它进行设置。

2

4.使用插入栏：单击插入栏对象按钮选按钮，弹出“选择图像源文件”对话框，其余操作同上。

5.使用面板组“资源”面板(如下图)：点按钮，展开根目录的图片文件夹，选定该文件，用鼠标拖动至工作区合适位置。

6.在图片右边空白处单击，回车换行。仍然按照上述 *** ，输入文字“欢迎您„„”然后，利用属性面板对文字进行设置。保存页面。 一个简单的页面就这样编辑完毕了。

5

7.在页面编辑器中按F12预览网页效果。 网站中的之一页，也就是首页，我们通常在存盘时取名为index.htm。

6

在很多时候，我们都需要html的静态页面代码，那么我们介绍一下静态页面的代码。

html/html：静态网页源代码首尾结构标记，代码内呈现网页所有内容

body bgcolor=背景色；/body：网页主体部分

title/title：标签内显示出网页台头的标题名，用于head/head标签之内

meta name=关键字 content=IT，教育， *** ”：设定搜索关键字

网页设计，怎么做？

一、确定网站主题

网站主题就是你建立的网站所要包含的主要内容，一个网站必须要有一个明确的主题。特别是对于个人网站，你不可能像综合网站那样做得内容大而全，包罗万象。

二、搜集材料

明确了网站的主题以后，你就要围绕主题开始搜集材料了。常言道：“巧妇难为无米之炊”。要想让自己的网站有血有肉，能够吸引住用户，你就要尽量搜集材料，搜集得材料越多，以后 *** 网站就越容易。

三、规划网站

一个网站设计得成功与否，很大程度上决定于设计者的规划水平，规划网站就像设计师设计大楼一样，图纸设计好了，才能建成一座漂亮的楼房。网站规划包含的内容很多，如网站的结构、栏目的设置、网站的风格、颜色搭配、版面布局、文字图片的运用等，你只有在 *** 网页之前把这些方面都考虑到了，才能在 *** 时驾轻就熟，胸有成竹。

四、选择合适的 *** 工具

尽管选择什么样的工具并不会影响你设计网页的好坏，但是一款功能强大、使用简单的软件往往可以起到事半功倍的效果。

五、 *** 网页

材料有了，工具也选好了，下面就需要按照规划一步步地把自己的想法变成现实了，这是一个复杂而细致的过程，一定要按照先大后小、先简单后复杂来进行 *** 。所谓先大后小，就是说在 *** 网页时，先把大的结构设计好，然后再逐步完善小的结构设计。

六、上传测试

网页 *** 完毕，最后要发布到Web服务器上，才能够让全世界的朋友观看，现在上传的工具有很多，有些网页 *** 工具本身就带有FTP功能，利用这些FTP工具，你可以很方便地把网站发布到自己申请的主页存放服务器上。网站上传以后，你要在浏览器中打开自己的网站，逐页逐个链接的进行测试，发现问题，及时修改，然后再上传测试。全部测试完毕就可以把你的网址告诉给朋友，让他们来浏览。

七、推广宣传

网页做好之后，还要不断地进行宣传，这样才能让更多的朋友认识它，提高网站的访问率和知名度。推广的 *** 有很多，例如到搜索引擎上注册、与别的网站交换链接、加入广告链等。

八、维护更新

网站要注意经常维护更新内容，保持内容的新鲜，不要一做好就放在那儿不变了，只有不断地给它补充新的内容，才能够吸引住浏览者

如何进行网站 ***

1、明确网站的目的、主题和名称

做网站要干什么，是选择展示型网站还是交易型网站？这个 *** 之前就要明确。主题要小而精:定位要小，内容要精。名称也要好记响亮。

2、确定网站的标志(logo)

就如同商标一样，标志是你站点特色和内涵的集中体现，看见标志就让大家联想起你的站点。标志的设计创意来自你网站的名称和内容。

3、确定网站的标准色彩

网站给人的之一印象来自视觉冲击，确定网站的标准色彩是相当重要的一步。不同的色彩搭配产生不同的效果，并可能影响到访问者的情绪。一般来说，一个网站的标准色彩不超过3种，太多则让人眼花缭乱。标准色彩要用于网站的标志，标题，主菜单和主色块。给人以整体统一的感觉。至于其它色彩也可以使用，只是作为点缀和衬托，绝不能喧宾夺主。

4.确定网站的标准字体

和标准色彩一样，标准字体是指用于标志，标题，主菜单的特有字体。一般默认字体是宋体。为了体现站点的"与众不同"和特有风格，我们可以根据需要选择一些特别字体。例如，为了体现专业可以使用粗仿宋体，体现设计精美可以用广告体，体现亲切随意可以用手写体等等。

5、设计网站的宣传标语

宣传语可以说是网站的精神，网站的目标。用一句话甚至一个词来高度概括。类似实际生活中的广告金句。例如:鹊巢的"味道好极了";麦斯威尔的"好东西和好朋友一起分享";Intel的"给你一颗奔腾的心"等等。

6、确定网站的栏目和目录结构

网站的题材确定后，收集和组织相关的资料内容并设计目录，目录结构的好坏，对浏览者来说并没有什么太大的感觉，但是对于站点本身的上传维护，内容未来的扩充和移植有着重要的影响。