- 1、本文档共79页,可阅读全部内容。
- 2、原创力文档(book118)网站文档一经付费(服务费),不意味着购买了该文档的版权,仅供个人/单位学习、研究之用,不得用于商业用途,未经授权,严禁复制、发行、汇编、翻译或者网络传播等,侵权必究。
- 3、本站所有内容均由合作方或网友上传,本站不对文档的完整性、权威性及其观点立场正确性做任何保证或承诺!文档内容仅供研究参考,付费前请自行鉴别。如您付费,意味着您自己接受本站规则且自行承担风险,本站不退款、不进行额外附加服务;查看《如何避免下载的几个坑》。如果您已付费下载过本站文档,您可以点击 这里二次下载。
- 4、如文档侵犯商业秘密、侵犯著作权、侵犯人身权等,请点击“版权申诉”(推荐),也可以打举报电话:400-050-0827(电话支持时间:9:00-18:30)。
查看更多
[工学]第一讲_网页设计概述
网页设计与制作;课程定位;学习目标;掌握网页编程基础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 后期维护;小结
文档评论(0)