4.3网页的制作—《使用表格进行页面布局》重庆市合川太和中学魏峻峰网页制作过程素材的准备新建一个网站及网页知识回顾HuiGu布局首先要求简洁清晰,用最少元素表达最多的信息。将画面横竖三等分,符合美学中的黄金比规律试一试插入图片文本框编辑按钮分析布局风格布局原则布局方式规划设计制作发布发现问题技术:掌握网页制作工具操作根据设计完成制作任务01评价:对自己和他人制作的网页进行恰当的评价02情感:学会从美学角度、从平面设计角度去欣赏网页03素材的组织与管理、运用表格设计网页版面重难点学习目标常见的网页布局类型国字型拐角型上下型、左右型其他标题文字1文字2文字3文字4插图文字1图文2图片1图片2请在纸上动手设计,简单页面布局任务01表格最初是为表示数据设计的,但现在它已经被网站设计者作为生成分栏框架结构的工具,只需要把表格的边框隐藏起来,用户见到的是一个连贯的页面。标题文字文字1文字2文字3文字4文字5文字6文字7文字2插图3文字3文字4文字5文字6利用工具软件,实现刚才的表格布局。任务02使用FrontPage2003制作刚才的表格,表格-插入-表格;对表格进行合并和拆分;单元格背景填充;对齐方式;边框粗细。标题文字文字1文字2文字3文字4文字5文字6文字7文字2插图3文字3文字4文字5文字6表格处理技巧•调整表格大小:•合并和拆分:•对齐方式:•边框:分组完成:选定主题,合理运用素材,实现网站布局。任务03通过老师提供的素材,使用FrontPage2003制作网页,注意合理布局、色彩搭配、图文搭配。并且合理对他人和自己的网页进行评价;从美学、平面设计角度欣赏网页。任务03布局技巧•主题突出、布局合理•色彩搭配、图文搭配通过:插入图片、背景填充、字体格式三、作品评价•主题突出、布局合理•色彩搭配、图文搭配课后思考、练习巩固感谢您的观看重庆市合川太和中学魏峻峰