网页设计基础.ppt

网页设计基础 杨天剑 北京邮电大学 经济管理学院 2007.2.26 课程的主要内容安排 网页设计师相关内容 网站工程师相关内容 常用的网络技术研究 几个网络系统的实例探讨 第一步 网页设计师（美工） 1 网页设计概述 第一节HTML基础 第二节Dreamweaver的工作环境 第三节站点的建立 第一步 网页设计师（美工） 2 表格的应用 第一节 在页面中应用表格 第二节 表格的修饰 第三节 导入表格数据和表格排序 第四节 综合案例——用表格布局网页 第一步 网页设计师（美工） 3 超级链接 第一节连接到其他文档或者文件 第二节几种基本超级链接的建立 第三节创建脚本连接 第四节 超级链接常用技巧 第五节 在网页中创建导航条 第一步 网页设计师（美工） 4 图像和多媒体 第一节在网页中插入图像 第二节优化图像和段落 第三节在网页中插入flash 第四节在网页中应用声音和视频 第一步 网页设计师（美工） 5 网页的美化器 第一节认识CSS样式表 第二节创新样式表 第三节内部样式表的应用和连接外部样式表 第四节供应链管理现状与问题 第一步 网页设计师（美工） 6 网页布局设计 第一节用网格布局网页 第二节用层布局网页 第三节用框架布局网页 第四节表格与层的互相转换 第一步 网页设计师（美工） 7 灵活应用图层和行为 第一节行为的基本概念和应用 第二节利用行为创建菜单 第三节时间轴、图层的基本概念和综合应用 第一步 网页设计师（美工） 8 模版、库和站点管理 第一节模版和库 第二节站点测试 第三节站点的发布 第四节站点的管理 第一步 网页设计师（美工） 9 网站制作实战 第一节案例总体规划 第二节页面制作 第三节上传到因特网 第二步 网站工程师 动态网页程序设计基础 ASP简介 常用的内部对象 Request对象、Response对象、Session对象、Application对象、Server对象 常用组件 文件存取组件 数据库存取组件（ADO） JSP或者ASP.Net 常用技术探讨 网页设计中的常用技术 链接解释文字 滚动字幕 弹出消息 快捷菜单的制作 自动弹出/关闭窗口 托拽图片 网页幻灯片 。。。 网络应用案例 注册与登陆系统 留言本 简单的论坛 网上购物系统 参考教材 缪亮 等，《Dreamweaver MX 2004基础与实例教程》,电子工业出版社，2005.10. 任何讲网页制作的都可以 1.1 HTML基础 1.1.1课前热身 打开一个网页 点击“查看”－“源文件”菜单，弹出几个记事本文件 不管网页多么复杂，都是由这些写在记事本中的HTML代码写成的。 HTML: HyperText Markup Language的缩写，中文称为“超文本标记语言” 1.1 HTML基础 1.1.2编写自己的第一个网页 打开记事本，输入一下内容： html headtitle欢迎光临我的第一个网站！/title /head body 这是我的第一个网页！！br /body /html 文件 ——保存，输入文件名1.htm或者1.html 从资源管理器中找到这个文件，双击打开 1.1 HTML基础 1.1.3 初识HTML HTML网页是由标签和文本两部分组成的。 文本将显示于网页的主体上面，标签本身不显示出来，它起着特殊的作用。 1.1.3 初识HTML 网页的代码逻辑上可以分成两部分。 一部分是网页的头部信息，说明一些网页的基本情况，如网页的总标题等，但很多基本信息不在网页中直接显示。头部信息放在“ head ”与“＜head ”标签之间。 另一部分是网页的主体部分，这部分内容是网页中的正文部分，直接显示在网页页面中，用双标签： “ body ”和“＜body ”把这一部分标记出来。 这两部分代码都包含在“ html ”与“＜/html ”之间，以表示该标签里的内容为 HTML 。 1.1 HTML基础 1.1.3 初识HTML－－标签 在这段代码中，有很多代码是用“ “ 和“ ” 括起来的，如“ html ”、“ head ”、“ body ”等，我们称为“标签”。 这些标签用来分割和标记网页中的元素以形成网页的布局、文字的格式及五彩缤纷的画面。通过这些标签，可以在网页中规范文本、插入图片、声音、动画和影视等多媒体文件，还可以实现页面之间的跳转等。 1.1.3 初识HTML－－标签 单标签 有些标签单独使用就能发号施令，控制网页的效果。如“ br ”就是一个最常用的单标签，它表示换行。 双标签 有些标签必须成对使用，在给网页文件发送的指令符号前面和后面分别加上标签，告诉文件从开始标签开始到结束标签之间执行某个命令。一般结束标签的形式是在开始标签前面加上一斜杠。如