dw网页制作上机指导

《dw网页制作上机指导》由会员上传分享，免费在线阅读，更多相关内容在工程资料-天天文库。

1、DreamweaverMX网页制作上机指导■最常用的快捷键：1.建立新文件Ctrl+N2.保存Ctrl+S3.拷贝Ctrl+C4.粘贴Ctrl+V5•全选择Ctrl+A6•撤消上一步Ctrl+Z7.F12浏览■界面介绍：插入栏、属性面扳、控制面板（通过菜单上窗口可显示或隐藏）■网页制作与别的文件生成有所不同，它有个站点的概念。站点是一个名称，它指向一个网页专用文件夹，需要放在网上的所有东西，可以分门别类地放在这个大文件夹内。新建站点

2、1.在E盘内新建一个文件夹,命名为mywebo2.打开DreamweaverMX/站点/新建站点/基本/站点起名字:myweb/下一步/否，我

3、不想使用服务器技术/下一步/文件位置选择/卜一步/您如何连接到远程服务給:无/下一步/完成每个网站都有一页称为首页的网页，它类似于一本杂志上的封面。它代表了网站组织的最高层架构。网站上的其它网页都必须通过首页直接或间接地连接出去。作为首页，文件名一定要命名为index,并且它被强制存放于文件夹的根目录。建立首页3.（新建文件Ctrl+N/常规：类別：基本页、基本页：HTML/创建）标题命名：首页/保存Ctrl+S/路径为myweb、文件名为index/输入文字/保存/用F12预览/关闭IE为了方便管理网站内的各类文件，在刚建立的根目录myweb（第一层文件夹）中再建立一个子

4、文件夹（第二层），将图像集中存放在这个子文件夹内。文件夹及文件的命名有一定限制。网页文件的命名规则是：a.严禁使用中文；b・严禁使用空格健及所有特殊符号，除下划线（_）与连接线（-）外;c・严禁使用英文大写.4.在文件夹myweb内创建一个新的子文件夹，命名为iniageo文字调整5.打开Dreamweaver/文件/打开/查找范I韦I：myweb内的index/输入文字/F12/关闭IE6.接上题/选中文字/属性面板:大小/文本颜色/F12/保存7.属性面板/字体选择栏/编辑字体列表/可用字体：黑体/〈〈/字体列表出现黑体/确泄/用此方法继续添加字体楷体及隶书8.输入文字

5、/Enter/输入文字/Shift+Enter/输入文字（比较两种Enter的文字行间距及实质性区别）1.Ctrl+Shift+单击空格键/可将文字逐格向右移/F122.调整文字的粗体、斜体、位置等/保存3.打开index/（窗口/』插入）插入面板：图像/选择图像源：（网页素材/人象）/出现对话框:是/存放在myweb内的image/保存/F12创建新页4.新建文件Ctrl+N/常规:类别:基木页、基木页：HTML/创建/标题命名:02/保存/路径在myweb内/文件名：02/输入文字与图像/保存5.新建文件/标题命名：03/文件名：03/输入文字与图像/保存链接方式6.打

6、开index/选屮某文字/在属性面板的链接栏中单击文件夹符号图标/选择文件02/确沱/保存7.index/F12/鼠标单击链接点至02/后退/重返回index/关闭TE8.打开02/选中某文字/创建链接至index/保存/F12/关闭IE9.打开index/选另一文字/创建链接至03/保存/F12/关闭IE10.打开03/选中某一文字/创建链接至index/保存/F12/关闭IE创建网站步骤小结：1•建文件夹2.建站点3•建index及其它页4.页与页链接删除站点

7、11.站点/编辑站点/选中myweb/删除/完成页面属性

8、12.index/修改/页面属性/背景:选某一颜色/

9、应用/确定/保存13.index/右键：页面属性/背景图像/浏览/选择图像源：网贝索材/gif/Backgrnd/选某一图案/确认/对话框:是/选择路径/保存/应用/确定/保存/F12插入表格

10、a.填充：文字与边的距离b.间距：格与格之间的距离c.边框：表格边框宽度14.新建文件/标题命名:04/保存/文件名:04/插入面板:插入表格/在对话框屮输入各项表格设置（宽度760象素/800x600＞宽度955象素/1024x768）/确定/保存15.选择单元格/屈性面板:合并或拆分单元格16.单击单元格/插入文字及图像/在属性面板上修改文字属性/在属性面板上:对齐/选中图像/边

11、框：5/Enter17.选中表格（单击表格的下或右边线）或单元格/在属性面板上改变背景颜色18.选中表格/属性面板/填充：10/Enter19.选中表格/属性面板/调整表格间距、边框及颜色/Enter20.选屮单元格/修改/表格/插入、删除行或列/Ctrl+Z/Ctrl+Y/完成后保存21.在04与index之间创建链接22.新建文件/命名/输入文字/确定需要插入水平线的位置/插入HTML:水平线1.选中水平线/属性面板:调整宽、高、对齐、阴影站点使用I2.站点/编辑站点/myweb/编辑/高级3.站点/站点地图/