Dreamweaver 8视频教程学习整理资料

  1. 1、下载文档前请自行甄别文档内容的完整性,平台不提供额外的编辑、内容补充、找答案等附加服务。
  2. 2、"仅部分预览"的文档,不可在线预览部分如存在完整性等问题,可反馈申请退款(可完整预览的文档不适用该条件!)。
  3. 3、如文档侵犯您的权益,请联系客服反馈,我们会尽快为您处理(人工客服工作时间:9:00-18:30)。

Dreamweaver 8视频教程学习整理资料

①内容提要/学习目标⊙网页色彩搭配

②软件演示⊙HTML基础

③实例操作步骤⊙名词解释

第一章软件简介与设置

第一课课程介绍与基础知识

∷内容提要

·起始页的使用期相关设置

·软件界面概览(菜单、工具、面板等)

·“插入”工具栏显示模式的切换

·文档窗口的工具栏和状态栏

·如何设置、存储和管理界面布局

∷学习目标

了解Dreamweaver软件的作用,基本界面布局,以及各功能区的应用范围。了解控制软件界面和文档的基本方法。

软件介绍:

Dreamweaver是网页设计和网站开发工具。可用于创建静态和动态网站页面,同时具有网站管理和FTP等辅助功能。

相关软件介绍:

·Microsoft Frontpage简单易用,与Office其他组件以及微软的编程语言紧密结合。·Microsoft Expression Web Designer是FrontPage继任者,与紧密结合更偏重于开发。

·Adobe Golive是专业的网页设计软件,更偏重于页面设计,并且可以设计移动设备的内容。网页开发流程:

Photoshop/Fireworks

Dreamweaver

Flash

网站→浏览器→客户端

数据库 ASP/JSP/PHP

第二课软件起始页的作用

第三课界面布局和切换

第四课定制工具箱

第五课代码拆分与设计模式

第六课定制实用界面布局

第七课标签选择器

在左下面,排列由大到小,如果想选择设计界面的某一个也可以点击标签选择器中的对应的那一项

第八课选取手形和缩放工具

1.放大快捷键:Ctrl+

2.缩小快捷键:Ctrl-

3.一步回到原始状态(100%):双击缩放工具

第九课显示是设置与数据统计

第十课属性面板与设置

第十一课菜单命令快速上手

Dreamweaver不同于其他软件的两个菜单:命令和站点

第十二课网页色彩搭配

建立个人网站当然可以个性和随意些,但如果要建立单位或企业网站,建议网站的整体风格要统一,使用的色系以及效果的表现方式要统一,这样会使设计出的网站看起来更加专业和吸引人。

通常来说,网站应该是企业或单位CIS(企业识别系统)的延伸,用于表现该组织的精神面貌和整体形象。具体到网页设计和配色,则属于VI(企业视觉识别系统)的范畴,也就是建立的网站在设计上是否包括统一、规范的标识,统一的RGB颜色值等,这样会使其更便于传播、更容易识别,更快速和稳固的被受众记住。

比如中国邮政,在VI设计上主要以绿色为主,那么网页自然可以延续这种颜色设置,以体现其统一和规范性。而麦当劳自然可以延续其红与黄的搭配,微软和IBM则是浅蓝和深蓝色的延伸等。

第十三课HTML基础知识

HTML是HyperText Marked Language 的缩写,即超文本标记语言,是一种用来制作超文本文档的简单标记语言。所谓超文本,是因为它可以加入图片、声音、动画、视频等多媒体内容,并且可以从一个文档跳转到另一个文档,以及与世界各地主机的文件相连接。

用HTML编写的超文本文档称为HTML文档,它能独立于各种操作系统平台(如Windouws,Linux等),用于描述网页信息的格式以及网络上其它网站的连结信息。使用HTML 语言描述的文件,需要通过客户端浏览器解释后才会显示出人们可以接受的信息效果。这种文档的扩展名可以是HTM或HTML。

XHTML是可扩展标识语言的缩写,它基于XML,是一种增强后的HTML。XHTML拥有更加严格的语法,结合了一部分XML的强大功能及HTML的简单特性。XHTML的可扩展性和灵活性将适应未来网络应用更多的需求。

第十四课企业识别系统与WWW

第二章定义站点及网页属性

第一课制作网站三大原则

三大原则:

1.建立网页之前需要新建一个网站

2.文件名以及各种对象的ID名尽量的使用英文或者拼音或者拼音加数字这样的开头

方式,尽量避免使用中文

3.尽量的要存盘,有些效果可能显示不出来或者有些程序无法运行可能是由于没有存

盘造成的

如果遇到各种各样的问题首先要检查者三点是否做到

第二课定义新站点

一般都选择FTp

第三课文件面板基础操作

第四课创建新网页与网站地图

首页常用名字代表:index.html 和default.html

第五课创建新的链接

第六课地图模式下修改问价标题

第七课自定义根查看链接关系

第八课CSS设置一,外观设置

在Dreamweaver中中文一般使用四种字体:宋体、黑体、仿宋体、楷体页面字体一般是宋体,大小是9pt

第九课CSS设置二,链接设置

第十课CSS设置三,标题设置

第十一课CCS设置四,跟踪图像

第十二课基础HTML页面设置

第十三课本小节HTML基础

第十四课名词解释http和URL

相关文档
最新文档