第一讲-网页设计与制作-引导篇要点

一、课程引导“网页”对大家来说一定不是新鲜词，下面我们先欣赏几个页面截图吧！同学们：大家好！Internet已成为当今人们获取信息的重要途径，它改变了人们的生活、工作和学习的各个方面。人们可以利用Internet发布信息，交流思想，推广科技，检索行业信息等。它具有的数字化、多元化、全球化、多媒体化、实时性、交互性等众多特性致使它也具有了越来越广的商业用途，但是离开各种网站、网页，Internet的众多应用都无从谈起。那么《网页设计与制作》这门课程将会引领大家走进网站，揭开网页的神秘面纱。一、课程引导二、课程介绍本课程将以项目为导向，在为完成整个项目所必须掌握的概念和知识环节上进行讲解，通过任务的实现来完成所必须掌握的知识和技能的学习。结合上机实践，自己动手，实际操作，掌握基本操作方法和技能，最终达到具备举一反三的能力。本课程学习的第一个环节：是让你对网站制作的相关知识有一个概括性的了解，包括一些相关的概念、网页上的基本元素、网页的布局、颜色的搭配等。第二个环节：是对构成网页的基本语言Html进行简单的介绍，让你对Html有个基本的了解。网站做好后怎样放到互联网上呢？我们将在第六个环节中讲解。最后如果时间充裕，我们将做一个综合练习，讲解一个网站从规划到制作，到上传到互联网上的全部过程。第三个环节：是介绍网站建设中使用的主流工具，Micromedia公司的DreamweaverCS4的安装与使用，包括软件的布局说明、菜单介绍、使用说明等等。第四个环节：是实战练习，包括网页制作的基本操作和制作技巧，让同学们能够应用Dreamweaver制作出实实在在的的网页。网页要美观，离不开图片的点缀，页面要生动、引人注目，需要动画的支持，因此，在第五个环节我们将学习简单的图形图像处理、动画制作。三、本次课学习的内容1、相关概念。2、网站赏析。欣赏优秀的网页，学习他人之长；分析优秀网页的布局结构、颜色搭配、视觉效果，能留下直观的第一印象，为学习制作网页奠定基础。（一）相关概念1．的简称，又称3W、万维网，是一个超文本信息检索系统。是互联网最重要的组成部分。2．浏览器用于浏览网页的一种软件。如微软的InternetExplorer和网景的NetscapeBrowser，还有腾讯TT浏览器，就是大家都知道的QQ的浏览器（一）相关概念3．网页在网上浏览时看到的一个一个页面就是网页，网页都是用HTML的文件格式来表示的。4．网站网站(Website)是指在互联网上，根据一定的规则，使用HTML等工具制作的用于展示特定内容的相关网页的集合。图书馆＝＝．HTML超文本标记语言.6．HTTP超文本传输协议.7．网址因特网中，如果要从一台计算机访问网上另一台计算机，就必须知道对方的网址。这里所说的网址实际上指两个内涵，即IP地址和域名地址。计算机是个数字世界，任何信息在计算机中都被表示成数字化的形式，即使人名在计算机中表示，都有相应的数字代码与之对应。在网络世界中，为了准确地找到目的计算机，每一台计算机都必须标有唯一的一个地址，这个地址称为IP地址。就像打电话必须知道对方的电话号码，这一号码也必须是唯一的一样。通常，IP地址用四个十进制数表示，中间用小数点隔开。例如：202.121.48.100然而，对人来说，用数字表示的计算机网址难以记忆，何况因特网上有千千万万个IP地址。为了解决这一问题，便采用人善于识记的名字来表示。为了确保网上计算机标识的唯一性，因特网规定了一套命名机制，称为域名系统。采用域名系统命名的网址，即为域名地址，如我校服务器的域名地址是。北京大学的域名地址为：，域名地址以层次化表示，最右边是国家，中国为cn，美国则省略；其次是机构，edu表示教育单位；再次是子网名称pku；最左边是服务器类别，服务器。（一）相关概念8．网页类型静态网页－－不能与用户进行交互的网页动态网页－－能与用户进行交互的网页9．网页制作工具Dreamweaver－－制作网页网页制作三剑客Fireworks－－－－图形图象处理Flash－－－－－－动画制作（一）相关概念（二）网站赏析该首页给人的视觉效果是一种古朴的气息迎面扑来，整体色彩、图文搭配十分协调，咖啡色的运用和图片的搭配十分和谐。顶部的凤凰古城图片恰到好处，突出了主题，同时也起到了广告作用。导航栏的文字颇具特色中间的主体内容分为左右两大模块，内容划分清晰。这是该网站的首页，整体视觉感受简洁、现代感较强。在字体的运用上有大有小，有长有短，显得有对比，文字居中对齐，显得庄重。背景用大块的深绿色，给人安静、稳重的感觉。该网站的首页整体视觉感受清晰、和谐。整体颜色采用绿色，既统一又有变化，主体突出。图片的动态效果突出主题，产生运动的视觉感受。（二）网站赏析（二）网站赏析浏览几个网站，对所浏览网站首页的特色进行赏析说明，主要包括页面布局结构、颜色搭配、导航栏、文字效果、图片效果、动画效果等。1、从以下网站中选择两个网站进行赏析。（1）当当购物网站：（2）南开大学网站:（3）且听风吟文学网：wind.yinsha.com（4）携程旅游网：（5）中国体育资讯网：（6）太平洋电脑网：四、课外实践2．浏览以下网站，分析这些网站首页的特色。（1）天津大学网站：（2）易趣网：（3）苏州旅游网：（4）湖南张家界旅游网：（5）中国教育曙光网：四、课外实践五、本讲小结本讲通过几个相关概念的学习，为今后学习制作网页奠定基础，欣赏几个优秀网站的主页，分析其网页的布局结构、颜色搭配、视觉效果、页面的构成元素等，使我们对网页的组成有了一个初步印象。