课件_第10讲：网页制作.ppt

1、1,第10讲 网页制作初步,主讲教师：唐大仕 ,2,网页的制作,复习几个概念 Html的基本标记 在线及本地编辑网页,3,有关WWW的几个概念,WWW: World Wide Web URL: Uniform Resource Location Http: Hyper Text Transfer Protocol Html: Hyper Text Markup Language 多媒体 超链接,4,Html 基础,Html 源文件 文件结构 head body Title标题 Meta,5,标记,标记 tag 成对的标记, 不成对的标记 如 如 标记的属性 如,6,网页的基本内容,文字 图片

2、表格 超级链接 其他：样式(css)、脚本(script),7,文字,段落 换行 标题 . 粗体 斜体 . 字体 . 颜色 red, blue, white #rrggbb 如#FF0088,8,图形,图片 .gif 及 .jpg 文件,9,链接,文字或图片 URL 的写法 绝对URL 相对URL 目录/文件名 or 文件名,10,列表, 或 . . . ,11,表格, . . . . 表格的重要作用: 用于定位,12,其他,水平线 预设格式 注释 空格,13,了解Style(CSS,层叠样式表),CSS的使用 直接在一个元素上写 将样式定义在一个单独的css文件中 然后，在中引用这个文件 ,

3、14,将样式定义在中的标记中 body,td,p color:#0000CC; font-size: 9pt; . myfont font-family: 宋体; font-size: 20px; #myhead font-size: 9pt; line-height: 13pt a:link color:#00007f; a:hover color: #ff7f24; background-color:#fffff a:visited text-decoration:none; color:#65038e; a:active color:#ff0000; 注：对于.类型的style，使用cl

4、ass属性来引用它： 注：对于#类型的style, 使用id属性来引用它： .,15,了解Script,Script(脚本语言)，可以动态处理网页 常用的有JavaScript及VBScript两种 通常写在标记中 可以通过搜索网上的技巧来进行学习,16,参考,网上资料 html 4.0 specification 各种介绍网页制作的站点 通过 查看/源文件 来学习,17,在线编辑网页,写博客,18,QQ空间 ,19,MSN空间 ,20,本地编辑网页,用Word ,PPT 另存为html 文字编辑器 记事本 保存时，文件类型(所有文件),文件名.htm 专用编

5、辑器 EditPlus / UltraEdit / CuteHtml FrontPage /Netscape DreamWeaver,21,使用EditPlus / UltraEdit,手工书写 使用工具栏 预览 保存(注意文件名带上扩展名.htm),22,使用FrontPage,界面简介 几种视图 三种状态：编辑，HTML，预览 各种工具栏,23,使用FrontPage制作网页,文： 格式、样式、项目编号 图： 大小，alt 表： 列举，文图定位，局部背景 链接： 指向URL, 文件，或书签位置 网页属性： 背景，链接的颜色，声音 样式：格式/样式， 如a, a:hover, a:visited, a:active, td, p p.mystyle, td.myRed 在格式工具栏上应用样式,24,如何让别人访问到我的网页,将文件放入到c:Inetpubwwwroot下 别人使用IE进行访问，如： http:/162.105.xx.xx/aaa.htm 前提： 我的机器安装了WWW服务 开始设置控制面板添加删除程序Windows组件Internet信息服务详情World Wide Web服务 使用IIS服务管理器进行管理 开始设置控制面板管理工具Intern