页面布局设计

页面布局设计Tag内容描述：<p>1、教学目的: 1掌握使用页面属性控制标记; 2掌握文本格式化标记学会灵活应用; 3. 掌握文字移动标记;,第二章 页面布局与文字设计,教学重难点: 页面属性控制标记的设置.(重点) 文字移动(难点),任务一、文档主体属性的设置,1. 在BODY标记中可以确定整个文档的背景色、前景色等基本属性。 2.语法: 说明: bgcolor - 页面背景色彩 text - 普通文字的色彩 link - 可链接文字的色彩 alink - 正被点击的可链接文字的色彩 vlink - 访问过的可链接文字的色彩 background-背景图象,后面是一个图象地址 bgproperties=“fixed”-固定背景图片,任务二、 文字。</p><p>2、第7章 设计界面布局,本章我们将讲解如何在Android中进行界面布局。通过本章的学习，读者将掌握如何使用Android提供的一些布局类，LinearLayout、TableLayout、FrameLayout、RelativeLayout以及AbsoluteLayout。并且我们将学习一些功能与布局类类似的容器视图。,7.1 创建界面,在Android应用中创建界面通常有两种方法，一种是使用xml创建布局，这在之前的范例程序中经常被使用，也许读者朋友们对其已经比较熟悉了。第二种则是在Java代码中实现，与使用xml文件相比，它更加灵活，更加“动态”，缺点则是会使代码比较混乱，不如使用xml文件那。</p><p>3、第7章 HTML网页布局设计,7.1 网页布局类型 7.2 使用布局模式 7.3 应用框架布局网页,7.1.1 “国”字型,“国”字型布局是一种常见的网页布局类型。这种布局类型是在网页的上下各设计一个通幅广告条，左面是主菜单或导航条，右面是友情链接或其他链接的内容，中间是网页的主要内容。这样布局可以充分利用网页的版面，信息量大。,7.1.2 “厂”字型,“厂”字型布局是在网页的上部放置Logo和Banner，在网页的左边放置导航条与其他链接，在网页的右下方放置网页的主要内容。这种布局的好处是网页的各个部分布局非常集中，可以在一个区域突出网页。</p><p>4、网页制作,项目一 认识网页和网站,网页：存放在Web服务器上供客户机服务 用户浏览的页面； 是一种综合了文字、图片、动画和音乐等内容 的超文本文件，具有可视化和交互性的特点。,网站： 是网页的集合，网页是构成网站的基本元素。,学习目标,了解网页的构成 掌握网页的布局设计 掌握不同风格网页的布局 熟悉Photoshop软件工具的应用,第1章 网页版式设计,网页版式的基本类型 网页版式设计注意事项 页面布局基本步骤 模板,7.1 网页版式的基本类型,网页版式的基本类型可分为“国”字型、拐角型、标题正文型、左右框架型、上下框架型、封面型、。</p><p>5、第五章页面布局设计 本章内容 掌握表格布局的用法掌握框架布局的用法使用DIV布局设计页面 制作51job今日职场热点制作后台管理页面制作个人博客banner部分 本章目标 1 1什么是页面布局 banner article sidebar footer。</p><p>6、项目三页面布局设计 项目简介本项目是设计并制作一个第八届北京体育电影周网站 该网站利用表格进行整体布局 通过表格属性的设置控制页面内容的显示 同时还利用行 列以及单元格的操作及属性设置 使得页面更加整洁美观 该网站采用 上中下 结构的布局形式 其中还涉及表格的嵌套使用等 项目目标本项目以设计一个北京体育电影周网站为例 要求结合网站布局设计的特点 学会并掌握创建表格的方法 能够熟练编辑表格并设置表格。</p><p>7、在第8章中，页面版式设计的绝对div (层)、2、营销对象、8.1层的概念创建8.2层在8.3层中插入内容设置8.4层的属性8.5ap元素”面板8.6层和表格转换8.7绝对div和时间轴8.1层的概念，层是分配了绝对定位的HTML页面元素(div标签、span标签)。 层可以包含文本、图像或可以包含在HTML文档正文中的其他内容，为web设计大师提供强大的web控制功能。4、层的主要功能是创建版结。</p>