网页制作基础期末上机素材

- 1 -

实验一 Dreamweaver 站点管理和建立简单的网站

【 实验目的 】 使学生掌握 Dreamweaver 的基本使用方法，并利用 Dreamweaver 工具制作一个比较完整的网页。

【 实验器材 】安装有Windows 98/2000/xp；Dreamweaver MX，Flash MX，Fireworks MX；IE浏览器，NetScape浏览器，IIS5.0 等软件的计算机。

【 实验内容 】 利用Dreamweaver制作一个简单网站，要求满足以下条件： ? 至少有4个网页，网页之间用超链接相连；反映一中心主题； ? 网页中尽量图文并茂，即有文字，也配以一定的展示图片； ? 某网页中要包含图像映射超链接，链接目标是一副图像； ? 制作鼠标经过图像效果作为网站的导航系统； ? 制作图像翻转效果及网站相册效果；

【 实验步骤 】

一、在Dreamweaver中建立本地站点的操作步骤如下：

1、在Dreamweaver文档窗口中，依次单击“站点”菜单→“新建站点”命令或者是在“站点”面板中单击“站点”菜单→“新建站点”命令，打开“站点定义”对话框。如图所示。选择“高级”选项卡建立站点(也可以按“基本”选项卡中的向导

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样式等丰富网页的内容。

?

?

孝感市第一技工学校

2006-2007学年上学期计算机专业《网页制作》期终试卷（A卷）

一．创建了本地站点，并有自己的站点目录结构的满分为10分；

二．主页页面主题突出，结构清晰，色彩搭配合理，并能链接两个子页页面的满分为30分；

三．制作两个网页特效满分为20分，每多制作一个另加5分； 四．制作两个子页页面，内容紧扣栏目主题满分20分；

五．网页整体美观，结构清晰，色彩搭配合理，有一定的创意和技术、艺术Dreamweaver8网页制作试题（共 分钟）

网页设计：按题目要求设计网页，并按规定的文件夹名（用自己的姓名作本地站点目录名）存放到服务器指定的盘上（否则会影响评分结果），网页素材可以自己制作或选用存放在服务器E盘（E：/Dreamweaver8/源文件与素材/ ）上的文件夹内已分类的素材。演示评比时，要求能在服务器上用IE浏览器正常显示存放在服务器上的网页作品。（如果出现链接错误视情况扣分）

题目：自主策划创意设计网页，主题是“××公司网站”或者“××个人网页”，必须按如下要求制作（主页的文件名规定用index.html，否则扣分）: 1. 主题突出，必须有网页的标志(logo)和标题（banner）

北华航天工业学院2012—2013学年第二学期

网页制作基础 课程考试卷（A、B）

考核形式：开卷、闭卷 班级： 姓名： 学号： 题号 得分 一 二 三 四 五 六 七 八 九 十 十一 总分 一、选择题（每题只有一个正确答案，每题2分，共40分）

1. 能将域名解析为IP地址的是（ ）。

A. doman B. host C. DNS D. WWW

2. 表示水平线的长度的HTML代码是( )。

A.

3.

A. 跳转到”hello.html”页面的顶部

B. 跳转到”hello.html”页面的”top”锚点 C. 跳转到”hello.html”页面的底部

D. 跳转到”hello.html”页面的文字”top”所在链接 4. 表示新开一个窗口的超链接代码是（ ）。

A. .. B. .. C. .. D. ..

5. 标题标记字体最大的是h1,最小的是（ ）。

A. h4 B. h5 C. h6 D. h7

6. 黑色的RGB代码是（ ）。

A. #000000 B. #FF00

第一章网页设计与制作基础

本章要点

通过本章学习，考生应了解互联网的基本功能、服务、原理，对网页浏览服务的体系结构、技术名词、浏览器有基本的了解，对于网页的设计原则和所使用工具也应有一定的认识，从而为继续深入学习网页制作技术打下知识基础。

第一节关于互联网

一、什么是协议

网络协议：是一系列通信规则的总称，主要包括用户数据与控制信息的结构和格式、需要发出的控制信息以及相应要完成的操作与响应、对事件实现顺序的详细说明等三部门内容。 硬件协议：定义了硬件设备如何运作以及如何协同工作。

软件协议：程序之间的通信是通过软件协议完成的。

二、互联网协议

1、TCP/IP是为了连接不同的网络而设计的一个协议集，主要由TCP和IP两套协议组成，互联网就是以此为基础建立的。这套协议包括远程登录、文件传送、电子邮件等，TCP/IP可与任何硬件或操作系统一起工作。

（1）IP网际协议

IP协议处理网络上一个主要到另一个主要的数据报路由选择，远行在OSI网络七层模型中的网络层上。OSI开放系统互联是由国际标准化组织发起制定的计算机网络通信标准。OSI定义了网络功能的七层模型，分别是：应用层、表示层、会话层、传输层、网络层、数据链路层、物理层，称为OSI七层模型。

（2）TCP传输

第一章网页设计与制作基础

本章要点

通过本章学习，考生应了解互联网的基本功能、服务、原理，对网页浏览服务的体系结构、技术名词、浏览器有基本的了解，对于网页的设计原则和所使用工具也应有一定的认识，从而为继续深入学习网页制作技术打下知识基础。

第一节关于互联网

一、什么是协议

网络协议：是一系列通信规则的总称，主要包括用户数据与控制信息的结构和格式、需要发出的控制信息以及相应要完成的操作与响应、对事件实现顺序的详细说明等三部门内容。 硬件协议：定义了硬件设备如何运作以及如何协同工作。

软件协议：程序之间的通信是通过软件协议完成的。

二、互联网协议

1、TCP/IP是为了连接不同的网络而设计的一个协议集，主要由TCP和IP两套协议组成，互联网就是以此为基础建立的。这套协议包括远程登录、文件传送、电子邮件等，TCP/IP可与任何硬件或操作系统一起工作。

（1）IP网际协议

IP协议处理网络上一个主要到另一个主要的数据报路由选择，远行在OSI网络七层模型中的网络层上。OSI开放系统互联是由国际标准化组织发起制定的计算机网络通信标准。OSI定义了网络功能的七层模型，分别是：应用层、表示层、会话层、传输层、网络层、数据链路层、物理层，称为OSI七层模型。

（2）TCP传输

大学计算机基础

数学与计算机学院

大学计算机基础第六章 网页制作基础

大学计算机基础

网络的应用，不仅使计算机世界发生了日新月异的变 化，而且改变了人们工作、学习和生活的方式。说起 上网，最熟悉的操作就是打开浏览器，在地址栏中输 入地址，然后就能看到要访问信息，这些信息通常是 图片、文字、声音、动画、视频或者超链接等多媒体 信息，包含这些信息的页面文件就叫做网页。网页的 制作在过去可能是一件非常复杂的事情，但是现在利 用网页工具来制作，就能事半功倍。 本章主要网页制作的基本概念、基本工具，并以 FrontPage 2003为例来介绍设计和制作网页的基本方 法。2

大学计算机基础

本章主要内容6.1基本概念介绍 6.2网页制作工具介绍 6.3 FrontPage 2003的使用

大学计算机基础

6.1基本概念介绍6.1.1网页 6.1.2网站

大学计算机基础

6.1.1网页网页包含文字、图片、声音、动画、视频以 及超级链接等元素，通过对这些元素的有机组合 ，就构成了包含各种信息的网页。 一般说来，网页可以分为静态网页和动态网页。 静态网页是指不使用数据库而直接或间接制 作成Html的网页，这种网页的内容是固定的，修 改和更新都必须要通过专用的网页制作工具。 动态网

dreamweaver网页制作基础知识,了解网页,继而动手去做。

网站开发

网页设计基础知识

聂倩 13151819108

nieqian1361@

dreamweaver网页制作基础知识,了解网页,继而动手去做。

网页设计基础知识

1.1 Internet基础知识 1.2 网页设计相关语言简介 1.3 如何设计网页 1.4 常用的网页设计工具 1.5 网页色彩搭配 1.6 网页的布局设计

dreamweaver网页制作基础知识,了解网页,继而动手去做。

网页设计基础知识

1.1

1.1.1

Internet基础知识

Internet概述

Internet（即互联网，也称为因特网）是将许多不同功能的计 算机和网络通过线路连接起来的全球性网络，使Internet运行 起来的协议是TCP/IP协议。

1.1.2 IP地址和域名 1）IP地址 任何连上Internet的计算机都称为主机，每台主机都被指定了 一个唯一的主机号，就像每部电话都有一个电话号码一样， 这便是IP地址。

dreamweaver网页制作基础知识,了解网页,继而动手去做。

网页设计基础知识

2）域名 域名一般由若干个英文字母、数字或者两者的混合字符串 组成，字符间用圆点“.”符号隔开。

1.1.3 网页的浏览 目前网

第1章 网页制作基础 第

第1章 网页制作基础

本章将介绍网络、 本章将介绍网络、网站和网页 的一些基本知识， 的一些基本知识，为后续内容的学 习奠定一个初步基础。 习奠定一个初步基础。

学习目标

了解网络的一些常用术语。 了解网络的一些常用术语。 了解网页的基本元素。 了解网页的基本元素。 了解常用的网页制作工具。 了解常用的网页制作工具。 掌握网页布局的基本类型。 掌握网页布局的基本类型。 了解常用的网页布局技术。 了解常用的网页布局技术。 了解网站建设的基本流程。 了解网站建设的基本流程。

1.1 常用术语

服务器与浏 览器 Internet Intranet ISP IP 域名 网站 URL

FTP WWW 超级文本 HTML ASP VBScript和JavaScript 和

1.1.0 服务器与浏览器

图1-2 服务器与浏览器的关系示意图

Web浏览器： Web浏览器 浏览器： 中文名称为网络浏览器或网页浏览器，简称浏览器； 中文名称为网络浏览器或网页浏览器，简称浏览器； 英文名称为Web Browser。 英文名称为Web Browser。浏览器是一个用于文档检 索和显示的客户应用程序， 索和显示的客户应用程序，并通过超文本传输协议 Pr

电子商务网页制作期末考试题

一选择题（每题2分，请写在答题纸上） 1、要制作网页，就要使用网页制作工具如（ ） A．FrontPage2003 B．Excel C．Word D .PowerPoint

2、如果网页中的文字内容比较多，为了搜索段落方便可以插入（ ） A.图片B.文字 C.动画 D.书签

3、文字建立链接后通常在文件下方会产生（ ） A. 波浪线 B.下划线 C.圆圈D.以上都不正确

4、排版漂亮的网页都会用很多（ ）来控制文本、图片、动画及视频位置。

A.表格 B.段落C.层D.章节

5、在FrontPage 2003中，一般常用的动画文件格式有（ ）格式 A. Flash B.gif C. Flash和gif D. jpg 6、网页中的视频文件的主要文件格式有（ ）

A. rm B. avi C. quicktime D.rm、avi、quicktime 7、在网页属性对话框中，下列（ ）是没有的 A.常规 B.背景 C.边距 D.数据源

8、Frontpage 2003中，如果要将图片放在页面的任意位置，使用（ ）方法：

A.图层移动 B.对齐方式 C.绝对定位 D.相对定位

9、