62第1章 网页设计概述

第1章网页设计概述主讲:刘胜TeachingObjectives通过本章学习，应该掌握以下内容：掌握网页设计相关的基础知识和基本概念熟悉网页的组成元素了解网页设计用到的开发软件和常用技术了解网站的设计流程和网页制作原则1.1网页中的基本概念1．2．网页和网站3．浏览器4．URL5．HTTP6．HTML7．静态网页与动态网页网页和网站网页一般又称HTML文件，通过URL识别和存取网站根据一定的规则，使用HTML等工具制作的用于展示特定内容的相关网页的集合。首页Homepage又称主页，访问网站看到的第一个页面，文件名一般默认为index或defaultQuestion：一个网页能不能称为一个网站?一个网站能不能只有一个网页?URLURL（UniformResourceLocator）一般格式：访问协议://主机域名或IP地址/路径/文件名例HTML（HyperTextMarkupLanguage）html/htmlhead文件头/headbody文件体/bodyHTMLHEADTITLE插入图像示例/TITLE/HEADBODYP我插入的第一幅图像：/PIMGsrc=“image/oldmm.gifalt=oldMM/BODY/HTML超文本标记语言HTML静态网页与动态网页静态网页纯粹HTML格式的网页每个网页都有一个固定的URL，网页URL以.htm、.html、.shtml等常见形式为后缀，且不含有“?”也可以出现各种动态效果动态网页以数据库技术为基础，随不同客户、不同时间，返回不同的网页后缀通常是asp、aspx、jsp、php等，并且通常在URL中带有”？”如何区分动态网页与静态网页？1.2页面组成元素1．LOGO2．BANNER3．导航栏4．文本和图像5．动画6．超链接7．表单8．声音和视频1.3网页开发工具AdobeDreamweaverAdobeFireworksAdobeFlashAdobePhotoshop1.4网站规划与网页设计1.4.1网站的策划1.4.2网页版面布局设计1.4.3网页的色彩应用1.4.4网页的设计原则1.4.1网站的策划策划的目的是为了完成需求分析，确定网站的主题、目标、规模、风格和类型等具体要考虑角度主题风格LOGO标准色彩字体与符号设计网站分类按照功能和结构形式分类门户网站职能网站专业网站个人网站1.4.2网页版面布局设计版面布局的设计步骤草案效果图定稿1.4.2网页版面布局设计版面布局的设计原则正常平衡【图1-18】异常平衡【图1-19】对比【图1-20】凝视【图1-21】空白【图1-22】1.4.2网页版面布局设计版面布局的常见布局类型“工”型【图1-23】拐角型【图1-24】对称型【图1-25】1.4.3网页的色彩应用按照下面的思路进行思考网站的风格定位根据网站的风格和选好的主色选择辅助色随着布局的不同感觉画面中色块的“轻重关系”随着网页制作经验的积累，网页设计者用色有这样一个趋势：单色→五彩缤纷→标准色→单色1.4.4网页的设计原则网页的设计原则流畅的访问速度清晰的导航结构良好的兼容性慎用多媒体元素真实有效的客服信息内容第一、形式第二重要信息要醒目突出网页文件的命名原则设置合理的网站目录确保链接的有效性