第一课 了解网页设计及网站建设.pptVIP

第一课 了解网页设计和网站建设 网页的基本概念 网站建设的基本流程 网页设计常用工具 Dreamweaver CS3操作环境 一、网页的基本概念 1、网页和主页 一、网页的基本概念 2、网址（URL） 一、网页的基本概念 3、浏览器 一、网页的基本概念 4、网页构成 一、网页的基本概念 5、html 二、网站建设的基本流程 1、网站需求分析 二、网站建设的基本流程 二、网站建设的基本流程 二、网站建设的基本流程 三、网页设计常用工具 四、Dreamweaver操作环境 * * 网页：网站上的每一个页面，是Internet的基本信息单位。 网页包括一组文件，网页文件（扩展名是.Htm、.asp 、.jsp等）、图像文件（.jpg、.gif等）、Flash动 画文件、声音文件（.wav、.mp3等）和视频文件等。 分类：分为动态网页（进行交互操作，如论坛、博客）和静 态网页。 主页：用户登录网站时看到的的第一页网页。 网址：又叫URL（Uniform Resource Locator），即统一资源定位 符，是网络上通用的地址格式。由协议名称、服务器地址（ 域名）、网页在服务器中的路径和文件名4部分组成。 如： 浏览器：浏览网页的工具。上网浏览网页需要通过浏览器，目前大多数用户使用的是微软公司的IE浏览器，也有不少用户使用火狐、遨游等。 地址栏，在此输入网址并回车可打开相应网页 菜单栏 标题栏，显示网页的标题 显示网页内容 站标 广告条 标题栏 按钮 导航条 HyperText Markup Language即超文本标签语言，是一种标识 性语言。它包括一些列标签，通过这些标签可以将网络上的文档格 式统一，是分散的Internet资源连接为一个逻辑整体。Html命令可 以说明文字、图形、动画、声音、表格、链接等。在可视化网页设 计软件诞生之前，都是利用Html脚本语言进行网页制作，例如： html headtitle我的网页/title/head body 大家好！ /body /html 建设网站要有目的性，首先要确定网站的性质和受众，并预期网站发布后的反响。确定了这些后就要开始组织网站的主要内容。 （1）确定网站主要内容 （2）规划网址的主要栏目 网站规划主要就是将网站内容划分为不同的栏目。 （3）收集所用素材 1.企业提供的各种材料和调查结果 2.来自网络或图片库等媒体 3.使用Fireworks、Photoshop、Flash等软件进行加工处理。 网页素材下载的网站：、等。 2、设计和制作网站页面 在做好了充足的准备后，就可以开始实际操作了。该过程主要包括设计和制作网站页面。 所谓设计，就是用图像处理软件设计好网页的效果图，并将设计好的效果图进行切割导出。 将切割好的图片行导出后，就可以在Dreamweaver中制作网站了。 3、空间和域名申请 4、测试和发布网站 5、网站推广 Dreamweaver用于网页的整体布局和设计，以及对网站的创建 和管理，利用Dreamweaver可以轻而易举地制作出充满动感的网页。 Flash是一款优秀的交互式动画制作工具，能够制作出包含图片、 动画、声音、视频和交互等内容在内的网站。为了吸引浏览者的兴 趣和注意力，许多网站的介绍界面、广告条和按钮都是用Flash制作 的，甚至整个网站都采用Flash制作完成。 Photoshop、Fireworks：最常用的网页图像处理软件有Photoshop 和Fireworks，目前，PS凭借其强大的功能和广泛的使用范围，占 据着领先地位。 * * *