怎么制作自己的网页？

对于前端开发比较关注的小伙伴们一定非常关心怎么制作自己的网页？，今天我爱编程网小编为大家整理了以下内容，下面一起来看看吧。

本文目录一览：

• 1、前端网页简历模板
• 2、怎么制作自己的网页？
• 3、如何在github上搭建自己的博客_html/css_WEB-ITnose

前端网页简历模板

写好简历对前端网页求职者求职成功起着非常重要的作用。以下是我为大家整理的前端网页简历模板，希望你们喜欢。
前端网页简历模板(一)
姓名：xxx

国籍：中国

目前所在地：广州

民族：汉族

户口所在地：湖南

身材：158 cm　46 kg

婚姻状况：未婚

年龄：25 岁

培训认证：

诚信徽章：

求职意向及工作经历

人才类型：普通求职

应聘职位：网页设计师/美工:设计师 　 网站策划 文案策划 　 广告 设计/策划 项目管理与策划

工作年限：4

职称：无职称

求职类型：均可

可到职-随时

月薪要求：3500--5000

希望工作地区：北京 北京 北京

个人工作经历：2005.3-2008.2 二年前台网页设计,文案写作和制作，ASP代码的编写，动画片头,动画BANNER设计与制作，后台页面框架设计和各功能的分析与实现，功能分配图表设计。其作品有:;;,;;;;;;;;;;;;;;;;;;;;等40多个网站设计与制作.

2004.12-2005.2娄底宏远电脑学校网页设计、FLASH动画设计辅导老师。

教育 背景

毕业 院校：邵阳学院

最高学历：大专

毕业-2003-06-01

所学专业一：行政管理

所学专业二：网页设计

受教育培训经历：2004.7-2004.12宏远电脑学校培训网页设计，并以优异的成绩毕业于校且被留校任辅导老师(网页设计与动画设计)

2000.9-2003.6邵阳学院，攻读行政管理专业三年。在校期间任班内团知书，各专业成绩优秀。予以毕业

语言能力

外语：英语　良好

国语水平：良好

粤语水平：一般

工作能力及其他专长

为人热诚，朴素大方，活泼开朗，具有坚强的毅力和较强的沟通能力，人际关系处理较好，有强烈的团队精神，以忠诚、务实、拼搏、勤奋来提升自己、完善自己，并能熟练使用Dreamweaver,Flash,Photoshop,corelDRAW等各设计软件，能用DIV+CSS布局网页设计。
前端网页简历模板(二)
基本信息

姓 名：陈xx

性别：男

婚姻状况：未婚

民族：汉

户 籍：广西

年龄：27

现所在地：南宁

身高：174

联系电话：135*****

电子邮箱：xuexila.com

求职意向

希望岗位：原画/动画/3D设计，网页设计/制作/美工/UI，平面设计总监/经理/主管

工作年限：职称：无职称

期望薪资：面议

求职类型：全职

到岗时间：随时

个人工作经历

**公司

起止年月：2011-03 ～ 2012-04

公司性质： 中外合资

所属行业：医疗/护理/保健/卫生

担任职位： 企划设计主管

工作描述： 公司总部及下属门诊部项目企划设计及对外宣传平面媒体广告设计及制作流程跟踪把关验收，电子书/杂志排版制作等设计。公司VI　网站项目策划及 网站美工　FLASH动画　3DMAX场景设计。

离职 原因：

**公司

起止年月：2009-05 ～ 2011-02

公司性质： 外商独资

所属行业：计算机/互联网/通信/电子

担任职位： 网络技术 部主管

工作描述： 公司VI　平面宣传广告　网站项目策划 网站美工　FLASH动画　3DMAX场景制作　电子书/杂志排版制作等设计。

离职原因： 个人原因

**公司

起止年月：2007-03 ～ 2009-04

公司性质： 外商独资

所属行业：计算机/互联网/通信/电子

担任职位： 美工部主管

工作描述： 1、3D动画效果设计。2、公司VI/平面宣传广告/FLASH片头动画/网页FLASH动画/全FLASH网站设计。AS语言。3、网页前台设计及网站维护管理。

离职原因： 个人原因

**公司

起止年月：2006-08 ～ 2007-01

公司性质： 私营企业

所属行业：石油/化工/矿产/地质

