网页制作入门第1章.ppt

1,网站建设概述,第二章,2,本章主要内容,HTML基础 网页制作 网站规划、设计与开发,3,2.1 HTML基础,HTML :Hypertext Markup Language HTML特点:它是纯文本类型的语言,因而可以被所有的计算机所识别和处理 用HTML来描述的文件称为网页,可以用任何文本编辑器查看其中的HTML源代码.,4,HTML,网页与浏览器,5,HTML语法,标记:由符号“ ”以及其中所包容的标记元素组成 这是粗体字,6,HTML语法,（1）对象 （2）对象 （3）,7,1.对象,示例1： 这是标题1 示例2： 这段文字是斜体文字,8,2.对象,示例: 微软公司主页,9,3.,这是一段完整的段落中间被回行处理,10,4标记嵌套,示例: 这是一段既是粗体又是斜体的文本,11,统一资源定位符URL,URL（Uniform Resource Locator，统一资源定位符），用于在Internet中指定信息位置进行WWW浏览时在浏览器的地址栏中输入的地址就是URL的一种形式 : 协议名:/文件路径/文件名称,12,指向某个网站的主页,,13,指向某个网站的指定网页,/china/index.htm,14,超链接,利用超链接可以实现在文档间或文档中的跳转,15,链接路径,绝对路径: 3/ASPWeb/index.asp 相对路径 在线论坛 基于根目录的路径 回到主页面,16,表格标记, （表格标题） （表格头） （表格数据） . . . . . . ,17,表格样例,18,和标记,在HTML中，用和标记分别定义一个表格的开始和结束。表格的标题和内容包含在这两个标记之间。 ,19,和标记,该标记用于在表格中设置表格标题。它必须放置于和标记间，而且必须位于表格的最开头处 表格标题 ,20,和标记,和标记用于定义一个表格行，表格行中所有的内容都必须位于其间。在和标记中，可以使用和标记来设置表格头，也可以使用和标记来定义表格中的实际数据。,21,和标记,该标记用于定义表格中的标题单元格，它必须位于和标记之间。,22,和标记,该标记用于在表格中定义数据单元格 表情 ,23,表单,24,表单的作用,表单（Form）主要是为了实现浏览网页的用户同Internet服务器之间的交互，通过表单，可以将用户的信息发送到Internet服务器上，以供处理。,25,表单域,格式： . . .表单的对象. . . 表单域的属性 （1）action = url （2）method = get/post,26,表单域的属性：Action,该属性用于定义一个处理发送表单的程序 : 示例： action=“/COMWeb/UserManager/Login.asp“,27,表单域的属性：method,Get与Post方法的区别 示例： ,28,常用HTML控件,29,2.2 网页制作,网页编辑器：,30,网页动画制作工具Flash,31,2.3 网站规划、设计与开发,规划站点结构 ： (1)用文件夹来保存文档。 (2)使用合理的文件名称。 (3)注意大小写 (4)合理分配文档中的资源,32,COMWeb网站结构,33,规划站点的浏览机制,创建返回主页链接 使用框架技术，在网页的顶端或左方，提供指向返回主页的链接 显示当前位置 提供搜索和索引功能 提供反馈机制,34,构建整体的站点风格,网页风格具有统一性 ，多个网页上重复出现某些对象 构造网站整体风格常采用网页模板的方式实现,35,网站软件开发,开发网站技术选型： （1）小型网站：ASP、PHP/Window