当前位置:文档之家› 网页设计与制作大纲

网页设计与制作大纲

网页设计与制作大纲
网页设计与制作大纲

《网页设计与制作》大纲

一、课程的地位与性质

“网页设计与制作”是中职动漫设计与制作专业的职业技术课程,重点讲述网页设计与制作的基础知识、基本理论和基本技能,是一门包含了网页、网站的概念、网页主要工具软件HTML、dream weaver中文版的使用等诸多知识的操作性极强的技能型应用课程。“网页设计与制作”以“信息技术与应用”和“计算机辅助平面设计”为前期基础课程。

二、课程的任务与目的

通过对网页设计与制作基础知识和技能的学习,使学生系统了解网页、网站的概念、网页主要工具软件dream weaver的使用等基础知识,熟练运用网页制作的工具软件,使学生具有网页、网站制作的知识与能力,具备应用电脑独立开发网页、网站并将网站上传并测试的技能,具备解决网页设计、网站开发中出现各种问题的能力。本课程培养学生的职业素养和创新能力,为日后走向工作岗位打下理论与实践基础。通过本课程的学习实现学生思想过硬、理论基础扎实、实际工作能力强的教学目标。

三、课程总体结构、教学环节和课时分配

四、教学内容

第一章概述2学时

教学目的:

了解网页及网站基本概念及网页的基本要素分析

教学重点与难点:

网页、网站设计流程,网页基本要素

第一节网页和网站

一、网页

二、网站

三、网页的基本功能

第二节网页中的主要元素

一、文本

二、图像

三、链接标志

四、其他的基本要素

第三节网页制作工具

一、网页编辑工具

二、网页图像编辑工具

三、动态网页技术

第四节网页设计的基本流程

一、网站的设计流程

二、网页的设计与制作

三、网页的测试

四、网页上传和发布

第二章HTML语言基础2学时

教学目的:

了解HTML文件的基本结构,掌握HTML中文本的编辑及图像的语法,掌握HTML 中各种设置超级链接的语法,掌握HTML中表格和框架的基本语法。教学重点与难点:

HTML的语法结构、超级链接的语法、表格和框架的基本语法。

第一节HTML 概述

一、HTML简介

二、HTML语法结构

第二节文本的编辑

一、段落标记

二、文本标记

三、标题显示等级

四、列表

第三节图像编辑

一、插入图像

二、使用背景图像

第四节建立超链接

一、建立超链接

二、使用书签

三、标记新窗口和基准链接

第五节表格与框架

一、建立表格

二、表格属性

三、建立框架

四、框架属性

第三章Dream weaver 基础2 学时

教学目的:

了解DW8 的操作界面及常用命令,掌握规划和创建站点的操作,掌握基本的网页操。

教学重点与难点:规划站点的结构、网页的基本操作第一节Dream weaver 8 工作界面一、启动和退出Dreamweaver

二、Dreamweaver8 操作界面

第二节规划与创建站点

一、规划网站的整体结构

二、建立本地站点

三、管理本地站点

第三节网页文件的基本操作

一、新建网页

二、保存网页

三、关闭网页

四、打开网页

五、预览网页

第四章网页中的基础元素 2 学时

教学目的:

通过本章的学习可以掌握在网页中的文本和段落的设置方法,掌握图像的插入及其属性的设置的方法,熟悉页面属性的设置,熟悉各种超级链接及设置。

教学重点与难点:文本和段落的设置文本、图像的插入及其属性的设置、超链接第一节在网页中插入文本

、插入文本二、设置文本格式

三、段落格式的编辑

四、设置列表

五、简单的csS羊式应用

第二节在网页插入图像

一、插入图像

二、设置图像属性

三、编辑图像

四、图像外部编辑

五、鼠标经过图像

六、创建导航条

第三节插入其他网页元素

一、水平线

二、日期和时间

第四节设置网页的页面属性

一、打开页面属性对话框

二、设置网页的标题

三、设置网页的背景

四、设置网页的文本

五、设置网页的边界

第五节设置超级链接

一、超链接的路径

二、创建基本超链接

三、锚点链接

四、热区链接

五、电子邮件链接

第五章页面布局规划2 学时教学目的:学会运用表格进行数据展示及进行网页布局,学会使用框架结构建立网页教学重点与难点:表格的插入、表格的编排和设置、利用表格进行布局

第一节表格的基本操作

一、插入表格

二、添加内容

三、选择表格

四、设置表格属性

五、编辑表格的基本操作

第二节表格布局一、布局视图

二、绘制布局表格和布局单元格

三、编辑布局表格和布局单元格

第三节框架布局

一、建立框架

二、框架面板

三、设置框架的属性

四、保存框架

五、框架中的超链接

第六章网页中的层和时间轴1 学时

教学目的:

通过教学,使学生掌握Dream weaver 层的概念、层的操作方法;时间轴的概念、时间轴中各元素的功能及时间轴的常用操作方法。

教学重点与难点:层的操作方法、时间轴操作方法第一节层

一、创建层

二、层的基本操作

三、层与表格的转换

第二节时间轴

一、认识时间轴

二、创建动画

第七章表单的应用2 学时

教学目的:

表单,可以收集用户的信息和反馈意见,是网站管理者与浏览者之间沟通的桥梁,在本章将学习如何使用表单创建描述表单信息的网页。

教学重点与难点:创建表单、处理表单的方法第一节创建表单

一、表单概述

二、表单对象

三、插入表单

四、表单属性

第二节创建表单对象

一、创建文本域

二、创建复选框

三、创建单选按钮

四、创建列表/ 菜单

五、创建文件域

六、创建跳转菜单

七、创建按钮

八、创建单选按钮组

九、创建图像域

第三节处理表单

一、使用行为验证表单

二、利用邮件传送表单

第八章CSS样式使用2学时

教学目的:

通过教学,使学生掌握csS羊式表的基本概念,会使用csS羊式面板。掌握创建CSS样式表的方法,新建CSS样式表,设置CSS样式定义对话框,创建外部CSS 样式表,使用和编辑自定义CSS 样式表。

教学重点与难点:

新建和和应用CSS样式表,CSS经典应用(大字、下划线)、滤镜的作用。

第一节CSS样式概述

—、认识CSS样式

二、csS羊式的类型

三、csS羊式面板

第二节使用CSS样式

一、创建CSS样式

二、附加外部CSS样式

