具体步骤如下：

1、打开服务器中网站文件的目录，假设为D:\\abcd。

2、新建一个txt文件，文件名改为index.htm。index.htm文件是网站首页的链接，进入你的网站后第一个显示的就是这个文件上的内容。然后右键index.htm—>打开方式—>记事本。

3、现在可以添加html代码，使得网页显示文本。<p></p>是html中段落的标签，<p>是开始符，</p>是结束符，两个符号之间的字会显示在网页上。在index.htm中添加一行：<p>声明：这是一个个人网站，网页里的内容均为站主原创，请勿用于违法行为。</p>；下图为效果截图。

4、还可以为网页添加图片，图片的标签是<img>。假设图片文件的路径为D:\\abcd\pic\123.jpg，则在index.htm中添加一行：<img src=pic/123.jpg>。下图为效果截图。

5、添加链接的标签是<a></a>。在index.htm中添加一行：<a href="">百度，前面是链接，这里是显示的字。</a>下图为效果截图，点开蓝字，则会跳转到"百度一下"。

6、完成上述步骤后，即可制作个人网页。

自己做网站的步骤如下：

1、域名注册。网站建设首先你需要一个属于你自己的网址，也就是域名。

2、网站空间注册。网站空间是用来放网站程序的。网站空间分为ASP、PHP、NET，三种类型。

3、网站备案

国内的网站空间都需要备案，没有备案的网站不允许上线。

4、上传网站程序

网上有很多免费网站程序，论坛（discuz）、博客（Emlog、WordPress、Z-blog）、综合站（PageAdminCMS系统）等，根据自己的网站来选择程序。

5、添加网站内容。我们可以在备案期间来完成网站内容添加，添加网站内容也是比较简单。进入网站后台新建网站栏目，自己需要几个栏目就建几个。

6、解析域名和绑定域名。备案号后通过我就可以把域名解析到空间IP上了，域名解析完成后，再在空间的管理面板上把解析好的域名绑定。在地址栏输入你的域名。就可以访问到你的网站。

初级前端

主要学习三个部分：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.有良好的责任心和团队合作能力、能承受较大的压力；

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

转载请注明：片头模版 » 如何制作自己的网站教程图片(自己如何做网站)