- 1、本文档共38页,可阅读全部内容。
- 2、原创力文档(book118)网站文档一经付费(服务费),不意味着购买了该文档的版权,仅供个人/单位学习、研究之用,不得用于商业用途,未经授权,严禁复制、发行、汇编、翻译或者网络传播等,侵权必究。
- 3、本站所有内容均由合作方或网友上传,本站不对文档的完整性、权威性及其观点立场正确性做任何保证或承诺!文档内容仅供研究参考,付费前请自行鉴别。如您付费,意味着您自己接受本站规则且自行承担风险,本站不退款、不进行额外附加服务;查看《如何避免下载的几个坑》。如果您已付费下载过本站文档,您可以点击 这里二次下载。
- 4、如文档侵犯商业秘密、侵犯著作权、侵犯人身权等,请点击“版权申诉”(推荐),也可以打举报电话:400-050-0827(电话支持时间:9:00-18:30)。
2、利用表格进行页面布局 在“布局”下,我们可以在网页中直接画出表格与单元格,还可以自由拖动。利用“布局”来对网页定位非常方便。“布局视图”的具体用法如下所示:(1)将对象面板切换到“布局”面板组,单击“布局”按钮进入“布局模式”。(2)在“布局”面板上许多以前不可用的按钮变为可用状态。其中有两个按钮,一个是“布局表格”按钮,允许用户像绘图一样在页面里绘制表格,进行表格布局;另一个是“绘制布局单元格”按钮,可以用于在表格中直接绘制单元格。第21页,共38页,2024年2月25日,星期天 绘制完成后,在“布局”对象面板中按下“标准模式”按钮,则刚刚绘制的布局会全部转换成表格。我们可以任意调整表格,也可以回到“布局模式”中继续绘制。第22页,共38页,2024年2月25日,星期天3、利用Firework进行页面布局(1)、将设计好的网页模板(图像)利用Firework的切片工具进行裁切;(2)、导出html文件。第23页,共38页,2024年2月25日,星期天第24页,共38页,2024年2月25日,星期天裁切要点:(1)、对要插入文字或图片的区域进行裁切;(2)、对大面积空白区域进行裁切(颜色一致);(3)、裁切区域尽量不要交叉。第25页,共38页,2024年2月25日,星期天4、层排版 “层”是一个容器,就像一个包含内容的框架,可以将它放在所需要的位置。利用Dremweaver中的“层”,可以对网页内的元素的位置进行“精确”的定位。 在Dremweaver中可以使用div或span标记插入“层”。第26页,共38页,2024年2月25日,星期天绘制层工具2个层层面板层属性第27页,共38页,2024年2月25日,星期天3.3.8CSS样式简介 CSS是CascadingStyleSheets(层叠样式表)的简称。更多的人把它称为样式表。顾名思义,它是一种设计网页样式的工具。借助CSS的强大功能,网页将在我们丰富的想象力下千变万化。 层叠样式表(CSS)是一系列格式设置规则,它们控制Web页面内容的外观。使用CSS设置页面格式时,内容与表现形式是相互分开的。页面内容(HTML代码)位于自身的HTML文件中,而定义代码表现形式的CSS规则位于另一个文件(外部样式表)或HTML文档的另一部分(通常为head部分)中。使用CSS可以非常灵活并更好地控制页面的外观,从精确的布局定位到特定的字体和样式等。第28页,共38页,2024年2月25日,星期天 术语“层叠”是指对同一个元素或Web页面应用多个样式的能力。例如,可以创建一个CSS规则来应用颜色,创建另一个规则来应用边距,然后将两者应用于一个页面中的同一文本。所定义的样式“层叠”到我们的Web页面上的元素,并最终创建出我们想要的设计。第29页,共38页,2024年2月25日,星期天CSS格式设置规则由两部分组成:选择器和声明。选择器是标识已设置格式元素(如P、H1、类名称或ID)的术语,而声明则用于定义样式元素。在下面的示例中,H1是选择器,介于大括号({})之间的所有内容都是声明:H1{
font-size:16pixels;
font-family:Helvetica;
font-weight:bold;
}声明由两部分组成:属性(如font-family)和值(如Helvetica)。上述示例为H1标签创建了样式:链接到此样式的所有H1标签的文本都将是16像素大小并使用Helvetica字体和粗体。第30页,共38页,2024年2月25日,星期天在Dreamweaver中可以定义以下规则类型: 自定义CSS规则(也称为“类样式”)使您可以将样式属性应用到任何文本范围或文本块。所有类样式均以句点(.)开头。例如,您可以创建称为.red的类样式,设置规则的color属性为红色,然后将该样式应用到一部分已定义样式的段落文本中。 HTML标签规则重定义特定标签(如p或h1)的格式。创建或更改h1标签的CSS规则时,所有用h1标签设置了格式的文本都会立即更新。 CSS选择器规则(高级样式)重定义特定元素组合的格式,或其它CSS允许的选择器形式的格式(例如,每当h2标题出现在表格单元格内时,就应用选择器tdh2)。高级样式还可以重定义包含特定id属性的标签的格式(例如,由#myStyle定义的样式可以应用到所有包含属性/值对id=myStyle的标签)。第31页,共38页,2024
您可能关注的文档
- 园长管理经验交流.ppt
- 围手术期患者的护理与评估.ppt
- 呼吸功能评估.ppt
- 外科护理学专科乳房疾病患者的护理.ppt
- 基因工程及其应用公开课.ppt
- 危重症患者的营养支持及护理.ppt
- 医疗器械辐照灭菌.ppt
- 唐朝服饰文化浅析.ppt
- 基因频率的计算.ppt
- 双相障碍诊断及治疗进展.ppt
- 2024年05月山东交通职业学院招考聘用博士研究生50人笔试历年典型题及考点剖析附带答案含详解.docx
- 2024年05月安徽芜湖市弋江区老年学校(大学)工作人员特设岗位公开招聘2人笔试历年典型题及考点剖析附带答案含详解.docx
- 2024年05月山东东营河口区教育类事业单位招考聘用22人笔试历年典型题及考点剖析附带答案含详解.docx
- 2024年05月山东交通职业学院招考聘用100人笔试历年典型题及考点剖析附带答案含详解.docx
- 2024年05月山东威海职业学院招考聘用高层次人才2人笔试历年典型题及考点剖析附带答案含详解.docx
- 2024年05月安徽石台县事业单位工作人员33人笔试历年典型题及考点剖析附带答案含详解.docx
- 2024年05月山东滨州市博兴县事业单位公开招聘考察笔试历年典型题及考点剖析附带答案含详解.docx
- 2024年05月安徽蚌埠固镇县湖沟镇选聘村级后备干部7人笔试历年典型题及考点剖析附带答案含详解.docx
- 2024年05月山东省安丘市教育和体育局所属事业单位学校公开2024年招考232名工作人员笔试历年典型题及考点剖析附带答案含详解.docx
- 2024年05月山东临沂临港经济开发区工作人员(5人)笔试历年典型题及考点剖析附带答案含详解.docx
文档评论(0)