网页设计与制作项目案例教程-全套PPT课件.pptx

;;;知识目标

1．掌握HTML文档的基本结构。

2．掌握HTML文档的编写方法。

3．掌握标题文本标签。

4．掌握段落和文本标签。

5．掌握插入图像的方法。

技能目标

1．能使用记事本编写基本的HTML文档。

2．能使用Dreamweaver编写HTML文档。

3．能在HTML文档中进行文字和段落的标记。

4．能在HTML文档中插入图像。

5．能应用浏览器查看HTML文档的效果。

素质目标

1．培养规范的编码习惯。

2．培养团队的沟通、交流和协作能力。

3．培养学生精益求精的工匠精神。;;域名是由一串使用点分隔的名字组成的Internet上某一台计算机或计算机组的名称，用于在数据传输时标识计算机的电子方位，是互联网上企业、个人或机构间相互联络的网络地址，如。在网络时代，域名是企业和事业单位进入Internet必不可少的身份证明。Internet最初发源于美国，而最早的域名并无国家标识。由于国际域名资源十分有限，为了满足更多企业、事业单位对域名的申请要求，各个国家、地区在域名的最后加上了国家标记段，如中国是cn、日本是jp等，由此形成了各个国家、地区的国内域名，如，这样就扩大了域名的数量，满足了用户的要求。在注册域名前应该在域名查询系统中查询所希望注册的域名是否已经被注册。几乎每一个域名注册服务商在自己的网站上都提供域名查询服务。

网站是建立在网络服务器上的一组文件，它需要占用一定的硬盘空间，这就是一个网站所需的网站空间。;网页是一个包含HTML标签的纯文本文件，它可以存放在世界某个角落的某一台与互联网相连的计算机中。网页是万维网中的一“页”，是网站的基本构成元素。网页经由网址（URL）来识别和存取，当用户在浏览器中输入网址后，该网页文档会被传送到用户的计算机上，然后通过浏览器解释网页文档中的内容，再展示到用户的面前。

网站是有独立域名、独立存放空间的内容的集合，这些内容可能是网页，也可能是程序或其他文件。不一定要有很多网页，只要有独立域名和空间，哪怕只有一个页面也叫网站。

网站就是由网页组成的，很多网页链接在一起就组成了一个网站。网页是构成网站的基本元素，是承载各种应用的平台。一个网站如果没有网页，将是一个空站，如果一个网站只有域名和虚拟主机而没有制作任何网页的话，任何人都无法访问该网站。用户在浏览网站时，看到的第一个页面叫作主页，也可以称为首页。从首页出发，可以访问本网站中的每一个页面，也可以链接到其他网站。;网页可以分为多种类型。由于分类方法的不同，网页会有不同的类型。根据是否使用了服务器技术，人们把网页分为静态网页和动态网页。

网站是多个网页的集合，目前没有严谨的网站分类方式。按照主体性质不同，可以将网站分为门户网站、电子商务网站、新闻网站、个人网站等。

网页的基本构成

1）网站Logo

2）网站Banner

3）导航栏

4）文本

5）图像;网页设计原则

1）统一原则

2）连贯原则

3）分割原则

4）对比原则

5）和谐原则;网页配色原则

（1）色彩的鲜明性。如果一个网站的色彩鲜明，很容易引人注意，就会给浏览者耳目一新的感觉。

（2）色彩的独特性。网站的配色必须要有自己独特的风格，这样才能给浏览者留下深刻的印象。

（3）色彩的艺术性。网站设计是一种艺术活动，因此必须遵循艺术规律。按照内容决定形式的原则，在考虑网站本身特点的同时，还要大胆进行艺术创新，这样才能设计出既符合网站要求，又具有一定艺术特色的网站。

（4）色彩搭配的合理性。色彩要根据主题来确定，不同的主题需要选用不同的色彩。例如，使用蓝色可以体现科技型网站的专业；使用粉红色可以体现女性的柔情；使用绿色和金黄色、淡白色的搭配可以营造优雅、舒适的气氛；使用蓝色和白色的搭配能营造柔顺、淡雅、浪漫的气氛；使用红色和黄色、金色的搭配能渲染喜庆的气氛；而使用金色和粟色的搭配则会给人带来暖意。;网页色彩搭配方法

网页配色很重要，网页颜色搭配的是否合理会直接影响到浏览者的情绪。好的色彩搭配会给浏览者带来很强的视觉冲击力，而不恰当的色彩搭配则会让浏览者浮躁不安。

（1）同种色彩搭配。同种色彩搭配是指首先选定一种色彩，然后调整其透明度和饱和度，将色彩变淡或加深，从而产生新的色彩。这样的页面看起来色彩统一，具有层次感。

（2）邻近色彩搭配。邻近色是指在色环上相邻的颜色，如绿色和蓝色、红色和黄色即互为邻近色。采用邻近色彩搭配可以使网页避免色彩杂乱，易于达到页面和谐统一的效果。

（3）对比色彩搭配。一般来说，色彩的三原色（红色、黄色、蓝色）最能体现色彩间的差异。强烈的色彩对比具有视觉诱惑力，能够起到几种实现的作用。使用对比色彩可以突出重点，产生强烈的视觉效果。通过合理使用对比色彩，能够使网站特色鲜明、重点突出。在进行网页设计时，通常以一种颜色为主色调，其对比色彩作为点缀，以起到画龙点睛的作