dreamwaver网页制作第1章

网页设计与制作课程知识与就业分析在互联网发展的今天，网页已经成为人们日常生活中不可缺少的一部分，而几乎所有的企业都想要建立一个网站。网页设计与网站建设也已成为当今社会上一种非常热门的技术。课程知识与就业分析在最近两年我们对IT市场进行调查后发现，随着整个社会进入信息化高速发展的时期，各行各业的企事业单位提供了大量的相关岗位，针对有网页设计师、网络维护员、网络管理员、软件工程师、网站运营经理等岗位群。课程介绍《网页设计与网站建设》是我院计算机专业的集理论与实践为一体的综合应用课程，主要培养学生的网页设计与网站建设的综合技能与素质，提高学生的职业行为能力。课程现状传统网页设计教学往往将80％的教学时间都放在工具软件的使用方法上，结果是虽然学生都会操作设计工具，而且用得很熟练，但是就是不能独立地进行网站规划和页面设计。即使是完成的作品也达不到应有的功能效果和视觉效果。课程内容上重“技术”轻“设计”，这样导致学生不会从全局的角度开发设计，创新意识得不到培养。课程目标通过本课程的学习，使学生了解网页设计的基本概念和基础知识，了解网页设计与网站建设流程，熟练应用网页制作常用软件，掌握网页设计与制作技术，全面掌握网站建设、管理和维护技术。课程目标学生通过本课程的学习，培养两个意识，提高两种能力，即培养了创新意识和职业意识，提高学生的分析问题和解决问题的能力及团队精神和合作能力；并了解网站技术和其他学科领域的相互联系和相互促进的关系，为后续课程的学习和工作奠定理论和实践基础。课程内容课程内容考核方式《网页设计与制作》这门课面向培养学生实践动手能力，因此我们的考核是面向培养学生能力的考核方式，期末综合成绩由以下几个部分组成：最终成绩=平时成绩+实验成绩+课程设计成绩+课程报告成绩按时上课，注意课堂纪律独立完成作业和实验报告上机课不得做聊天、看电影、上网、打游戏等与学习无关的事情课程要求第一章网页与网站基础知识网页与网站的概念网页的设计网站的规划网站的开发流程1.1网页与网站的概念Internet的概述WWW网页与网站域名与IP地址1.1.1Internet的概述Internet是由成千上万个网络、上亿台计算机通过特定的网络协议相互连接而成的全球计算机网络，是提供信息资源查询和信息资源共享的全球最大的信息资源平台。Internet最初并不是为商业性和广泛使用而设计的。它起源于1969年美国国防部高级研究计划署协助开发的ARPANET。最初是只允许国防部人员进入的封闭式网络。到1987年，在美国国家科学基金会的推动下，将之主要从军事用途转向科学研究和民事用途，形成了今天的Internet主干网雏形NSFNET。全球网络的发展是空前且出人意料的。今天，检查电子邮件、访问喜爱的网站这些活动已融入我们的日常生活。Internet所提供的服务主要是WWW、E-mail、FTP、网上传呼、在线聊天、网上购物、旅行预订等等，而其中WWW和E-mail是最常用的服务。从国内Internet的发展现状来看，1994年4月，中科院计算机网络信息中心正式接入Internet，在10多年的时间里，中国Internet发生了飞速的发展，截至2011年07月20日，我国网民人数达到了4.85亿。据新华社电,国家互联网信息办公室日前披露的数据表明，2012年，中国将正式迈入“5亿网民”时代。据国家互联网信息办公室统计数据，中国手机上网用户约3.5亿人，微博注册用户已超3亿人。而行业机构易观国际的分析报告则指出，去年中国移动互联网用户规模已达4.3亿，环比增长近50%；今年，移动互联网用户数将有可能突破6亿，超过互联网用户数量;网购用户近2亿。1.1.2WWWWWW(WorldWideWeb)简称为Web或万维网，客户端只要通过“浏览器”（Browser）就可以非常方便地访问Internet上的服务器端，迅速地获得所需的信息。如图所示。Internet浏览器WEB服务器HTTP网络协议●用户通过浏览器访问WEB服务器的网页，那么如何查找这些网页呢？通过在浏览器的地址栏中输入网址，即URL，统一资源定位器。●URL的一般格式如下：〈通信协议〉：//〈主机域名〉/〈路径〉/〈文件名〉其中，〈通信协议〉指提供该文件的服务器所使用的通信协议；〈主机域名〉指上述服务器所在主机的域名；〈路径〉指该文件在主机上的路径；〈文件名〉指文件的名称。例如http://www.hbuas.edu.cn/homepage/cslab/sxuc1.htm其中，http是WWW服务器与WWW客户之间遵循的通信协议。www.hbuas.edu.cn用来标识该文件存储在山西大学的WWW服务器上，第二部分是文件所在的路径，最后一部分sxuc1.htm这个文件的名称。万维网之父伯纳斯-李于1989年在欧洲粒子物理研究所提出了建立一个全球超文本项目——万维网，以此使人们都能顺利地从网上获取并共享信息。1.1.3网页与网站◆构建WWW的基本单位是网页。网页中包含所谓的“超链接”，通过已经定义好的关键字和图形，只要用鼠标轻轻一点，就可以自动跳转到相应的其它文件，获得相应的信息，从而实现网页之间的链接，从而构成了WWW的纵横交织的网状结构。◆通过超链接连接起来的一系列逻辑上可以视为一个整体的页面，则叫做网站。1.1.4域名与IP地址在Internet上的每台网络设备都要有一个唯一的地址才能被访问到，这个地址就是IP地址。IP地址是由32bits的二进制数值构成，分成4组，转化为十进制用点分隔。比如：202.207.209.200IP地址知识为了识别通信系统上的计算机，需要建立一种普通接受的标识方法。这就如同通过邮局寄信，信封上必须有收件人的地址，包括国家、城市、街道、门牌号以及邮政编码。在Internet上定义了两种方法来标识网上的计算机，分别是Internet的IP地址和域名。Internet上的数据能够发送到目的端的原因是：任何一个连接到Internet上的计算机都有一个惟一的网络地址。为了确保Internet上的每一个网络地址始终是惟一的，国际网络信息中心组织（InterNIC）根据公司网络的大小给他们分配了一系列IP地址（又称为Internet地址）。IPv6简介当前在Internet上使用的IP地址是在1978年确定的协议，它由4段8位二进制数构成。由于Internet协议的当时版本号为4，因而称为“IPv4”。IPv4的地址长度是32位（bit），理论上可以支持多达1600万个网络，容纳四十多亿台主机（232=4,294,967,296），但由于IP对地址进行了分类，分成A、B、C等类地址，实际可用的网络数和主机数远小于上述数目。但采用A、B、C三类编址方式后，可用的网络地址和主机地址的数目大打折扣，以至目前的IP地址已于2011年2月3日分配完毕。其中北美占有3/4，约30亿个，而人口最多的亚洲只有不到4亿个，中国截止2010年6月IPv4地址数量达到2.5亿，落后于4.2亿网民的需求。地址不足，严重地制约了中国及其他国家互联网的应用和发展。IPv6的格式：地址长度是128位（bit），8段的16位十六进制数表示，中间用“：”来隔开。比如：60A7:9BA5:FFF0:87B5:FFFF:FFF3:BAFF:88A2山西大学商务学院的IP地址是202.207.209.130，表示成IPv6地址格式是怎样的呢？0：0：0：0：0：0：202.207.209.130202.207.209.200200.136.154.36146.153.13.35202.207.208.8202.207.208.130202.207.208.6为了方便大家记住这些IP地址，就出现了DNS.Internet的域名管理DNS域名系统是一种帮助人们在Internet上用字符来惟一识别自己的计算机，并保证主机名（域名）和IP地址一一对应的网络服务。DNS简介域名空间Internet域名具有层次结构。整个Internet网被划分成几个顶级域。InterNIC采用两种方法进行分类：一种方法是按组织模式进行划分；另一种方法是按地理模式进行划分。按组织模式进行划分顶级域名域名类型com商业机构edu教育机构gov政府内容int国际组织mil军事部门net网络支持中心org各种非赢利性组织http://www.gov.cn/国家代码各个国家比如：cn代表中国,us代表美国，ca代表加拿大，jp代表日本按地理模式进行划分主机域名的一般格式为：四级域名.三级域名.二级域名.顶级域名比如：jwc.hbuas.edu.cn这个域名代表我们学校的一台jwc服务器，它和惟一的IP地址对应------202.207.209.130；jwc是一台主机名，hbuas表示我们学校中国教育领域edu中国cn的一部分为了适应Internet的迅速发展，我国成立了“中国互联网络信息中心”，并颁布了中国互联网络域名规定。中国互联网的域名规定我国二级域名分配（组织模式）二级域名分配情况com商业机构edu教育机构gov政府内容net网络支持中心org各种非赢利性组织net网络支持中心ac科研机构我国二级域名分配（地理模式）二级域名分配情况bj北京sh上海tj天津jx江西gd广东sx山西tw台湾...视觉元素文字色彩图形图像动画音乐视频装饰物网页设计——网页认知网页设计——网页认知架构元素（功能模块）网站名称（Logo）广告条（Banner)导航条(Menu)新闻(News)搜索(Search)友情链接(Links)邮件列表(Maillist)计数器(Count)版权(Copyright)1.2网页的设计网页主题网页的文字网页的色彩网页版式和布局网页导航设计1.2.1网页主题网页的主题指网页所要表现的最主要的思想内涵，可以说是网页的灵魂。主题的概念是很模糊的，它是一种约束，是同一站点中各个页面于五彩缤纷中体现出统一风格的约束；它也是一种力量，是将各个设计者的作品有机结合起来的力量。主题必须与Web页面主要推销或展示的产品或服务紧密相关，同时它又必须有相当的吸引力。1.2.2网页的文字文字是网页最主要的表达形式，尽管图形使得网页变得五彩缤纷，但大多数浏览者大部分时间仍将注意力集中在页面中的文字上面，他们总是首先浏览文字内容，而甚少关心其他页面元素，甚至对导航系统也是如此。所以，给浏览者一个亲和的文字界面是必要的。文字艺术与文字应用同一页面采用三种字体以内字型大小变化在3-6个层次以内大标题﹑小内文﹑粗标题﹑细内文应用闪烁字效应控制得当特殊字体应用时应使用图片格式色彩与背景应拉开层次文字艺术与文字应用同一页面采用三种字体以内字型大小变化在3-6个层次以内大标题﹑小内文﹑粗标题﹑细内文应用闪烁字效应控制得当特殊字体应用时应使用图片格式色彩与背景应拉开层次如何来评价一个网页的好坏？视觉效果色彩搭配整体布局色彩搭配1.2.３网页的色彩在制作网站的时候，色彩的选择和搭配十分重要，因为一个网站格调的确定，往往取决于色彩的选择与搭配是否适当，一般的情况下，从以下几个方面来考虑色彩的选择：色彩的鲜明性网站色彩的选择与搭配要鲜艳，这样比较容易吸引访问者的注意，而且在访问者的记忆中驻留的时间也比较长。色彩的独特性网站色彩的选择与搭配要与众不同，这样就可以使得访问者留下深刻的印象。色彩的合适性网站色彩的选择与搭配要与网站的内容气氛相适合。色彩的联想性不同的色彩会产生不同的联想，在网站的设计中多运用具有美好联想的色彩，可以使你的网站流露出另外一种气息。页面中各处用色的选择首先确定主色。主色是指页面中相对来说较大面积使用的色彩。主色可以反映出整个网页的风格，亦可使页面内容以色彩语言表达出来。接下来是确定辅助色。辅助色可以有多种，其应用范围包括输入框的颜色，表格边框颜色、表格的底色、小图标用色、文字颜色以及链接色等等。橙色具有轻快、欢欣、收获、温馨、时尚的效果，是快乐、喜悦、能量的