三、应用CSS样式

四、编辑CSS样式

五、删除CSS样式

第三节CSS样式设置

拓展内容,可根据课时来安排是否讲授)

一、类型

二、背景

三、区块

四、方框

五、边框

六、列表

七、定位

八、扩展

第四节CSS样式经典实例一、改变鼠标形状二、更改超链接的样式

三、应用css a镜

第九章在网页中使用行为1 学时

教学目的:

通过教学,使学生掌握Dreamweaver 中行为的概念,熟练掌握使用行为面板对行为的各种操作方法。使用Dreamweaver 的内置行为为网页对象添加各种常用的行为。

教学重点与难点:

使用Dreamweaver 的内置行为为网页对象添加各种常用的行为

第一节认识行为

一、认识行为

二、使用行为面板

三、增加行为的基本步骤

四、修改行为

第二节使用Dreamwerver8 内置的行为(拓展内容,可根据课时来

安排是否完全讲授)

一、播放声音

二、打开浏览器窗口

三、弹出消息

四、转到URL

五、设置状态栏文本

六、拖动层

七、显示—隐藏层

八、检查浏览器

九、改变对象属性

十、控制Shockwave或Flash

第十章网页中的多媒体应用1 学时

教学目的:

通过教学,使学生掌握在Dreamweaver 中插入音频文件的方法,掌握在

Dreamweaver中插入Flash文件的方法,掌握在Dreamweaver中嵌入视频文件的方法。

教学重点与难点:

在Dreamweaver中插入音频文件、Flash文件、嵌入视频文件的方法。

第一节在网页中插入音频

一、链接到音频文件

二、在网页中嵌入音频文件

三、在网页加入背景音乐

第二节在网页中插入Flash 动画

、插入Flash文本

、插入Flash按钮

、插入Flash动画

第三节在网页中插入视频

、链接到视频文件

、在网页中嵌入视频文件

五、教学建议

1、必须以实际出发,密切联系当前网络的实际情况,要按照洋为中用、外为我用的精神,认真学习网页设计知识,加强动手能力的培养,不断提高解决实际问题的能力。

2、在学习中不仅要注重HTML和dreamweaver基本知识的掌握,还要对网页的主要概念和操作内容进行模拟和训练,通过课堂学习、课后练习和模拟实验、实训及到业务部门实习,使基本技能的训练得到加强,培养学生实际操作的能力。

网页设计与制作教案

《网页设计与制作教案》 湄洲湾职业技术学院 2008-2009学年第一学期 教师:唐俊奇 系部:信息技术工程系 专业:计算机应用电子信息 班级:计机07(1)信息07(1)08(2)

第一讲网页设计概述 【教学内容】 讲解网页设计的相关术语及网站制作的基本流程。 【教学目的】 使学生对网站及网页有一定的认识,激发学生学习网页设计的兴趣。 【教学重点】 网页设计中的若干术语。 【教学难点】 理解网页设计中的若干术语。 【教学方式】 讲授式、讨论式、案例分析式。 【教学参考】 1、《网页设计与制作》杨尚森曲宏山贾文峰等著电子工业出版社。 2、《Internet 网页工场》Wittime工作室重庆出版社。 3、《WEB网站设计》Joel Sklar著高等教育出版社。 4、《HTML网页制作教程》材义语编著铁道出版社。 【新课内容】 1.1 WWW和URL 1.1.1 Web的起源 Web是World Wide Web的简称,一般也称之为WWW或3W 1.1.2 Web的特点和结构 Web最大的特点是使用了超文本(Hypertext) WWW采用C/S(客户机/服务器)工作模式 在浏览器和服务器之间应用HTTP(Hyper Text Transfer Protocol,超文本传输协议)作为网络应用层通信协议 1.1.3 URL URL的完整格式 协议://主机名或IP地址:端口号/路径名/文件名 1.2 IE5的使用 Web浏览器是浏览Internet资源的客户端软件 在Windows环境下使用的浏览器主要有Internet Explorer、Netscape Navigator、Mosaic 等 1.2.1 IE5的界面 1.2.2 IE5的使用

(完整版)《网页设计》课程教学大纲

《网页设计》课程教学大纲 一、课程说明: 课程类别:选修课 适用专业:工商管理、电子商务专业、信息管理与信息系统专业和计算机相关专业、艺术设计专业等。 计划学时:60学时(讲课24学时,上机实验36学时) 学分:4 先修课程:计算机基础 执笔: 审阅: 二、课程的教学目的 以培养应用型人才为目标,充分考虑远程教育学生的学习基础和学习特点。简单介绍HTML语言、CSS样式、javascript语言,全面介绍与网页设计制作有关的知识,通过对Web页制作技术和制作工具的学习,使学生对于网页设计中所涉及的相关知识有一个全面的了解。并使学生具有解决一般网页制作问题的能力。掌握运用Dreamweaver CS6网页制作软件制作网页的方法,掌握运用Fireworks CS6、photoshop cs6图像处理软件进行网页中图形制作版式设计及切片的应用。掌握运用flash CS6动画制作软件设计网页中动画的方法,进而掌握将这四个软件互相配合,完成网页设计与制作任务的方法。为今后从事网页设计与制作工作打下基础。 三、课程教学基本要求: 1、课程重点 掌握网页制作三剑客Dreamweaver、Fireworks、flash及photoshop在网页设计过程中的应用,使学生具备网站策划、网页设计与制作、效果图设计与制作等方面的技能,提高学生分析解决问题能力和项目实施能力,注重学生在学习和实践过程中职业素质的养成。通过学习,使学生熟练掌握运用Dreamweaver网页制作软件制作网页,掌握运用Fireworks、Photoshop图形图像处理软件进行网页中图形图像的设计与制作,掌握运用flash动画制作软件设计网页中动画的方法。 2、课程难点 (1)理解HTML语言各种文本格式、字符格式、段落设置、列表、标记的作用; (2)理解CSS样式表中属性单位的作用和意义; (3)理解javascript语言脚本程序的工作方式; (4)深入理解超级链接、图形图像各种功能和应用; (5)深入理解表格、AP Div、框架、表单的作用; (6)深入理解模板、库、行为和脚本的高级应用; (7)理解网站测试的目的和测试方法; (8)深入理解“切片”和“热点”的涵义和应用; (9)深入理解动画的组成“时间轴”、“场景”、“帧”的涵义及各种动画的制作; (10)理解使用图像设计软件进行版式设计的方法。 3、能力培养要求 (1)了解HTML语言的基本内涵。理解基本标记的用法; (2)掌握在网页中添加CSS样式的方法。熟练使用CSS设置网页格式和列表的格式; (3)熟练掌握网页中文本的输入、特殊字符的插入及字符格式的设置方法; (4)掌握在网页中嵌入图象和多媒体的方法;

