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