网页制作入门教程 (2).ppt

《网页制作入门教程 (2).ppt》由会员分享，可在线阅读，更多相关《网页制作入门教程 (2).ppt（27页珍藏版）》请在三一办公上搜索。

1、网页制作入门,Powed by 最烂IT论坛,准备,下载编程软件下载服务器文件配置服务器（服务器原理）配置站点浏览网站,更多问题来求助,浏览器,IE Trident 火狐 Gecko Opera Presto Chromesafari Webkit,浏览器 内核,网页编程语言,VBSCRIPTJAVASCRIPT,PHP ASPJSP.NET,标签语言（静态）,脚本语言,解释语言,程序语言（动态）,数据库,CSS,HTMLXHTMLXML,ACCESSMySQLSQL Server,更多问题来求助,学网页顺序,2、Html、XHTML等静态语言,1、搭建服务器,5、数据库（MySQL等）,4、

2、asp、php等动态网页编程语言,3、CSS解释型语言+脚本语言,更多问题来求助,静态网页（html，xhtml等）,静态网页页面上的内容和格式一般不会改变,更多问题来求助,动态网页（php，asp等）,能够直接通过网页更新内容，而不需要变更网页代码进行更新,更多问题来求助,所用软件,Dreamweaver（推荐）FrontPagezend studioeclipse php studio记事本。,Dreamweaver,通过Dreamweaver可以直接生成一部分代码,可视化界面，更利于入门,初始化截图,输入代码提示,JavaScript,alert(“点击效果！”);,PHP,插入到htm

3、l,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-fam

4、ily:宋体;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,基

5、本代码,标题 显示的内容,头部,主体内容,-HTML-,头部,标题,Name属性 Keywords(关键字)description(网站内容描述)http-equiv 属性 Refresh(刷新),例：,-HTML-,头文件的一些链接，引用！,引用外部CSS文件,引用外部JS文件,主体,-HTML-,表格 表单图片层 链接.,服务器,ASP:IIS+ACCESSPHP:Apache+MySQL,服务器 数据库,Linux+Apache+Mysql+PHP,LAMP（开源）,服务器 数据库,（windows）,服务器,ASP:IIS+ACCESSPHP:Apache+MySQL,服务器 数据库,Linux+Apache+Mysql+PHP,LAMP（开源）,服务器 数据库,（windows）,开源代码举例（PHP）,Discuz 论坛ECShop 电子商务,SEO,少用框架静态伪静态标签,做网站流程,确定网站主题针对性搜集资料制作网页购买空间域名备案（只针对大陆空间）通过ftp上传到网站浏览网页,推荐教程网站,w3school 在线教程http:/eNet网络学院 网易学院 IT网址导航,祝大家学习愉快！,谢谢大家！,