实训四-html基础知识之表格化网页

实训四-html基础知识之表格化网页

ID:9018168

大小:1.11 MB

页数:7页

时间:2018-04-15

实训四-html基础知识之表格化网页_第1页
实训四-html基础知识之表格化网页_第2页
实训四-html基础知识之表格化网页_第3页
实训四-html基础知识之表格化网页_第4页
实训四-html基础知识之表格化网页_第5页
资源描述:

《实训四-html基础知识之表格化网页》由会员上传分享,免费在线阅读,更多相关内容在应用文档-天天文库

1、实训四HTML基础知识之表格化网页主要内容:本周需要完成的任务:小组网站规划设计报告人组长:学号+姓名成员:学号+姓名学号+姓名时间:xxxx-xx-xx一、网站定位(请准确详细描述网站定位及网站主题)(请准确详细分析网站的目标用户群,包括分析这些用户的需求、行为习惯、偏好、个性特点等。)二、网站风格版式设计(请根据网站定位,查阅几个(不少于3个)参考网站首页风格、版式,并给出参考网站的网站名称、网址、首页截图)(请根据参考网站风格、版式,给出你们组自己的设计风格描述,包括对风格特点的描述和色调的选择,并画出版式图)(版式图参考下图:)页头导航

2、栏会员登录区&友情链接内容版权三、网站栏目规划四、文件目录结构五、网站功能及内容设计六、实现方式七、网站的发布及维护操作部分:HTML表格的制作提示:请务必做好准备工作。Ø在硬盘上创建一个自己的文件夹,专门存放网页素材和制作的网页。如在E:/盘创建一个“myweb“文件夹。Ø将从FTP上下载下来的”images”文件夹(专门存放图片),存放在自己的“myweb”文件夹内,以备制作网页时使用。Ø在自己的文件夹内新建一个文本文档,保证文件的后缀名“.txt”是显示出来的。方法:文件夹【工具】菜单à【文件夹选项】,【查看】选项卡中把“隐藏已知文件的扩

3、展名”勾掉。1.双击打开记事本,在其中输入代码。个人网页

1112
2122
2.保存记事本,并给文件重命名为“first.html”。3.浏览网页效果,会发现数字显示了,但看不出表格的效果。4.修改代码,在表格标记中添加属性:

4、eborder=”1”>,保存后测试。5.表格边框不明显,我们可以继续添加属性,比如改变表格边框的颜色,改变表格的默认宽度等:,保存后测试。6.大家现在应该从单词上能猜到这两个属性的作用了。除了表格标记

可以加属性外,标记和
标记都有相关属性,例如:个人网页

5、or=”pink”>

21
1112
22
保存后测试。1.表格、表格中的行、每行中的单元格,都可以添加独立的背景颜色(bgcolor)和背景图片(background),请自行测试。知识链接:表格标记:……………表格……………一行……………一列/一个单元格,表格的内容只能放在单元格中…………………一行分成几列,就出现几对td标记

6、r>…………………表格需要几行,就出现几对tr标记

……
表格标记——table常用属性:属性名描述width、height分别设置表格的宽度、高度,td也有此属性border设置表格边框线的宽度bordercolor设置表格边框线的颜色bgcolor、background分别设置表格的背景颜色或背景图片,tr、td也有此属性HTML表格的排版作用1.在前面制作的网页的基础上继续修改,先把网页改成如下效果:要点:Ø三行三列的表格;Ø表格宽度600(px);Ø表格边框宽度2(px)边框颜色#ff0000;Ø第一行背景颜色pink;Ø第二行

7、背景颜色yellow;Ø第三行背景颜色green;保存后测试,看跟例子效果是否一样。1.继续修改如下。

1213
212223

8、31

3233
保存后测试,能看出来表格起到的布局作用吗。2.继续修改,先把网页布

当前文档最多预览五页,下载文档查看全文

此文档下载收益归作者所有

当前文档最多预览五页,下载文档查看全文
温馨提示:
1. 部分包含数学公式或PPT动画的文件,查看预览时可能会显示错乱或异常,文件下载后无此问题,请放心下载。
2. 本文档由用户上传,版权归属用户,天天文库负责整理代发布。如果您对本文档版权有争议请及时联系客服。
3. 下载前请仔细阅读文档内容,确认文档内容符合您的需求后进行下载,若出现内容与标题不符可向本站投诉处理。
4. 下载文档时可能由于网络波动等原因无法下载或下载错误,付费完成后未能成功下载的用户请联系客服处理。