资源简介

(共29张PPT)
四川越西中学
高一信息技术
4.2网站的设计
前景回顾
网站开发的五个基本步骤
网站的规划
网站的设计
网页的制作
网站的发布与管理
网站的评价
本节学习目标：(完成“本班网站”的 设计）
确定网站的主题（本节难点）:
设计网站的风格、框架（本节重点）:
选择制作网页、美化网页的基本工具
完成任务分工合作小组的人员分配表
构思页面框架结构，设计新颖的方式吸
引用户的关注（色彩、主区动态---）
网站设计的正确思路：
确定
构思
选择
管理
确定网站主题，围绕主题选择适当的信息表达方式
网页的内容（素材选择）、功能及实现工具的构思
网站维护管理：用户反馈与交流、使用情况调查，后续更新素材收集，任务分配
（一）确定网站的主题（难点解析）:
什么样的网站主题才能得到用户认可
确定网站的主题（难点解析）:
了解校园网站的发展情况，用户群的特点，根据自己掌握内容材料确定网站的主题。网站的主题是网站的灵魂，定位稍有偏差，将来再更改都是非常困难的事情，所以要考虑全面，慎重确定。
原则： 1.主题鲜明、精而有趣；
2.题材适当，有前瞻性；
3.编辑熟悉、容易实现。
告诉你
适合学生的主题:(网络评出了全球知名网站的56类题材)
病毒字典– 网络信息 - 学习天地 - 超级图书馆
古典音乐 - 免费软件 - 古典名著 - 佳句名言 科幻小说 - 金庸客栈 – 中国山水 - 游戏小屋 国画画廊 - 象棋世家 - 能吃是福 - GIF动画库 陶艺园地 - 漫画天地 - 中国足球 - 摄影俱乐部 中华国宝 - 幽默轻松 - 体育博览 - 中国古典诗词 流行情报 - 电子贺卡 - 旅游天地 - Windows技巧 电影世界 - 软件宝库 - 国旗大展 - 网页研习室 影视偶像 - 天文星空 – 中国奇闻 - 电脑杂志 Midi金曲 - 少年园地 – 十万为什么- 武器博物馆 游戏天堂 - 儿歌专集 - 热 带 鱼 - 硬件开讲 健康资讯 - 最爱篮球 - 媒体大师 - 网上教室 我爱集邮 - 天外来客 - 网络资源 - 影像合成 骇客资讯 - 免费大全 - Java小屋 - 环保天空
p97
我们多了解优秀网站、网页的版面是怎样构建起来的，也是一步重要的学习步骤哦！！
请同学们打开桌面上的 文件夹,观看里面的优秀网站的页面布局。
（二）版面、风格设计
简洁大方
风格独特，构图巧妙……
生动活泼
浓郁的文化气息
学校概况 院系设计 管理机构 科学研究 招生信息 English
Web结构类似于Internet的组成结构，各网页之间形成(树型）网状连接，允许用户随意浏览。
首 页（框架页）
页面1
页面2
页面3
页面4
页面5
页面7
页面8
一级标题
二级页面
二级标题
三级页面
页面6
（三）、选用制作网页、美化网页的基本工具(了解）
（打开桌面的“4.1.4制作网页的基本工具”以及“PPT学习教程” 自习，老师辅导。）
1.网页制作工具FrontPage
FrontPage是由Microsoft公司推出的新一代Web网页制作工具。FrontPage使网页制作者能够更加方便、快捷地创建和发布网页;具有直观的网页制作和管理方法，简化了大量工作。FrontPage界面与Word、PowerPoint等软件的界面极为相似，为使用者带来了极大的方便，Microsoft公司将FrontPage封装入Office之中，成为Office家族的一员，使之功能更为强大。
lantern slides
(电子文档性的)
其他类的幻灯片
网页里的元素：
网页美化工具
为了使制作的网页更为美观，用户在利用网页制作工具制作网页时，还需利用网页美化 工具对网页进行美化。
1．Photoshop
Photoshop是由Adobe公司开发的图形处理软件，它是目前公认的PC机上最好的通用平面美术设计软件，它功能完善、性能稳定、使用方便，所以在几乎所有的广告、出版、软件公司，Photoshop都是首选的平面制作工具。
动画设计主要软件Flash
由Macromedia公司开发设计的多媒体软件所生成的动画(.swf)文件非常小，用在网页设计上不仅可以使网页更加生动，而且小巧玲珑下载迅速，使得动画可以在打开网页很短的时间里就得以播放。并且把音乐，动画，声效，交互方式融合在一起，可以直接嵌入网页的任一位置，非常方便。Flash已经慢慢成为网页动画的标准，成为一种新兴的技术发展方向
3．Flash
现在不会的工具软件不要紧，我们可以用上学期学过的PPT、WORD等我们熟悉的软件来制作图片、艺术字等特效和动画哦！
选择后的目标是“实现”：
自己在某些方面有兴趣，或掌握的资料较多，
就更容易入手和容易完成作品。一者，可以有自己的
见解，做出自己的特色；二者，在制作网站时不会觉
得无聊或者力不从心。兴趣是制作的动力，没有
创作热情，很难坚持创作出优秀的作品。
可能的成功
选择后还要努力付出才能-------
打开“学生网站模板” 或者“百度收索”，可以看到各种风格、各种样式的学生作品。参考这些网站页面，做出自己的“班级网站”的规划，并完成“表格”。
以后我们“班级网站制作步骤”中的所有工作过程都要“表格化”，要求小组明确分工与和谐合作，工作任务细化落实。
（四）：实战练习
可以开始动手做了吧：
我们的制作团队，
开始策划和行动吧!
我来当队长哦！
（请加入QQ群：高一.二班603947803，方便同学们对“班级特色网站制作”的讨论、交流）
你想做什么样的工作？请在《网站的设计表》里填上你的名字吧！！
学无止境、集思广益！！
团体协作，加油！

展开更多......

收起↑