简单网页制与PHP程序设计.pptVIP

简单网页制作与PHP程序设计 －－主讲人：吕凯 个人简介 姓 名 吕凯 专 业 数学与应用数学 学 号 手机号 QQ 475379266 邮 箱 475379266@ 学习目标 第一讲 静态网页制作 第一讲 静态网页制作 第一讲 静态网页制作 第一讲 静态网页制作 第一讲 静态网页制作 第一讲 静态网页制作 第一讲 静态网页制作 第一讲 静态网页制作 第一讲 静态网页制作 第一讲 静态网页制作 * * 1、静态网页制作 2、简单PHP程序制作 3、留言板制作 4、简易论坛制作 5、个人空间站点制作 1. HTML的概念 HTML是Hypertext Markup Language的英文缩写,即超文本标记语言。HTML用作于网页制作。 因为是标记语言，所以不需要编译，可直接在浏览器上浏览。 2. HTML的代码 !DOCTYPE html PUBLIC -//W3C//DTD XHTML 1.0 Transitional//EN /TR/xhtml1/DTD/xhtml1-transitional.dtd html xmlns=/1999/xhtml head meta http-equiv=Content-Type content=text/html; charset=gb2312 / title我爱PHP/title /head body 大家好，我是吕凯，我爱PHP！ /body /html 3. HTML详解 (1)元素与标签 元素是HTML的重要组成部分，常用的元素有html,head,title,body,table,a,img等等 标签用于指示元素的起始与结束，例如：a这时一个链接标签/a 3. HTML详解 (2)完整的HTML html head meta http-equiv=Content-Type content=text/html; charset=gb2312 / title无标题文档/title /head body ................................................ /body /html 这时一段最简单但很完整的HTML代码 3. HTML详解 (3)常用HTML标签介绍 超链接： a href=25/web title=链接到网址大全 target=_blank友情链接：网址大全/a 文字修饰： 粗体 b粗体/b 斜体 i斜体/i 下划线u下划线/u 表格： table align=center cellpadding=0 cellspacing=0 border=1 width=100px height=200px bgcolor=#3366CC trtd一/tdtd二/td/trtrtd三/tdtd四/td/trtrtd五/tdtd六/td/tr /table 3. HTML详解 (2)常用HTML标签介绍 图像： img src=25/web/images/head_r3_c8.jpg width=209 height=56 alt=网址大全LOGO border=1 / 表单： form action= method=get name=myform input type=text name=text value=请填写 / input type=password name=password / input type=reset value=靠！写错了 / input type=submit value=提交 / /form 4. 网页编辑器－Dreamweaver Dreamweaver是美国MACROMEDIA公司开发的集Web页制作和管理网站于一身的所见即所得Web页编辑器，它是第一套针对专业Web页设计师的视觉化Web页开发工具，利用它可以轻而易举地制作出跨越平台限制和跨越浏览器限制的充满动感的Web页。 5. HTML+CSS+JavaScript 让静态的页面动起来！ css：Cascading Style Sheets（级联样式表）一般称作样式表，主要是起到为HTML文档定义布局，涉及到字体、颜色、边距、高度、宽度、背景图像等多方面，极大程度上美观了我们的网页。 JavaScript是一种原型法面向对象的脚本语言，目前已经在万维网上广泛用于动态网页的编程语言。 6. 课堂练习 制作我的第一个网站 7. 课后练习 1、学习HTML语言，熟悉大部分元素，重点掌握超链接、表格、