4月全国网页设计与制作自考试题及答案解析.doc

??????????????????????精品自学考料推荐?????????????????? 全国 2019 年 4 月高等教育自学考试 网页设计与制作试题 课程代码: 00900 一、单项选择题(本大题共 20 小题,每小题 1 分,共 20 分 )在每小题列出的四个备选项中只有一个 是符合题目要求的。请将其代码填写在题后的括号内。错选、多选或未选均无分。 1.IP 协议对应于 OSI 七层协议的哪一层 ( ) A. 会话层 B. 网络层 C.传输层 D. 数据链路层 2.通用图像格式GIF 最多可以使用的颜色数是( ) A.16 色 B.216 色 C.256 色 D.512 色 3.XML 的主要特点之一是用户能够定义自己的( ) A.DTD B.CSS C.CGI D.Script 4.网站用三级结构实现时,位于最底层的是( ) A. 文章页 B.导航页 C.栏目页 D. 首页 5.用 FrontPage 200 建立网站时,默认建立的子目录是( ) A.titles 子目录 B.texts 子目录 C.sounds 子目录 D.images 子目录 6.如果采用了安全调色板以外的颜色,在浏览该网页时将会( ) A. 正常显示 B. 不显示 C.产生“抖动” D. 显示黑白两色 7.进行网页设计时,设置页面尺寸与下面哪一项有关( ) A. 显示器分辨率 B.显示器品牌 C.页面内容 D. 网页制作工具 8.目前在网页可嵌入的声音文件中,存储一首乐曲时,其文件最小的是( ) A.wav 文件 B.real 文件 C.Midi 文件 D.MPEG 文件 9.在 HTML 中嵌入 JavaScript,应该使用的标记是( ) A. B. C. D. 10.下列描述正确的是 ( ) A.JavaScript 是一种编译型语言 B.JavaScript 是一种基于对象和事件驱动的编程语言 C.JavaScript 中变量声明采用强定义类型 D.JavaScript 采用静态联编 11.JavaScript 脚本语言的前身是 ( ) A.Basic B.Live Script C.Oak D.VBScript 12.DHTML 技术的核心是 ( ) A.HTML 4.0 B.CSS C.DOM D. 脚本语言 13.使用 CSS 对文本进行修饰,若使文本闪烁,text-decoration 的取值为 ( ) A.none B.underline C.overline D.blink 14.FrontPage 2000 可供用户选择的视图有 ( ) A.3 种 B.4 种 C.5 种 D.6 种 15.在 FrontPage 2000 中,最多可用来创建表格的方式有( ) A.3 种 B.4 种 C.5 种 D.6 种 16.在 FrontPage 2000 中,用户可以处理站点访问者提交上来的表单结果的方式有( ) A.2 种 B.3 种 C.4 种 D.5 种

网页设计与制作模板

存档资料成绩: 课程设计报告书 课程名称网页设计与制作 题目设计个人网站主页 分院电信分院 专业班级电子商务 学号 学生姓名 指导教师 2011 年 6月 20日

课程设计评阅意见 评阅人__________职称________ 年月日

目录 第1章课程设计任务书 (1) 一、课程设计题目设计个人网站主页 (1) 二、课程设计工作: (1) 三、课程设计的内容要求: (1) 1、课程设计要求 (1) 2、课程设计内容 (1) 第2章课程设计目的 (3) 第3章课程设计内容 (4) 设计一选题的基本原则 (4) (1)选题应反映本专业的培养目标,符合专业综合训练的要求。 (4) (2)选题要有利于深化所学的专业知识和拓展所学的知识面。 (4) (3)选题的难易程度和工作量要适当,保证在规定的时间内,在教师的指导下,经过努力能够完成。 设计二选题范围 (4) 设计三选材 (4) 设计四正确运用DW和Ps (4) 设计五课程设计心得 (4) 第4章课程设计步骤 (5) 设计一查找相关资料 (5) 设计二利用Ps进行切片 (5) 设计三利用DW编辑 (6) 设计四利用DW的站点功能上传或用FTP工具上传站点 (8) 第5章课程设计心得 (10) 第6章参考文献 (11)

第1章课程设计任务书 专业电子商务班级(1)班姓名肖恢邦 一、课程设计题目设计个人网站主页 二、课程设计工作: 自 2011 年 6 月 12 日起至 2011 年 6月 20 日止 三、课程设计的内容要求: 1、课程设计要求 (1)通过课程设计把课堂上讲的内容融会贯通,掌握表格在网页布局中的特点及应用,掌握如何通过表格来布局一个完整的界面。学会使用Dreamweaver软件设计网页及Dreamweaver的表格功能进行网页布局。使整个网页页面清新自然,整体界面美观大方,简洁高效,使之达到界面动与静的搭配合理,动而不乱,静而不僵和谐效果。 2、课程设计内容 (1)设计一选题的基本原则。 (2)设计二选题范围。 (3)设计三选材。 (4)设计四正确运用DW和Ps。 (5)设计五课程设计心得。

网页设计与制作

