3网页中文本的处理、图片处理、超链接教程.ppt

head和/head 1.公司版权注释? ?? !---?The?site?is?designed??06/2006?---? ?? 2.网页显示字符集? ?? 简体中文：META?HTTP-EQUIV=Content-Type?CONTENT=text/html;?charset=gb2312? ?? 繁体中文：META?HTTP-EQUIV=Content-Type?CONTENT=text/html;?charset=BIG5? ?? 英?语：META?HTTP-EQUIV=Content-Type?CONTENT=text/html;?charset=iso-8859-1? ?? 3.网页制作者信息? ?? META?name=author?content=Evance? ?? head和/head head区是指首页HTML代码的head和/head之间的内容。? ?? ?? 4.网站简介? ?? META?NAME=DESCRIPTION?CONTENT=xxxxxxxxxxxxxxxxxxxxxxxxxx 5.搜索关键字? ?? META?NAME=keywords?CONTENT=xxxx,xxxx,xxx,xxxxx,xxxx,? ?? 6.网页的css规范? ?? LINK?href=style/style.css?rel=stylesheet?type=text/css? ?? 7.网页标题? ?? titlexxxxxxxxxxxxxxxxxx/title? 注释的作用 适当地在程序中加入注释可以增强程序的可读性，以方便维护人员的维护。即便是对于程序编写人员本人，注释对调试程序和编写程序亦可起到很好的帮助作用。程序员在程序中书写注释是一种良好的习惯，在平时学习和实践时要注意培养这种良好的素养。 1、表示版本、日期 2、描述编程思路 3、对变量、函数、标签加以说明 无序列表 ul li面包/li li咖啡豆/li li牛奶/li li黄油/li /ul 有序列表 ol start=2 type=i li准备好原料/li li将原料混合在一起/li li将混合好的原料放入烘烤盘/li li在烤箱中烘烤1小时/li li从烤箱中取出/li li放置10分钟/li li端上餐桌/li /ol 定义列表 dl dt术语/dt dd术语的定义/dd dt术语/dt dd术语的定义/dd dt术语/dt dd术语的定义/dd /dl 实战——将word中的内容放到网页上（有表格等） 直接复制、然后调整(字体不行) 利用word生成html文件 生成flash——Macromedia Flash Paper 练 习 找到课本上一段文字，将它放置到网页上。 再试一试将html代码显示到网页上 网页安全色 Rgb颜色，但是确定能够被浏览器支持的只有216种。 优点： 1、GIF格式可以高度压缩图像; 2、GIF格式支持图像游离在背景之上的视觉效果; 3、 GIF格式的图像可以被交错下载; 4、可以将很多幅图像结合起来形成动画。 缺点： 1、最高支持256色 2、图像表示不细腻，会有些失真 优点 　　（1）文件小； 　　（2）图像元素对象可编辑； 　　（3）图像放大或缩小不影响图像的分辨率； 　　（4）图像的分辨率不依赖于输出设备； 缺点 　　（1）重画图像困难； 　　（2）逼真度低，要画出自然度高的图像需要很多的技巧。 练 习 在网页中插入两幅图片，分别位于文字左侧、右侧 利用中国地图制作省份导航 3.3 在网页中使用超链接 利用Dreamweaver处理超链接 利用HTML创建超链接 3.3.1 利用Dreamweaver 处理超链接 按照链接路径的不同，网页中超链接一般分为以下3种类型： 练 习 请同学们制作 内部链接 文件链接 邮件链接 锚点链接 热点链接 内部链接：即在同一个站点内的不同页面之间相互联系的超链接。 锚点链接：可以链接到网页中某个特定位置的链接。 外部链接：把网页与Internet中的目标相联系的链接。 如果按照使用对象的不同，网页中的链接又可以分为：文本超链接、图像超链接、E-mail链接、锚点链接、多媒体文件链接、空链接等 合理安排超链接在网页的制作中是非常重要的，采用什么结构的链接会直接影响到网页的布局。建议