厦门大学：Web技术（PPT课件讲稿）网站快速开发 & Web前端技术

Web技术 网站快速开发&Web前端技术 蔡珉星 2014-03-15 厦大数据库实验室

蔡珉星 2014-03-15 厦大数据库实验室

网站开发 如何快速搭建/开发一个网站 >实验室网站的改版经历 Nebe 端 >前端介绍 >前端核心的基础技术 >前端技术应用解析

网站开发 Web前端 ➢ 如何快速搭建/开发一个网站 ➢ 实验室网站的改版经历 ➢ 前端介绍 ➢ 前端核心的基础技术 ➢ 前端技术应用解析

3网站开发 背景知识: >疑惑1:网站?网页? 网页是单独的,网站是整体的 >疑惑2:动态?静态? 静态网站:不涉及服务器语言(PHP等),直接由HTML页面组成 动态网站:通常是从数据库中数据库中读取内容然后输出 静态网页:没有用户交互 动态网页:通常有 Javascript

网站开发 背景知识： ➢ 疑惑1：网站？网页？ ➢ 网页是单独的，网站是整体的 ➢ 疑惑2：动态？静态？ ➢ 静态网站：不涉及服务器语言（PHP等），直接由HTML页面组成 ➢ 动态网站：通常是从数据库中数据库中读取内容然后输出 ➢ 静态网页：没有用户交互 ➢ 动态网页：通常有Javascript

3网站开发 几个要点: >网站开发:入门容易精通难; 搭建一个普通的网站挺容易,门槛很低 如今开发网站,通常会直接应用开源网站框架,或者在此基 础上二次开发,而不是从头开发。 >采用框架省事省力 从头开发一个复杂的、可靠的网站需很多人力 Web开发应用广泛,即使不是从事该方向,适当的了解也是 必须的

网站开发 几个要点： ➢ 网站开发：入门容易精通难； ➢ 搭建一个普通的网站挺容易，门槛很低； ➢ 如今开发网站，通常会直接应用开源网站框架，或者在此基 础上二次开发，而不是从头开发。 ➢ 采用框架省事省力 ➢ 从头开发一个复杂的、可靠的网站需很多人力 ➢ Web开发应用广泛，即使不是从事该方向，适当的了解也是 必须的

3网站开发 开源网站框架/系统 优点: 免费; 可快速搭建网站,样式、功能可扩展,足够应对一般需求 种类多(博客,论坛,CMS),选择多(层出不穷) 常见的开源网站框架 >博客类: WordPress, EMLog,zbog >论坛类: Discuz! CMs3: DeDe CMS, PHPCMS 缺点: 框架漏洞,间接受害; >部分需求可能无法满足(功能方面

网站开发 开源网站框架/系统： 优点： ➢ 免费； ➢ 可快速搭建网站，样式、功能可扩展，足够应对一般需求； ➢ 种类多（博客，论坛，CMS），选择多（层出不穷）； ➢ 常见的开源网站框架 ➢ 博客类：WordPress, EMLog, Z-blog ➢ 论坛类：Discuz! ➢ CMS类：DeDeCMS, PHPCMS 缺点： ➢ 框架漏洞，间接受害； ➢ 部分需求可能无法满足（功能方面）

3网站开发 网站搭建流程演示 Word press discuz

网站开发 网站搭建流程演示： WordPress & Discuz!

3网站开发 网站搭建->上线流程 本地进行网站搭建及测试; 需要一个服务器/空间; >可能需要一个域名 上传程序到服务器

网站开发 网站搭建->上线流程： ➢ 本地进行网站搭建及测试； ➢ 需要一个服务器/空间； ➢ 可能需要一个域名； ➢ 上传程序到服务器

3网站开发 低质量网站泛滥 >建站门槛低,成本低; >CMS“逆天”的功能:采集; 类似网络爬虫,获取内容很容易; >利益驱使->投放网络广告,流量大就能带来高收益 厦门哪里钢琴好-首找福乐信 不上班开小店半年赚100万 手工活日结800元一天 怎么月入10万?让人眼红! 厦门钢琴好?选福乐信钢琴培 训05925153528厦门哪里钢 小本 2014年小本创业项目任您选 在家做串珠手工活,日赚8001 打工一年不如开店一月纤 整店输出免加盟费,免费 年内买房又买车! 投资,风险低利润高敢试就等 琴好首选厦门福乐信 生意 留言咨询 hyniuniucar.com 于成功一半 www.fyxpiano.com 999178cm www.89178.com.cn8

网站开发 低质量网站泛滥： ➢ 建站门槛低，成本低； ➢ CMS“逆天”的功能：采集； ➢ 类似网络爬虫，获取内容很容易； ➢ 利益驱使 -> 投放网络广告，流量大就能带来高收益；

3网站开发 实验室网站改版经历 挑战1:网站框架改变( Drupal到 Word Press->数据的迁移 数据库的表结构不同 旧框架,内容所涉及的表超过10个,而新框架存放内容的表只有2个; 页面URL、图片URL改变。 >解决 找对应关系 编写程序批量读取、转换、导入数据(分多步完成,比较容易实现) 获取新旧URL对应,替换数据

网站开发 实验室网站改版经历 ➢ 挑战1：网站框架改变(Drupal到WordPress) -> 数据的迁移 ➢ 数据库的表结构不同； ➢ 旧框架，内容所涉及的表超过10个，而新框架存放内容的表只有2个; ➢ 页面URL、图片URL改变。 ➢ 解决： ➢ 找对应关系 ➢ 编写程序批量读取、转换、导入数据（分多步完成，比较容易实现） ➢ 获取新旧URL对应，替换数据

3网站开发 实验室网站改版经历 挑战2:网站样式->手机端兼容 响应式设计 网上的模板不太满意 功能方面的定制(相册展示) >解决: 响应式设计并不难实现 框架本身的扩展性良好 官方的模板、插件开发文档很齐全 网上搜索解决方法

网站开发 实验室网站改版经历 ➢ 挑战2：网站样式 -> 手机端兼容 ➢ 响应式设计 ➢ 网上的模板不太满意 ➢ 功能方面的定制（相册展示） ➢ 解决： ➢ 响应式设计并不难实现 ➢ 框架本身的扩展性良好 ➢ 官方的模板、插件开发文档很齐全 ➢ 网上搜索解决方法