怎么做网页（如何自己建立网页）

网页都是怎么做出来的？

网页就是使用一些工具，比如html、dreamviewer等等工具，一步步来搭建，制作出来的。

怎么创建一个网页？

怎么创建一个网页？制作一个完整的网页有哪些步骤吗？

一、明确网页主题

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

二、设计网页界面

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

三、制作发布网页

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

四、宣传优化网页

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

怎么做网页

一、打开froNTPage

二、新建一个网页：

单击菜单栏[文件]—[新建]—[网页]

三、对网页进行基本设置

设置网页标题、背景、背景音乐、左右边距：

步骤为：

A、网页空白处单击鼠标右键在弹出的菜单中选择“网页属性”，将会弹出一个对话框。

B、对话框第一选项“常规”中：

设置标题：直接输入你想好的网页标题；

设置背景音乐（一般选择MIDI音乐，推荐网址：），可以直接输音乐的网址，也可以下载到你的电脑上，通过“浏览……”找到，但下载的音乐要保存到你所建的文件夹里面。

C、单击对话框第二选项“背景”，设置网页背景。可以设为图片背景，也可以直接设颜色。

设图片为背景时，在“背景图片”前打“√”，然后单击通过“浏览……”(事先把找好的图片放在你建的文件夹里面，)找到图片即可。

（网页背景图片推荐网址：）

D、单击对话框第三选项“边距”，可以设置网页的左右边距,一般设置为0。

所有设好后，单击“确定”。如果想看效果，可以直接点击网页左下面的“预览”。

四、做网页

首先要规划你的网页样式，一般网页顶部是一个网页标志性图标，和一个图片，还包括你网页的菜单，它是通过表格形式实现的。

设置表格方法为：

1、添加表格：单击菜单栏“表格”—“插入”—“表格”，根据你的需要设置几行几列，一般将边框粗细设为0，那样在浏览网页的时候就看不到表格线；边距和间距如设为0，则单元格之间的就没有缝隙，可根据需要设置。

2、在表格里面插入图片：单击“插入”—“图片”—“来自文件”，在你的文件夹里找到你所需的图片（注：要把你事先找好的图片存在你新建的文件夹，从网上下载图片一般为鼠标指向你所找的图片，然后单击右键，在弹出的菜单中选择“图片另存为……”，保存到你的文件夹下，推荐网址：）。在网页里面插入图片和这方法一样。

3、设置网页菜单栏及表格背景：设置菜单栏也就是添加表格，添加表格的时候有几项就设几列（一般有自我简介、论文，试题、课件等），方法同上面所讲，这时可设置单元格边距为0，单元格间距不为0，这样每项之间就有分界线。

设置表格背景时：鼠标指向表格单击右键，在弹出的菜单中选择“表格属性”（如对某一个单元格设置背景，则选择“单元格属性”），设置方法同上网页背景设置。

其次，填充网页内容。可以直接向表格里面输入所需文字，也可以在网页里直接输入文字,文字排版同WORD里面的操作。

其3，增加特效。

添加滚动字幕：单击菜单栏“插入”—“组件”—“字幕”，将所需滚动的文字输入。再通过左下角的“样式……”—“格式……”—“字体……”设置字体字号颜色。

五、保存网页：单击“文件”—“保存”，出现对话框，网页文件名一定要是英文，不要用中文，并要把网页保存在你开始建的文件夹里。

六、网页的链接

按照上面的方法，做好几个网页保存在你建的文件夹里，然后通过链接把所有的网页链起来。

链接方法为：鼠标选中你所需做链接的文字或图片，单击右键，在弹出的菜单中选择“超链接”，弹出对话框；在对话框的中下面，有一个ULR,可以直接输入网址进行链接；但如果要链接到你计算机里的网页，要单击图标 ，在你的文件夹中找到与文字相对应的网页，然后“确定”。

怎么做网页 做网页的方法

1、首先得有这个软件，名字是Adobe Dreamweaver CS3，这个在网络上就能下到，提倡正版。

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

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

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

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

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

7、再次确认。

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

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

怎么制作自己的网页？

初级前端

主要学习三个部分：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、JSHint、JSLint，CSS预处理器less、sass,代码管理及版本控制svn、Git，web框架/服务器Node、Express，代码规范、HTML模块化、css模块化。

2.布局框架学习如Bootstrap。

3.新技术html5学习。

4.js框架学习，requireJS、 AngularJS等，往前端架构师靠近。

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.有良好的责任心和团队合作能力、能承受较大的压力；

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

做网页的步骤是什么？

网页制作步骤\x0d\x0a一、确定网站主题\x0d\x0a网站主题就是你建立的网站所要包含的主要内容，一个网站必须要有一个明确的主题。特别是对于个人网站，你不可能像综合网站那样做得内容大而全，包罗万象。你没有这个能力，也没这个精力，所以必须要找准一个自己最感兴趣内容，做深、做透，办出自己的特色，这样才能给用户留下深刻的印象。网站的主题无定则，只要是你感兴趣的，任何内容都可以，但主题要鲜明，在你的主题范围内内容做到大而全、精而深。\x0d\x0a二 搜集材料\x0d\x0a明确了网站的主题以后，你就要围绕主题开始搜集材料了。常言道：“巧妇难为无米之炊”。要想让自己的网站有血有肉，能够吸引住用户，你就要尽量搜集材料，搜集得材料越多，以后制作网站就越容易。材料既可以从图书、报纸、光盘、多媒体上得来，也可以从互联网上搜集，然后把搜集的材料去粗取精，去伪存真，作为自己制作网页的素材。\x0d\x0a三、规划网站\x0d\x0a一个网站设计得成功与否，很大程度上决定于设计者的规划水平，规划网站就像设计师设计大楼一样，图纸设计好了，才能建成一座漂亮的楼房。网站规划包含的内容很多，如网站的结构、栏目的设置、网站的风格、颜色搭配、版面布局、文字图片的运用等，你只有在制作网页之前把这些方面都考虑到了，才能在制作时驾轻就熟，胸有成竹。也只有如此制作出来的网页才能有个性、有特色，具有吸引力。如何规划网站的每一项具体内容，我们在下面会有详细介绍。\x0d\x0a四、选择合适的制作工具\x0d\x0a尽管选择什么样的工具并不会影响你设计网页的好坏，但是一款功能强大、使用简单的软件往往可以起到事半功倍的效果。网页制作涉及的工具比较多，首先就是网页制作工具了，目前大多数网民选用的都是所见即所得的编辑工具，这其中的优秀者当然是Dreamweaver和FroNTPage了，如果是初学者，FroNTPage2000是首选。除此之外，还有图片编辑工具，如Photoshop、Photoimpact等；动画制作工具，如Flash、Cool 3d、Gif Animator等；还有网页特效工具，如有声有色等，网上有许多这方面的软件，你可以根据需要灵活运用。\x0d\x0a五、制作网页\x0d\x0a材料有了，工具也选好了，下面就需要按照规划一步步地把自己的想法变成现实了，这是一个复杂而细致的过程，一定要按照先大后小、先简单后复杂来进行制作。所谓先大后小，就是说在制作网页时，先把大的结构设计好，然后再逐步完善小的结构设计。所谓先简单后复杂，就是先设计出简单的内容，然后再设计复杂的内容，以便出现问题时好修改。在制作网页时要多灵活运用模板，这样可以大大提高制作效率。\x0d\x0a六、上传测试\x0d\x0a页制作完毕，最后要发布到Web服务器上，才能够让全世界的朋友观看，现在上传的工具有很多，有些网页制作工具本身就带有FTP功能，利用这些FTP工具，你可以很方便地把网站发布到自己申请的主页存放服务器上。网站上传以后，你要在浏览器中打开自己的网站，逐页逐个链接的进行测试，发现问题，及时修改，然后再上传测试。全部测试完毕就可以把你的网址告诉给朋友，让他们来浏览。\x0d\x0a七、推广宣传\x0d\x0a网页做好之后，还要不断地进行宣传，这样才能让更多的朋友认识它，提高网站的访问率和知名度。推广的方法有很多，例如到搜索引擎上注册、与别的网站交换链接、加入广告链等。\x0d\x0a八、维护更新\x0d\x0a网站要注意经常维护更新内容，保持内容的新鲜，不要一做好就放在那儿不变了，只有不断地给它补充新的内容，才能够吸引住浏览者。\x0d\x0a在做我的个人网页这段时间里，我学到了好多东西，对网页有了一定的了解，当初上网，打开网页浏览时，从不去想这网页是怎么做的，我只是去看它的内容，网页做的好不好很少去问，只要有自己要的内容就行了。然而现在不一样了，现在自己要去学着做自己的网页了，这时候我才意识到，去看别人做的网页，不能光看内容了，它的布局，它的设计，对我的网页是有帮助的，我一定要去看，学习别人的特长。从此，不管上什么样的网站，看什么样的网页，我都不光去看它们的内容了，我还会去看它们的布局，看它们的代码，有的布局如此巧妙让我难以想像，这里面蕴涵了太多太多的技巧。好的网页我都迫不及待的把它们下载下来，以便日后为我所用。\x0d\x0a制作过程中，有时碰到一个自己不怎么会的技巧，真的很着急，热锅上的蚂蚁一样，但蚂蚁啃骨头，总算对自己有所交代。\x0d\x0a经过一段时间的摸索，逐渐觉得网页制作是一个系统工程，设计到了好多方面的知识，网页的布局就得像一个建筑师，网页的形象得需要一个美术师，以及掌握一些工具，比如最常用的Photoshop图像处理软件，flash制作软件等。这些都是我们做好网页的基础，余下的就是勤奋刻苦！\x0d\x0a总体来说，网页制作给了我很大的乐趣，我从中学到了好多的东西，我一直都说兴趣是我们最好的老师，网页制作是我的一个兴趣，而我们的老师让我的兴趣更加浓烈，让我有了学习的动力，我相信只要好好学，一定会学得很好。

本文链接：https://www.xxab.cn/post/1435.html 禁止转载！