1．建设网站前的市场分析
市场分析主要包括以下几方面内容。
（1）相关行业的市场是怎样的，有什么样的特点，是否能够在互联网上开展公司业务。
（2）市场主要竞争对手分析，包括竞争对手上网情况及其网站规划、功能和作用。
（3）公司自身条件分析，包括公司概况、市场优势、建设网站的能力（费用、技术、人力等），以及可以利用网站提升哪些竞争力等。
2．建设网站的目的及功能定位
（1）明确建设网站的目的。
（2）整合公司资源，确定网站功能。
（3）根据网站功能，确定网站应达到的目的和作用。
（4）企业内部网（Intranet）的建设情况和网站的可扩展性。
3．网站技术解决方案
根据网站的功能确定网站技术解决方案。
（1）采用自建服务器，还是租用虚拟主机。
（2）选择操作系统；分析投入成本、功能、开发、稳定性和安全性等。
（3）采用系统性解决方案，还是自己开发。
（4）网站安全性措施，如防黑方案。
（5）相关程序开发。
4．网站内容规划
（1）根据建站目的和要实现的功能规划网站内容。
（2）电子商务类网站要提供会员注册功能、详细的商品服务信息、信息搜索查询、定单确认、在线付款、个人信息保密措施以及相关帮助等。
（3）如果网站栏目比较多，则考虑采用网站编程专人负责相关内容。
5．网页设计
网页设计包括美术设计和技术设计两方面内容。
（1）网页美术设计。
（2）网页技术设计。
（3）制定网页改版计划，如半年到一年时间进行一次较大规模的改版等。
6．网站维护
网站维护主要包括下面几项内容。
（1）服务器及相关软硬件的维护。
（2）数据库维护。
（3）内容的实时更新、调整等。
（4）制定相关网站维护的规定，将网站维护制度化、规范化。
7．网站测试
为保证网站发布后的正常浏览和使用，网站发布前要进行细致周密的测试，主要测试内容包括下面几项：
（1）服务器稳定性、安全性；
（2）程序及数据库测试；
（3）网页兼容性测试，如浏览器、显示器等；
（4）需要的其他测试。
8．网站发布与推广
1）网站发布后进行的公关、广告、宣传活动。
（2）论坛宣传、搜索引擎登录等。
9．网站建设日程表
各项规划任务的开始、结束时间，负责人等。
10．费用明细
各项事宜所需费用清单。
在进行规划书的写作时，要根据实际项目需求，进行适当修改成文，以便对网站建设过程中的技术、内容、费用、测试、维护等作出切实可行的规划。
在Dreamweaver CS6中，选择“站点/管理站点”菜单命令，将弹出“管理站点”对话框。在该对话框中可以非常方便地执行新建、编辑、复制站点等操作。
如果要进一步编辑文件或文件夹，可在“文件”面板中右击该文件或文件夹，在弹出的快捷菜单中选择“编辑”命令，然后根据需要在级联菜单中选择相应的“剪切”“拷贝”“粘贴”“删除”“复制”“重命名”等命令，以实现相应操作。
1．直接输入文本
创建HTML文档后，在“设计”视图编辑窗口中将光标定位在需要添加文本的位置，切换到所需输入法，即可进行文本的输入。
2.从其他应用程序中复制文本
选中所需复制的文本并右击，在弹出的快捷菜单中选择“复制（Ctrl+C）”命令。切换到Dreamweaver CS6工作界面，将插入点定位在“文档”窗口“设计”视图中要插入文本的位置，然后选择菜单栏中的“编辑/粘贴（Ctrl+V）”或“编辑/选择性粘贴（Ctrl+Shift+V）”命令，即可完成文本的插入。
3．导入文本
在Dreamweaver CS6中，可以直接将Word文档和Excel工作簿中的内容导入到网页中。本节以导入Word文档为例进行讲解。
4．文本换行与分段
在Dreamweaver CS6中，输入文本时不会自动换行，需要手动执行。换行的方法是，将插入点置于要换行的位置，然后按下“Shift+Enter”组合键。如果要对文本内容进行分段，直接按下“Enter”键，即可形成一个自然段落。换行与分段的区别是换行行间距小，分段行间距大。
四、添加特殊符号
网页文本中除包含汉字或字母外，往往还包含一些特殊字符，如注册商标符号®、版权符号©等。在Dreamweaver CS6中，可单击“插入”面板“文本”类别中的“字符”按钮 ，然后在其下拉列表中选择相应字符进行插入。
五、添加空格
由于Dreamweaver中的文档都是HTML格式，而HTML格式文档中只允许有一个空格，所以在Dreamweaver中添加空格的方法与Word等文字编辑软件中不一样。
六、添加与设置水平线
水平线是网页中常见的一种元素。在网页排版中，水平线的作用是分隔文本和对象，使段落区分更清楚、明了。水平线的添加方法是：首先将光标定位在目标位置，然后选择菜单栏中的“插入/HTML/水平线”菜单命令。
七、创建列表
列表是指将具有相似特性或某种顺序的文本进行有规则地排列，常用于条款或列举类型的文本中，是一种简单而实用的段落排列方式。在文档窗口中，可以用现有文本或新文本创建编号列表和项目列表，这是最常使用的两种列表。
1．编号列表
编号列表前通常有数字或字母作前导字符。这些字符可以是阿拉伯数字、英文字母或罗马数字等。
2．项目列表
一、网页中文本的使用原则
在网页文本的使用方面，可以遵循以下原则。
（1）单个页面中不要使用三种以上的字体。
（2）不要用太大的字号。
（3）不要使用急速闪烁的文字。
（4）标题文字的字号应当比正文字号稍大。
二、网页中水平线颜色的设置
在Dreamweaver CS6的水平线“属性”面板中不能设置水平线颜色，要通过在“代码”视图中添加颜色代码的方法进行设置。
一、添加图像
IE浏览器支持的图像格式主要包括GIF，JPEG/JPG和PNG，现实中最常用的是GIF和JPG格式。背景透明或颜色比较单调的图像可使用GIF格式，颜色比较丰富的图像则必须使用JPG格式。
1．插入图像
在网页中插入图像时，需要先将图像放在站点中指定的图像目录下，如Image文件夹、Images文件夹或者Pic文件夹等。
2．设置网页背景图像
在Dreamweaver中可以非常方便地将图像设置为网页背景。
3．为单元格设置背景图像
为网页的局部设置背景图像，其方法是先插入表格，再为表格设置背景图像，这样在表格中的背景图像上还可以设置文字内容。
二、设置图像属性
在网页中插入图像后，可通过“属性”面板对图像进行编辑和设置，主要有图像大小、源文件地址、链接，以及一些图像编辑按钮等。
三、图像占位符
在制作网页时，经常会用到图像占位符。它只是作为临时代替图像的符号，是在设计阶段使用的占位工具。通过插入一个图像占位符，将需要放置图像的位置和大小固定下来，排版完成后，再插入对应的图像。图像占位符不会在浏览器中显示，以最终插入的图像作为最终效果显示。
四、鼠标经过图像
在网页中可以轻松实现图像翻转效果，也就是我们通常所说的鼠标经过图像，当鼠标指针经过一幅图像时，它会显示为另一幅图像。鼠标经过图像实际上是由两幅图像组成的，即初始图像（页面首次装载时显示的图像）和替换图像（当鼠标指针经过时显示的图像）。
新建站点
一般在制作网页前都要先建站点，尤其是有图像的网页，必须保证图像位于站点目录下，否则会导致网页发布后图像无法正常显示。所以在制作“产品中心”网页前，必须先建立一个站点。
新建“cpzx.html”网页文档
在页面中插入表格
创建的文档中插入表格，并设置其属性。
设置文字CSS样式
网页中图像路径的选择
绝对路径就是主页上的文件或目录在硬盘上真正的路径，如“D: /zhandian/img/photo.
jpg”，表示“photo.jpg”这张图片保存在“D”盘“zhandian”目录下的“img”子目录中。
相对路径又可分为文档相对路径和站点根目录相对路径。
插入图像的快捷方法
在插入图像时，可以使用“属性”面板中的指向文件按钮进行快速插入。
图像素材命名
在网页中插入图像时，要注意图像文件应以英文字母或拼音命名。此外，在为图像文件命名时要注意与图像内容相吻合，以起到见图知意的作用。
使用代码为单元格设置背景图像
可以在“代码”视图中实现为单元格设置背景图像的操作。首先在网页中插入一个1行1列的表格；然后将光标定位在单元格中，并打开“代码”视图；在光标所在位置输入代码“background=”images/logo_bg.jpg“”，图片“logo_bg.jpg”将作为背景插入到表格中。
插入Flash动画
网页中最常用的动画格式是“.swf”，其插入方法比较简单。
二、添加Flash FLV
Flash FLV是Flash视频，使用Flash可将AVI等视频转换为Flash FLV。
添加插件
插件的类型很多，通过使用插件可以添加更多类型的媒体文件，本节以添加视频文件为例进行讲解。
添加背景音乐
在Dreamweaver中可以给网页添加背景音乐。添加背景音乐后，在浏览网页页面时会自动播放音乐，但不会影响浏览者的其他操作。
添加JavaScript特效
JavaScript是一种能让网页更加生动活泼的程序语言，也是目前网页设计中最容易学的语言。利用JavaScript可以简便地做出文字滚动效果、漂亮的数字钟效果、有广告效应的跑马灯效果等，这些特殊效果可以提高网页的可观赏性。
Dreamweaver中创建本地站点。
创建的站点中创建网站首页“index.html”网页文档。
设置链接属性
在没有选中任何对象的前提下，单击“属性”面板上的“页面属性”按钮，打开“页面属性”对话框，首先在左侧列表中选择“链接（CSS）”选项，然后在右侧设置各项链接属性。
快速创建站点内部超链接
选定要设置链接的文本或图像对象，在“属性”面板上按下“链接”编辑框右侧的“指向文件”按钮，拖动鼠标到“文件”面板上要链接的文件上，释放鼠标，即可快速创建所需要的链接。
文件下载链接
文件下载链接的设置方法与文字链接类似，区别在于所链接的文件不是网页文件而是其他文件，如“.exe”“.doc”“.zip”等文件。
设置空链接
空链接是一个未指派目标的超链接，设置空链接的目的通常是激活页面上的对象或文本，使其可以应用行为。给页面对象设置空链接的方法很简单，选定对象后，在“属性”面板上的“链接”编辑框中输入符号“#”即可。
