dw网页制作教程

前 言

课程说明 课程目的：–使参加学习的人员掌握基本的网页制作维护技能，自 主运用相关软件进行网页维护。

学习建议：–学习前提：熟练进行基本的文件操作，熟练使用 Office和简单常用的工具软件 –参阅：网上有相关教程、任何一本Dreamweaver学习书 籍

学习内容 网页制作初步： 运用DreamweaverMX,学习文字录入编辑，段落编排，表格运用， 图片插入编辑，超级链接，多媒体素材插入编辑，框架构成；简单了 解Html 图形处理初步： 学会运用Photoshop对图片做简单的处理 学习使用相关工具软件： CuteFtp, Acdsee, et al

了解动态网页维护的基本知识 了解中、高级网页技术： Flash, Css, JavaScript 特效等

网页设计技术的意义 网络时代的技术需要网站是广告的拓展领域，是知识信息的储蓄平台，任何单位都将网络 平台做为业务信息的重要窗口加以利用

与他人交流的窗口个人主页对比公网上的个人blog: 能进行更充分的个人定制，个性化

实用的网络技术和个人技能为将来可能的另条个人出路进行技术积累。

一些人对网页设计的错误认识MS office master VS. homepa

第1小题(Dreamweaver单选题(1分)

在（_______）中可以为文字设置对齐方式，字体、字号和颜色。 A 属性面板 B 代码面板 C 设计面板 D 文件面板

第2小题(Dreamweaver单选题(1分)

下面哪些不是网页编辑软件？（_______） A Dreamweaver B CuteFTP C Word D Flash

第3小题(Dreamweaver单选题(1分)

下面不是Web网页中通常使用的图像格式是（_______） A GIF格式 B JPEG格式 C PNG格式 D RAW格式

第4小题(Dreamweaver单选题(1分)

关于HTML5的描述，以下哪一个是错误的（ ）

A HTML5版本中，W3C规定标记的规范写法是小写格式 B HTML5的最基本语法是<标记符>…… C 是HTML5的标准网页声明

D 当HTML5标记用错时，浏览器会给出出错信息 第5小题(Dreamweaver单选题(1分)

在下列的 HTML 中，哪个可以插入折行？（） A

B C
D

第6小题(Dreamweaver单选题(1分)

关于HTML5标题标记，以下说法哪项是错误的（

第1大题Dreamweaver单选题(共27分) 得分:4

第1小题Dreamweaver单选题(1分) 得分:0

下面不是Web网页中通常使用的图像格式是（___d____） A GIF格式 B JPEG格式 C PNG格式 D RAW格式

第2小题Dreamweaver单选题(1分) 得分:1

在复制带有格式的文本时，可以先将内容粘贴到（___c____），再将其中没有格式的文本复制到剪贴板上，最后再粘贴到Dreamweaver编辑窗口中。 A 文件夹 B 记事本 C Word文档 D Excel文档

第3小题Dreamweaver单选题(1分) 得分:1

下面哪些不是网页编辑软件？（_______） A Dreamweaver B CuteFTP C Word D Flash

第4小题Dreamweaver单选题(1分) 得分:1 关于HTML5的描述，以下哪一个是错误的（ ）

A HTML5版本中，W3C规定标记的规范写法是小写格式 B HTML5的最基本语法是<标记符>…… C 是HTML5的标准网页声明

D 当HTML5标记用错时，浏览器会给出出错信息

第5小题Dre

Dw制作技巧

Dreamweaver使得建立Web站点变得异常简单，但不要误认为这等于功能简单。实际上，这种有效的可视化Web开发工具同样是专业设计人员选择的，其中的许多优点非常合适于那些需要强大站点管理工具或者想用自己的模板扩充程序以协同工作的开发人员。更棒的是，Dreamweaver的灵活性使你无论如何都能提高技术水准！既然如此，那么何不现在就开始使用这些技巧以充分发挥Dreamweaver的强大功能呢？

Dreamweaver具有许多丰富的用户向导功能，这使它看上去有无法抵挡的魅力。这些易于执行的技巧能够指引你流畅地创建新站点。

连接窗口

Dreamweaver的用户界面分割为几个窗口，当处于工作状态时，屏幕上只能容纳几个窗口。为了保存真实的操作状态，最佳策略是将打开的窗口连接（dock）在一起。你可能尝试过拖拽窗口的标题栏，这在许多程序中都是可以完成连接动作的，但是在Dreamweaver中却不生效。

实现窗口连接的技巧是用鼠标拖住窗口的tab栏，而不是标题栏。试着点击鼠标拖住一个窗口的tab栏并掠过另外一个窗口，当看到出现一个黑色边界时，松开鼠标按钮，你会发现2个窗口已经结合在一起了。现在你就可以

PhotoShop网页设计制作教程:美食blog网首页

http://www.alixixi.com/web/a/2011083073568.shtml

先看效果图：

1。新建一个大小为:1200*1400px的文档,并填充背影色:#fbe0b1。 再执行滤镜>杂色>添加杂色,设置数据如下图:

2.创建自定义图案

按ctrl+N新建一个大小为:80*80px的文档.

再次新建一个图层,命名:horizontal.选择\矩形选区工具\绘制一个大小为80*40,并填充:#b52a51.设置不透明度为:20%.

新建一个图层命名:vertical,使用\矩形工具\在左边绘制一个40*80的图形,并填充:#b52a51.设置不透明度为:30%.

新建一个组,把这两个图层放入进去,并命名:pattern.并设不透明度:30%.

关闭白色图层的\睛眼\编辑>自定义图案.

3.填充自定义图案

新建一个图层命名：patten;并填充白色，更改填充：0%。双击这个图层,在弹出的\图层样式\窗口中选择\图案叠加\选择我们上一步自定义的图案,

4.顶部导航的制作 新建一个组\

新建一个图层命

网页制作

课程名称：网页制作 考试日期： 主讲教师：

考生姓名： 考生学号： 得分：

一:选择题

1 网页制作三剑客是指 ( )

A. Frontpage、Photoshop、Java B. Dreamweaver、Photoshop、Flash C. Fontpage、Fireworks、Flash

D. Dreamweaver、Fireworks、Flash

2、在HTML中，标题字体标记中n的最大取值是( )。

A、4 B、5 C、6 D、7

3、在Dreamweaver中，模板由（ ） 和 （ ）组成。

A、框架 B、可编辑区 C、锁定区 D、表格 4. Flash MX中，电影的源

PhotoShop网页设计制作教程:美食blog网首页

http://www.alixixi.com/web/a/2011083073568.shtml

先看效果图：

1。新建一个大小为:1200*1400px的文档,并填充背影色:#fbe0b1。 再执行滤镜>杂色>添加杂色,设置数据如下图:

2.创建自定义图案

按ctrl+N新建一个大小为:80*80px的文档.

再次新建一个图层,命名:horizontal.选择\矩形选区工具\绘制一个大小为80*40,并填充:#b52a51.设置不透明度为:20%.

新建一个图层命名:vertical,使用\矩形工具\在左边绘制一个40*80的图形,并填充:#b52a51.设置不透明度为:30%.

新建一个组,把这两个图层放入进去,并命名:pattern.并设不透明度:30%.

关闭白色图层的\睛眼\编辑>自定义图案.

3.填充自定义图案

新建一个图层命名：patten;并填充白色，更改填充：0%。双击这个图层,在弹出的\图层样式\窗口中选择\图案叠加\选择我们上一步自定义的图案,

4.顶部导航的制作 新建一个组\

新建一个图层命

第一单元：html语言基础，网页版式设置 选择题

1、在Dreamweaver中，查看HTML的代码，下面哪种方法是正确的？（ ）。 A．在HTML纯文本编辑模式下可以查看HTML代码 B．在HTML纯文本编辑模式下不能查看HTML代码 C．在页面模式下可以查看HTML代码

D．在HTML纯文本+页面模式下不能查看HTML代码

2、关于Dreamweaver 具有的功能下面说法正确的是 （ ）。 A．不可以制作计数器 B．不可以制作留言板 C．可以上传网页 D．不可以自己决定域名 3、Flash中FILL表示什么面板？（ ） A．信息面板 B．填充面板 C．描边面板 D．变形面板 4、（ ）是构成网站的基本信息资源。 A．文本 B．声音 C．动画 D．图像

5、在Dreamweaver MX 2004中可利用（ ）生成具有相似结构和外观的网页，从而大幅度提高网页制作效率，并简化繁琐的网页编辑和维护工作。 A．模板 B．HTML样式 C．CSS样式 D．站点管理器 6、在下列标记中,不是对称标记的是( ) A、

B、

CSS网页设计制作____张国策，机械电子工程专业

第12 章XML 与XHTML

12.1 什么是XML

XML 中文翻译为可扩展标记语言,顾名思义,它比HTML 的优势: 1.延伸性 2.简单易懂

12.2 XML的基本格式

<爸爸>

<姓名>张三<年龄>58<男/><妈妈>

<姓名>张晓三<年龄>57<女/>

12.3 XML的定义文档

]>

<中华人民共和国><公民>

<身份证号>01085401<姓名>张三<籍贯>北京<公民>

<身份证号>01085402<姓名>李四<籍贯>上海

12.4HTML4.01 的文档定义

网页设计制作报告

网页设计制作报告

学院：语言与传播学院

专业：传播学专业

姓名：吾乎曼尔

学号：15321135

班级：传播1501班

时间：2016年10月25日

网页设计制作报告

设计目的：

本课程的设计目的是通过实践使同学们经历Dreamweaver cs3开发的全过程和受到一次综合训练，以便能较全面地理解、掌握和综合运用所学的知识。结合具体的开发案例，理解并初步掌握运用Dreamweaver cs3可视化开发工具进行网页开发的方法；了解网页设计制作过程。

通过设计达到掌握网页设计、制作的技巧。了解和熟悉网页设计的基础知识和实现技巧。根据题目的要求，给出网页设计方案，可以按要求，利用合适图文素材设计制作符合要求的网页设计作品。

熟练掌握Photoshop 、Dreamweaver cs3等软件的的操作和应用。增强动手实践能力，进一步加强自身综合素质。

设计要求：

1.主题突出，内容实用健康积极向上、信息量大、具有文化内涵和时代气息。

2.开发规范。网页制作规范，结构清晰，栏目分类清晰，信息归类科学，内容丰富详实，网站导航明确，运行流畅。

3.页面美观。页面规划合理，美观，网站页面设计庄重大方，创意新颖，页面整体的色彩效果要协调，即总体协调，局部对比，合理运用多种形式