最近接手一个朋友的要求做一个网站,主题是礼仪庆典,想想自己做过不少项目,却少有纪录。借此机会,一边做项目一边纪录开发过程,相信对于想做网站的同志们会有所参考。
此系列文章将会全程纪录开发过程,内容涉及cms,php,JavaScript,css,还有web标准,此外还包括网站开发部署过程中,SEO,站点统计管理等。
让我们进入正题,首先是需求:
朋友的公司刚起步,没什么需求,就是照着别人的网站的内容做,主题礼仪庆典。因为是给朋友做的,报价很低,>_<
今天的文章内容主要介绍网站开发前的一些必要工作,相信不少人对于做开发很熟悉,但是对于如何建设一个站点,却有点模糊,这里就介绍一下网站需要的一些基本事项工作。
流程:
申请域名
选购空间
网站备案
技术选型
开发环境部署配置
申请域名
域名服务商很多,一搜索域名眼花缭乱,我个人使用的是迈腾(NO AD,请自己搜索。。),cn域名很便宜,现在1块钱一个,不过要注意的是,cn域名1块钱是指第一年注册的时候,第二年的时候费用跟com域名基本是一样的。在迈腾买域名第一年是20,一些大的网站,像万网,新网之类的,很多都是卖100的,不过人家毕竟是大服务商,买贵点心里比较踏实。选定域名后汇款提交订单。迈腾因为以前自己其他网站也用过他的域名,没出过问题,就继续在这边买了。
选购空间
空间的服务商更多,看起来更花更缭乱,而且枪文软文满天飞,要真正找到好的空间,最好还是有非软文的评测。国内的php主机出名的有几个:梦游,盘古,捌号。价格上差不多,500M的空间,大概都在300,400。这几个口碑也都还不错,可以随便挑。我选了捌号的主机,因为今年貌似便宜了不少,500M只要300。几乎所有的空间网上都会有负面评论,这是正常的,国内的主机也不可能说绝对的稳定,总会有比如说:政策啊,换线啊,检查啊之类的要求,难免要被x的。
注意,空间选购只是现在看看,还不着急马上买下来,因为程序都还没做呢,程序做1个月再部署上去,这1个月就亏了。
网站备案
现在所有的网站都要求备案,一般你购买空间或者域名的网站都会提供备案的服务,只要填写一些信息,交给空间或者域名服务商就可以了。
技术选型与开发环境
相信这是做技术的最关心的事情了。
CMS:dedecms 之所以选国内的cms,主要是对于这样的项目来说,国内的cms可以省下很大的开发量,基本上只要做一个主题的开发就可以了。
js库:jquery,相信没什么异议吧。
css库:yui css。对于css库的使用其实看个人喜好,但是一个成熟的css框架可以帮你节省很多时间,尤其在处理多浏览器兼容的情况下。基于web标准的开发,也要做到兼容各种主流的浏览器。yui css有grid css,font,base,reset。将几个css文件合并成一个yui.css,引入进来。yui的grid css是一个非常无敌的grid系统,非常看好。它有提供一个builder,
http://developer.yahoo.com/yui/grids/builder/
虽然它不能提供一些更灵活的布局,但是其思想与设计,却令人惊叹。用grid来布局,你会发现将会节省你大量的时间。
开发工具:
Dreamweaver CS4(当然是。。绿色版),以前习惯用intype手写代码,但是试用了CS4后,彻底被折服了,这功能确实强大多了,而且整站管理很强大,界面很帅。现在喜欢用intype+dw写代码。
top style:css编写
apatana:试用版本。。写js很强大。。
firefox+firebug等,IE,opera。其中firefox+firebug是必须的,用过的都说好。
部署环境:
wamp,集成的php环境,简单好用,我喜欢。
subversion,svn的使用看个人喜好,一个人做的项目,svn不是必须的,毕竟也不是大项目。
安装好这些工具,下载dedecms最新版本,建立一个svn版本库,导入到svn中。然后到wamp的www目录下建立一个项目文件夹,然后svn checkout。然后启动wamp,安装一下dedecms,ok,可以开工干活了。
分享到:
相关推荐
YUI Grid CSS CSS 速记简表 CSS速查表(V2) CSS速记表 CSS2参考指导(V2) 实用CSS速查表 Javascript jQuery 1.4.2 直观速查表 JavaScript 速查表 JavaScript参考单 JavaScript真经 常用DOM方法 ...
获取多个 DOM 节点时,如果不能通过 ID 来获取,可以使用其他选择器,如 CSS 类选择器、XPath 或者 jQuery 风格的选择器。Ext 提供了 `SelectQuery`(或 `Ext.query`)方法,用于根据 CSS 选择器查找元素集合。 ...
在 HTML 代码中,我们看到引入了 jQuery EasyUI 的 CSS 和 JS 文件,这确保了 datagrid 组件可以正常工作。同时,定义了一个 JavaScript 函数 `FindData()`,当用户点击“查询”按钮时,这个函数会被调用,用于发送...
* YUICompressor * Flash桌面onering文件加载 * Do.jsoz.js * Douban-JSLint * CSSLint 前端基础架构的实施: * PREPROCESSING SYSTEM Javascript * PREPROCESSING SYSTEM CSSPython-SCSSDouban-UICSS3-MIXIN * 库...
本文实例讲述了jquery easyui datagrid实现增加,修改,删除的方法。分享给大家供大家参考,具体如下: 页面: <body> <form id=form1 runat=server> </form> </body> 引用的JS: &...
Rico框架简化了RIA应用程序的开发,提供了Grid、Calendar、Tree、Accordion等常见控件,并支持Ajax处理和拖放功能,增强了用户体验。 #### Silverlight Toolkit:扩展Silverlight功能 Silverlight Toolkit为...
EXT为此提供了`Ext.select`方法,可以按照CSS选择器获取一组元素,或者使用`Ext.query`(等同于jQuery的`$`函数)进行DOM查询。 6. 学习路径 如果你时间有限,建议优先深入学习Ext.Element,因为它是EXT库的基础,...
JavaScript库如jQuery、Prototype、YUI等简化了JavaScript的开发,提供了丰富的API来创建Web2.0控件。书中会详细讲解这些库的功能,如何选择合适的库,以及如何利用它们构建复杂的交互式控件,如滑动面板、下拉菜单...
10. MooTools / jQuery / Prototype / YUI / Glow / Dojo: 这些是流行的JavaScript库和框架,它们提供了丰富的功能,用于简化Web开发和增强用户界面交互。 11. HTMLString: 一个工具或服务,允许开发者创建支持多种...
注:ExtAspNet基于一些开源的程序ExtJS, HtmlAgilityPack, Nii.JSON, YUICompressor。 示例: http://extasp.net/ 开源: http://extaspnet.codeplex.com/ 博客: http://sanshi.cnblogs.com/ 邮箱: sanshi.ustc@gmail...
注:ExtAspNet基于一些开源的程序ExtJS, HtmlAgilityPack, Nii.JSON, YUICompressor。 示例: http://extasp.net/ 开源: http://extaspnet.codeplex.com/ 博客: http://sanshi.cnblogs.com/ 邮箱: sanshi.ustc@gmail...
UI Library (YUI) 开发,后由 Jack Slocum 进一步改进和完善,形成了独立且功能更为全面的 ExtJS。 - **跨平台性**: 由于其与服务器端技术无关的设计理念,使得 ExtJS 可以无缝集成到各种后端环境,比如 .Net、Java...
- **适配器**:为了保持兼容性,Extjs 提供了适配器来映射其他流行的 JavaScript 库,如 Prototype、jQuery 等,使得这些库的功能可以与 Extjs 结合使用。 #### 三、JavaScript基础知识 1. **JSON(JavaScript ...
如Rails(Ruby框架)、MooTools(JavaScript框架)、jQuery、Prototype JS、YUI、CakePHP、CodeIgniter、Zend、symphony(PHP框架)、.Net(微软平台框架)、960Grid和Blueprint(CSS框架)。框架中的组件经过多轮...
首先,jQuery是最著名的JavaScript库之一,以其简洁的语法和强大的DOM操作能力而闻名,它简化了事件处理、动画和Ajax交互。MooTools、Prototype、Dojo和YUI也是广泛使用的库,它们各自拥有独特的特性和插件系统,...