2.1筹划班级网站 课件 2023—2024学年粤高教版（B版）初中信息技术九年级上册

Plan a class website 动手创建自己的网站 筹划班级网站 CONtents 01 观摩网站 02 明 确 功 能 定 位 03 设 计 内 容 结 构 04 设计版面 观摩网站 THE Part 01 观摩网站 提供信息资讯 作品选材取景 观摩网站 提供信息资讯 作品选材取景 观摩网站 展示品牌形象 作品选材取景 观摩网站 展示品牌形象 作品选材取景 观摩网站 进行交易的 作品选材取景 观摩网站 进行交易的 作品选材取景 观摩网站 共享信息互动交流 作品选材取景 观摩网站 共享信息互动交流 作品选材取景 观摩网站 各种功能网站 作品选材取景 观摩网站 各种功能网站 作品选材取景 各种功能网站 例如：百度、谷歌、必应 163邮箱 共享信息互动交流 例如：微博、贴吧、知乎 进行交易的 例如：淘宝、天猫 提供信息资讯 例如：人力资源与社会保障局 教育局 网站的用途越来越多，筹划制作网站先要进行功能定位。 观摩网站 作品选材取景 明确功能定位 THE Part 02 确定网站名称 明确功能定位 对内，面向同学 记录班级成长足迹 分享点滴收获 构筑友谊纽带 明确功能定位 对外，面向老师、家长 反映本班同学精神面貌 作品选材取景 设计内容结构 THE Part 03 01 选择内容 02 设计栏目 设计内容结构 栏目 主要内容 班级相册 记录同学们的成长足迹。整理保存同学们在校园活动、课堂学习、校外实践的相片或视频 才艺展示 展示同学们的作品。呈现同学们课堂内外的作品，为 同学们提供展示才艺的天地 快乐学习 分享探索成果，共同快乐成长。包括作文选、资料集、收藏夹、休闲区等 通信联络 记录同学们的最新联络方式，满足随时随地的通信查询 作品设计理念 03 网页结构图 设计内容结构 作品设计理念 网站首页 通讯联系 快乐学习 才艺展示 班级相册 设计版面 THE Part 04 01 02 03 选定版面宽度 合理布局版面 设计色彩方案 设计版面 显示器分辨率不同，看到的网页效果有可能不同。一般以显示器常用分辨率为基准，如：800×600、1366×768等。版面内容不要超过屏幕的宽度。 网站主题标志突出，导航清晰，版面疏密有度，内容分布主次有序，不同栏目的网页版式可以稍有变化。 不同颜色的搭配，能带给人不同的印象。一个网站往往有自己的主色调。 作品设计类型 设计版面 网站主题标志突出，导航清晰，版面疏密有度，内容分布主次有序，不同栏目的网页版式可以稍有变化。 作品设计类型 设计色彩方案 色彩的选择也是一种主题与个性的表达，不同颜色的搭配，能带给人以不同的印象。 一个网站往往有自己的主色调，在制作网站前应综合考虑网站的主题、访问对象和自身的喜好等，确定一种合适的配色方案。 设计版面 在一般情况下，彩色页面较完全黑白页面更加吸引人。通常主要内容文字用非彩色（黑、白、灰色），边框、背景、图片用彩色。这样，页面整体不单调，看主要内容也不会眼花。 作品选材取景 作品选材取景 作品选材取景 作品选材取景 作品选材取景 作品选材取景 作品选材取景 作品选材取景 作品选材取景 01 02 是一种激奋的色彩。给人以刺激效果，能使人产生冲动、愤 怒、热情、活力的感觉。 红色 是最清新、专业的色彩。它和白色混合，能体现柔顺、淡雅、 浪漫的气氛。 蓝色 03 给人以洁白、明快、纯真、清洁的感觉。 白色 04 给人以深沉、神秘、寂静、悲哀、压抑的感觉。 黑色 设计色彩方案 作品设计理念 设计色彩方案 作品选材取景 动手 试一试 单击“开始”→“控制面板”→双击“显示”，在打开的窗口的“设置”顶中修改显示器分辨率，在不同分辨率中浏览网页，观察有何不同。 任务： 打开任意官网（如“海澜之家”），浏览网站内容 修改电脑显示分辨率为“800*600”，再次去浏览网站内容，观察有何变化 重新把分辨率改为“1920*1080” www.515ppt.com 34 谢 谢 观 看 $$