网页制作教程03

《网页制作教程03》由会员上传分享，免费在线阅读，更多相关内容在教育资源-天天文库。

1、网页设计与制作网页设计与制作Dreamweaver8网页制作与网站管理-1内容提要Dreamweaver介绍网站创建的基本方法站点的创建和管理页面中使用文本页面中使用图像创建超链接2Dreamweaver介绍Dreamweaver是Macromedia公司开发的“所见即所得”的网站开发工具用于对Web站点、Web页和Web应用程序进行设计、编码和开发Dreamweaver、Flash和Fireworks并称为“网页三剑客”。3Dreamweaver特点可视化界面，学习简单，操作快捷支持多种浏览器，并可选择主要针对的浏览器可

2、以简便生成CSS、层、Javascript网页特效强大的网站管理功能丰富的媒体支持，可方便的加入Java，Flash，ShockWave，ActiveX及其它媒体插件Dreamweaver与Flash、Fireworks等密切配合，提供了Web制作最完善的一套整体解决方案4认识Dreamweaver界面插入栏文档工具栏文件文件面板面板文档窗口面面板板组组标签选择器属性面板5“所见即所得”的网页编辑环境设计：“所见即所得”的编辑环境代码：直接修改HTML代码拆分：“文档”窗口的一部分中显示“代码”视图，另一部分中显示“设计”视图。6网站创建的

3、基本方法通用的方法：先新建一个文件夹（如“某某的网站”）直接制作每一个网页文件，然后把所有的网页文件保存在“某某的网站”的相应的子文件夹中插入的图片或其他素材文件要事先复制到相应的子文件夹中……7网站创建的基本方法-例8网站创建的基本方法常用的方法：新建一个文件夹,将此文件夹定义为Dreamweaver站点在“文件”面板中创建网页文件和素材文件夹在“站点地图”中创建网站结构打开相应的网页，进行具体网页的编辑工作……9例-创建“园林建筑艺术”网站园林建筑艺术index.htm园林的定义园林的特点皇家园林—颐和园私家园林—拙政园ding

4、yi.htmtedian.htmyiheyuan.htmzhuozhengyuan.htm私家园林图片tupian.htm10导入/创建站点执行“站点”/“新建站点”命令，打开“站点定义”窗口•输入站点名称•不使用服务器技术•确定站点路径•无远端服务器11创建/导入站点可管理当前站点12管理站点使用“文件”面板可对当前站点中的所有文件和文件夹进行新建、复制、删除、重命名等操作单击“展开/折叠”按钮，把“文件”面板展开为一个独立的编辑窗口使用站点地图创建和查看网站结构13设置页面属性“修改”/“页面属性”命令“外观”选项设置页面字体、大小、

5、文本颜色、背景色或背景图像、页面边距14应用图像作网页背景选择平铺效果具有整体感平铺效果具有整体感的图像的作背景作背景15设置页面属性设置链接文本的字体、大小、链接颜色、下划线样式。设置标题文本的字体、大小和颜色16设置页面属性设置网页的标题和编码设置跟踪图像在网页中将原来的平面设计稿作为辅助的背景,方便用户定位文字、图像、表格、层等网页元素在该页面中的位置。17页面中使用文本创建文字内容•直接输入•从其它文本素材中粘贴“复制”/“粘贴”“复制”/“选择性粘贴”“文件”/“导入”插入word和Excel文档18页面中使用文本插入特殊文本元素•

6、换行符“插入”/“HTML”/“特殊字符”/“换行符”命令文本将被强制移动到下一行继续显示•水平线“插入”/“HTML”/“水平线”19页面中使用文本插入特殊文本元素•特殊符号“插入”/“HTML”/“特殊字符”•段落缩进空格“插入”/“HTML”/“特殊字符”/“不换行空格”•注释“插入”/“注释”20页面中使用文本添加项目列表和编号列表设置多级列表21设置文本格式字符格式在属性面板上可设置文本的标题、字体、大小、颜色、加粗、倾斜等属性。•文本标题22设置文本格式字符格式•字体23设置文本格式字符格式•文字大小24设置文本格式字符格

7、式•文字颜色•加粗、倾斜25设置文本格式字符格式•文字样式“文本”/“样式”命令26设置文本格式段落格式•段落的对齐方式•段落缩进27图形的插入HTML并不能包含图像，它只是包含图像文件的名称和相应的格式代码。28认识图形格式GIFJPEGPNG（图形交换格式）（联合图像专家组）（可移植网络图形）可用颜色数16777216167772164294967296每幅图像的颜色2562561677721616777216256-4294967296压缩无损有损无损透明单色否Alpha通道半透

8、明否否Alpha通道动画是否否29GIF格式图像举例2cm×2cmGIF（GraphicsInterchange2KFormat）是作为