dw网页制作上机指导.docVIP

Dreamweaver MX 网页制作上机指导 最常用的快捷键: 1.建立新文件Ctrl+N 2.保存Ctrl+S 3.拷贝Ctrl+C 4.粘贴Ctrl+V 5.全选择 Ctrl+A 6.撤消上一步Ctrl+Z 7.F12 浏览 界面介绍: 插入栏、属性面扳、控制面板（通过菜单上窗囗可显示或隐藏） 网页制作与别的文件生成有所不同，它有个站点的概念。站点是一个名称，它指向一个网页专用文件夹，需要放在网上的所有东西，可以分门别类地放在这个大文件夹内。 新建站点 在E盘内新建一个文件夹，命名为myweb。 打开Dreamweaver MX／站点／新建站点／基本／站点起名字:myweb ／下一步／否，我不想使用服务器技术／下一步／ 文件位置选择／下一步／ 您如何连接到远程服务器: 无／下一步／完成 每个网站都有一页称为首页的网页，它类似于一本杂志上的封面。它代表了网站组织的最高层架构。网站上的其它网页都必须通过首页直接或间接地连接出去。 作为首页，文件名一定要命名为index，并且它被强制存放于文件夹的根目录。 建立首页 （新建文件Ctrl+N／常规:类别:基本页、基本页:HTML／创建 ）标题命名:首页／保存Ctrl+S／路径为myweb、文件名为index／输入文字／保存／用F12预览／关闭IE 为了方便管理网站内的各类文件，在刚建立的根目录myweb（第一层文件夹）中再建立一个子文件夹（第二层），将图像集中存放在这个子文件夹内。 文件夹及文件的命名有一定限制。网页文件的命名规则是： a.严禁使用中文; b.严禁使用空格健及所有特殊符号，除下划线（_）与连接线（-）外; c.严禁使用英文大写. 在文件夹myweb内创建一个新的子文件夹，命名为image。 文字调整 打开Dreamweaver／文件／打开／查找范围: myweb内的index ／输入文字／F12／关闭IE 接上题／选中文字／属性面板:大小／文本颜色／F12／保存 属性面板／字体选择栏／编辑字体列表／ 可用字体：黑体／ ／字体列表出现黑体／ 确定／用此方法继续添加字体楷体及隶书 输入文字／Enter／输入文字／Shift+Enter／输入文字（比较两种Enter的文字行间距及实质性区别） Ctrl + Shift + 单击空格键／可将文字逐格向右移／F12 调整文字的粗体、斜体、位置等／保存 输入图像 打开index／（窗口 ／√插入）插入面板:图像／选择图像源:（网页素材／人象）／出现对话框:是／存放在myweb内的image／保存／F12 创建新页 新建文件Ctrl+N／常规:类别:基本页、基本页:HTML／创建／标题命名:02／保存／路径在myweb内／文件名:02／输入文字与图像／保存 新建文件／标题命名:03／文件名:03／输入文字与图像／保存 链接方式 打开index ／选中某文字／在属性面板的链接栏中单击文件夹符号图标／选择文件02／确定／保存 index／F12／鼠标单击链接点至02／后退／重返回index／关闭IE 打开02／选中某文字／创建链接至index／保存／F12／关闭IE 打开index／选另一文字／创建链接至03／保存／F12／关闭IE 打开03／选中某一文字／创建链接至index／保存／F12／关闭IE 创建网站步骤小结: 1.建文件夹 2.建站点 3.建index及其它页 4.页与页链接 删除站点 站点／编辑站点／选中myweb／删除／完成 页面属性 index／修改／页面属性／背景:选某一颜色／应用／确定／保存 index／右键: 页面属性／背景图像／浏览／选择图像源: 网页素材／gif／Backgrnd／选某一图案／确认／对话框:是／选择路径／保存／应用／确定／保存／F12 插入表格 a.填充：文字与边的距离 b.间距：格与格之间的距离 c.边框：表格边框宽度 新建文件／标题命名:04／保存／文件名:04／插入面板:插入表格／在对话框中输入各项表格设置（宽度760象素／800×600、宽度955象素／1024×768）／确定／保存 选择单元格／属性面板:合并或拆分单元格 单击单元格／插入文字及图像／在属性面板上修改文字属性／在属性面板上:对齐／选中图像／边框:5／Enter 选中表格（单击表格的下或右边线）或单元格／在属性面板上改变背景颜色 选中表格／属性面板／填充:10／Enter 选中表格／属性面板／调整表格间距、边框及颜色／Enter 选中单元格／修改／表格／插入、删除行或列／Ctrl + Z／Ctrl + Y／完成后保存 在04与index之间创建链接 水平线 新建文件／命名／输入文字／确定需要插