山山 东东 省省2 20 02 24 4青青 岛岛 版版 初初 中中 同同 步步 教教 学学 设设 计计第第3 3课课 网站规划与设计网站规划与设计第二单元第二单元 互联网创新应用与网页制作互联网创新应用与网页制作山山东东省省2 20 02 24 4青青岛岛版版初初中中P Py yt th ho on n同同步步教教学学设设计计第第3 3课课 网站规划与设计网站规划与设计第二单元第二单元 互联网创新应用与网页制作互联网创新应用与网页制作学习目标01认识网站的构成元素，学会规划网站，了解网站制作的软件。02通过班级网站的规划，培养规范管理信息的能力，信息处理能力以及数字化实践与创新能力。03通过学校网站的规划，加强对学校文化的理解，增强集体意识，提升审美观念。01网站主题的确定网站主题的确定网站规划02网站运行环境的确定网站运行环境的确定03网页制作工具的选择网页制作工具的选择网站主题的确定 网站的选题，就是要根据网站的开发目标和访问网站的用户群，确网站的选题，就是要根据网站的开发目标和访问网站的用户群，确立网站的主题，并给网站起一个简练响亮的名字。立网站的主题，并给网站起一个简练响亮的名字。举个网站主题的确定 作为中学生，应选择贴近我们学习和生活实际的主题，作为中学生，应选择贴近我们学习和生活实际的主题，这样容易入手，容易完成，也容易吸引同学，引起共鸣。这样容易入手，容易完成，也容易吸引同学，引起共鸣。主题要小而精主题要小而精诗歌鉴赏诗歌鉴赏水调歌头水调歌头.明月几时有明月几时有FlowersFlowers荷花荷花网站名称一个好的网站名称可以是朴一个好的网站名称可以是朴实的或者是想象力丰富的、容易实的或者是想象力丰富的、容易引起联想的，要避免使用过于生引起联想的，要避免使用过于生僻难懂的词汇。僻难懂的词汇。一个别具一格、郎朗上口的网站名称能一个别具一格、郎朗上口的网站名称能令人印象深刻，不但能让用户了解网站的主令人印象深刻，不但能让用户了解网站的主题内容，而且还能吸引更多的浏览者。题内容，而且还能吸引更多的浏览者。网页制作工具的选择 制作网站的软件有很多，常见易学的制作软件有FrontPage、Dreamweaver、WebStorm。网页制作工具的选择 当然要让网页有好的视觉效果，还必须要有图像处理软件来对图片进行处理，如当然要让网页有好的视觉效果，还必须要有图像处理软件来对图片进行处理，如Photoshop、Fireworks；如果还需要动画效果，还需要运用动画制作软件，如如果还需要动画效果，还需要运用动画制作软件，如Flash、Gif动画制作软件等。动画制作软件等。网站的规划网站的设计网站的设计网站的结构设计网站的结构设计（栏目）（栏目）网页的版面设计网页的版面设计（风格和版面布局）（风格和版面布局）网页的交互设计（链接点网页的交互设计（链接点 导航）导航）网站的结构设计写一篇文章：拟好提纲，文章才能主题明确，层次清晰造一座高楼：设计好框架图纸，才能使楼房结构合理 网页的版面设计PPT模板http:/moban/行业PPT模板http:/hangye/网页的版面效果在吸引访问者浏览网页中起了重要的作用风格设计版面布局设计一个色彩搭配合理、版面布局清新的网站会让访问者留恋忘返。观摩网站截图，思考：网站观摩网站截图，思考：网站主题主题和和风格风格、色彩色彩有什么关联？有什么关联？网页风格设计风格设计与主题是密不可分的，是为突出主题服务的。风格设计与主题是密不可分的，是为突出主题服务的。实践：网站的规划设计PPT模板http:/moban/在我的电脑地址栏输入ftp:/192.168.1.100，访问网页规划与设计参考资源，观摩网站，查看资料，参考书本，规划设计自己的班级网站，填写学案的后半部分并上交学案。根据学案搜集文字、图片等素材，上交素材文件夹谢谢观看