网页设计与制作概述

《网页设计与制作概述》由会员上传分享，免费在线阅读，更多相关内容在教育资源-天天文库。

1、第一章网页设计与制作概述学习目标:了解有关网页的一些基本概念了解网站的基本结构特性和网页的布局了解网页制作的基本工具和开发语言了解站点规划的基本流程1.1互联网与网站1.1.1基本概念:网页：在网站中，供用户阅读的一个个页面，就称之为“网页”，又称为Web页。万维网（WorldWideWeb）：万维网简称WWW或3W，是目前Internet（因特网）上最流行的一种基于超文本形式的资源组织形式。浏览器：要想访问网络中的各种资源，还需要一个工具，那就是浏览器，否则无法访问到网络中丰富的资源。目前常用的浏览器有:IE、搜狗和腾讯TT统一资源定位器（UniversalResourceLoca

2、tor，简称URL）：是用来指出某项信息的位置及存取方式，以取得各种服务信息的一种标准方法。通信协议：也就是上面举例中的“http”部分，它包括HTTP（超文本传输协议）、FTP（文件传输协议）、Gopher（Gopher协议）和News（新闻组）等。主机名：指要访问服务器的Internet名称。所要访问的文件路径及文件名：它指要访问资源的具体位置。文件传输协议（FileTransferProtocol，简称FTP）：是一种快速、高效和可靠的信息传输方法。超文本标记语言（HyperTextMarkupLanguage，简称HTML）：它是WWW创建超媒体文本的语言，它也是网页创建中最

3、基本的语言，制作的任何一个网页都是基于HTML文本标识的。IP地址：IP地址是一组32位的数字号码，如“218.30.12.184”，这就是上网主机的地址。域名：IP地址是一长串的数字号码，这些数字难记又难以理解。为了方便大家理解、记忆，便有了域名的概念。表单:表单是用于填写申请或提交信息的交互页面。如电子邮箱、主页空间、QQ号码等的申请页面，以及论坛、聊天室、留言簿等。超级链接:这是网页制作中经常要用到的概念，指的是页面对象之间的连接关系。导航条：导航条能十分有效地实现超级链接功能。发布：将制作好的网页上传到服务器的过程即是发布，也称为上传或上载。1.1.2网站分类门户网站如：新浪

4、www.sina.com.cn职能网站如：阿里巴巴www.alibaba.com.cn专业网站如：CCTV（www.cctv.com）个人网站如：吴山明教授个人网站http://www.wushanming.com1.2网站结构与网页布局1.2.1网站结构1．归类站点内容2．项目放置的位置3．导航草图设计4．创建设计草图1.2.2网页页面布局1．网页设计和布局原则2．网站命名和标志网站命名应遵循以下的原则：（1）体现网站的主题，凝练，概括性强。（2）合法、合情并合理。（3）字数不要太多，一般控制在6个字以内。（4）有个性，体现一定的内涵，可给浏览者更多的视觉冲击力和空间想像力3．网页

5、的色彩网页的色彩是树立网站形象的关键因素之一。在搭配网页色彩时，要注意色彩的鲜明性、独特性、合适性和联想性。4．网页的文字注意以下基本原则:（1）不要使用超过3种字体类型，否则网页看起来将显得杂乱，没有主题。（2）不要用太大的字，因为版面空间非常宝贵和有限，粗陋的大字体不能带给浏览者更多的信息（3）最好不要使用不停闪烁的文字。（4）标题的字体比正文要稍大一些，颜色也应有所区别。5．网页版面和布局网页布局主要有以下3种结构。π型结构T型结构三型结构1.3网页制作工具1.3.1网页布局工具1．Dreamweaver2．Frontpage1.3.2网页美化工具1．图像处理软件:Photos

6、hop,Fireworks2．动画制作软件:FLASH,Swish、UleadGIFAnimator,UleadCool3D、3DFlashAnimator、Xara3D1.4网页开发语言1.4.1HTML语言网页开发语言HTML1.4.2动态网站开发语言1．ASP2．JSP3．PHP1.5网站规划1.5.1网站制作流程1．确定网站主题2．搜集资料3．规划网站4．选择合适的制作工具5．制作网页6．上传测试7．推广宣传1.5.2网站策划书1．网站建设目的及功能定位2．网站内容模块规划3．网站语言4．网站设计风格5．网站架设描述6．网站信息布局图7．网站发布与推广8．技术支持9．网站服务

7、费用10．有效期1.5.3站点评测1．美工设计2．栏目内容3．浏览速度4．技术含量5．用户兴趣本章小结本章介绍了网页设计与制作的基本概念和基本知识、常用的网页制作工具、网站的基本结构和网页布局等内容。通过本章的学习使同学对网页的设计与制作过程有一个概貌性的了解。