13518219792
开发一个个人网站是非常轻松且让人愉悦的事情，但很多人苦于不知道从何下手，下面我介绍一下整个开发流程及发布。
创新互联公司是一家集网站建设,邹城企业网站建设,邹城品牌网站建设,网站定制,邹城网站建设报价,网络营销,网络优化,邹城网站推广为一体的创新建站企业，帮助传统企业提升企业形象加强企业竞争力。可充分满足这一群体相比中小企业更为丰富、高端、多元的互联网需求。同时我们时刻保持专业、时尚、前沿，时刻以成就客户成长自我，坚持不断学习、思考、沉淀、净化自己，让我们为更多的企业打造出实用型网站。
页面的主要工具是代码编辑器和做图软件，多下几个浏览器可以测试下页面效果（谷歌、火狐、IE）。
要开发网站肯定要掌握基本的标记语言（HTML），样式表（CSS），脚本语言（JavaScript）。
如果都不懂，那最后介绍下网站模板。
1.做什么网站
每个人的需求不同，计划做一个网站肯定是要实现什么目标，比如个人博客分享心情心得，展示企业文化信息，论坛交流等等。需要面向什么样的群体，想要实现什么样的功能？这些前期都要思考一下的，当然个人娱乐的话更注重功能的实现。
2.排版和美化
先用做图软件或者自己手工画一下大致需要怎么一个版面。先把整体做出来再做局部的，页面内容一般默认从上到下从左到右自动排列，区分好有些块状元素有些行间元素，利用DIV盒子把一个个排列好，分配好页面尺寸。把图片图标等固定素材先放置好，基本的页面就算是完成了。
网站一般会有很多页面，把一些基础页面代码复制一份拿来套用即可。
3.实现交互功能
利用脚本语言JavaScript实现网站动态效果，实现交互功能。导入已经写好的JS代码或者在页面代码里直接嵌入，比如我要在这块区域实现轮播，只要在这里调用写好的JavaScript函数事件就能实现这个效果。
4.测试和检查
主要测试页面的一些BUG。文字校验，版本兼容，链接有没有出错等。
5.发布网站
一个网站基本上完工状态，只需要发布到公网上就能找到。
最后补充一点就是没有基础的朋友，可以选择模板来创造。推荐WordPress，操作简单支持中文，免费！
具体怎么发布，需要准备好域名和空间服务器。具体请关注我，一起交流学习！
想要开发网站就要有勇于战胜困难的信心，首先要对自己要做什么样的网站有一个清晰的认识，其次要对网站的栏目和内容进行设计并做成效果图，最后根据效果图开发出能够投入使用的网站，网站的开发就完成了。
1、进行定位分析，要清楚自己想要做一个什么类型的网站，网站针对的用户群体是什么，网站的风格以及网站的域名是什么样的都要仔细考虑清楚，将这些都想好才能有下一步的分析。
2、申请域名和设计草图，构思好自己的网站后，要申请一个域名，域名要简单好记，还要与自己的网站logo网站内容相契合，然后在构思一下网站的基本结构，栏目，内容，如果觉得在大脑中形成的印象不够深刻的话，可以自己找一个纸将大概的网站页面画下来，然后找专门的美工，根据图纸将网站制作出效果图。
3、开发网页，根据美工制作的效果图，就可以找专门的技术人员开发网站了，已经有了自己的域名，在这个域名的链接开发自己网站，选择一个好的服务器，在网站正式上线之前，先行测试一下看是否有什么问题，没有问题就可以正是上线使用了。如此一个网站的开发就基本完成了，要想获得长远的发展还要进行网站的优化，做网站是一个长期的过程，不能掉以轻心。
编辑方法如下：
一.使用 HTML5 的 声明
在 HTML 4.01 和 XHTML 中那段长长的 DTD 类型声明应该是所有标签中最难记住的标签了，但在 HTML5 中， DTD 声明非常简单：
1
!DOCTYPE html
就是这么简洁，要使用 HTML5 ，第一步肯定是先使用 HTML5 的 !DOCTYPE 声明。
二.加入 html5.js
可以在主题的 head 元素内加入一段 js 来让 IE8 及以下的 IE 完全支持 HTML5 的标签。
下载由 html5shiv 提供的这个 html5.js 文件。
1
2
3
!--[if lte IE 9]
script type="text/javascript" src="./js/html5.js"/script
![endif]--
代码中使用了条件注释针对低版本的 IE（IE8 及以下版本）浏览器来调用这个 js 文件，其他浏览器会忽略掉这段代码，不会造成浪费的 HTTP 请求。
三.CSS Reset
CSS Reset 是为了把浏览器提供的默认样式去掉的一段 CSS ，详细的介绍可以参见 Kayo 之前所写的一篇文章 《关于 CSS Reset 》，本文中的 CSS Reset 是根据前文的 CSS Reset 改造的，主要是加入了对 HTML5 中新加入的标签的重置。下面是 Kayo 针对 HTML5 的 CSS Reset ，供大家参考，也可以参照前文定制更适合个人情况的 CSS Reset 。
/*** 加入 HTML5 新标签的样式重置 ***/
html, body, div, span, object, iframe,h1, h2, h3, h4, h5, h6, p, blockquote, pre,a, abbr, address, cite, code,del, dfn, em, img, ins, kbd, q, samp,small, strong, sub, sup, var,b, i,dl, dt, dd, ol, ul, li, fieldset, form, label, legend,table, caption, tbody, tfoot, thead, tr, th, td, article, aside, canvas, details, figcaption, figure, footer, header, hgroup, menu, nav, section, summary, time, mark, audio, video {margin: 0; padding: 0; border: 0; outline: 0; font-size: 100%; vertical-align: baseline; background: transparent; }
body{line-height: 1; text-align: left; }
:focus {outline: 0; }
/*** 将一些可以代替 div 标签的 HTML5 标签定义为块状元素 ***/
article, aside, canvas, details, figcaption, figure, footer, header, hgroup, menu, nav, section, summary {display: block; }
ol, ul {list-style: none; }
blockquote, q {quotes: none; }
blockquote:before, blockquote:after, q:before, q:after {content:''; content:none; }
ins {text-decoration: none; }
mark {background-color: #ff9; color: #000; font-style: italic; font-weight: bold; }
del {text-decoration: line-through; }
table {border-collapse: collapse; border-spacing: 0; }
input, select {vertical-align: middle; }
现在，可以放心的在 WordPress 主题中使用 HTML5 标签了。
四.修改主题中的标签为语义化的 HTML5 标签
在网页重构中，舍弃了没有任何语义的 table 布局，取而代之的是新的标记，最常见的莫过于 div 这个标签，不过在设计复杂的页面时，新的问题出来了—— div 的滥用导致页面变得臃肿并且难于理解。值得兴奋的是， HTML5 为开发者引入了新的语义化标记，下面给大家介绍一些适合在 WordPress 主题中使用的 HTML5 标签。
header 用于定义文档的页眉，可以代替原本包裹页眉的 div 。
footer 用于定义文档的页脚，可以代替原本包裹页脚的 div 。
nav 用于定义导航链接的部分，即代替包裹菜单的 div 。
article 用于定义独立的内容，很适合代替包裹文章的 div，如 WordPress 首页、归档页或文章页的文章列表中可使用该标签包裹文章。
aside 该标签用于定义其所处内容之外的内容，并且 aside 的内容应该与附近的内容相关，因此很适合用来包裹 WordPress 的侧边栏。
另外 time, small, section 等 HTML5 标签也适合用来改造升级 WordPress 主题，这些标签的具体意义可以参见 W3school 。
五.为主题加入 HTML5 微数据
关于 HTML5 微数据的介绍和使用方法可以参见 Kayo 之前所写的文章 《HTML5 之微数据》，这里主要介绍一些适合 WordPress 使用的微数据规范，因此建议读者先阅读前文再阅读下文。
这里使用的是 schema.org 的微数据规范，加入微数据是为了让机械（如搜索引擎）识别网页内容的意义，可以说是华丽丽的 SEO 。
下面列举一些适合的微数据规范：
这是定义网页版头的微数据，需要注意的是 WPHeader 的 “WP” 不是指 WordPress ，而是 Web Page 的缩写，不过用在 WordPress 上也是非常合适的。
定义网页页脚。
定义一篇博客文章。
定义一条评论。
