[工学]第一讲_网页设计概述.ppt

网页设计与制作;课程定位;学习目标;掌握网页编程基础html相关知识;;考核方式;学生作品;第一章 网页基础概述;1 什么是网页？;1 什么是网页？;HTML;网站和网页;大型网站;新浪网站首页;网页是什么 ;我们看到的一个个网页都是由多个文件组成的。网页文件是“根”，图像和动画文件都是“枝叶”。;选择“文件”“另存为”菜单;网页中的元素类型;网页中使用的动画与视频影像;网页中使用的声音;从功能角度分析网页;站标;导航栏;如果网站内容不多，并且导航栏不超过两排，可以根据网站风格尝试灵活摆放，如放在网页的左侧或者放在页面上方等。;如果网站的栏目很多，可以将导航栏分为多排放置在主页LOGO的下方或右侧，为便于观看，可为各排设置不同的底色。;如果导航栏内容较多的话，尽量使用文字超链接而不用图片。不过，如果导航栏内容不多，或者网页内容比较活泼的话，多采用图片或Flash制作导航栏。;广告条又称Banner，其功能是宣传网站或替其他企业做广告，以赚取广告费。;这里的标题栏不是指整个网页的标题栏，而是网页内部各版块的标题栏，是各版块内容的概括。 标题栏可以是文字加单元格背景，也可以是图片，一般的大型网站都采用前者，一些内容少的小网站采用后者。;网页中的按钮被点击之后，网页会实现相应的操作，比如页面跳转，或数据的传输等。 设计按钮时，要保证按钮与页面的协调，不能太抢眼，如果按钮上有字则尽量使用单色或渐变色背景，保证字迹清晰。当页面上有多个按钮的时候，应分清主次，根据网页的需要改变按钮的颜色或者大小。;网页的分类;;1.1.3 网页设计技术分类;静态网页设计技术;静态网页设计技术; 由于静态网页的内容相对稳定，因此容易被搜索引擎检索。 静态网页没有数据库的支持，在网站制作和维护方面工作量较大，因此当网站信息量很大时，完全依靠静态网页制作方式比较困难。 静态网页的交互性较差，在功能方面有较大的限制。 ;静态网页;动态网页;动态网页的工作原理：;网页的结构;网页中的基本元素;;;2 网页中的常用术语;2.1 WWW;;;;;;在住宅各处随意走动时，地板能在6英寸的范围内跟踪到人的足迹，在有人经过时自动打开照明，离去时自动关闭。 每个房间的温度、照明、音响等等都将随不同的设定自动调整。就算是在水池中，也会从池底“冒”出如影随形的音乐。 ;;;2.2 URL;2.3 FTP;2.4 IP;2.5 域名;2.6 超级链接;2.7 网站;2.7 网站;3 网页制作工具;;4 网站开发的工作流程;;4.1 网站规划;;;;;4.2 网站制作;确定网页尺寸与版面布局;确定了网页尺寸后，接下来的任务就是确定网页布局类型了。网页布局类型没有确定的标准，可以根据需要制定。常见的布局有上下分割型、左右分割型和复合分割型（上下分割和左右分割结合）。;确定网站配色与风格;行业风格色;企业标准色;个人习惯色;下面是一些网页配色时的小技巧;;4.3 后期维护;小结