Web考点 一、判断、单选(20*2’)、填空 1、Window对象表示一个浏览器窗口或一个框架,在JavaScript中,Window对象是全局对 象,所有的表达式都在的那个齐纳的环境中计算。就是说,要引用当前窗口根本不需要特殊的语法,可以把那个窗口的属性作为全局变量来声明。例如,可以只写document 和alert,不必写成window.document和window.alert()。 2、Document对象 每个载入浏览器的HTML文档都会成为Document对象。Document对象使我们可以从脚本中对HTML页面中的所有元素进行访问。 提示:Document对象是Window对象的一部分,可通过window.document属性对其进行访问。又代表了整个HTML文档,可以来访问网页中的页面中的所有元素。 Document.childNodes 包含着document.documentElement 3、JavaScript不可以增加类型(弱类型)。C#是强类型语言,声明变量要指定类型。 4、Html.CSS.DOM标准是由https://www.doczj.com/doc/ee15056197.html,指定的。 JavaScript标准是由Ecma制定的。 C#、https://www.doczj.com/doc/ee15056197.html,由微软制定的。 5、Hypertext transport protocol——HTTP协议。 超文本传送协议,是万维网(world wide web)交换信息的基础。它允许将超文本标记语言(HTML)文档从Web服务器传送到Web浏览器。HTTP允许输入任意类型的数据对象。正在传输的类型由Content-Type加以标记。 6、相对路径(Relative Path) (1)如何表示同级目录的文件 2.html和 3.html在同一个文件下,如果2.html链接到3.html,可以在2.html中这样写: 同目录下文件间互相链接; ../代表一级上级目录路(间隔一个目录) ../../代表二级上级目录(间隔两个目录),比如4,html链接到1.html,可以在4,html中这样写:链接到上级目录的上级目录中的文件。 (2)如何表示下级目录文件 2.html和 3.html是1.html的下级目录中的文件,如果在1.html中链接到2.html,可以在1.html中这样写:链接到下级目录(first)中的文件; 如果在 1.html中链接到 4.html,可以在 1.html中这样写:链接到下级目录(first/second)中的文件

《网页设计与制作》课程概述

《网页设计与制作》课程概述: 栏目介绍:课程栏目包括除课程概述之外,还有教学大纲、主讲 教师、学习课件、学习资料、在线练习、留言板、友情链接。 课件内容介绍: 《网页设计与制作》是一门理论与实践技能并重的课程,本 课程主要介绍第一章至第五章的内容。部分教学内容如下: 第一章 网页设计基础 第二章 HTML基础 第三章 表格 第四章 框架 第五章 使用AP Div元素 本课程五章内容共分为三十六个课时, 上下课时的内容相互联系 相互影响。 第一章: 第1课时、基本概念 第2课时、网站分类 第3课时、网页页面布局 第4课时、网站制作流程 第5课时 网站策划书

第6课时、常用网页设计技术 第7课时、常用网页设计工具 第8 课时、网站建设流程 第9 课时平台规划 第二章; 第10 课时 HTML 第11 课时 HTML 的基本构成标记 第12 课时 强制换行标记、段落标记 第13 课时文本标记 第14 课时 列表标记 第15 课时 层标记和表单标记 第16 课时 框架的应用 第17 课时 rows 属性和cols属性说明 第三章: 第18 课时 在页面中创建表格 第19 课时 表格的基本操作 第20 课时 设置表格属性 第21 课时 使用表格对网页进行布局 第四章: 第22 课时 认识框架和框架集 第23 课时 创建和保存框架集 第24 课时 编辑框架

第25 课时 设置框架和框架集属性 第26 课时 框架标签 第五章: 第27 课时 AP Div概述 第28 课时 创建 AP Div元素 第29 课时 设置 AP Div元素的属性 第30 课时 “属性”面板中各项含义 第31 课时 AP 元素面板 第32 课时 调整AP Div 的大小 第33 课时 更改AP Div 的堆叠顺序 第34 课时 嵌套AP元素 第35 课时 对齐AP元素 第36 课时 将AP Div元素转换为表格 第37 课时 将表格转换为 AP Div 元素 第38 课:AP Div 标签 第39 课时 CSS与Div标签 第40 课时 设置 Div属性 教材介绍: 所用教材是《网页设计与制作基础教程》,其内容丰富,结 构清晰,语言简练,图文并茂,具有很强的实用性和操作性,可 作为高等院校计算机相关专业的教材,也可作为广大动态网站开

(完整版)《网页设计与制作》课程教学大纲.docx

《网页设计与制作》课程教学大纲 课程名称:网页设计与制作 学分及学时: 4 学分总学时72学时,理论36 学时 适用专业:网络工程 开课学期:第四学期 开课部门:计算机与互联网学院 先修课程:计算机文化基础计算机网络 考核要求:考试 使用教材及主要参考书: 向知礼主编:《网页设计与制作》航空工业出版社2017 年 杨松主编:《网页设计案例教程》航空工业出版社2015 年 一·课程性质和任务: 本课程全面地介绍网页制作技术的基本理论和实际应用。全书共 10 章,分为 3 大部分。前 5 章为第 1 部分,主要介绍网页制作的基本理论——HTML,同时穿插介绍Fireworks,Flash, Anfy 等软件在网页制作过程中的应用;第 6 章~第 8 章为第 2 部分,主要介绍网页 制作技术,包括CSS技术、客户端脚本技术(DHTML)以及 XML 技术;第9 章~第 10 章为第3 部分,主要介绍当前最流行的网页制作工具——Dreamweaver ,通过应用实践能够从实际 应用的角度进一步巩固所学知识。 课程内容不但包括各种网页制作技术的基础理论,而且强调网页制作的具体应用,使读者既能打下坚实的理论基础,又能掌握实际的操作技能。 二·课程教学目的与要求 以Dreamweaver 的使用为主线,介绍网页制作的相关技术。使学生理解网页制作的基本 概念和理论 ,掌握站点的建立和网页的设计 ,能用 HTML 语言修改网页 ;掌握网页制作和站点的基本 知识 ;掌握站点的创建和网页的编辑 ;掌握超链接、图像、 CSS样式的使用 ;掌握表格、框 架、表单、多媒体对象的使用 ; 理解行为、模板、库、 CSS布局的概念和使用 ;理解 HTML 语言、 网站的测试与的发布; 要求:教学过程中,须注重学生实践操作能力的培养,采取“面向实践、能力为先”的 教学思路,教学内容应结合当前WEB 技术的发展趋势,把握未来企业级WEB 页面开发的发 展方向,兼顾各行各业的需求变化,力争面向社会,服务于企业“互联网+”战略。

《网页设计与制作基础》实验指导

