Dreamweaver想要制作一个简单的网页,该怎么设计呢?下面我们就来看看详细的教程。

软件名称:Adobe Dreamweaver CS6 官方中文正式原版软件大小:317.3MB更新时间:2014-05-14立即下载

1、打开Dreamwaver cs6,设置站点在D/20151120225,建立新网页HTML。

2、 输入文字“人类的伙伴—狗”,设置ccs规则的选择器类型。

3、插入背景。在“页面属性”-“背景图像”插入背景。

4、设置表格。在“插入”-“表格”选择7行3列,经过“合并单元格”等调整,制作好表格。插入图片。选择“插入”—“图像”在文件夹中选中需要的图片,点击确定。

5、插入音乐。选择“插入”—“媒体”—“插件”—选择所需音乐—“确定”。在“插件”中调整参数为“hidden”,数值为“TRUE”。保存网页为index.html。这样主页面就做好了。

6、接下来做页面二“狗狗品种介绍”。利用上述方法将表格和图片插入并输入文字内容。插入“表单”。选择“插入”—“表单”,在“表单”选中区域内插入“表格”,然后在合适位置插入“列表”“单选按钮组”和“按钮”。

7、保存网页二为“狗狗品种介绍.html”。

8、然后做页面三“狗狗逗趣视频”,利用上述方法将表格和图片插入并输入文字内容。插入视频。选择“插入”—“媒体”—“FLV”—“累进式下载视频”—“URL”—“检测大小”—“确定”。注意:将Flash播放器放到文件夹内才能播放。

9、保存网页三为“狗狗逗趣视频.html”。

10、然后做页面四“狗狗优点贡献”,利用上述方法将表格和图片插入并输入文字内容。保存页面四为“狗狗优点贡献.html”。

11、创建超链接。在网页上选中文字—“插入”—“超级链接”—“文件”—“目标”为-blank。

以上就是Dreamweaver cs6设计网页的教程,希望大家喜欢,请继续关注脚本之家。

相关推荐:

dreamware简单HTML网页,Dreamweaver cs6怎么设计一款简单的网页?相关推荐

  1. 学生网页设计代码成品 大学生汽车网页代做 红旗汽车网页设计模板下载 HTML汽车网站制作 dreamweaver学生汽车网页设计成品

    网页效果展示 首页 子页面 共4个子页面,篇幅有限,此处仅展示一页 网页成品下载 stu-works.com/html/qiche/422.html 网页作品介绍 作品采用DIV CSS布局制作,主题 ...

  2. 《Dreamweaver CS6 完全自学教程》笔记 第十七章:Spry 框架技术

    文章目录 第十七章:Spry 框架技术 17.1 Spry 菜单栏 17.1.1 插入 Spry 菜单栏 17.1.2 设置 Spry 菜单栏的属性 17.1.3 设置菜单项的尺寸 17.2 Spry ...

  3. 《Dreamweaver CS6 完全自学教程》笔记

    声明: 博主完全采用自学方式进行学习,内用不够严谨,学习路线不够系统,仅可用作参考,如有错误请及时指正. 博主主要参考<Dreamweaver CS6 完全自学教程>这本书进行学习,但不限 ...

  4. Dreamweaver CS6代码如何自动缩进?

    书写代码,格式清晰才不容易出错,在代码格式中,首行缩进是最为重要的,从别处拿过来的很多代码首行都是没有缩进的,不利于观看,想要使其自动缩进,可以使用Dreamweaver CS6,它可以通过简单的设置 ...

  5. 《Dreamweaver CS6完美网页制作——基础、实例与技巧从入门到精通》——1.3 常用网页设计软件...

    本节书摘来自异步社区<Dreamweaver CS6完美网页制作--基础.实例与技巧从入门到精通>一书中的第1章,第1.3节,作者:何新起 更多章节内容可以访问云栖社区"异步社区 ...

  6. HTML5期末大作业:漫网页网站设计——爱影评在线电影(10页面)) 学生动漫网页设计模板下载 大学生HTML网页制作作品 简单漫画网页设计成品 dreamweaver学生网站模板

    HTML5期末大作业:漫网页网站设计--爱影评在线电影(10页面)) 学生动漫网页设计模板下载 大学生HTML网页制作作品 简单漫画网页设计成品 dreamweaver学生网站模板 常见网页设计作业题 ...

  7. Dreamweaver CS6网页设计入门、进阶与提高

    Dreamweaver CS6网页设计入门.进阶与提高 本书主要介绍了Dreamweaver CS6网页制作相关知识及网页制作技能,内容涵盖Dreamweaver CS6基础知识.使用层叠样式表.处理 ...

  8. 《Dreamweaver CS6完美网页制作——基础、实例与技巧从入门到精通》——1.2 网页的基本构成元素...

    本节书摘来自异步社区<Dreamweaver CS6完美网页制作--基础.实例与技巧从入门到精通>一书中的第1章,第1.2节,作者:何新起 更多章节内容可以访问云栖社区"异步社区 ...

  9. dw cs6 html建站点,dreamweaver cs6网页中制作锚点链接的教程方法

    部分网友刚刚下载使用dreamweaver cs6的朋友们,可能还不是很熟悉其中制作锚点链接?下面这篇内容就为你们带来了dreamweaver cs6网页中制作锚点链接的教程方法. dreamweav ...

最新文章

  1. java使用线程求素数和1000个0~0.9随机数_求素数(多线程练习题)
  2. ZedGraph在Web中的使用
  3. VTK:PolyData之InterpolateMeshOnGrid
  4. .NET Core 学习资料精选:入门
  5. infoseccrypto_java下载_關於php接ICBC的支付接口的解決方案
  6. 如何在SharePoint 2010项目中引用UserProfiles.dll
  7. linux的find命令满屏权限不够提示
  8. php新闻删除功能设计,php原生开发新闻站之删除新闻
  9. 密码编码学之AES及其工作模式详解
  10. 【elasticsearch】ES扩容后报错Can not be imported as a dangling index as index with same name
  11. 《Unix传奇》:众神的创世记
  12. 成品入库过账bapi
  13. 熊谱翔:变化的RT-Thread 不变的初心
  14. 安装@vue/cli报错,npm ERR! gyp ERR! not ok
  15. 自锁电路设计1.5V电压起
  16. mat 释放_Opencv - 释放内存将cv :: Mat引用计数器更改为零
  17. PDF文件有密码怎么办 PDF密码解除的方法
  18. AutoJs学习-录屏功能
  19. MATLAB RANSAC拟合空间直线
  20. ES-pinyin插件配置和使用

热门文章

  1. 王立平--poser
  2. vue+Element-ui快餐店pos系统
  3. 华为交换机清空配置(S3700)
  4. 74HCT04D基本参数介绍
  5. 11.XGBoost
  6. 最新~涵盖全微服务操作的Spring Cloud 文档竟出自Alibaba
  7. Linux教程——操作系统是什么,操作系统概述
  8. svn重新定位修改uuid,format提示系统找不到指定文件
  9. processing
  10. 详解三次握手和四次挥手