教你如何用dreamweaver制作网页

教你如何用dreamweaver制作网页

ID:19866290

大小:2.18 MB

页数:31页

时间:2018-10-07

教你如何用dreamweaver制作网页_第1页
教你如何用dreamweaver制作网页_第2页
教你如何用dreamweaver制作网页_第3页
教你如何用dreamweaver制作网页_第4页
教你如何用dreamweaver制作网页_第5页
资源描述:

《教你如何用dreamweaver制作网页》由会员上传分享,免费在线阅读,更多相关内容在教育资源-天天文库

1、Dreamweaver网页制作学习教程2011年8月23日用Dreamweaver制作网页网页构思、素材准备2.网页制作软件简介3.建立网页文件夹4.新建站点5.用表格布局网页6.文字的输入7.在网页中使用图像8.图文混排9.Flash动画的插入声音背景音乐视频的插入12.网页间的链接13.Css样式14.模板的制作15.层的使用一、网页构思、素材准备能否将网页做好,最重要的是要有一个十分清晰的思路,从而产生一个对整个网页的合理布局。首先确定网页主题,根据网页的主题需要规划好一级、二级菜单的内容。收集好网页制作所需要的素材(文字、图片、动画、声音、视频等)。用网页做课件也

2、是同样的步骤。有的素材需要自己制作,有的可以在网上(利用百度)搜集自己需要的文字、图片、动画、声音、视频等素材。获取网上Flash文件:工具——internet选项——浏览历史记录中的设置——查看文件。返回目录初识Dreamweave网页制作工具有Dreamweaver、FrontPage、Photoshop、Fireworks、Flash等。Dreamweaver、Fireworks、Flash三个软件合在一起,被称为网页制作“三剑客”,这三个软件相辅相承,可谓是制作网页的最佳拍档。MacromediaDreamweaver是一款专业的网页制作软件,用于对Web站点、W

3、eb页和Web应用程序进行设计、编码和开发。无论开发者愿意享受手工编写HTML代码时的驾驭感,还是偏爱在可视化编辑环境中工作,Dreamweaver都会提供实用的工具,使网页设计者拥有更加完美的Web创作体验。Dreamweaver工作环境(Dreamweaver提供了将全部元素置于一个窗口中的集成工作区。在集成工作区中,全部窗口和面板集成在一个应用程序窗口中。)工作窗口布局Dreamweaver的三种视图模式(代码、拆分、设计)二、网页制作软件简介返回目录做网页之前应先建好文件夹及子文件夹,以便分类存放网页中使用的图片、动画等素材。文件夹名一般是网页主题的名字。练习1:

4、建立自己的网页文件夹。注意:Dreamweaver对中文文件名支持得不是太好,经常会有页面调用不正确的现象发生,在新建文件夹或在Dreamweaver中保存网页的时候,用英文或者数字作为文件名称,就可以避免上面的出错现象。返回目录三、建立网页文件夹新建站点步骤:打开Dreamweaver软件,在工具栏中,点击站点->新建站点,这时会弹出一个面板,在这个面板上有基本和高级两种选择。在这里,我们选择基本,给你的站点起个名字(要是英文的),下面的文本框,要填写http地址,这个不用去管它。单击下一步,会提示你“是否使用服务器技术”,选择“否,我不使用服务器技术”。单击下一步,选

5、择“文件存放的位置”,这里文件位置,是你存放站点的路径。单击下一步,选择“是否连接远程服务器”,在这里,我们选择“本地/网络”。选择“文件存储在服务器上的文件夹”,选择和上一步存放的文件在同一目录下。单击下一步,会提示你是“否存回和取出文件”,这个不用管它,单击下一步,点击完成。返回目录Dreamweaver不仅仅是网页设计工具,更是网站设计工具,提供了大量和网站管理维护相关的功能,能够对网站中的文件、链接、媒体文件等多种资源进行统一管理,使网站设计工作事半功倍。要想使用Dreamweaver的网站管理功能,必须首先建立“站点”。四、新建站点练习2:建立自己的网页站点。下

6、面使用Dreamweave制作一个简单的网页,介绍一下Dreamweave制作网页的基本流程。1.新建网页2.编辑网页3.保存网页4.预览网页5.继续编辑网页6.再次预览网用Dreamweaver制作简单网页页面属性的设置主要控制页面的整体外观,包括背景、标题等。Dreamweaver提供了【页面属性】对话框,在这个对话框中提供了多种页面属性的设置方法。1.设置背景图片2.设置页面标题3.设置页面边距新建网页、设置页面属性首页的设计课件的首页是访问者看到的第一页,是课件关键性的一页,人们往往看到第一页就已经对你的课件有一个整体的印象。注意:1、首页保存在站点文件夹下,文件

7、名为index.html或default.html。2、特别给首页加好一个标题,使访问者通过标题就可以知道课件的名称。(每一个网页都要把标题加好)返回目录练习3:新建首页并设置页面属性。(首页命名:index.htm或default.htm注意新建网页文件位置。)关于首页设计Dreamweaver利用表格来布局页面、排版。1)点菜单“插入→表格”命令,出来一个对话框,设置好所需表格的行列数和宽度、边距、间距等。返回目录五、用表格布局网页表格在网页中的应用十分广泛,它是网页中的重要元素。表格在网页中有两种功能,一种功能是在网页中

当前文档最多预览五页,下载文档查看全文

此文档下载收益归作者所有

当前文档最多预览五页,下载文档查看全文
温馨提示:
1. 部分包含数学公式或PPT动画的文件,查看预览时可能会显示错乱或异常,文件下载后无此问题,请放心下载。
2. 本文档由用户上传,版权归属用户,天天文库负责整理代发布。如果您对本文档版权有争议请及时联系客服。
3. 下载前请仔细阅读文档内容,确认文档内容符合您的需求后进行下载,若出现内容与标题不符可向本站投诉处理。
4. 下载文档时可能由于网络波动等原因无法下载或下载错误,付费完成后未能成功下载的用户请联系客服处理。