我的网页,同 步 课 件,湘美版九年级下册,学习运用各种信息技术制作网页 这是一个交流的平台，拥有无限的魅力；这是一个广阔的世界，展现全新的传播方式。走进这个多彩的领域，为自己设计一个别致的网页，尽情彰显你的才华与个性。,网页的风格 优秀的网页设计往往将一些构成页面的基本元素进行合理的组织，体现出语言难以表现的情境，同时展现网站独特的风格与个性，促使浏览者在众多选择中对其留下深刻的印象。,幽默夸张,突出形象,文字表现,制造悬念,网站建立的目标和客户需求不同，网页设计风格也会有所差异。试归纳一下自己所见过的不同类型的网页。,思考练习,构成网页的元素包括文本、色彩、图标、图片、导航栏、超链接、动画、声音、视频等。,来源于The Greeting Farm英文网站,导航栏是一组桉钮，可以帮助浏览者进入各个子页面或返回首页，起到贯穿整个网页的作用。其动画效果的动态装饰，使网页具有运动的形式美感。,恰当的底色能更好地突出主题、烘托气氛。,图标起到点缀、装饰的作用，同时使页面个性更鲜明，更具可辨性。,直观形象的图文设计便于浏览者选择和浏览。,尝试像下图一样，画出一个网页的基本布局。,为你的个人网页设计一个图标，注意体现你的个性、爱好、特长等。,学习活动一,我的信箱 小蚂蚁之家,学生作品,网页设计 多种电脑软件与设备为网页设计的实现提供了多样的手段。图片的形状、位置、大小、数量等直接关系到网页的视觉效果。文字是网页中的主要信息描述要素，文字表现的好与坏将影响到整个网页的质量。,1.使用美术软件（如奇奕画王）中的文字工具输入标题文字，并选择你喜欢的字体和效果。,2.使用区域选择和操作工具进行抠图、旋转等图像处理。,3.使用鼠标或电脑绘图板并结合软件中的各种模拟画笔可以自由地添加图形。,Wacom数位板,4.通过色彩调节工具变换背景和图形的颜色，达成不同的配色效果。,色彩的表达与网页的内容要相关联。网页的色彩要鲜明、独特，与表达的内容气氛相适应。,对比色 近似色,依据内容的多少、功能的分类、页面的大小设计一种版式，然后将文字、图像、图标、导航栏等各元素纳入框架中。,耐克公司中国网站,曲线型版式富于韵律与节奏。,骨骼型版式呈现和谐与理性。,焦点型版式视觉效果强烈而集中。,1.确定网页名称，选择底色，明确网页基调。 2.明确内容区域，版式排列要统一中有变化。,3.导入恰当的图片，形成页面风格。 4.强化版式、色彩和图文的协调呼应，丰富页面效果。,把你喜欢的图片在电脑中进行一些处理， 再试着搭配上不同的图文，变换不同的底色，看看页面版式会有哪些不一样的效果。,思考练习,网站的建立 确立大致的板块框架和清晰明确的导航系统，是建设网站极其关键的一步，也将涉及后期的更新与延展性的间题。 合理划分内容板块，分类安排内容，使每个页面都有一个清晰明了的导航系统，可以条理清楚地引导读者点击感兴趣的页面。,1.网站首页,2.进入网站子页面,3.进入产品信息子页面,4.分页链接,5.进入综合资讯分页,编排合理的网站页面可以很好地引导浏览者的视觉流程。网站风格与企业形象要协调一致。,6.进入终极页面，再返回首页,收集本班成长经历以及班级和校园生活的资料，共同建设自己的网上家园班级主页。在网页上建立大家喜欢的栏目，展示班级风采等。,学习活动二,学生作品,1.能用手绘或电脑软件制作的方式为自己的个人网页设计一个图标，并能体现个人的个性、爱好、特长等。 2.能够运用电脑软件与相关设备，展开网页基本元素的设计练习，为个人或者班级设计网页。 3.尝试自评与互评，指出自己设计的网页在个性与创意、版式结构、色彩搭配、图片处理、导航与链接、动画制作等方面的长处和不足。,评价要点,网页(webpage):网站中的一“页”，通常是HTML格式（文件扩展名为.html或.htm或.asp或.aspx或.php或.jsp等）。网页是构成网站的基本元素，是承载各种网站应用的平台。,相关链接,超链接：又叫超级链接，是一个网络导航器，能够帮助我们在浏览网页时轻松实现各种“跳转”，查看需要的网页。 动画：将连续的画面按一定的顺序放到一个时间坐标上，然后按时间顺序依次播放，即形成动画。,相关链接,网页制作工具有Dreamweaver、Frontpage等，图片编辑工具有Photoshop、奇奕画王等，动画制作工具有Flash、Cool3d、UleadGifAnimator等，还有一些网页特效工具，可以根据需要灵活运用。,相关链接,门户网站,个人网站,功能网站,商业网站,谢 谢 观 看