担任职位： 设计师

工作描述： 1、现场量尺寸计算用料,绘制CAD图,发回工厂制作。2、展柜3D效果图设计。

离职原因： 个人原因

**公司　　 起止年月：2005-05 ～ 2006-06

公司性质： 私营企业

所属行业：广告

担任职位： 设计师

工作描述： 1、3DMAX效果图设计。2、平面广告设计。

FLASH动画设计。

离职原因： 个人原因

**公司

起止年月：2003-09 ～ 2005-03

公司性质： 私营企业

所属行业：石油/化工/矿产/地质

担任职位： 广告营削策划

工作描述：

广告营削策划设计(宣传POP海报/宣传册/大型户外广告，招牌/店头招牌)

3DMAX效果图设计(加盟店效果图设计)

仓库系统维护(产品编码录入，设定利润值及数据库管理)

超市收银系统管理(扫描编码录入/入货价格设定，设定利润值及数据库管理备份)

离职原因： 个人原因

教育背景

毕业院校： 广西建筑材料工业学院

最高学历： 大专

获得学位: 大专

毕业日期： 2003-07

专 业 ： 建筑装饰

起始年月 终止年月 学校(机构) 所学专业 获得证书 证书编号

1999-07 2003-07 广西建筑材料工业学院 建筑装饰 毕业证

语言能力

外语： 英语一般

粤语水平：良好

国语水平：良好

工作能力及其他专长

1、4年的设计专业学习接受过正规的美术教育，具有较好的美术手绘功底及艺术素养和8年的工作 经验 熟练应用：3DMAX ,Vray喧染器 ,Lightscape ,CAD ,Photoshop ,coreldraw , AIFlash ,Dreamweaver ,fireworks等各类设计软件。

2、能够独立或者团队合作高效率地完成工作。

3、对公司产品及项目的宣传企划设计有相当丰富的经验。

自我评价

工作脚踏实地，善于创新、敢于迎接挑战。有很强的精力投入工作。学习能力强、乐业敬业,强调团体合作精神。
前端网页简历模板(三)
目前所在： 荔湾区

年　　龄： 20

户口所在： 阳江

国　　籍： 中国

婚姻状况： 未婚

民　　族： 汉族

培训认证： 未参加

身　　高： 150 cm

诚信徽章： 未申请

体　　重：

人才 测评： 未测评

我的特长：

求职意向

应聘职位：网页设计/制作/美工：

工作年限： 3

求职类型： 实习

可到职日期： 随时

月薪要求： 1000--1500

希望工作地区： 越秀区,天河区,海珠区

工作经历

苏宁电器(广州市)

起止年月：2010-10 ～ 2010-10

公司性质： 中外合资

所属行业：服务业

担任职位： 后台客服

工作描述： 后台协助物流部门工作让我加强了与客户的沟通协调能力，也提高了处理问题的能力，工作认真、勤奋，得到好评。

教育背景

毕业院校： 广州市工贸技师学院 广东商学院

最高学历： 大专

获得学位:

毕业日期： 2011-07

专 业 一： 电子商务与 财务管理

专 业 二：

起始年月 终止年月 学校(机构) 所学专业 获得证书 证书编号

2008-09 2011-07 广州市工贸技师学院 电子商务与财务管理 助理电子商务师 办公软件 -

语言能力

外语： 英语 　一般

粤语水平： 良好

其它 外语能力：

国语水平： 良好

工作能力及其他专长

本人主修课程：会计基础、财务会计、中级财务会计、工业会计、电子商务、经济学、管理学、中国税制、统计学、应用文写作等。熟悉的软件有：办公软件、会计电算化、网页制作、Fhotoshop、Dreawearn。

详细个人自传

本人性格开朗做事认真、负责，有耐心，心思敏捷，能吃苦耐劳。本人曾在学校参加学生会，并获得“优秀学生干部”，同时加入教务助理组，协助老师管理学校秩序和考勤记录工作。也曾在教务助理组协助主席举办 辩论 赛并担任主持人，并获得“优秀主持人”称号。年轻代表着热情有活力，希望能在往后学到更多的经验和知识。

怎么制作自己的网页？

初级前端
我爱编程网

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

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

如何在github上搭建自己的博客_html/css_WEB-ITnose

