HTML基础知识之图文专题3.doc
上传人:sy****28 上传时间:2024-09-13 格式:DOC 页数:4 大小:395KB 金币:15 举报 版权申诉
预览加载中,请您耐心等待几秒...

HTML基础知识之图文专题3.doc

HTML基础知识之图文专题3.doc

预览

在线预览结束,喜欢就下载吧,查找使用更方便

15 金币

下载此文档

如果您无法下载资料,请参考说明:

1、部分资料下载需要金币,请确保您的账户上有足够的金币

2、已购买过的文档,再次下载不重复扣费

3、资料包下载后请先用软件解压,在使用对应软件打开

实训三HTML基础知识之图文专题主要内容:这周需要完成的任务:小组网站规划设计报告人组长:学号+姓名成员:学号+姓名学号+姓名时间:xxxx-xx-xx网站定位(请准确详细描述网站定位及网站主题)(请准确详细分析网站的目标用户群,包括分析这些用户的需求、行为习惯、偏好、个性特点等。)网站风格版式设计网站栏目规划文件目录结构网站功能及内容设计实现方式网站的发布及维护复习:网页中用红框标出的部分分别如何实现?网页标题;背景图片;第一行文字的样式;文字移动;独立的一张图片;栏目之间的间隔。操作部分:HTML多媒体文件设置提示:请务必做好准备工作。在硬盘上创建一个自己的文件夹,专门存放网页素材和制作的网页。如在E:/盘创建一个“myweb“文件夹。将从FTP上下载下来的”images”文件夹(专门存放图片),存放在自己的“myweb”文件夹内,以备制作网页时使用。在自己的文件夹内新建一个文本文档,保证文件的后缀名“.txt”是显示出来的。方法:文件夹【工具】菜单【文件夹选项】,【查看】选项卡中把“隐藏已知文件的扩展名”勾掉。双击打开记事本,在其中输入代码。<html><head><title>个人网页</title></head><bodybackground="images/back1.jpg"><marquee><palign="center"><fontsize="6"color="#0000ff">欢迎访问我的第一个网页!</font></p></marquee><imgsrc="images/jimi1.jpg"/><p>我的说说&nbsp;&nbsp;&nbsp;&nbsp;我的日志&nbsp;&nbsp;&nbsp;&nbsp;我的相册</p></body></html>保存记事本,并给文件重命名为“first.html”。浏览网页效果,跟例子效果是否一致。修改代码,在图片<img>下一行显示一个动画(动画素材已准备好,放入images/文件夹),输入<embedsrc=”images/sheep.swf”/>,保存后测试。继续修改,在<embed>标记中加入width=”200”height=”200”,保存后测试。继续修改,使用<embed>也可以添加音乐,如:<embedsrc=”images/smile.mp3”/>,保存后测试。如果想将音乐做成背景音乐,怎么办?两种方法:<embedsrc=”images/smile.mp3”hidden=”true”autostart=”true”loop=”true”/>,保存后测试;<embedsrc=”images/smile.mp3”width=”0”height=”0”autostart=”true”loop=”true”/>,保存后测试。知识链接:网页中常见的图像格式:gif格式——可以制作动态小图像;jpeg格式——图像压缩格式,可以在图像品质和文件大小之间达到良好的平衡;png格式——最近越来越流行的网页图像格式,具备gif图像格式的大部分优点,还支持更多层的透明度设置。多媒体标记——embed常用属性:属性名描述src要显示的多媒体文件的相对路径width、height分别设置多媒体的宽度、高度,设置为0时可隐藏控制条autostart是否自动自动播放,取值true或者falseloop是否循环播放,取值true或者falsehidden是否隐藏控制条,取值true或者falseHTML格式化文字——标题、项目列表、超链接在前面制作的网页的基础上继续修改,在</body>之前加入测试文字:<h1>记录我的一周</h1></body></html>保存后测试,能看出来<h1>标签的作用吗?换成<h2>、<h3>……试一下。继续修改如下。<h1>记录我的一周</h1><ul><li>星期一</li><li>星期二</li><li>星期三</li></ul></body></html>保存后测试,<ul>标签的作用是?把<ul>换成<ol>试一下。要开始制作超链接了:先在自己的站点文件夹中新创建一个记事本,在其中输入最简单的HTML代码,如<html><body>我的星期一</body></html>保存文件,并将文件重命名为“zhouyi.html”。回到first.html代码状态,修改代码:<h1>记录我的一周</h1><ul><li><ahref=”zhouyi.html”>星期一</a></li><li>星期二</li><li>星期三</li></ul></