网页美工与制作

网页美工与制作09业余高职文1班Dreamweaver+Flash+Photoshop网页制作从入门到精通（CS3版）第一章：什么是网页•1.1网页基础知识•1.2网站的开发流程•1.3一般商业网站开发流程•1.4网页制作软件•1.5学好制作网页1.1网页基础知识•1.1.1认识网页•1.1.2认识网站•1.1.3网页的类型•1.1.4网页制作中的专业术语•1.1.5网页的组成元素1.1.1认识网页频道分类众多的综合性网站1.1.2认识网站•门户网站1•个人网站2•专业网站3•职能网站41.1.2认识网站•门户网站1•个人网站2•专业网站3•职能网站4个人网站具有较强的个性化色彩，是以个人名义开发创建的网站，其内容、样式、风格等都是非常有个性的。1.1.2认识网站•门户网站1•个人网站2•专业网站3•职能网站4专业网站是针对现实生活和工作某一行业而创建的网站。1.1.2认识网站•门户网站1•个人网站2•专业网站3•职能网站4职能网站具有专门的职能。如政府职能网等1用HTML语言编写的网页，其制作方法简单易学，但不能进行交互，缺乏灵动性。静态网页2使用ASP、PHP、JSP等程序生成的网页，可以与浏览者进行交互，也称为交互式网页。使用数据库技术。动态网页B与主页相关联的页面，也就是网站的内部页面。内页A打开网站时看到的第一个页面，也称为首页。主页按网页的表现形式可分为静态网页和动态网页两类。按网页的位置可分为主页和内页两类。1.1.3网页的类型1.1.4网页制作中的专业术语万维网：WorldWideWeb，简称，是目前Internet上最流行的一种信息资源。1.万维网2.浏览器浏览器：是用于观看Internet上网页的工具，使用它访问网络就像在互联网海洋中进行冲浪。5.IP地址3.文件传输协议文件传输协议：简称FTP，是一种快速、高效和可靠的信息传输方式。通过该协议可以把文件从一个地方传输到另一个地方，从而真正地实现资源共享。4.超文本标记语言超文本标记语言：简称HTML，网页就是通过超文本标记语言创建的，其最基本的特征就是超文本和标记。用HTML编写的网页文件的扩展名一般为.htm或.htmlIP地址：IP地址由一组数字和小园点组合而成，用于标识网络中电脑的位置，如218.20.222.70、192.168.1.100等，在浏览器中输入网站所在服务器的IP地址就可以访问该网站。6.域名域名：由于IP地址是一长串数字，要记住这些数字非常困难。为了方便大家记忆，便提出了域名的概念。域名由英文字符和数字组成，与固定的IP地址相对应。这些域名比较简短，因此记忆起来十分轻松。7.统一资源定位器统一资源定位器：简称URL，是一种用于定位Internet中某一个资源的具体位置，以取得各种服务信息的标准方法。如“”即为一个完整的URL。8.超链接超连接：当鼠标光标移动到网页中的某一元素时，鼠标光标变为手指形状，则该元素就是网页中的超链接。通过它可以在网站内部页面和对象之间建立链接，也可以与其他网站的页面和对象建立链接。通过单击超链接可以转到相应页面上进行浏览。9.表单表单：用于填写申请或提交信息时的交互页面。如电子邮箱、主页空间和QQ号码的申请页面及登陆页面，或者进行内容搜索页面等都是采用表单来实现交互的。10.导航条导航条：导航条是多个超链接的集合，能有效地实现超链接功能。它就像书的目录，包括了整个网站中主要页面的关键词，单击导航条上的超链接，可以跳转到相应的页面进行浏览。3.多媒体元素2.图象1.文本网页是由多种元素组成的，文本和图象是网页中最基本的元素，它们在网页中起着非常重要的作用，是网页主要的信息载体。除文本和图象外，网页中还可以包括动画、音乐等多媒体元素。1.1.5网页的组成网页的组成1.2网站的开发流程•1.2.1收集资料和素材•1.2.2规划站点•1.2.3制作网页•1.2.4测试站点•1.2.5发布站点•1.2.6更新和维护站点1.2.1收集资料和素材在制作网页前应先收集要用到的文字资料、图片素材及用于增添页面特效的动画等，并将其分类保存在相应的文件夹中。搜集方式可以是网络中搜索得到，或者可以自行制作得到。1.2.2规划站点在策划站点时应按站点所包含的内容进行分类（即确定导航），如要制作一个综合性网站，其包含的频道非常多，而频道下又划分了许多的小栏目，前期制作时需要精确到各频道下的小栏目。1.2.3制作网页当一切准备工作完成后，就可以进行网页制作了。在制作时应考虑以下几个方面创建页面框架创建导航条填充内容创建超链接将网页划分后进行页面布局。一般的导航条都是放在也面的上部或者左侧。将图片和文本等合理地分配到网站的各页面中。将各个页面链接，方便用户浏览。在此输入标题输入数据名目♂♀1814人数拆分在此录入综合分析在此录入上述图表的综合分析结论在此录入上述图表的综合分析结论在此录入上述图表的综合分析结论在此录入上述图表的综合分析结论Bigidea在此输入标题输入文字在此录入上述图表的综合分析结论在此录入上述图表的综合分析结论在此录入上述图表的综合分析结论在此录入上述图表的综合分析结论输入文字在此录入上述图表的综合分析结论，在此录入上述图表的综合分析结论输入文字在此录入上述图表的综合输入文字在此录入上述图表的综合输入文字在此录入上述图表的综合在此录入综合分析在此录入上述图表的综合分析结论在此录入上述图表的综合分析结论在此录入上述图表的综合分析结论在此录入上述图表的综合分析结论在此输入标题输入文字输入文字输入文字输入文字在此录入综合分析在此录入上述图表的综合分析结论在此录入上述图表的综合分析结论在此输入标题输入文字在此录入上述图表的综合分析结论在此录入上述图表的综合分析结论在此录入上述图表的综合分析结论在此录入上述图表的综合分析结论在此录入综合分析在此录入上述图表的综合分析结论在此录入上述图表的综合分析结论在此输入标题输入文字在此录入上述图表的综合分析结论在此录入上述图表的综合分析结论在此录入上述图表的综合分析结论在此录入上述图表的综合分析结论““在此输入标题输入文字在此录入上述图表的综合分析结论在此录入上述图表的综合分析结论在此录入上述图表的综合分析结论在此录入上述图表的综合分析结论““谢谢您的耐心阅读！谢谢观赏WPSOfficeMakePresentationmuchmorefun@WPS官方微博@kingsoftwps