实验一网页的认识 实验目的 1、掌握利用Internet进行信息游览、搜索,下载网页、图片、文字和文件; 2、利用记事本来编辑HTML文档并浏览; 3、熟悉HTML基本标记的使用。 实验环境 WindowsXP操作系统,内部组成局域网,外连Internet互联网。 实验重点及难点 ◆熟悉HTML的结构、语法。 ◆熟悉HTML基本标记的使用。 实验内容 1、从网上(如网页制作大宝库https://www.doczj.com/doc/ee15056197.html,等)下载网页制作时需要的小图片、 动画及flash等网页制作素材。 2、收集你认为比较好的网页并从网页主题、网页内容、结构布局、色彩搭配等方面来分析 网页。 3、通过浏览新浪网站主页分析其网页基本元素,查看其源代码,收藏到收藏夹中,将其设 为主页。 4、制作一个简单的网页sy1-1.html,用记事本编辑,网页标题为“熟悉HTML文档的结构”, 内容为司空曙的《江村即事》,如下图所示。 5、通过附录1的练习熟悉HTML基本标记的使用。(可参考第二章内容)

实验二 Dreamweaver基本操作(一) 实验目的 1、熟悉Dreamweaver的工作环境并了解本地站点的建设和管理; 2、熟悉网页文件的基本操作; 3、熟练掌握在网页文件中文本、图像、超链接的添加和设置。 实验环境 WindowsXP操作系统,Dreamweaver CS3软件,内部组成局域网,外连Internet互联网。实验重点及难点 ◆文字的插入及设置。 ◆图像的插入及设置。 ◆各种超链接的创建。 实验内容 1、使用Dreamweaver建立一个本地站点并命名为“Dreamweaver基本操作”,包含以下几 个文件和文件夹:图片文件夹(images);音乐文件夹(sound)等。 2、在站点“Dreamweaver基本操作”中新建一个名为sy2-1.html的网页文件,从提供的网 页原始素材中把相关文字复制到该网页文件中,并进行适当的文字设置,结果如下图所示。 3、在站点“Dreamweaver基本操作”中对网页sy2-1.html按如下要求进行编辑并另存为 sy2-2.html,效果如图所示。 ●标题文字大小用

标记; ●作者信息文字大小为24像素,字体为幼圆,颜色为红色; ●古诗文字大小为24像素,字体为隶书,颜色为蓝色; ●在作者信息后加一条水平线,居中,水平线宽度为浏览器的30%,水平线的粗细为20 个像素,颜色为棕色;

自考29942网页设计与制作

自考29942网页设计与制作

高纲1349 江苏省高等教育自学考试大纲 29942 网页设计与制作(实践) 南京大学编 江苏省高等教育自学考试委员会办公室

Ⅰ课程性质与课程目标 一、课程性质和特点 《网页设计与制作》是为江苏省自学考试“计算机及应用”、“计算机信息管理”或相关专业专科段学生开设的专业基础课,是一门不进行理论考试而仅参加实践考核的课程。本课程重点培养学生基本的网页设计和制作技能,要求学生在自学理论知识的基础上,培养动手能力,加强实践环节,并能熟练使用相关工具软件。 二、课程目标 网页是互联网最常见的应用之一,是人们获取和发布信息的主要途径。本课程从实际应用出发,培养学生了解网页设计和制作基础知识,学习和初步掌握:网页设计和制作、网页编写语言及网站规划和管理的实际能力。经过课程实践考核,要求学生能上机实验验证相关理论知识,设计、制作、修改或完善指定内容的网页,初步掌握网站建设和开发流程、熟悉站点的上传和维护并能独立解决网页编辑中遇到的一般问题,具有一定的计算机网络信息发布常识。

经过本课程的学习,应达到以下目标: 1.理解Fireworks和Dreamweaver软件界面,并能熟练独立进行操作; 2.重点掌握Fireworks画布、图层、修饰位图、绘制矢量图形、文本特效的操作; 3.重点掌握Fireworks图像切片、元件与实例的操作,并灵活运用; 4.重点掌握Dreamweaver基础网页制作、链接的使用、插入多媒体元素的操作; 5.重点掌握Dreamweaver表格、框架、模板的灵活应用。 三、与相关课程的联系与区别 本课程需要具有一定计算机基础知识,程序设计语言基础知识及计算机网络基础知识,因此,要以本专业的“计算机应用技术”、“计算机网络技术”、“高级语言程序设计”等作为先导课程。在学习完毕本课程后,将来能够为“网络信息编辑”、“多媒体技术”等课程,或进行本科段的深造打下坚实基础。

《网页设计与制作》试卷及答案

浙江传媒学院《网页设计与制作》期终(考试)卷 学院 班 姓名 学号 总分 题号 一 二 三 四 五 六 题分 一、单选题(每小题1分,共30分) 1、 设置字体大小时,选择"无",代表( )。 号字 号字 号字 号字 2、 在HTML 源代码中,图像的属性用( )标记来定义。 3、 在页面属性对话框中,我们不能设( )。 A.网页的标题 B.背景图像的透明度 C.背景图像 D.超链接文本的颜 色 4、 图像属性面板中的热区按钮不包括( )。 A.方形热区 B.圆形热区 C.三角形热区 D.不规则形热区 5、 用于同一个网页内容之间相互跳转的超链接是( )。 A.图像链接 B.空链接 C.电子邮件链接 D.锚点链接 6、 将超链接的目标网页在最顶端的浏览器窗口中打开的方式是( )。 A. _parent B. _top D. _self 7、 在Flash 中,绘制直线时,按住( )键可以绘制水平线。 A. Alt B. Ctrl 8、 在Flash 中,如果要选取铅笔工具,应在绘图工具箱中单击( )工具。 A . B . C . D . 9、 要在时间轴上插入空白关键帧,应当使用的快捷键是( )。 A. F5 B. F 9 C . F8 D. F7 10、 下面对矢量图和象素图描述不正确的是:( )。 A .位图(点阵)的基本组成单元是象素 B .点阵图的基本组成单元是锚点和路径 C .Adobe Illustrator 图形软件能够生成矢量图 D .Adobe photoshop 能够生成位图 11、 对于在网络上播放动画来说,最合适的帧频率是: A.每秒24帧 B.每秒25帧 C.每秒12帧 D.每秒16帧 12、 Dreamweaver 可以导入的表格式数据的格式是( )。 A. 文本格式 格式 格式 D.任意格式 13、 如果想让页面具有相同的页面布局,那么最好使用哪种技术( )。 A.库 B.模板 C.库或模板均可 D.每个页面单独设计 14、 Dreamweaver 中,库项目可以包含( )元素。 装 订 区

网页设计与制作试题及答案

《网页设计与制作》期末考试试题 一、单项选择题 ( 本大题共 15 小题,每小题 2 分,共 30 分) 1、目前在 Internet 上应用最为广泛的服务是 A 、 FTP 服务 B 、 WWW 服务 C 、Telnet ( )。 服务 D 、 Gopher 服务 2、域名系统 DNS 的含义是 A 、 Direct Network System ( )。 B 、 Domain Name Service C 、 Dynamic Netw ork System D 、 Distributed Network Service 3、主机域名 center. nbu. edu. cn 由四个子域组成,其中 A 、 center B 、nbu C 、 edu D 、 cn ( ) 子域代表国别代码。 4、当阅读来自港澳台地区站点的页面文档时,应使用的正确文本编码格式是 A 、 G B 码 B 、 Unicode 码 C 、 BIG5 码 D 、HZ 码 ( )。 5、当标记的 A 、 TEXT B TYPE 属性值为 、 PASSWORD C ( ) 时,代表一个可选多项的复选框。 、RADIO D 、 CHECKBOX 6、为了标识一个 HTML 文件开始应该使用的 A 、

B 、 C 、 D 、 HT ML 标记是 ( )。 7、在客户端网页脚本语言中最为通用的是 ( )。 A 、 javascript B 、VB C 、Perl D 、 ASP 8、在 HTML 中,标记的 Size 属性最大 取值可以是 ( ) 。 A 、 5 B 、 6 C 、 7 D 、 8 9、在 HTML 中,单元格的标记 是 ( ) 。 A 、 D 、 10、在 DHTML 中把整个文档的各个元素作为对象处理的技术是 ( )。 A 、 HTML B 、 CSS C 、 DOM D 、 Script( 脚本 语言 ) 11、下面不属于 CSS 插入形式 的是 ( )。 A 、索引式 B 、内联式 C 、嵌入式 D 、外部 式 12、在网页中最为常用的两种 图像格式是 ( ) 。 A 、 JPEG 和 GIF B 、 JPEG 和 PSD C 、GIF 和 BMP D 、 BMP 和 PSD 13、如果站点服务器支持安全套接层 (SSL),那么连接到安全站点上的所有 URL 开头是 ( ) 。 A 、 HTTP B 、 HTTPS C 、 SHTTP D 、SSL 14、在 HTML 中,要定义一个空链接 使用的标记是 ( ). A 、 B 、 C 、D 、

网页设计与制作课程教案

《网页设计与制作》课程教案 一、课程定位 本课程是计算机应用技术专业的一门专业基础课程,该课程的学习能够提升他们对网页制作的兴趣,让他们学习网页制作的基本技能,为后继课程打下基础,同时扩展其就业面,为就业做好准备。 本课程的目的和任务是让学生学会Dreameaver CS6、Flash和Fireworks 的使用方法,并能够使用这3款软件制作出美观实用的网页。 二、课程总目标 掌握网页制作的基本方法和技能,掌握网站建设的流程,能够运用所学知识建设常用的网页和网站,同时能够美化网页,设计人性化、艺术化的网站静态页面部分。 (一)知识目标: 1.熟悉网页制作的基本元素; 2.掌握Dreamweaver CS6软件的基本操作方法; 3.掌握在网页中插入文字、图片、声音、flash等的方法; 4.掌握常见的网页布局方法,学会使用CSS美化网页; 5.掌握在网页中使用表单和制作网页特效的方法; 6.掌握简单图形图像的处理,能够制作符合网页主题的图片和简单动画 并巧妙地和网页中内容搭配起来。 7.掌握建设一个功能相对完善的网站的方法并能制作常用的网站的静 态页面部分。 (二)职业能力培养目标 1. 能够根据网站开发需求,去寻找网页设计和网站开发所需要的文字、 图片、动画、声音、视频等素材并作美化处理; 2.能够制作出符合主题色彩的网页,网页要求美化、被绝大多数浏览 者接受和喜爱;

3.能够设计企业网站、政府门户网站、学校网站等常见网站的基本静态 页面。 (三)素质目标 1.具有勤奋学习的态度,严谨求实、创新的学习精神; 2.具有良好的心理素质和职业道德素质; 3.具有高度责任心和良好的团队合作精神; 4.具有运用理论知识发现问题、分析问题并解决问题的能力,同时能够 不断学习,不断创新,让自己的设计越来越完善,有止于至善的精神。(四)职业技能证书考核要求: 可以根据自身情况考取“全国计算机信息高新技术资格证”,“网页设计制作员”,“网页设计师”等职业技能证书。 三、重点、难点章节及内容 1.重点章节: 1.2 网页、网站相关术语简介 1.6 网站建设的基本流程 2.3 Dreamweaver CS6的工作环境 3.2 创建本地站点 3.4 使用站点 3.5 网页设计中的规范 4.1 网页文件的基本操作 4.3 插入文本 4.4 插入水平线 4.5 插入其他基本元素 4.6 创建列表 5.1 超级链接概述 5.2 创建超级链接 5.3 使用dw制作各种超级链接

《网页设计与制作》课程大纲

《网页设计与制作》课程教学大纲 适用专业:计算机网络技术 学时:64学时 一、编写说明 (一)本课程的性质、目的和任务 《网页设计与制作》是计算机网络技术专业的一门专业基础课。通过本课程的学习,使学生能够掌握网页设计制作的基本知识和技巧,同时熟悉网站建设的基本知识,达到能独立构建简单网站或通过协作构建较复杂网站并设计相关网页的水平。 在完成基本知识教学的同时,还要通过实践环节,强化对学生动手能力的培养与训练。 (二)课程教学的基本要求 通过本课程的学习,要求学生掌握HTML语言的文档结构和基本标签使用,能综合应用Dreamweaver CS6软件、HTML和CSS技术制作网页;掌握规划、开发、发布和管理静态网站的专业知识和技能;能独立构建简单网站或通过协作方式完成较复杂网站的建设,培养学生将理论知识应用于实践并解决实际问题的能力,为今后的进一步学习打下坚实基础。 (三)实践环节

(四)本课程与其它课程的关系 先修课程:计算机应用基础、图像处理软件PhotoShop 后续课程:https://www.doczj.com/doc/ee15056197.html,动态网站开发、中小型网站设计与开发等 (五)教学时数分配表 (六)考核方式与要求 1.该课程是考查课 2.考核形式:上机操作 3.成绩的计算方法: ①平时成绩:40%(主要评估学生的现实表现) ②试卷成绩:60% (七)教材与主要参考书 1.教材: 《ADOBE DREAMWEAVER CS6标准培训教材》,ACAA专家委员会 DDC传媒编著,人民邮电出版社,2013年1月 2.主要参考书: 《中文版Dreamweaver CS6基础培训教程》,数字艺术教育研究室编著,人民邮电出版社,2014年6月

(完整版)网页设计与制作教学大纲

《网页设计与制作》课程教学大纲 课程编号: 课程名称:网页设计与制作 课程类型:专业基础课 总学时:64 讲课学时:32 实验学时:32 适用班级: 一、课程性质、目的和任务:(加粗,以下同) 1、目的 本课程要求学生掌握基本的HTML语言。学会使用Dreamweaver开发工具进行网页设计。这是一门重在实践的科目,因此需要学生多上机、多进行实际操作,把老师所教授的各种网页制作、版面设计以及程序熟练制作或调试出来,并且能够在此基础上有所创造、有更进一步的发挥。 2、任务 本课程的主要任务是介绍利用Dreamweaver开发工具进行网页设计,包括新建、编辑和设置一个Web站点;如何对页面属性进行基本的设置,如何设置、编辑CSS层叠式样式表;如何排版文字、表格和层;如何进行基本的图像处理;建立框架;模板和库的使用和编辑;网站的发布与维护等基本知识与应用。目的是通过本课程的学习,培养学生的实际动手能力和计算机的操作能力,能够运用所学的知识进行网页设计。 二、教学基本要求:(分三级:掌握、理解、了解) 1.掌握: 要求学生能够全面掌握所学内容,并能够用其分析、应用与Dreamweaver网页设计相关的问题,能够举一反三。 2.理解: 要求学生能够较好地理解与Dreamweaver网页设计相关的问题,并且能够进行简单分析和判断。 3.了解:

要求学生能够一般地了解的所学内容。 三、教学内容及要求: 第1章Dreamweaver基础 教学内容: Dreamweaver 的历史和简介 Dreamweaver 的安装过程 Dreamweaver 的全新界面 改进的设计与开发环境 主菜单介绍 对象控制面板介绍 教学要求: 掌握:Dreamweaver的基本特点、新增功能及界面组成。基本操作,如安装、新建、打开、导入、保存、关闭等。 理解:新增功能、界面组成的优点。 了解:Dreamweaver可以为我们做些什么。 第2章网页设计语言基础 教学内容: HTML及XHTML语言介绍 常用的网页语法标记 教学要求: 理解:HTML及XHTML语言介绍,常用的网页语法标记 第3章文本和图像处理 教学内容: 文本属性面板 编辑文本和插入对象 设置文本的格式

《网页设计与制作》学习心得

《网页设计与制作》学习心得说实话,短短三个星期能将《网页设计与制作》这本书粗略的学完,简直有点不敢相信。不过能懂得基本的框架和思路,这一点在以后的学习过程中是非常有帮助的。 其实买电脑的时候就装上了网页四剑客,可能稍微接触多一点的子软件是《Flash CS3》,但吕老师和我们谈及用《Dreamweaver》制作网页的时候,感觉有点茫然。 一开始老师并没有详细的介绍软件的使用,只是强调建立的主要部分:新建站点。其中images、index两个单词要牢记。因为这个是以后网页建设的主要部分。随后布置的作业中强调了表格插入的重要性。 学习与实践环节 第一部分:家庭作业是进行简单的网页制作,以书本上的百川商城为例,按照步骤,新建站点,创建名为images的文件夹及名为index的空白HTML文档,各边距设置为0。值得注意的是,在创建文档前就要规划好将文件保存的具体位置。在文档中添加表格,首先以一行一列、800像素、变宽粗细为0、单元格边间距为0为目标建立对象,为了显示的效果更佳入眼,我们将表格居中对齐,再插入4行一列的表格,俗称表格嵌套,第一行分为两栏用于制作logo和banner,可以根据图片的像素设置好宽和长,第二行为导航栏,第三行为页面内容,第四行为版本信息。这些就是我们平常浏览网站的基本布局,将不同的内容放在网页的不同位置,目的是使得浏览者能轻松准确的获取网站所要表达的信息。做好上述准备工作,就要在表格中添加素材,可以根据常用菜单栏进行要求的填充和写入。本作业时详细的指导我们完成第一个网页制作,其中涉及了表格、文字、图片及水平的应用,对于各自的使用,老师均作了很详细的图文并茂的介绍,布局时要先确定网页的分辨率及灵活度调整等。我们在这个简单的网页设计与制作过程中也学到了很多知识,学到了很多操作。 第二部分:学习的是主页面设计与制作,我就不过多的谈论步骤了,这个项目制作中使用了布局表格的嵌套功能,这将有利于页面内容的布局和定位,运行网页时整体不会出现异常情况,使页面与当初设计的样式相同,另外,为了使当浏览器大小改变时对页面布局不产生影响,一定将表格宽度设置成固定宽度。

个人网页设计与制作

成人教育计算机毕业设计毕业论文(实践)报告 专业:计算机网络技术 学院:浙江育人专修学院 班级: 08电子商务 姓名:马杨超 2010年3月1日

目录 第1章绪论 (4) 1.1网页设计与制作的概述 (4) 1.2需求分析 (4) 第2章个人网站的概述和发展 (4) 2.1 个人网站的概述 (4) 2.2 个人网站的发展 (5) 第3章个人网页的设计与规划 (5) 3.1 确定设计个人网页的使用工具Dreamweaver (6) 3.2确定网站的风格特色 (6) 3.3确定网站界面 (7) 第4章总结 (9) 致谢 (10) 参考文献 (10)

摘要: 本论文将对个人网页设计与制作的方法、工具等展开研究和探 讨。在介绍网页设计与制作语言的基础上,着重使用Dreamweaver 作为工具进行网页设计与制作的实际操作. 本论文主要章节如下,第一章:绪论,网页设计的概述以及需求分析第二章:对个人网站的由来和发展进行了概述与讨论。第三章:个人网页的设计与规划。使用开发工具Dreamweaver创建各种跨平台、跨浏览器的静、动态页面。确定网站的风格特色,网站界面。关键词:网页设计Dreamweaver Personal web design and production Abstract: This paper will be of personal web design and production methods and tools launched research and discussion. In the introduction of web design and production, mainly on the foundation of the language use Dreamweaver as tools for web design and production of actual operation This thesis mainly section below, the first chapter: introduction to web design &requirements and demand analysis chapter 2: for personal website of the origin and development are summarized and discussed. Chapter 3: personal web page design and planning. Use the development tools Dreamweaver8.0 create various cross-platform, cross-browser static and dynamic pages. Determine the website's style characteristic, web interface.

项目1网页制作基础知识答案【网页设计与制作项目教程】.docx

一、填空题( 2‘ *5 ) 1、 题干网站由网页构成,并且根据功能的不同,网页又有____和动态网页之分。 知识点编号 题目类型填空题 难度等级简单 权重分值 2 分 答案静态网页 网站由网页构成,网页有静态和动态之分。所谓静态网页是指用户无论何时何地访 答案说明问,网页都会显示固定的信息,除非网页源代码被重新修改上传。静态网页更新不方便,但是访问速度快。而动态网页显示的内容则会随着用户操作和时间的不同而变化,这是因为动态网页可以和服务器数据库进行实时的数据交换。 关键字认识网页 2、 题干Web标准是一系列标准的集合,主要包括结构、_____和____。知识点编号 题目类型填空题 难度等级简单 权重分值 2 分 答案表现和行为 答案说明 Web标准并不是某一个标准,而是一系列标准的集合,主要包括结构(Structure)、表现( Presentation )和行为( Behavior )三个方面。 关键字Web标准3、 题干HTML中文译为 ________________ ,主要是通过HTML标记对网页中的文本、图片、声音等内容进行描述。 知识点编号 题目类型填空题 难度等级简单 权重分值 2 分 答案超文本标记语言 答案说明 HTML(英文 Hyper Text Markup Language的缩写)中文译为“超文本标记语言”,主要是通过 HTML标记对网页中的文本、图片、声音等内容进行描述。 关键字HTML语言简介 4、 题干HTML语言主要是通过_______________ 对网页中的文本、图片、声音等内容进行描述。知识点编号

题目类型填空题 难度等级简单 权重分值 2 分 答案HTML标记 答案说明HTML中文译为“超文本标记语言”,主要是通过 HTML标记对网页中的文本、图片、声音等内容进行描述。 关键字HTML语言简介 5、 题干在网站建设中, HTML用于搭建页面结构,CSS用于设置页面样式, __________用于为页面添加动态效果。 知识点编号 题目类型填空题 难度等级简单 权重分值 2 分 答案JavaScript 答案说明考察对 JavaScript 的理解 关键字JavaScript 语言简介 二、判断题( 2‘ *10 ) 1、 题干因为静态网页的访问速度快,所以现在互联网上的大部分网站都是由静态网页组成的。知识点编号 题目类型判断题 难度等级简单 权重分值 2 分 答案错 答案说明 现在互联网上的大部分网站都是由静态网页和动态网页混合组成的,两者各有千秋,用户在开发网站时可根据需求酌情采用。 关键字认识网页 2、 题干网页主要由文字、图像和超链接等元素构成,但是也可以包含音频、视频以及 Flash等。知识点编号 题目类型判断题 难度等级简单 权重分值 2 分 答案对 答案说明 网页主要由文字、图像和超链接等元素构成。当然,除了这些元素,网页中还可以包含音频、视频以及Flash 等。 关键字认识网页

网页设计与制作

网页设计与编程课程复习要点 1:URL有哪几部分组成 URL的格式URL的格式由下列三部分组成: 第一部分是协议(或称为服务方式); 第二部分是存有该资源的主机IP地址(有时也包括端口号); 第三部分是主机资源的具体地址,如目录和文件名等。 2:什么是虚拟目录?它有何用途? 1、每个Internet 服务可以从多个目录中发布。通过以通用命名约定(UNC) 名、用户名及用于访问权限 的密码指定目录,可将每个目录定位在本地驱动器或网络上。虚拟服务器可拥有一个宿主目录和任意数量的其它发布目录。其它发布目录称为虚拟目录。 2、<1>消除服务器资源的限制以便于上传更多的文件。 虚拟目录就是将其他目录以映射的方式虚拟到该FTP服务器的主目录下,这样,一个FTP服务器的主目录实质上就可以包括很多不同盘符、不同路径的目录,而不会受到所在盘空间的限制了。 <2>优化用户浏览体验。 虽然网站文件存放在不同目录,采用虚拟目录可以保证网站结构性一致,方便用户使用浏览。处理虚拟目录时,IIS把它作为主目录的一个子目录来对待;而对于Internet上的用户来说,访问时并感觉不到虚拟目录与站点中其他任何目录之间有什么区别,可以像访问其他目录一样来访问这一虚拟目录。 <3>保护站点免受攻击。 客户通过选择“查看源代码”,很容易就能获取页面的文件路径信息,如果在WEB 页中使用物理路径,将暴露有关站点目录的重要信息,这容易导致系统受到攻击。当你将WEB 页面放置于虚拟目录下后,你可以对目录设置不同的属性,如:Read、Excute、Script。读访问表示将目录内容从IIS 传递到浏览器。而执行访问则可以使在该目录内执行可执行的文件。当你需要使用ASP 时,就必须将你存放 .asp 文件的目录设置为“Excute(执行)”。在设置WEB 站点时,将HTML 文件同ASP 文件分开放置在不同的目录下,然后将HTML 子目录设置为“读”,将ASP 子目录设置为“执行”,这不仅方便了对WEB 的管理,而且最重要的提高了ASP 程序的安全性,防止了程序内容被客户所访问。 <4>文件移动方便。 只要两台机器具有相同的虚拟目录,你就可以在不对页面代码做任何改动的情况下,将WEB 页面从一台机器上移到另一台机器。 3:如果浏览器IE6.0的配置被恶意网页篡改,如何修复? 恢复IE默认设置: 开始--运行-输入rundll32.exe iedkcs32.dll,Clear 注意C一定要大写,rundll32.exe与iedkcs32.dll之间有空格。 4:网页头部可以包括哪些元素? 1、DOCTYPE的选择 DOCTYPE是Document Type(文档类型)的简写,在页面中,用来指定页面所使用的XHTML(或HTML)的版本。要想制作一个符合标准的页面,一个必不可少的关键组成部分就是DOCTYPE声明。只有确定了一个正确的DOCTYPE,XHTML里的标识和CSS才能正常生效。

相关主题
文本预览
相关文档 最新文档
B 、 C 、