网页制作与JSP技术 第2版 教学课件 作者 汪赵强主编 项目2 个人主页设计.ppt

网页制作与JSP技术 第2版 教学课件 作者 汪赵强主编 项目2 个人主页设计.ppt

ID:50209109

大小:1.86 MB

页数:68页

时间:2020-03-10

网页制作与JSP技术 第2版 教学课件 作者 汪赵强主编 项目2 个人主页设计.ppt_第1页
网页制作与JSP技术 第2版 教学课件 作者 汪赵强主编 项目2 个人主页设计.ppt_第2页
网页制作与JSP技术 第2版 教学课件 作者 汪赵强主编 项目2 个人主页设计.ppt_第3页
网页制作与JSP技术 第2版 教学课件 作者 汪赵强主编 项目2 个人主页设计.ppt_第4页
网页制作与JSP技术 第2版 教学课件 作者 汪赵强主编 项目2 个人主页设计.ppt_第5页
资源描述:

《网页制作与JSP技术 第2版 教学课件 作者 汪赵强主编 项目2 个人主页设计.ppt》由会员上传分享,免费在线阅读,更多相关内容在教育资源-天天文库

1、网页制作与JSP技术第2版主编项目2 个人主页设计2.1 页面整体设计与制作2.2 页面的主要元素设计与制作2.3 文字、段落设计与制作2.4 列表设计与制作2.5 表格的应用2.1 页面整体设计与制作2.1.1 页面的头部标签一个HTML文件大体分为以下几部分:1)可以在使用网页编辑软件DreamweaverMX构建网站结构图时,显示在该网页文件的旁边,提示网页的内容。2)可以在浏览者保存该网页时,变为所保存网页的文件名,这是IE浏览器默认的设置。3)可以在浏览者将网页添加进收藏夹时,成为该收藏夹中该网

2、页的名字。例2-1 HTML文档中基本标签的使用。2.1 页面整体设计与制作图 2-12.1.2 页面的主体标签2.1 页面整体设计与制作网页的主体部分位于和标签对之间。表2-1 标签的属性2.2 页面的主要元素设计与制作2.2.1 背景颜色属性背景颜色属性(bgcolor)是用来设定整个页面的背景颜色的。例2-2 设置背景颜色。图 2-22.2 页面的主要元素设计与制作2.2.2 文本颜色属性文本颜色属性(text)是用来设置整个页面默认文字的颜色,在没有对文字进行单独定义颜色的

3、时候,这个属性将对页面中所有的文字产生作用。例2-3 设置文本颜色。图 2-32.2 页面的主要元素设计与制作2.2.3 背景图像属性可以使用JPG和GIF图片作为页面的背景图像,通过background属性来实现。例2-4 设置背景图像。图 2-42.3 文字、段落设计与制作1)直接使用HTML标记。2)使用CSS(层叠样式表),这一部分将在下一章中做详细介绍。2.3.1 标题字标签HTML语言提供了总共6对文本中的标题进行操作的标签对:

...

,……...,其中,

..

4、.

间是最大的标题,而
...
间则是最小的标题,即标签中h后面的数字越大,标题文本就越小。例2-5 设置标题字。图 2-52.3 文字、段落设计与制作2.3.2 标题字的对齐属性标签HTML语言中用align属性表示标题的对齐方式,有3个属性值,即right(右对齐)、left(左对齐)和center(居中),表示方法是:align="right";align="left";align="center"。例2-6 设置标题字的对齐方式。图 2-62.3 文字、段落设计与制作2.3.

5、3 文字的修饰标签1..........2.............例2-7 设置字体。图 2-72.3 文字、段落设计与制作3................例2-8 设置字体。图 2-82.3 文字、段落设计与制作2.3.4 字体标签

6、如果希望更改页面中的字体、字号和颜色,最好使用标签。例2-9 设置文本字体。图 2-92.3 文字、段落设计与制作2.3.5 段落标签1.段落标签

...

2.段落的对齐属性align3.换行标签
4.不换行标签5.
...
例2-10 段落标签综合应用。图 2-102.3 文字、段落设计与制作1)段落标签

...

可以是双标签,也可以是单标签。2)段落的对齐方式,指的是段落相对于文档窗口(或浏览器窗口)在水平

7、位置的对齐方式。2.3.6 水平线标签


称为水平线标签,作用是插入一条水平线。1)align="left",表示设定水平线的位置,可选择left、right、center3种值。2)size="2",表示设定水平线的高度,以像素作单位。3)width="70%",表示设定水平线的长度,可以是绝对值(以像素作单位)或相对值,默认值为100%。4)color="#0000FF",表示设定水平线的颜色,默认值为黑色。2.3 文字、段落设计与制作5)noshade,表示设定水平线为去掉阴影或立体显示,这是默

8、认值。例2-11 设置水平线。图 2-112.4 列表设计与制作2.4.1 列表的类型在HTML页面中,列表起到提纲挈领的作用。1.有序列表项12.有序列表项22.4.2 有序列表标签1.有序列表标签

  1. ...
例2-12 设置有序列表。图 2-122.4 列表设计与制作2.有序列表的类型属性type表2-2 有序列表的类型例2-13 有序列表的类型设置。2.4 列表设计与制作图 2-133.有序列表的起始

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

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

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