第1单元网站构建入门(免费阅读).pptVIP

52 第1单元 网站构建入门 目录 1 网站构建入门 目标 通过本单元的学习，了解网站规划的步骤及网页设计的技巧，学会常用网页设计软件的基本操作方法，掌握站点的结构类型及创建站点的基本步骤。 1.1 网站规划 目标 通过本单元的学习，了解网站规划的基本步骤以及网站设计的基本技巧。 1.1.2 网站规划步骤 网站建设的基本流程是：网站规划，网页设计，网上安家以及网站维护与管理。 1.1.2 网站规划步骤 网站规划是指在网站建设前对市场进行分析、确定网站的目的和功能，并根据需要对网站建设中的技术、内容、费用、测试、维护等做出规划。 规范的网站规划大致具有如下几个方面： 网站的目标 网站的主题 网站的内容 网站的风格 网站的标准 1.1.2 网站规划步骤 以下列出8条目前网站规划中应该体现的主要内容，根据不同的需求和建站目的，内容也会增加或减少。 1.建设网站前的市场分析 2.建设网站的目的及功能定位 3.网站技术解决方案 4.网站内容规划 5.网页设计 6.网站维护 7.网站测试 8.网站发布与推广 1.1.3 网站设计技巧 1.1.4 归纳与思考 网站规划是构建网站的前提。只有在网站建设前对市场进行认真分析、确定网站的目的和功能，并根据需要对网站建设中的技术、内容、费用、测试、维护等做出规划，才能使后面的具体设计及具体操作顺利进行。 在网站规划的过程中，我们还需要了解哪些与网页制作相关的技术呢？ 1.1.5 应用技巧与常见错误 许多网页制作的初学者往往不重视前期的规划过程。在网站主题还没确定之时就开始匆忙设计网页的主体内容，或者过分追求网页制作的个性化而忽略网站设计的基本原则等等，使得项目进行到一半时才发现网站在布局结构、色彩、字体等各方面都难以达成统一，个性化的内容过多影响了网页的浏览速度。 1.1.6 进一步学习的内容 人们称互联网经济为注意力经济，如何吸引大众的注意力，除了内容是一个重要的因素外，外观也同样起着举足轻重的作用。因此，网页布局设计在网站设计中的重要性是不言而喻的。 1.1.6 进一步学习的内容 国际交流与合作处网站 /system/iec/ 用的是jsp技术，后台用java，前台用jsp。 1.1.6 进一步学习的内容 “同”字型：/main/SectionMain.nhn “匡”字型：(广西职业技术学院首页)/ “吕”字型（网易新闻）/ “吕”字型（网易新闻）/ 1.1.6 进一步学习的内容 “Π”字型 （icejerseys首页）/ 左右对称布局型：conis.de/index.php 自由式布局：/（迪士尼中国网） 1.1.6 进一步学习的内容 1.2 初识Dreamweaver 8 1.2.1 目标 通过本节的学习，认识Dreamweaver操作界面的基本组成部分及其作用，学会它的一般操作方法，为进一步学习网页设计打下基础。 1.2.2 操作界面的基本组成 1.2.2 操作界面的基本组成 标题栏：用于显示文件所在路径及文件名。 菜单栏：用于访问各种操作命令。 “插入”栏：用于将各种类型的“对象” 插入到文档中的按钮。 “文档”工具栏：包含各种按钮，它们提供各种“文档”窗口视图的选项、各种查看选项和一些常用操作。 “文档”窗口：用于显示创建或编辑当前文档。 标签选择器：位于“文档”窗口底部的状态栏中，它显示环绕当前选定内容的标签的层次结构。面板组：是组合在一个标题下面的相关面板的集合。 属性检查器：显示选定对象或文本的属性，并可以用它来修改这些属性。 “文件”面板：用于管理文件和文件夹，也可以通过它访问本地磁盘上的全部文件。 状态栏：提供与正在创建的文档有关的其它信息。 1.2.3 界面组件的操作方法 1．文档窗口 文档窗口就是我们用来编辑网页的地方。 （1）三种视图的切换 1.2.3 界面组件的操作方法 （2）“文档”工具栏 除了包含我们前面提到的“代码”视图、“设计”视图、同时显示“代码”和“设计”视图的拆分视图等按钮以外，还包含一些与查看文档、在本地和远程站点间传输文档有关的常用命令和选项，如下图所示。 1.2.3 界面组件的操作方法 （3）文档状态栏 “文档”窗口底部的状态栏提供正在创建的文档有关的其它信息，如下图所示。 1.2.3 界面组件的操作方法 2．“插入”栏 “插入”栏包含用于创建和插入对象（如表格、层和图像）的按钮。 3．属性检查器 从窗口菜单上选择属性，可以打开属性检查器。属性检查器显示当前选定的页面元素（如页面上的文本、图