1、Dreamweaver工具的使用

网站概述

网页基本术语

网页概述

网页：一个纯文本格式的文件，使用任何文本编辑器都可以打开编辑，编写语言为HTML（超文本标记语言），在浏览器中被翻译成网页形式显示出来
网站：由一个一个网页构成的，是多个网页的结合体
主页：打开网站后出现的第一个网页

网页内常用术语

域名：浏览网页时输入的网址
IP地址：输入域名后，通过DNS解析获得网站所在计算机的IP地址。
HTTP：超文本传输协议，传输网页的通信协议，规定浏览器如何通过网络想网站服务器发送请求，以及把网站服务器的相应请求传回网页。
FTP：文件传输协议，通过FTP可上传、下载、查询、修改、删除等
URL：统一资源定位符，万维网寻址系统，是网络中的所有资源使用统一格式来指定所在路径与服务器，表示网页的internet位置的URL形式为“http://”
HTML：超文本标记语言，可用来编写网页，设定网页中文字。
超链接：将网站中不同网页链接起来，实现网页间的跳转。
发布：将做好的网页上传到服务器供用户访问。

网站建设的基本流程

需求分析：网站的定位
确定主题：主题独特，吸引用户
设计功能：网站具有哪些功能
规划结构：如何将各个页面有机的组合在一起
设计布局：页面的整体布局
测试站点：1、测试页面效果2、网站连接速度3、网站中的链接是否正确4、文档位置是否正确，图片、动画、音乐效果是否正常5、浏览器的兼容性。
发布网页：将做好的网页通过FTP等方式上传到网站服务器。

开发环境的认识和本地站点的创建

开发环境和开发工具介绍

菜单栏
文档工具栏：不同视图间快速切换
文档窗口：显示当前文档的形式
属性检查器：可以检查和编辑当前选定页面元素的常用属性
面板组：

创建本地站点

1. 在本地磁盘中创建文件夹taobao。并在文件夹中创建image文件夹来存放制作网页用到的图片
2. 站点——新建站点——修改名称和指定站点存放路径（上一步创建的taobao文件夹）——保存
3. 在面板组右下角“文件”面板中可以看到创建的taobao站点——右键可以新建文件、新建文件夹。

站点目录结构

为了使素材能够分门别类地存储到相应的文件夹下，方便统一管理
Images、Image：存放图片的文件夹
Common：存放后台文件的文件夹
Style：CSS文件夹
Script：js脚本文件
Include：开发人员自己开发的功能函数文件夹
Temp：临时文件夹，用于存放客户提供的各种原始的资料，
Media：存放网页中加载的多媒体文件，
News、Product、Blog：根据主页上的内容划分相应的栏目板块，新闻、产品、博客

使用Dreamweaver制作淘宝网新闻页面

使用Dreamweaver创建网页

方法一：文件——新建——空白页——HTML（页面类型）——无（布局）——创建
方法二：选择“文件”面板——右击“站点”——新建文件

插入表格

方法一：插入——表格——设置参数——确定
方法二：点击“插入”面板——“常用”类别——表格——设置参数——确定

插入图像

方法一：插入——图像——选择图像——确定
方法二：“插入”面板——“常用”——图像——选择图像——确定

页面属性的设置

修改——页面属性——设置页面属性——确定
编辑淘宝网购物页面

文本格式化

=选中文本——属性检查器——CSS——新CSS规则——设置属性——回车——设置选择器名称——确定

段落

换行方法：

• 插入——HTML——特殊字符——换行符
• 快捷键：Shift + Enter
• 插入面板——换行按钮
• 光标放在需要换行的位置，按Enter键

插入空格方法：

• 插入——HTML——特殊字符——不换行空格
• 快捷键：Ctrl + Shift +空格键
• 插入面板——空格按钮
• 切换全角输入法（Shift + 空格键）——空格键

print ("hahaha")