网页制作与设计课件.ppt

文档介绍：网页制作与设计主讲人:闾燕
掌握网页制作的常识,熟悉网页制作的基本技术,熟练掌握HTML标记语言、会用可视化网页制作软件Frontpage或Dreamweaver、会用网页图形处理软件Frieworks或Photoshop、会用矢量动画Flash,能自己独立建立站点、制作网页。
《网页制作与设计教程》陈语林编著中国水利水电出版社
教学内容
教学方式
采用课堂教学与课外上机实践相结合的方式进行,课堂教学在于帮助学生建立网页设计的理念、学****网页设计的常用工具的使用、图像动画制作工具的使用等,课外上机实践着重于网页设计制作及辅助工具软件的使用,以提高学生利用这些工具来解决实际问题的能力.
变得非常简单,只要用鼠标单击,就可以显示图文并茂的网页,网页中可以包含声音、视频、动画等,中最受欢迎、使用最多的原因。
e Web的缩写,也可以简写为W3、3W、Web等,称为国际互联网(),又称万维网,它是基于超文本的信息查询和信息发布的系统。
HTTP:超文本传输协议HTTP(Hyper Text Transfer Protocol).
网页(Web Page):是通过、动画等多媒体信息的页面,它是网站最基本的组成单位。众多的网页有机地集合在一起就组成了网站。
网页设计基础
网站:e)。网站是仅指定,则将打开网站默认的首页(Home Page),也称为主页。首页是一个网站中最重要的网页,通常包含最重要的信息以及指向各分栏目的超链接。
超文本(Hypertext):具有超级链接功能的文本文件叫超文本。超文本文件中的某些字、符号或短语起着“热链路”(Hotlink)的作用,在显示出来时其字体或颜色发生变化或者标有下横线、以区别于一般的正文。
第一章网站设计 网站设计是一个很大的课题。本章将网页设计的软件透明化,从网站的主题、结构、风格、布局等讲述一个网站的制作构思。这是从一个最大的范围去讲述网站设计这个主题的。
;;
;






--融入感情
教学重点与难点
网站的目录结构
网站的连接结构
网站创意
网站布局
欣赏海尔集团的网站:
该首页给人以清新、爽朗的感受,首页的整体布局为“上、中、下”三个版块,中间的主体内容又分为“左、中、右”三个版块。
主要采用浅蓝和大红为主,浅灰色给人清爽、雅致的感受,大红给人温馨、浪漫的感受。
首页题头的动化效果体现了海尔集团的理念和品质,让人既想到家的感觉又能记住该品牌。
导航栏的颜色鲜明,文字与背景色对比强烈,引人注目。二级导航采用横式排列,其优点是不会遮住下面正文的内容。