1 / 13

简单网页制作与PHP程序设计

简单网页制作与PHP程序设计. －－主讲人：吕凯. 个人简介. 姓 名 吕凯 专 业 数学与应用数学 学 号 06450230 手机号 13647613592 QQ 475379266 邮 箱 06450230@stu.cqupt.edu.cn 475379266@qq.com. 学习目标. 1、静态网页制作 2、简单PHP程序制作 3、留言板制作 4、简易论坛制作 5、个人空间站点制作. 第一讲 静态网页制作. 1. HTML的概念.

tad-pena
Download Presentation

简单网页制作与PHP程序设计

An Image/Link below is provided (as is) to download presentation Download Policy: Content on the Website is provided to you AS IS for your information and personal use and may not be sold / licensed / shared on other websites without getting consent from its author. Content is provided to you AS IS for your information and personal use only. Download presentation by click this link. While downloading, if for some reason you are not able to download a presentation, the publisher may have deleted the file from their server. During download, if you can't get a presentation, the file might be deleted by the publisher.

E N D

Presentation Transcript

  1. 简单网页制作与PHP程序设计 －－主讲人：吕凯

  2. 个人简介 姓 名 吕凯 专 业 数学与应用数学 学 号 06450230 手机号 13647613592 QQ 475379266 邮 箱 06450230@stu.cqupt.edu.cn 475379266@qq.com

  3. 学习目标 1、静态网页制作 2、简单PHP程序制作 3、留言板制作 4、简易论坛制作 5、个人空间站点制作

  4. 第一讲 静态网页制作 1. HTML的概念 HTML是Hypertext Markup Language的英文缩写,即超文本标记语言。HTML用作于网页制作。 因为是标记语言，所以不需要编译，可直接在浏览器上浏览。

  5. 第一讲 静态网页制作 2. HTML的代码 <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> <html xmlns="http://www.w3.org/1999/xhtml"> <head> <meta http-equiv="Content-Type" content="text/html; charset=gb2312" /> <title>我爱PHP</title> </head> <body> 大家好，我是吕凯，我爱PHP！ </body> </html>

  6. 第一讲 静态网页制作 3. HTML详解 (1)元素与标签 元素是HTML的重要组成部分，常用的元素有html,head,title,body,table,a,img等等 标签用于指示元素的起始与结束，例如：<a>这时一个链接标签</a>

  7. 这时一段最简单但很完整的HTML代码 第一讲 静态网页制作 3. HTML详解 (2)完整的HTML <html> <head> <meta http-equiv="Content-Type" content="text/html; charset=gb2312" /> <title>无标题文档</title> </head> <body> ................................................ </body> </html>

  8. 第一讲 静态网页制作 3. HTML详解 (3)常用HTML标签介绍 超链接： <a href="http://202.202.43.125/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"> <tr><td>一</td><td>二</td></tr><tr><td>三</td><td>四</td></tr><tr><td>五</td><td>六</td></tr> </table>

  9. 第一讲 静态网页制作 3. HTML详解 (2)常用HTML标签介绍 图像： <img src="http://202.202.43.125/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>

  10. 第一讲 静态网页制作 4. 网页编辑器－Dreamweaver Dreamweaver是美国MACROMEDIA公司开发的集Web页制作和管理网站于一身的所见即所得Web页编辑器，它是第一套针对专业Web页设计师的视觉化Web页开发工具，利用它可以轻而易举地制作出跨越平台限制和跨越浏览器限制的充满动感的Web页。

  11. 第一讲 静态网页制作 5. HTML+CSS+JavaScript 让静态的页面动起来！ css：Cascading Style Sheets（级联样式表）一般称作样式表，主要是起到为HTML文档定义布局，涉及到字体、颜色、边距、高度、宽度、背景图像等多方面，极大程度上美观了我们的网页。 JavaScript是一种原型法面向对象的脚本语言，目前已经在万维网上广泛用于动态网页的编程语言。

  12. 第一讲 静态网页制作 6. 课堂练习 制作我的第一个网站

  13. 第一讲 静态网页制作 7. 课后练习 1、学习HTML语言，熟悉大部分元素，重点掌握超链接、表格、表单这三种元素的结构及用法 2、了解CSS与JavaScript 3、上网查询PHP、Apache、Mysql的概念。

More Related