之前闲暇之余尝试着在github上搭建自己的博客，搭建过程中发现没有自己想象的那么容易，几经波折，好不容易才搭建好了雏形。现在就将在github上构建自己博客的整个流程好好总结一下。
注：本文并非完全原创，在搭建自己博客的时候，我也上网查阅了很多资料，只是网上我所查到的资料或多或少都有这样那样的欠缺。所以，我将这些资料整合在一起，并分享我在构建过程中遇到的问题和解决方法。
另外，在github构建自己博客并非只有一种方法，我整合出来的只是其中的一种。
1.建立一个项目 先在GitHub创建一个项目，名字随意，尽量全部小写字母，避免随后会碰到的URL冲突问题。
1.1 在自己github右上角上，点击+号按钮，在出现的菜单中选择 New repository
1.2 进入到创建仓库页面，给仓库命名并给于描述之后，点击create repository按钮创建仓库
项目创建完毕。
2.安装Git git是一个免费的、分布式的版本控制工具，或是一个强调了速度快的源代码管理工具。
git的安装地址()
关于git的具体安装步骤可参考
关于git的常用命令可参考-guide/
3.clone项目 本地运行Git，随意选个目录，将刚才创建的项目clone下来。
例：
cd /e/bloggit clone EX.github-io
4.建立配置文件_config.yml 注意：之后建立的所有文档务必使用UTF-8 无 BOM(隐藏字符) 的编码保存
在项目的根目录下打开git命令行界面，输入命令 >> _config.yml 新建文件 _config.yml ，填写 baseurl: /blogdemo ， blogdemo是你的项目名称，这一行内容规定了整个网站的根路径。
例：
baseurl: /EX.github-io
目录结构变为
/EX.github-io |--_config.yml
5.建立主页 在根目录下新建文件 index.html ， 内容如下：
---title: Hello, My Blog---{{ page.title }}
每篇文章的头部，必须有一个yaml文件头，用来设置一些元数据。它用三根短划线"---"，标记开始和结束，里面每一行设置一种元数据。"title: Hello, My Blog"，表示该文章的标题是"Hello, My Blog"，如果不设置这个值，默认使用嵌入文件名的标题，即"hello world"。
在yaml文件头后面，就是文章的正式内容，{{}}这些是Liquid模板语言,在{{}}里面我们可以使用模板变量。{{ page.title }} 表示“本页面的标题”，因为我们前面设置了title为Hello， My Blog。所以到时候进入到博客首页，title 就会显示相应的文案。
目录结构变成：
/EX.github-io |--_config.yml |-- index.html
6.在_posts内撰写文章，并在首页加入文章列表 现在首页有了，那我们怎么发博文上去呢？
回到项目根目录， 打开git bash，运行 mkdir _posts 新建一个目录，看名字也知道啦，这里存放你所有的文章。
进入_posts目录，新建一篇文章。注意默认的文件名格式是 year-month-day-postTitle 这样。比如 2015-05-05-my_first_article.md，尽量避免空格或者其他乱七八糟的字符，这个文件名将作为URL的生成依据。文件名的格式可以通过修改 _config.yml中的 permalink 属性而改变，默认值为 date ，也就是我们刚刚创建的文件的样子，具体的规则可以看这里。
如果你发现了我刚才创建的文件后缀名是 .md ，熟悉GitHub或者StackOverFlow的朋友应该知道Markdown 格式。对于不熟悉前端的人来说，用markdown可以避开HTML，转而使用更加直观的Markdown语法。如果不熟悉Markdown语法也没关系，可以参见这份Markdown 语法说明，应该说是相当易学，并且在熟悉之后非常易用的。而作为一个前端开发者来讲，我还是更倾向于用html。
回到主题，打开刚才创建的文件，输入如下内容：
---title: 我的第一篇文章---# {{ page.title }}## 目录+ [第一部分](#partI)+ [第二部分](#partII)+ [第三部分](#partIII)----------------------------------## 第一部分 这里是第一部分的内容----------------------------------## 第二部分 这里是第二部分的内容----------------------------------## 第三部分 这里是第三部分的内容{{ page.date|date_to_string }}
这段内容中使用了最常用的几种Markdown语法，比如使用 # ，## 表示 HTML 中的, 。使用[text](link)创建超链接，使用 连续多个 - 创建水平线（注意：不包括最上端包围title所使用的横线，那里表示一个页面的“头属性”），等等。更多详细的语法可以在之前提到的页面查询，这里不再赘述，总之，这是一种更加贴近真实写作的语法，推荐大家尝试。
页面最后面的那个 {{ page.date|date_to_string }} 是指显示本页的日期属性，并且转换为可读的字符串形式。同样也是Liquid语法。
OK，第一篇文章就写好了，然后到主页给文章加上入口链接。
打开我们的 index.html 文件，添加内容，变成下面这样：
---title: My Blog---{{ page.title }}{% for post in site.posts %}{{ post.date|date_to_string }} {{ post.title }}{% endfor %}
简单解释一下，Liquid标记最主要分为两种，一种是直接输出变量内容，像这样：
{{ page.title }}
另一种则是逻辑命令形式的，像这样：
{% for x in y %} ... {% endfor %}
而刚才写进主页的内容，就是遍历所有post文件，然后逐一显示在页面上，这里需要注意的一点就是在创建文章的超链接时，除了 post.url 之外，也要注意在前面加上site.url ，原因前面也有提到过，我们正在创建的是 Project Pages 类型的网站，其最终生成的网址根目录是：username.github.com/projectname，而 post.url 生成的超链接仅仅会自动加上 username.github.com/ 这样的前缀。
现在检查一下更改的所有内容，确认不要犯下愚蠢的错误，比如把 “.” 打成 “。“或者单词拼错之类的。
目录结构变为
/EX.github-io |--_config.yml |-- index.html |-- _posts | |--2015-05-05-my_first_article.md
7.配置SSH keys 为什么要配置ssh keys？因为github和本地代码做推送和拉取时，需要用到ssh的密钥对进行数据加解密，由于github上新建的项目没有添加密钥，所以本地仓库连接不到远程仓库。
那么如何配置ssh keys呢？
7.1 我们需要检查你电脑上现有的ssh key：
cd ~/.ssh
如果提示：No such file or directory 说明你是第一次使用git。
7.2 生成新的ssh keys：
ssh-keygen -t rsa -C "邮件地址@youremail.com"
注意1: 此处的邮箱地址，你可以输入自己的邮箱地址；注意2: 此处的「-C」的是大写的「C」。
按回车后出现
再按一次回车即可。
然后系统会要你输入密码：
Enter passphrase (empty for no passphrase):Enter same passphrase again:
在回车中会提示你输入一个密码，这个密码会在你提交项目时使用，如果为空的话提交项目时则不用输入。这个设置是防止别人往你的项目里提交内容。
注意：输入密码的时候没有*字样的，你直接输入就可以了。
最后看到这样的界面，就成功设置ssh key了：
7.3 添加ssh key到GitHub
在本机设置SSH Key之后，需要添加到GitHub上，以完成SSH链接的设置。
1、打开本地C:\Documents and Settings\Administrator.ssh\id_rsa.pub文件。此文件里面内容为刚才生成人密钥。如果看不到这个文件，你需要设置显示隐藏文件。准确的复制这个文件的内容，才能保证设置的成功。
2、登录你的GitHub个人主页。点击右上角的 Settings进入设置页面，然后点击SSH Keys页面中的Add SSH key按钮
3、把你本地生成的密钥复制到里面（key文本框中）， 点击 add key 就ok了
8.发布到GitHub 这个时候我们就可以把页面提交到github上了，到根目录打开git命令行界面
8.1 把刚创建的所有文件添加到本地git库
git add -A
8.2 保持良好的习惯，每次提交都提交添加描述
git commit -m "create my blog"
8.3 推送到GitHub，这里注意，因为我们使用的是GitHub Pages中的 Project Pages，GitHub规定，只有该分支中的页面，才会生成网页文件。即GitHub仅会将分支 gh-pages 下的内容进行自动生成操作， 所以本地的 master 分支应推送到远端的 gh-pages 分支
git push origin master:gh-pages
输入账号和密码，账号即你的GitHub账号(不是昵称，是账号名！)，输入密码的时候命令行界面不会有任何的变化，所以在输入密码的时候要谨慎小心。之后按回车即可。
好了，那现在我们要如何查看我们的博客页面呢。打开GitHub，进入到自己博客的仓库，右侧菜单栏有一个setting选项
点击进入之后会看到这个页面
GitHub Pages中显示的链接就是你的博客地址啦。
9.增加模板套装_layouts 其实到第8步博客的构建就已经完成了，只是没有样式的博客实在太难看。GitHub Pages有提供一些主题给我们使用。但作为一个前端开发者，肯定更希望自己给自己的博客布局和创建样式。
回到项目根目录，新建文件夹 _layouts，顾名思义，“布局”是也。在 _layouts 中新建一个最基本的布局文件，姑且命名为default.html好了：
{{ page.title }}{{ content }}
首先，charset=utf-8让我们一劳永逸地解决了UTF-8的编码问题，随后指定了正文内容的位置，当然在这里只是一个最简单的内容，在body内仅有一个 {{ content }} 标签，你可以根据自己的喜好对页面进行任何改动，只要记得保留这个内容标签在你想要的位置就好。
然后我们修改index.html和刚写完的那篇文章，只要在头属性上加一句就好：
---title: xxoolayout: default.html---
我们当然还可以把这个结构变得更灵活一些，比如继续新增两个模板分别叫做l_post.html与l_index.html，他们首先引用default.html，但在其基础上做出一定的修改。然后首页使用l_index模板，而所有的post文件则使用l_post模板，等等等等，请随意发挥。但始终记得加上 {{ content }} 标签
目录结构变为
/EX.github-io |--_config.yml |-- index.html |-- _posts | |--2015-05-05-my_first_article.md |-- _layouts | |--default.html
再次推送到GitHub即可。
这样，我们就已经构建好了一个最简单的blog。之后你们就可以开始为自己的博客添砖加瓦了。
9.问题汇总 9.1 推送到GitHub之后个人主页的contributions没有提交记录
Git会根据用户的名字和邮箱来记录提交。GitHub也是用这些信息来做权限的处理，输入下面的代码进行个人信息的设置，把名称和邮箱替换成你自己的。
如何查看自己的名称和邮箱呢。回到GitHub个人主页，点击右上角的setting图标

