WEB站点设计.docx

1、WEB站点设计WEB站点设计 2017.9.15一、WEB含义：互联网等技术领域二、特点：1、图形化2、WEB与平台无关3、web是分布式的4、web是动态的5、web是交互的三、表现形式1、超文本https：/加密超文本传输协议HTML超文本标记语言 HTML+CSS四、WEB应用1、web应用程序的两种模式c/s 客户端/服务端b/s浏览器端服务端（必考！）优点：采用标准的通信协议（TCP/IP协议）、在服务器上处理、浏览器作为客户端的程序，以实现对数据的显示，不需要再为客户端单独编些和安装其他程序。五、web分类1、客户端技术：主要任务是展现信息内容，如HTML语言、java apple

2、ts、脚本程序、CSS（级联样式表）、DHTML(动态HTML)、插件技术(Flash等)层次结构：1、HTML 结构层2、CSS 表现层3、JAVAscript（脚本） 行为层2、WEB服务端技术：由静态向动态逐渐发展静态网站好处：快、被XX收录更容易弊端：有技术需求，如果要改动改动很大，2、WEB服务器技术主要包括服务器、CGI公共网关接口技术、php、asp活动服务器页面技术2017.9.22Web服务端技术1、服务器技术2、 CGI，公共网关接口技术3、 PHP，解释性语言，4、ASP活动服务器页面技术5、ADP.NET6、ServletJSPWeb1.0由管理员发布消息，一个人管理网

3、站内部。静态界面、桌面浏览器、简单、同步Web2.0用户产生内容、社区化、合作化。任何人可以参与创建。Mashup和web服务、复杂的客户端软件、复杂、异步Web3.0任何人任何地点都可以创新。代码编写都在云计算上完成Web开发发展史网页设计发展史1、网页设计2、表格table，表格布局3、javascript4、Flash5、CSS，div一块一块处理，与表格相比6、栅格和框架：移动端的布局7、响应式网络设计，就是使用不同的客户端、（手机、ipad、pc）显示内容可能不同。 CSS可以编程，可以根据屏幕大小编程。Web开发技术演变1、静态页面时代，改一条新闻，要改很多条信息2、CGI公共网关

4、接口技术，能够存一些数据在CGI3、有代码写数据库，脚本语言4、客户端写代码5、服务器端3个代码6、服务器和浏览器都改7、浏览器变三个结构等等优化站点在很多地方存了很多资源网页是构成网站的基本单位，是一个文件，存放在世界里某一个计算机里URL统一资源定位符，包含如何访问internet上资源的明确指令电子商务网站主要功能产品展示系统信息发布网上购物网上支付订单管理商品管理会员注册管理商品搜素促销管理售后管理超文本标记语言。结构层html（骨架）、表现层css（屏幕缩小，就变成手机的浏览界面）、行为层javascript（捕获我们的行为）Control+F查找访问图片：相对路径（去找一个人考虑到

5、这个人的路径，不同的人到一个人的路径不同）./出文件夹x（进入x文件夹）/ 如果要再出文件夹就再./虚拟路径（http：/不存在，物理环境中不存在）绝对路径（以C:或D：就是一个绝对路径，如：D:18789.GHO）表单文本框value=“”自动填写进去密码框也可以自动设置默认值valueInput重要单选按钮name要对应，讲一下name属性，每一个框的name都要加上一个名字，如：表单到哪里处理，是action数据传到get.asp 这也可以改为,就提交到华师的网站上了，虽然它不会处理，但我们已经提交了。传的的值是value所写的GET传输会把值传到传到的地址栏上,而post传输上面传到的

6、地址很干净，登录时一般不要用get传值选择符（基本）：基于html做选择符 直接写p Class .p1color:blue; 可重复Id #p2 id不可重复复合选择符：空格（包含）、逗号（并列、共享）.p1，labelDREAM WARE 8Css注释HtmlCss/* */Js/* */1、内容组织 单页点击他就是一个网页 新闻动态就是列表 外部链接、栏目（新闻动态下面还有栏目）2、设计图（原型）Axure3、设计4、切片切片内容：切片要用的软件：dreamwearerEdutplusFireworkGoogle5、代码6、调试7、上线8、反馈9、修改 8.9循环往复11.6/11.10

7、 php基本语法 以后 phpcms10.27 切图图片fireworks 源图 PS .PSD FW .PNG建文件目录建html建css建立html引用cssPhp 脚本语言（javascript） 语法与c语言类似 脚本语言是写好了后就直接运行 以前是面向过程的，现在也可以面向对象编译语言需要编（.class ）文件编译再运行Php 环境WAMP其他的几种环境：WNMP windows ngnix mysql php LAMP lunix apache mysql phpPhp符号Count 115 pagenum 15求多少页115+（15-1）/15（Count+pagenum-1）

8、/pagenum找零20-2 找零10元一张 1张5元3张1元 /% Foreach 循环?phpecho;$money=array(100块=100,50块=50,20块=20,10块=10,5块=5,1块=1,);$total=20;$pay=2;$left=$total-$pay;foreach($money as $key=$val) $num=intval($left/$val); $left=$left%$val; echo $key.:.$num.张;echo;?上题再进行一个嵌套，就可以吧0去掉foreach($money as $key=$val) $num=intval($

9、left/$val); if($num0) $left=$left%$val; echo $key.:.$num.张;echo;?带参数的函数调用function findMoney($total,$pay)$money=array(100块=100,50块=50,20块=20,10块=10,5块=5,1块=1,);$left=$total-$pay;foreach($money as $key=$val) $num=intval($left/$val); if($num0) $left=$left%$val; echo $key.:.$num.张;echo;echo;findMoney(10

10、,2)面向对象关键字 class (类)访问权限 属性 定义（function） 访问方法 定义 访问 （实例）属性和方法注意带不带括号带括号是方法，不带括号是属性S私有的不能访问class Man private $age=21; private $name=song; public $course=array(Web站点,数据库); public function sayHello() echo $this-name.,Hello!; public function ChangeAge($num) $this-age=$this-age+$num; echo Age:.$this-age;

11、 $song=new Man();$song-sayHello();var_dump($song-course);3$a$a3336BddJoson和抓取要考数据库Insert插入数据Update修改Update 表名Set 字段名1=字段值1，字段名2=字段值2Where 字段名3 运算符 字段值3Select查询符合条件数据Delete from studentWhere id=3/1、获取参数 post传值 get$s=$_POSTs/2、拼写SQL$sql=insert into info(title,createtime,istop,cid,content,vreateman,hit

12、s)values(”.$stitle,) ;/3、连接数据库includeconn.php/4、执行SQL$list=mysql_query($sql);/5、读取数据/6、关闭数据库mysql_close();首页列表内容单页Phpcms admin。Php 内容基本设置安全配置 域名。Admin。php论述题，网站开发步骤，见手机添加模型本质是建表添加栏目 栏目（栏目下面是1文章或者2栏目，栏目进来第一种情况文章列表或者栏目这个栏目下面还可能是列表或单页，3单页、4链接）、列表、单页（单页只是一篇文章）、内容、链接制作模板 首先有首页、列表、单页、内容页 单页和内容页可以合并（首页模板、栏目模板！栏目有下级模板进入栏目模板 栏目没有下级栏目进入列表模板、列表模板添加模型 可以理解为添加表、添加字段