如何快速构建一个网站

1、网站建设的那些事网站建设的那些事贺相春贺相春目录目录建设一个网站要走的路建设一个网站要走的路如何快速构建一个网站如何快速构建一个网站交流交流从一张图说起从一张图说起 前端设计三大基础前端设计三大基础HTMLHTMLCSSCSSCSSJavascriptJavascript网站开发的流程网站开发的流程 1.从从Photoshop/Fireworks开始开始网站开发的流程网站开发的流程网站开发流程网站开发流程2.将设计转换为将设计转换为html文档文档 HTML + CSS + Javascript网站开发流程网站开发流程3.编写代码，实现功能编写代码，实现功能 Php Java C# Ruby

2、Python .AccessAccessMySQLMySQLSQLServerSQLServerOracleOracle网站开发流程网站开发流程4.测试测试网站开发流程网站开发流程5. 部署程序部署程序网站开发流程网站开发流程6.网站运维网站运维 搜索引擎优化搜索引擎优化 内容更新内容更新 日常管理日常管理 定期备份定期备份 常用工具常用工具文本编辑文本编辑 sublime text常用工具常用工具文本编辑文本编辑 notepadd+常用工具常用工具文本编辑文本编辑 Editplus常用工具常用工具文本编辑文本编辑常用工具常用工具图像处理图像处理动态编程语言动态编程语言IDE工具工具 Zend

3、studio NetBeans PHPEd Eclipse MyEclipse Microsoft Visual Studio 不要重复造轮子！不要重复造轮子！UI素材素材量变才会质变量变才会质变http:/ css框架是一系列框架是一系列 CSS 文件的集合体。文件的集合体。 包含了基本的包含了基本的 元素重置元素重置 页面排版页面排版 网格布局网格布局 表单样式表单样式 通用规则通用规则 从此不再有烦恼从此不再有烦恼 Firefox下我的按钮很漂亮，下我的按钮很漂亮，IE下总是那么丑下总是那么丑 Firefox下我的网页完美呈现，下我的网页完美呈现，IE下总是变形。下总是变形。 在电脑上我

4、的网页完美，在平板上，在手机上，在电脑上我的网页完美，在平板上，在手机上，我的网页字都看不清我的网页字都看不清 我总是花了那么多时间去做这些前端我不拿手的我总是花了那么多时间去做这些前端我不拿手的事，而真正花在程序上的时间太少！事，而真正花在程序上的时间太少！ 我的网站行内人看了说不够专业！我的网站行内人看了说不够专业！ ，有哪些有哪些css框架框架960 Grid System http:/960.gs/960 像素的页面宽度似乎成为了一种设计标准，在当前各种分辨率下，能够像素的页面宽度似乎成为了一种设计标准，在当前各种分辨率下，能够很好地展现网页内容。提供较为常用的尺寸来简化网页设计过程，

5、使工作简很好地展现网页内容。提供较为常用的尺寸来简化网页设计过程，使工作简单高效。单高效。有哪些有哪些css框架框架2. YUI 2: Grids CSShttp:/ CSS 框架之一，框架之一，YUI Grids CSS 提供了四种预设页面宽度，六提供了四种预设页面宽度，六种预设模板。其中的负种预设模板。其中的负 Margin 技术，使用度量单位技术，使用度量单位 em，清除布局浮动等技，清除布局浮动等技术非常值得学习和借鉴。术非常值得学习和借鉴。有哪些有哪些css框架框架Blueprint/Blueprint 是一款成熟的是一款成熟的 C

6、SS 框架，它将布局框架，它将布局 (layout)、排版、排版 (typography)、组件组件 (widget)、重置、重置 (reset)、打印、打印 (print) 等分放到不同的等分放到不同的 CSS 文件中。在网文件中。在网页设计时就减少了引入的代码，提高了页面加载效率。页设计时就减少了引入的代码，提高了页面加载效率。有哪些有哪些css框架框架http:/ Framework，为用，为用户定义使用户定义使用jQuery widgets。其中的。其中的ThemeRoller更是让你随心所欲地操作设计不同更是让你随心所欲地操作设计不同风格的网页界面。风格的网页界面。有哪些有哪些css框架框架bootstraphttp:/bootstrap-后台框架后台框架bootstrap-后台框架后台框架bootstrap-后台框架后台框架bootstrap-后台框架后台框架bootstrap-后台框架后台框架js框架框架jqueryhttp: