网页设计三剑客PSFLDW案例教程全套配套课件教学资源1.1 网页基础知识.pptx

《网页设计三剑客PSFLDW案例教程全套配套课件教学资源1.1 网页基础知识.pptx》由会员上传分享，免费在线阅读，更多相关内容在教育资源-天天文库。

1、PhotoshopCC2015FlashCC2015DreamweaverCC2015中文版案例教程PhotoshopCC2015/FlashCC2015/DreamweaverCC2015ZhongwenbanAnliJiaochengPhotoshop篇第一章网页应用基础及色彩知识主页、网页和网站的概念网页布局元素网站的分类1.1.11.1.21.1.31.1.4网页的基本要素1.1网页的基础知识1.1.1主页、网页和网站的概念主页就是打开某个网站时显示的第一个网页，被称为网站的主页（或首页）

2、。一般主页是一个网站中最重要的网页．也是访问最频繁的网页。它是一个网站的标志，体现了整个网站的制作风格和性质。主页上通常会有整个网站的导航目录．所以主页一也是一个网站的起点或主目录。网站的更新内容一般郡会在主页上突出显示。网页是网站上的某一个页面。它是一个纯文本文件，是向浏览者传递信息的载体。以超文本和超媒体为技术，采用HTML、CSS、XML等语言描述组成页面的各种元素。包括文字、图像、音乐等．并通过客户端浏览器进行解析，从而向浏览者呈现网页的各种内容。网站是指在互联网上，根据一定的规则，使用HTML

3、等工具制作的用于展示特定内容的相关网页集合。它建立在网络基础之上，以计算机、网络和通信技术为依托，通过一台或多台计算机向访问者提供服务。平时所说的访问某个站点，实际访问的是提供这种服务的一台或多台计算机。1.1.2网页的基本要素网页是一个纯文本文件，它是通过HTML、CSS等脚本语言对页面元素进行标识。然后由浏览器自动生成的页面。构建网页的基本元素主要包括站标、导航栏、广‘告条、标题栏，还有文本、图像、声音、动画、视频等，如图1一1所示。图1一11．站标站标也叫logo，是网站的标志，也是网站特色和内涵

4、的集中体现。它一般会出现在网站的每一个页面上，是网站给人的第一印象。网站的标志如同商标一样，其作用是使人看见它．就能够联想到网站和企业。因此．网站Logo通常采用企业的Logo。2．导航栏导航栏是一组链接到网站内主要页面的超链接组合，一般由多个按钮或者多个文本超链接组成．通过单击这些超链接可以轻松打开网站的各个页面。常见的网站导航有横排导航、竖排导航、下拉菜单式导航等。3．广告条广告条又称Banner，其功能是宣传网站或为其他商品做广告。在制作广告条时，有以下几点需要注意。（1）Banner可以是静态的

5、．也可以是动态的。（2）Banner的体积不宜过大．尽量使用GIF格式图片与动画或Flash动画。（3）Banner的文字不要太多．只要达到一定的提醒效果就口r以。（4）Banner图片的颜色不要太多．尤其是gif格式的图片或动画。4．标题栏此处的标题栏不是指整个网页的标题栏．而是网页各版块的标题栏，是各版块内容的概括。它使网页内容的分类更加清晰明了。1.1.3网页布局元素网页中的Div、表格、框架、表单、超链接等布局元素把网页的基本元素有序地组合起来。下面进行简单介绍。1.divdiv主要用于网页内容

6、的布局，是网页制作时不可缺少的元素。使用Div+CSS布局可以实现网页元素的精确定位。2．表格现在使用表格布局的网页虽然少了．但它依然是网页布局中不可缺少的元素之一，常用于组织数据信息和列表信息等．如用户数据、统计信息。3．框架框架是网页的一种组织形式，使用它可以将相互关联的多个网页组织在一个浏览器窗口中显示。框架是由框架集和多个框架组成的，现在较少使用。4．表单表单可用于收集访问者信息或实现一些交互效果。访问者填写表单的方式是输入文本、单击按钮或复选框、从下拉菜单中选择选项等。一般使用表单的情况都需要

7、建立数据库，以将信息提交到数据库．或从数据库中读取信息显示到到页面。最常用的”登录”和””注册”页面就是用表单实现的，如图1一2所示。图1一21.1.4网站的分类网站是一种新型的媒体，在日常生活、商业活动、新闻资讯、娱乐游戏等方面都有着广泛的应用，下面介绍几种常见的网站类型。1.个人网站个人网站通常指可以发布个人信息及相关内容的小型网站，即网站内容是介绍自己的或是以自己的信息为中心的网站，如图1-3所示。图1-32.企业网站企业网站主要围绕企业、产品及服务信息进行网络宣传，通过网站树立企业的网络形象，从

8、而提高企业的影响力及知名度，如图1-4所示。图1-33.电子商务网站电子商务网站就是为浏览者搭建起一个网络平台，将网络信息、商品、物流与资金结合起来，从而实现商务活动，如图1-5所示。图1-34.门户网站门户网站是一种综合型网站，它将互联网上大量信息进行整合、分类，为上网者打开方便之门，如图1-6所示。图1-3