首页 实训二-HTML基础知识之图文专题2

实训二-HTML基础知识之图文专题2

举报
开通vip

实训二-HTML基础知识之图文专题2实训二HTML基础知识之图文专题主要内容:要想做出漂亮的网页,有哪些你觉得需要注意的地方?左右两边留白。怎么做到?设定好宽度。建议宽度960~1000px左右,不要超过1200px。选定风格。怎么选?先要确定网站定位或者网站的主题,及面向的用户的个性特点。不同的定位决定了不同的网站风格,如卖体育用品的网站风格偏向热情、活泼、靓丽的色彩,而卖小饰品的网站则偏向公主风、柔美的色彩。收集素材。网页上使用的图片都是提前准备好的,只有收集到、准备好符合网站风格的素材,才有可能做出和谐的网页。画个蓝图。怎么画?最简单的,拿一张...

实训二-HTML基础知识之图文专题2
实训二HTML基础知识之图文专题主要 内容 财务内部控制制度的内容财务内部控制制度的内容人员招聘与配置的内容项目成本控制的内容消防安全演练内容 :要想做出漂亮的网页,有哪些你觉得需要注意的地方?左右两边留白。怎么做到?设定好宽度。建议宽度960~1000px左右,不要超过1200px。选定风格。怎么选?先要确定网站定位或者网站的主题,及面向的用户的个性特点。不同的定位决定了不同的网站风格,如卖体育用品的网站风格偏向热情、活泼、靓丽的色彩,而卖小饰品的网站则偏向公主风、柔美的色彩。收集素材。网页上使用的图片都是提前准备好的,只有收集到、准备好符合网站风格的素材,才有可能做出和谐的网页。画个蓝图。怎么画?最简单的,拿一张白纸,把你想象中网页的版式、构图在白纸上画下来,如:这学期要求大家画一个电子版的图,参考P338图18.2。页面风格统一。怎么实现?确定重复元素。比如网页头部Logo、导航条、页脚信息等。所有这些内容,应该形成一个电子文档,也就是我们做网站常说的网站规划书、或者叫网站规划方案。这学期每个小组都要学提交这么一个网站规划方案,内容一块一块地去充实。这周大家必须完成的任务是:填写网站规划书的第一部分,提纲如下。小组网站规划设计报告人组长:学号+姓名成员:学号+姓名学号+姓名时间:xxxx-xx-xx网站定位(请准确详细描述网站定位及网站主题)(请准确详细分析网站的目标用户群,包括分析这些用户的需求、行为习惯、偏好、个性特点等。)网站风格版式设计网站栏目规划文件目录结构网站功能及内容设计实现方式网站的发布及维护操作部分:HTML基本结构、图片设置在硬盘上创建一个自己的文件夹,专门存放网页素材和制作的网页。如在E:/盘创建一个“myweb“文件夹。将从FTP上下载下来的”images”文件夹(专门存放图片),存放在自己的“myweb”文件夹内,以备制作网页时使用。在自己的文件夹内新建一个文本文档,保证文件的后缀名“.txt”是显示出来的。方法:文件夹【工具】菜单【文件夹选项】,【查看】选项卡中把“隐藏已知文件的扩展名”勾掉。双击打开记事本,在其中输入代码个人网页欢迎访问我的第一个网页!

保存记事本,并给文件重命名为“first.html”。浏览网页效果,查看背景是否有变化。在前面制作的网页的基础上继续修改:例子1欢迎访问我的第一个网页!

将修改成,保存后测试;在img标记中继续修改,保存后测试;思考操作:为什么推荐使用相对路径?制作一个包含背景图片和独立图片的网页。调整独立图片的大小,并设置相应的替换文字。HTML文字相关——水平线、字符实体在前面制作的网页的基础上继续修改:例子1欢迎访问我的第一个网页!


改变水平线的宽度,大家会改吗?宽度可以用两种方式设置,一种固定值,一种相对值,采用%形式。要改变水平线的高度呢?颜色?测试:在图片下显示如下文字:例子1欢迎访问我的第一个网页!

我的说说我的日志我的相册

保存后测试。你会发现在代码中的换行,在页面上没有作用。再敲任意多个空格测试,也没有想要的效果。要想在页面上显示多个空格,怎么做?特殊字符: ——三部分构成一个字符实体,表示一个空格;另外,请记住©。这节课最后,教给大家一个有意思的标记:marquee。例子1欢迎访问我的第一个网页!

我的说说我的日志我的相册

保存后测试。能看出来它有什么作用吗?我们还可以改变文字移动的方向,;另外可以改变文字移动的方式,;还可以改变文字移动的速度,等。还可以让图片动起来,你会做吗?思考操作:在图片和文字中间添加一条水平线,做分隔效果。制作“©版权所有”字样,放置在页面底部,居中。使网页中的标题文字或图片动起来,并能看出滚动区域。
本文档为【实训二-HTML基础知识之图文专题2】,请使用软件OFFICE或WPS软件打开。作品中的文字与图均可以修改和编辑, 图片更改请在作品中右键图片并更换,文字修改请直接点击文字进行修改,也可以新增和删除文档中的内容。
该文档来自用户分享,如有侵权行为请发邮件ishare@vip.sina.com联系网站客服,我们会及时删除。
[版权声明] 本站所有资料为用户分享产生,若发现您的权利被侵害,请联系客服邮件isharekefu@iask.cn,我们尽快处理。
本作品所展示的图片、画像、字体、音乐的版权可能需版权方额外授权,请谨慎使用。
网站提供的党政主题相关内容(国旗、国徽、党徽..)目的在于配合国家政策宣传,仅限个人学习分享使用,禁止用于任何广告和商用目的。
下载需要: 免费 已有0 人下载
最新资料
资料动态
专题动态
个人认证用户
bieke209
暂无简介~
格式:doc
大小:668KB
软件:Word
页数:8
分类:
上传时间:2022-08-17
浏览量:1