进入之后Personal settings菜单栏下的Profile页面中，Name即为你的名字
但邮箱不是Name下面的Public email，很多人在这里被误导了。邮箱是Emails页面中的邮箱地址

知道了名字和邮箱之后，打开git命令行界面，通过下面的命令行来设置你的名字和邮箱
git config --global user.name "cnfeat"//用户名git config --global user.email "cnfeat@gmail.com"//填写自己的邮箱
设置正确之后，提交记录就都恢复了。不仅仅你以后提交的都会出现在提交记录中，你以前提交的也会恢复并出现在记录中。
9.1 每次提交都要求你输入账号跟密码
原因是我们在clone分支时使用了 HTTPS 的地址，
HTTPS 的地址是做什么用的呢？其实它主要是用在一些防火墙或者代理服务器设置比较严格的情况下的，比如有些公司是禁止使用 SSH 连接外网，那么在这种情况下要想使用 Git 的话，就只能用 HTTPS 的方式了。
使用 HTTPS 的方式，也有储存密码的方式，但我们首推的方式是切换到 SSH，如果你的网络环境支持的话。
回到你博客的根目录。打开git命令行界面，输入
git remote set-url 你博客的ssh url
如果你不知道你博客的ssh url，打开你的博客项目，右下角选择SSH，然后复制框里的url就行了
之后再提交就不会要求你输入账号密码了。
9.3 页面调试不方便
如果我们要给我们的博客布局或设置样式神马的，我们是否每次都要把代码写好然后推送到GitHub上，再打开自己的博客地址，看看布局有没有什么问题。如果有的话再改代码，再提交，再查看呢？
这样效率岂不是很低，有没有能够本地调试GitHub Pages上的页面的工具呢？
答案是肯定的。我用的是Jekyll。它的官网就有完整的教程，使用起来非常的简便。
10.参考资料 1._with_jekyll.html
2.
3.-05-11-how-to-build-a-blog/
4.-open.com/lib/view/open1366080269265.html

以上就是我爱编程网小编为大家带来的内容了，希望能够帮助到大家，了解更多资讯敬请关注我爱编程网。