`
mqzsweet
  • 浏览: 135179 次
  • 性别: Icon_minigender_1
  • 来自: 江苏
社区版块
存档分类
最新评论

php jquery yui grid css

阅读更多

最近接手一个朋友的要求做一个网站,主题是礼仪庆典,想想自己做过不少项目,却少有纪录。借此机会,一边做项目一边纪录开发过程,相信对于想做网站的同志们会有所参考。

此系列文章将会全程纪录开发过程,内容涉及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,可以开工干活了。

分享到:
评论

相关推荐

    实用HTML,CSS和JavaScript速查表

    YUI Grid CSS CSS 速记简表 CSS速查表(V2) CSS速记表 CSS2参考指导(V2) 实用CSS速查表 Javascript jQuery 1.4.2 直观速查表 JavaScript 速查表 JavaScript参考单 JavaScript真经 常用DOM方法 ...

    Yui_ext 学习笔记

    获取多个 DOM 节点时,如果不能通过 ID 来获取,可以使用其他选择器,如 CSS 类选择器、XPath 或者 jQuery 风格的选择器。Ext 提供了 `SelectQuery`(或 `Ext.query`)方法,用于根据 CSS 选择器查找元素集合。 ...

    jQuery easyui datagrid动态查询数据实例讲解

    在 HTML 代码中,我们看到引入了 jQuery EasyUI 的 CSS 和 JS 文件,这确保了 datagrid 组件可以正常工作。同时,定义了一个 JavaScript 函数 `FindData()`,当用户点击“查询”按钮时,这个函数会被调用,用于发送...

    前端团队管理 前端基础架构的实践和思考 共22页.pdf

    * YUICompressor * Flash桌面onering文件加载 * Do.jsoz.js * Douban-JSLint * CSSLint 前端基础架构的实施: * PREPROCESSING SYSTEM Javascript * PREPROCESSING SYSTEM CSSPython-SCSSDouban-UICSS3-MIXIN * 库...

    jquery easyui datagrid实现增加,修改,删除方法总结

    本文实例讲述了jquery easyui datagrid实现增加,修改,删除的方法。分享给大家供大家参考,具体如下: 页面: &lt;body&gt; &lt;form id=form1 runat=server&gt; &lt;/form&gt; &lt;/body&gt; 引用的JS: &...

    21个强大的javascript框架.doc

    Rico框架简化了RIA应用程序的开发,提供了Grid、Calendar、Tree、Accordion等常见控件,并支持Ajax处理和拖放功能,增强了用户体验。 #### Silverlight Toolkit:扩展Silverlight功能 Silverlight Toolkit为...

    ext入门必学.docx

    EXT为此提供了`Ext.select`方法,可以按照CSS选择器获取一组元素,或者使用`Ext.query`(等同于jQuery的`$`函数)进行DOM查询。 6. 学习路径 如果你时间有限,建议优先深入学习Ext.Element,因为它是EXT库的基础,...

    Web2.0控件开发文档

    JavaScript库如jQuery、Prototype、YUI等简化了JavaScript的开发,提供了丰富的API来创建Web2.0控件。书中会详细讲解这些库的功能,如何选择合适的库,以及如何利用它们构建复杂的交互式控件,如滑动面板、下拉菜单...

    Web设计师的50个超便利工具.pdf

    10. MooTools / jQuery / Prototype / YUI / Glow / Dojo: 这些是流行的JavaScript库和框架,它们提供了丰富的功能,用于简化Web开发和增强用户界面交互。 11. HTMLString: 一个工具或服务,允许开发者创建支持多种...

    ExtAspNet v2.2.1 (2009-4-1) 值得一看

    注:ExtAspNet基于一些开源的程序ExtJS, HtmlAgilityPack, Nii.JSON, YUICompressor。 示例: http://extasp.net/ 开源: http://extaspnet.codeplex.com/ 博客: http://sanshi.cnblogs.com/ 邮箱: sanshi.ustc@gmail...

    ExtAspNet_v2.3.2_dll

    注:ExtAspNet基于一些开源的程序ExtJS, HtmlAgilityPack, Nii.JSON, YUICompressor。 示例: http://extasp.net/ 开源: http://extaspnet.codeplex.com/ 博客: http://sanshi.cnblogs.com/ 邮箱: sanshi.ustc@gmail...

    extjs-ajax

    UI Library (YUI) 开发,后由 Jack Slocum 进一步改进和完善,形成了独立且功能更为全面的 ExtJS。 - **跨平台性**: 由于其与服务器端技术无关的设计理念,使得 ExtJS 可以无缝集成到各种后端环境,比如 .Net、Java...

    Extjs基础教程

    - **适配器**:为了保持兼容性,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框架)。框架中的组件经过多轮...

    19个很有用的 JavaScript库推荐

    首先,jQuery是最著名的JavaScript库之一,以其简洁的语法和强大的DOM操作能力而闻名,它简化了事件处理、动画和Ajax交互。MooTools、Prototype、Dojo和YUI也是广泛使用的库,它们各自拥有独特的特性和插件系统,...

Global site tag (gtag.js) - Google Analytics