《网页制作入门教程》PPT课件.ppt

网页制作入门,Powed by 最烂IT论坛,准备,下载编程软件 下载服务器文件 配置服务器（服务器原理） 配置站点 浏览网站,更多问题来求助,浏览器,IE Trident 火狐 Gecko Opera Presto Chrome safari Webkit,浏览器 内核,网页编程语言,VBSCRIPT JAVASCRIPT,PHP ASP JSP .NET,标签语言（静态）,脚本语言,解释语言,程序语言 （动态）,数据库,CSS,HTML XHTML XML,ACCESS MySQL SQL Server,更多问题来求助,学网页顺序,2、Html、XHTML等静态语言,1、搭建服务器,5、数据库（MySQL等）,4、asp、php等动态网页编程语言,3、CSS解释型语言+脚本语言,更多问题来求助,静态网页（html，xhtml等）,静态网页页面上的内容和格式一般不会改变,更多问题来求助,动态网页（php，asp等）,能够直接通过网页更新内容，而不需要变更网页代码进行更新,更多问题来求助,所用软件,Dreamweaver（推荐） FrontPage zend studio eclipse php studio 记事本 。,Dreamweaver,通过Dreamweaver可以直接生成一部分代码,可视化界面，更利于入门,初 始 化 截 图,输入代码提示,JavaScript, alert(“点击效果！”); ,PHP,插入到html ,MySQL,create database zzz; /创建数据库 creat table biao; /创建表 create table biao (name VARCHAR(30); /创建表中的字段 insert into 表 (name) values (值); /为表中的字段赋值,show databases; /选择数据库 use 库; /使用库 select database(); /进入库 show tables; /显示表 select * from 表; /显示表中的字段,1、通过代码查询插入,MySQL,2、通过视图化软件查询插入,CSS,body margin:0; color:#000000; font-family:“宋体“; font-size:12px; div margin:0; padding:0; #banner background-color:#999999; border:1px #333333 solid; width:760px; margin:1px auto; height:70px; padding:10px 0 10px 20px; .footer width:780px; text-align:center; background:#666666; border:1px #333333 solid; margin:3px auto; padding:20px 0; color:#FFFFFF;,HTML,基本代码, 标题 显示的内容 ,头部,主体内容,-HTML-,头部, 标题 ,Name属性 Keywords (关键字) description(网站内容描述) http-equiv 属性 Refresh(刷新),例：,-HTML-,头文件的一些链接，引用！,引用外部CSS文件,引用外部JS文件,主体,-HTML-,表格 表单 图片 层 链接 .,服务器,ASP: IIS + ACCESS PHP: Apache + MySQL,服务器 数据库,Linux+Apache+Mysql+PHP,LAMP（开源）,服务器 数据库,（windows）,服务器,ASP: IIS + ACCESS PHP: Apache + MySQL,服务器 数据库,Linux+Apache+Mysql+PHP,LAMP（开源）,服务器 数据库,（windows）,开源代码举例（PHP）,Discuz 论坛 ECShop 电子商务,SEO,少用框架 静态 伪静态 标签,做网站流程,确定网站主题 针对性搜集资料 制作网页 购买空间域名 备案（只针对大陆空间） 通过ftp上传到网站 浏览网页,推荐教程网站,/ w3school 在线教程 http:/www.enet.c