网页设计与制作概要.ppt

学习情境二 班级主页的制作 学习目标 学习网页布局的基础知识 练习使用表格布局 练习在网页中插入超级链接、多媒体元素 完成班级主页的制作 任务1 认识布局 2.1.1 页面尺寸 分辨率在800x600的情况下，页面的显示尺寸为：780x428像素； 分辨率在1024x768的情况下，页面的显示尺寸为：1007x600像素。 一般情况下，不要让访问者拖动页面超过三屏。 如果需要在同一页面显示超过三屏的内容，那么最好能在上面做上页面内部锚点连接，方便访问者浏览。 任务1 认识布局 2.1.2 整体造型 1．国字型 即最上面是网站的标题以及横幅广告条，接下来就是网站的主要内容，左右分列一些两小条内容，最下面是网站的一些基本信息、联系方式、版权声明等。 2．拐角型 这种结构与上一种其实只是形式上的区别，上面是标题及广告横幅，接下来的左侧（或右侧）是一窄列链接等，右列（或左列）是很宽的正文，下面也是一些网站的辅助信息。 任务1 认识布局 任务1 认识布局 3．三字型 即最上面是网站的标题以及横幅广告条，接下来就是网站的主要内容，主要内容以行的形式罗列，最下面是网站的一些基本信息、联系方式、版权声明等。 4．标题正文型 这种类型即最上面是标题或类似的一些东西，下面是正文。 任务1 认识布局 任务1 认识布局 2.1.3 页面组成 1．页头 2．页脚 3．文本 4．图片 5．多媒体 任务