网页制作教程

前 言

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

学习建议：–学习前提：熟练进行基本的文件操作，熟练使用 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

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

HTML网页制作基础

HTML网页制作基础 1.HTML 语言简介

2.HTML 语言的基本标签与对应的属性 3.表格与表单 4.框架

5.图像、声音、视频 6.DIV 层与css样式

一.HTML 语言简介

?Html 的全称是”超文本标示语言”(Hyper text Markup Language) 是一种标记语言,不需要编译,

直接由浏览器执行。

?Html 语言规范和标准:HTML语言是不区分大小写的，但一般来说，标记使用大写书写，如

, , 等；标记中的属性一般使用小写。

?HTML的编写环境可以使用txt文本，或使用可视化编辑工具 如Dreamweaver 、 Frontpage 等。 1.HTML 语言简介

?HTML对回车和空格都不敏感，因此可以使用回车或空格，使代码的格式和结构更清晰明了，这样才能易于查看与维护。

?HTML文档的结构：

包括HEAD、TITLE、BODY三部分，下面是基本结构：

我的第一个html页面

HTML文档的结构：

?元素出现在文档的开头部分。与之间的内容不会在浏览器的文档窗口中显示，但是其之间可以嵌入javascript 和css样式等丰富网页的内容。

?

?