网页制作基础知识 教案

2024-06-08

网页制作基础知识 教案(精选8篇)

1.网页制作基础知识 教案 篇一

河南教师招聘初中信息技术教案:《网页制作》教案模板

教学目的

1、了解计算机网络的分类及其系统构成;

2、懂得计算机网络的基本应用;

3、掌握Internet的基础知识。

教学重点

1、计算机网络系统构成;

2、网络地址及域名形式。

教学难点

1、TCP / IP网络协议;

2、统一资源定位器(URL)

教学用具 多媒体电脑

教学方法

讲述法、多媒体教学法、练习法

课时安排 共2课时

第1课时

教学过程

I、引言:我们生活在一个信息社会里,时刻需要获取和交换信息。例如,各商业银行的总行要收集各业务点每天的资金情况,铁道部门要及时了解每一辆火车的运行状况等,这些数量极为庞大的信息怎样才能方便、快捷地传输呢?而计算机网络技术能很好地解决这个难题。那么,究竟什么是计算机网络,计算机网络又有什么用呢?

教学目的

1、了解计算机网络的分类及其系统构成;

2、懂得计算机网络的基本应用;

3、掌握Internet的基础知识。

教学重点

1、计算机网络系统构成;

2、网络地址及域名形式。

河南教师考试网:http://he.zgjsks.com/

微博:@河南教师考试网

微信号:hejsks

教学难点

1、TCP / IP网络协议;

2、统一资源定位器(URL)

教学用具 多媒体电脑

教学方法

讲述法、多媒体教学法、练习法

课时安排 共2课时

第1课时

教学过程

I、引言:我们生活在一个信息社会里,时刻需要获取和交换信息。例如,各商业银行的总行要收集各业务点每天的资金情况,铁道部门要及时了解每一辆火车的运行状况等,这些数量极为庞大的信息怎样才能方便、快捷地传输呢?而计算机网络技术能很好地解决这个难题。那么,究竟什么是计算机网络,计算机网络又有什么用呢? IV、教学小结

本节课主要讲述计算机网络的基本概念和分类以及让学生了解计算机网络系统的基本构件和其他的一些相关的网络基础知识。第2课时

教学目的

1、了解计算机网络的分类及其系统构成;

2、懂得计算机网络的基本应用;

3、掌握Internet的基础知识。

教学重点

1、计算机网络系统构成;

2、网络地址及域名形式。

教学难点

1、TCP / IP网络协议;

2、统一资源定位器(URL)

教学用具 多媒体电脑

河南教师考试网:http://he.zgjsks.com/

微博:@河南教师考试网

微信号:hejsks

教学方法

讲述法、多媒体教学法、练习法

教学过程 I、引言:

前面我们已经学习了计算机网络的一些基础知识,应该说,目前世界上最大的计算机网络可算是Internet(因特网)了。下面我们就一起来了解Internet的知识,看看Internet的作用和使用。Internet起源于1969年的一个广域网计划,由美国国防部高级研究计划署(Advanced Research Project Agency,简称ARPA)发起组建的一个异地计算机网络系统,它是Internet的前身---ARPAnet。

II、讲授新课

三、Internet(因特网)基础

1、连接到接到Inte:①拨号(电话线、牛)②一线通(Mo)③宽带(②一)④其他上网方式 D2、网络协议:①TCP / IP协议②其他协议 Transfer Control Protocol / Internet Protocol:传输控制协议/网际协议

3、网址

(1)统一资源定位器(URL):http:// 主机机地址(域名)Uniform Resource Locator:因特网采用的一种特有的统一地址格式。HyperText Transport Protocol:超文本传输协议 例如:http:// 202.121.103.101(2)域名:①中国中小学教育教学网②金羊网(羊城晚报):一级子域名(cn表示中国)com:二级子域名(com表示商业网站)k12:三级子域名(k12表示“中国中小学教育教学网”服务器名)/

河南教师考试网:http://he.zgjsks.com/

微博:@河南教师考试网

微信号:hejsks

2.网页制作基础知识 教案 篇二

项目教学法就是通过师生共同实施一个完整的项目而进行的教学活动, 即制作某一特定的具有实际应用价值的项目来实施教学。项目既可以是具体的、有形的物体, 比如组装好的一台计算机, 也可以是智力方面的成果, 比如用电脑制作的一组广告作品。项目教学法在教学中分为拟定项目、项目具体实施和总结评价三个阶段。

计算机专业是一门应用性和实用性很强的专业, 为了突出其应用特色, 要强化实践环节, 增强学生技能培养。常用的教学法有三种:案例教学法、模拟教学法和项目教学法。其中项目教学法是通过学生学习和应用已有的知识, 在实践中培养解决问题的能力。

在实施“项目教学法”时, 应重视项目的选择、项目过程的实施、具体成果的展示、教师的评估总结、现代化教学手段等, 这些都是搞好“项目教学法”的关键。实施过程中首先由学生或教师选取一个项目, 学生分组对项目进行讨论, 并写出各自的计划书;接着正式实施项目;然后由学生阐述设计思想和构造机理, 演示项目结果;最后由教师对学生的作品进行评价。通过以上步骤, 可以充分发掘学生的创造潜能, 培养和提高他们的实践能力、动手能力、分析和综合能力。

二、《网页制作基础》课程中应用项目教学法

《网页制作基础》是一门重要的专业基础课程。利用任务驱动的教学理念, 新版的《网页制作基础》课程引入了“学材”, 也就是将学习活动过程融入教材编写中, 以使学生借助教材能够独立地完成学习活动, 因此在这门课程中实施项目教学法时, 教材本身就是学生自学的支撑。《网页制作基础》课程的内容比较杂、多。根据课程的特点, 以单元为主, 按照教学内容设立单元项目, 例如可以按“网页布局与规划”、“网页的编辑”、“服务器的配置”等为主题分别设计出单元级项目。当课程相关知识讲授完后, 实施一个完整的项目。

1. 分析教学内容, 确定项目任务

确立实用、优秀的项目是项目教学法实施成功与否的关键所在。项目教学的过程重点在于师生协同努力完成一个具有实际意义的项目的开发。因此在实施项目教学法时, 首先, 应该确立切实可行的项目, 确立项目时要考虑到教学内容在本专业培养目标中所处的位置和作用, 并根据其作用来确立该内容的单元级项目, 然后将单元案例划分为若干个模块项目, 每个模块项目又划分为一系列的实验项目 (即由基本知识、基本操作构成的项目) 。需要强调的是在项目的开发过程中要注重学生通用能力 (方法能力、自主探索能力、合作学习能力、社会能力等) 的培养, 因此, 构成单元级项目所需的能力模块中要包含学生通用能力模块;其次, 单元项目的难易度要结合单元内容并考虑学生的实际学习基础设计;最后, 项目要被大多数学生喜爱, 并可以用某一标准 (正确答案、美感等) 公平准确地给予评价。当然, 不是每个项目都能面面俱到, 教师要根据具体的教学要求来确立最合适的项目。

保定工业学校根据《网页制作基础》课程的教学任务, 把《网页制作基础》项目确定为开发一个具有动态效果的微型网站。完成此项目所包含的能力有:创建站点的能力、制作基本页面的能力、表格布局的能力、创建动态页面的能力、上传网站的能力等。根据能力的要求, 将《网页制作基础》项目划分为若干个模块项目, 每个模块项目中根据需要再划分为若干个由基本知识、基本操作构成的实验项目。项目划分图如下:

2. 分组成立项目小组, 推选小组负责人, 制定计划, 并落实分工

建立合作学习小组, 也就是项目开发小组。参考该项目的难易程度以及学生的个人能力, 确定每个小组4~5个成员。每个小组由其成员选定一个组长。组长的职责是在老师的指导下制定本小组的项目开发计划、网站结构图以及负责本组各成员的工作任务分配、监督实施等各个方面的工作。

3. 具体实施项目任务

注重实施过程是项目教学法取得成功的重要环节。项目任务的完成主要以学生的自学及相互协作为主。机房机位的安排上也是以项目小组的成员组合为依据。同时, 在此阶段教师要及时恰当地对学生进行指导, 解决学生在开发过程中遇到的因难, 并督促学生按时按量完成项目计划书中的各个开发环节, 以保证学生能够顺利地在计划内完成项目的开发, 达到我们的教学目标。

在教学中, 教师要做好引导工作。 (1) 适时召集项目组长开短会, 了解各个项目组的开发进程, 并适当地提醒开发顺序。 (2) 网站开发中的一些具体的技术指导, 例如: (1) 网站风格的确立。一个主题采用什么样的色彩搭配, 要鼓励学生上网浏览网页, 学习别人的颜色搭配方法和技巧, 通过学习和思考确定自己网站的风格。 (2) 搜集所需的网页素材。网页效果的好坏跟页面信息的含量和信息的合理布局是分不开的, 要做好网页需要的大量素材, 教师要指导学生有针对性的搜集所需的材料。 (3) 设计网页中的一些技术问题。如字幕的制作, 动态文字的制作等。 (4) 测试网站, 发布网站。网站建好后, 要进行相关功能的测试, 发现问题, 及时更改, 反复测试修改后, 要求学生能将网站上传到互联网。 (3) 提醒各小组长做好各个开发阶段的总结工作。

4. 过程性评价

项目教学法的重心在过程而不是结果, 过程性考核在学生按计划完成每个模块项目时进行。每个模块完成后要进行一个阶段性考核, 教师根据实验项目的要点对学生完成的模块项目进行考核。例如:学生完成了“创建动态页面”模块的开发后, 教师要根据实验项目的要求, 对学生完成的模块中是否有“字幕, 悬停按钮, 网站计数器, 横幅广告, 图像和文字的动画效果”等内容进行评分考核, 对于考核过程中发现的共性问题教师应该向全班学生作出解释, 并记录在教师的教学心得中, 以积累教学经验。在过程性评价中, 教师不仅要根据计划考核学生的项目开发进度, 还要适时对表现突出的开发小组及成员进行表扬, 在实施过程中进一步巩固和激发学生的学习兴趣。

单元项目完成后进行一个总评, 方法通常是采用分组讲解、展示网站效果, 由学生评价和老师评价构成。评分主要依据评分表, 由学生打分和教师打分作为整个开发小组的分数, 而学生个人的分数在小组分数的基础上再加上其在项目开发过程中的参与程度、所起的作用、合作能力及成果等方面进行计算。

5. 发展性评价

3.网页的知识产权保护 篇三

为了鼓励创新,多数国家提供各种知识产权保护机制,保护创新成果不被抄袭和搭便车,进而给消费者提供更多的选择和更好的产品。这些法律保护制度应保护物质产品创新而生,随着社会的进步和科技时代的演变,逐渐开始保护非物质创新。然而,知识产权保护机制往往无法跟上技术的飞速发展,互联网在保护自己发明创新的道路也并不平坦。由于网页及其源代码都是开放的,其中的创新元素可被其它网页轻而易举地复制和使用,创新者的创造性的努力就会被搭便车。本文将讨论创新者应如何利用不同类型的知识产权保护机制保护网页创新。

网页是一个适用于万维网的文件,用户可以通过连接到互联网上的网络浏览器访问该页面,使其显示在电子屏幕上。图1是百度知道的首页截图。大多数网页为用户呈现内容(如显示文字和图像,播放声音和视频剪辑)和/或执行功能(例如计算公式、提供出行路线),这往往涉及到和用户的互动(如参数值的类型、目的地选择)。图2是百度地图的截图,显示出行路线。互联网公司花费了巨大精力优化网页的内容和功能,提升用户体验,其创新成果理应通过某些知识产权保护机制得到保护。

网页的外观设计(如网页的布局、内容的安排和视觉效果)可以作为工业设计受《保护工业产权巴黎公约》的保护,美国设计专利法认为一个图形用户界面(GUI)是一个专利客体,可以得到专利保护。然而,因为网页是“时有时无的或者需要在特定的条件下才能看见的”(国家知识产权局2010年版《专利审查指南》,第1部分,第3章,第7.2节),或“在产品通电后显示”(在国家知识产权局2010年版《专利审查指南》,第1部分,第3章,第7.4节(11)),中国《专利法》并没有明确说明网页设计可以受到保护。事实上,作为世界上两个最大的搜索引擎公司,谷歌和百度都在美国为其网页申请了专利保护。另外,网页设计也可以通过其他国家依据《巴黎公约》制定的设计法获得保护,如欧洲国家、日本和韩国。

根据《著作权法》,网页上的原创内容及其原创排版方式(例如,网页的版式)受版权保护。尽管中国的《著作权法》中没有专门针对网页版权保护的规定,法院近期的裁决一致认为《著作权法》的保护对象涵盖网页内容和设计。北京创联通信网络公司诉北京汇盟国际商务咨询公司案就是一个例子。网页设计在美国和欧洲等主要司法管辖区也受版权保护。

网页一般使用超文本标记语言(HTML)表示,HTML代码也可受版权保护。中国和美国等国家通过登记计算机软件的版权持有人实现保护。只要在法定政府机构登记,互联网企业的HTML页面代码就可以受到版权保护。带有商标的网页内容可以获得商标保护。此外,在中国,网页的“外观和视觉效果”可以根据《反不正当竞争法》保护,在美国则可以根据商业外观方面的规定来保护。

使用HTML5和JavaScript创建的网页可以为访客提供从在线计算到文字处理的多种服务。这些网页通常被称为网络应用程序,说明其在某种程度上等同于本地应用程序(安装在基础计算机系统中的软件程序),因此网页和软件程序之间的界限变得很模糊。在中国,软件程序中的创新可以作为技术解决方案通过发明专利保护。在其他司法管辖区,如美国、欧洲和日本,也同样提供软件发明专利保护。网页的功能创新,尤其是网络应用程序的创新,也同样可受专利保护。

软件程序中的创新通常作为硬件产品(如硬件配件整合的软件程序)或实践创新的商业方法保护。由于网络应用程序通常从互联网上检索,并在网络浏览器中渲染,其对于特定的硬件配件的依赖性比本地应用程序要小得多。例如,百度的网络应用程序可以在不同的计算机平台,如Windows,iOS和Android上运行,说明保护网络应用程序创新更妥善的办法是保护方法而非产品。

另外,在计算机网络带宽不断增加,越来越多的用户使用智能手机访问互联网的趋势下,网络应用程序开始更多地利用远程服务器中的资源来满足用户日益增长的需求。例如,作为百度开放式云计算平台战略的重要的组成部分,越来越多百度旗下的网络应用程序借助百度云平台提供的计算能力、个人存储空间和丰富的用户数据,为用户提供令人满意的服务。云技术中的创新以及云计算和网页之间的相互作用也可以通过专利保护。

此外,网页通常是在网络服务器上应用户要求即时产生的。网络页面创建机制方面的创新可用类似软件专利的方式保护。

如前所述,网页保护可采用不同类型的知识产权保护机制,保护范围各有不同。版权保护易于取得(无需注册),保护原创内容,可以阻止竞争对手使用相同表达,但不能阻止其采用其他类似对应表达方式。而专利保护则很难获得(申请程序耗时较长),是否能够受到保护还取决于侵权行为发生在何领域(比如,侵权行为存在于Web服务器上或在云中),在专利侵权取证方面也存在困难。

4.12、 网页制作教案 篇四

(一)一、网站的基本概述

(一)、网页:网页是计算机连接网络时浏览器窗口中显示的一个页面,是计算机网络最基本的信息单位,它实际是一个文件,存放在世界某个角落的某一台计算机中,当我们在浏览器输入网址后,网页文件会被传送到你的计算机,这样就可以利用网页来访问计算机了。

网页分类:(1)静态网页:网页中包含文字、图片、动画、视音频。

(2)动态网页:网页中包含文字、图片、动画、视音频以及交互功能.(两者的主要区别:是否包含交互功能)

例:《自动控制原理》精品课程

网站:是众多网页的集合。

(二)、网页的基本构成元素:

包含图片,文字,超级链接,动画,表单,视频音频等元素中的一种或多种

(三)、网页的页面设计:(1)、网页布局:网页布局是根据你所设计网站类型而设计的,不同的网站有不同的风格,一般包括了标题栏,页眉区(通常包含网站标志),导航区,正文区、页脚。

例:Visual Basic 学习网站(2)、配色原则:网页设计要达到赏心悦目的目的,需要注意色彩的搭配与风格的设计。例:麦当劳(3)、版面编排:例:清华大学

版面既要有美感又要实用,美感是令人感觉舒服的主要因素之一,但美感是要为内容服务的,所以版面的编排要注意各部分内容的比例关系,也就是 “经营位置”。作为一种版面,既有文字,又有图片。文字有大有小,还有标题和正文之分;图片也有大小,而且有横有竖之别。图片和文字都需要同时展示,不能简单地罗列在一个页面上,这样往往会搞得杂乱无章。必须根据内容的需要,将图片和文字按照一定的次序进行合理的编排和布局,使它们组成一个有机的整体。可以依据如下几条来做:

1.主次分明,中心突出。在一个页面上,必然考虑视觉的中心,这个中心一般在屏幕的中央,或者在中间偏上的部位。因此,一些重要的文章和图片一般可以安排在这个部位,在视觉中心以外的地方就可以安排那些稍微次要的内容,这样在页面上就突出了重点,做到了主次有别。

2.大小搭配,相互呼应。较长的文章或标题,不要编排在一起,要有一定的距离,同样,较短的文章,也不能编排在一起。对待图片的安排也是这样,要互相错开,造成大小之间有一定的间隔,这样可以使页面错落有致,避免重心的偏离。

3.图文并茂,相得益彰。文字和图片具有一种相互补充的视觉关系,页面上文字太多,就显得沉闷,缺乏生气。页面上图片太多,缺少文字,必然就会减少页面的信息容量。因此,最理想的效果是文字与图片的密切配合,互为衬托,既能活跃页面,又使主页有丰富的内容。

(四)网站设计的原则

(1)网站主题和内容明确。(2)网页色调和谐,布局清晰。

(3)网站方便易用,提供有效的导航条,使人很容易从每一页上访问到网站的任何部分,最好在每一个网页同样的位置上都有相同的导航条。

(4)避免长文本页面,每一个网页的高度不能超过三倍的浏览器高度,避免使用过大的图像,不要使用横滚动条。

(5)避免错误链接,保证链接有效。

二、如何策划一个网站(制作网站的目的以及如何实现)

步骤:

1.给网站定位,确定网站的性质 给出网站的主题和名称(例如求职,聊天,社区,计算机技术,网站开发,娱乐,旅行)2.确定网站的栏目:也就是导航区的内容,栏目的实质是一个网站的大纲索引,所以应该将网站的主体明确的显示出来,栏目要主体突出。

3.确定网站的目录和链接结构,画出网站的目录结构图。

4.绘制首页网页的布局:如:圣诞节网站,见网页例子:网页表格布局.htm

5、根据你的网站构思准备素材(文字、图片、动画、视频音频等元素).在你的文件夹下面分别建立images 和txt、others三个文件夹存放你的素材。

三、Dreamweaver 软件的启动

四、Dreamweaver 8.0操作界面

DREAMWEAVER 8.0操作界面

(一)工作区的组成结构:

(二)、Dreamweaver面板和面板组:

(三)菜单栏中各个菜单的基本作用:  文件:包括对文件的各种操作。

 编辑:包含了对文件的拷贝,粘贴,查找与替换等命令。 查看:使用查看菜单可以查看文档的相关内容。

 插入:用于将对象插入文档中。包括图片标记、flash动画、视频、表格、超级链接、日期、水平线等:属性可以在属性面板中进行可视化设置

 修改:可以使用修改菜单更改选定页面元素的属性。

 文本:可以设置文本的格式,如段落格式、字体、文本环绕排版及停止文本环绕等。 命令:提供各种命令的访问。

 站点:提供用于管理站点以及上传和下载文件的菜单项,可以创建站点和对

已有站点进行编辑  窗口:提供对Dreamweaver中的所有面板,检查器和窗口的访问。 帮助:提供了对Dreamweaver文档的访问。

五、定义一个站点

举例:Dreamweaver学习网站

(一)、定义一个站点

在正式开始制作网页之前,最好先定义一个新网站,这是为了更好地利用站点窗口对站点文件进行管理,也可以尽可能的减少一些错误的出现,如路径出错,链接出错。我提倡的做法是:建立一个文件夹用于存放网站的所有文件,再在文件内建立几个文件夹,将文件分类,如图片文件放在images文件夹内,HTML文件放在站点文件夹内。

文件的命名也是非常重要的,不要随便乱起些名字,最好做到一看文件的名字就知道是什么内容的网页文件。提倡用英文或者拼音给文件命名,不要使用中文的名字,因为有的浏览器对中文支持不太好,有可 能出现链接的错误。

定义站点的步骤: 1、启动dreamweaver 8.0中,在菜单栏中选择站点>管理站点。在弹出的管理站点对话框中,点击新建。

接下来需要给站点起一个名字,输入您网站的名字,可以定义中文名。

这里起名为dreamweaver学习网站,按下一步

2、按下一步按钮,选择是否使用服务器技术。因为实例建立的是一个静态站点,就选择“否,我不想使用服务器技术”。

3、按下一步按钮,因为要传到网上的虚拟主页空间,就要选择“编辑我的计算机上的本地副本,完成后再传到服务器上”。

4、按下一步,选择要定义的本地根文件夹,这里选择D或E盘中你的文件夹,点“选择”按钮,因为没有使用远程服务器,就选择“无”。按下一步

5、按完成按钮,一个站点就定义好了。

6、打开文件面板(窗口→文件),在您的站点文件中新建三个文件夹,用于存放与站点有关的图片等文件,分别是命名为images、txt、others。

新建五个网页文件,分别命名为:

index.html、kcjs.html、kcxx.html、yxzp.html、sczy.html 打开D盘看看你刚刚建立网站的文件。

 素材文件名和网页文件名必须用英文或英文状态下的数字,不能使用中文

练习1:在dreamweaver 中定义一个站点,文件夹放在D 盘的目录下。

六、常用功能介绍

(一)、表格的使用:

 制作网页数据表格:熟悉表格的插入、合并、拆分与嵌套;表格的制作..htm  表格的基本构成标记 :

(1)创建表格:

第一步:在Dreamweaver 8.0中运行“插入→表格”命令,弹出属性设置窗口,添入插入表格的行数、列数、表格的宽度,根据自己的需要来设置表格的相应属性即可。

小提示:表格的宽度和高度可以通过浏览器窗口百分比或者使用绝对像素值来定义,比如设置宽度为窗口宽度的100%,那么当浏览器窗口大小变化的时候表格的宽度也随之变化;而如果设置宽度为500像素,那么无论浏览器窗口大小为多少,表格的宽度都不会变化。

第二步:点击窗口中的“OK”按钮之后即可在Dreamweaver 8.0中新建一个表格,而且通过窗口下部的属性面板还可以对其进行诸如表格线条的颜色、表格的背景色、表格的背景图片(介绍如何插入横铺垫、竖铺垫、不重复的背景图片)、色单元格的对齐方式等参数进行调整。

用标签选择器选择表格,将光标定位在表格的第一个单元格内,可以看到状态栏左侧的标签选择器处显示为 “{body}{table}{tr}{td}”,其中table表示表格,tr表示表格中的行,td表示单元格,现在td被加粗显示,说明光标处在单元格内。单击一下{table},标签选择器处显示为“{body}{table}{tr}{td}”(如下图),再看编辑区内的表格,表格周围为一圈黑线,表示表格被选中了,四周还有几个黑色的小方块,是表格拖放手柄,可以用来改变表格的大小。

(2)基本使用(举例说明:表格的制作..htm)

步骤:

第一步:先插入一个9行3列的表格;

第二步:选中表格中第二行第二列的单元格,接着点击属性模板中的“拆分单元格”按钮,这样就把选中的单元格拆分为二个单元格,按照同样的方法再将表格中其他需要拆分的单元格拆分。

第三步:选中表格中第九行中第二列和第三列的单元格,接着点击属性模板中的“合并单元格”按钮,这样就把选中的两个单元格合并成为一个单元格,按照同样的方法再将表格中其他需要合并的单元格合并。

第四步:将表格第九行的三个单元格全部选中,再将属性模板中的背景颜色(Bg)一项设置为“#FFFF00”,这样表格第一列中的单元格背景全部变为黄色。

第五步:在表格中输入相应的文本,为了美观可以在属性面板中进行居中设置。

第六步:为了使表格产生立体效果,可以将整个表格选中,然后在属性面板中设定表格边框的宽度(Border)为7,并且将边框颜色(Border color)设置为灰色即可。

小提示:选取整个表格常用的方法:1.把鼠标移动到表格右边界外侧,按下鼠标之后往左拖拽,这样可以快速选取整个表格。2.在单元格中右击鼠标,并且从弹出菜单中选择“表格→选择表格”命令选取整个表格。3.用鼠标点击任一个单元格,接着按两下“Ctrl+A”组合按钮选取整个表格。

完成上述操作之后,我们就可以在Dreamweaver 8.0中定制出颇具专业水准的表格了。练习

2、新建一个网页,在网页中插入一个3行3列的表格,设置表格属性(边框和背景颜色),试着对目标行和列进行拆分、合并及新增表格的操作。

(3)利用表格来定位网页

表格在网页布局中有着举足轻重的地位,很多网站的页面都是以表格为框架制作的,这是因为表格在内容的组织、页面中文本和图形的位置控制方面都有很强的功能,灵活、熟练地使用表格,会使你在网页制作中如虎添翼。

表格的网页定位主要通过将网页内容分成若干个区,然后将相应的内容分别填入不同的表格,从而做成非常规范与专业的网页,下面就来看看dreamweaver学习网站是如何通过表格实现网页布局的。表格定位网页:如index_wlr.html 是一个只含表格的网页。

为方便网站能在在800×600分辨率下会显示正常,无横滚动条,我们编辑的网页宽度就定为750象素,高度可以大些,在浏览器中显示时会有竖直滚动条。

总体布局:在菜单栏选择插入命令,下拉的菜单中选择表格,在弹出的对话框中选择一个,宽为750像素,1行1列的表格,并设置边框粗细、单元格边距、单元格间距均为0;

页眉区: 观察到网页最上部是页眉区,页眉区可以放嵌套一行一列的表格,用于放置一个宽为750高的图片文件或flash文件;

导航区:嵌套一行五列的表格,用于放置五个导航;

正文区:正文区总得说来是由一个一行二列的大表格构建而成,所以首先插入一个一行二列的表格,在左边一列的单元格中插入一个16行1列的表格,在右边一列的单元格中插入一个7行3列的表格。布局页脚:网脚是由一个大的表格组成,可以插入一个1行1列的表格,表格的宽设置为750象素。

练习

3、打开dreamweaver学习网站站点的index.html文件,设置页面属性,并利用表格定位网页,保存网页。

(二)文字的插入

介绍编辑字体列表。

注意:在网页上打入空格的办法是:把输入法调为全角。

在网页上换行的办法是:shift+Enter。只按Enter则为换段。

(三)图片插入:设置图片对齐方式,使文本产生环绕效果。

例如:建立文本环绕右边:、停止文本环绕:

在文字代码中插入

(四)插入水平线:

它的颜色设置要通过代码设置,宽和高可以通过属性面板


(五)页面属性的设置:在编辑网页之前,先对页面属性进行设置,便于保证网页风格的统一,当然,页面属性的设置是随时可以进行的。举例:在标题上输入:dreamweaver学习网站,在背景,文本,链接,访问过的链接,活动链接几部分选取颜色。设置左边界,顶部边界,边界宽度,边界高度都为0象素,可以使页面中的表格与背景没有空隙。如果不设置边界,顶部边界,就会默认表格与顶部和边界有明显的空隙 用得比较多的还有背景图像的设置,选择一个已经做好的图像,就可以设置成页面的背景图像。

页面属性设置完毕后,我们会发现代码窗口出现了如下代码(黑色部分): body { margin-top: 0px;

页面顶部边界为0 background-image: url(images/dt.gif);

页面背景图像

} a:link { text-decoration: none;color: #666666;} a:visited { text-decoration: none;color: #3333CC;} a:hover { text-decoration: underline;color: #660000;} a:active { text-decoration: none;color: #CCFF33;} body,td,th { font-size: 12px;color: #666666;font-family: 宋体;line-height: 20px;

行距(需要在代码区设置,它的大小应该比文字大小要大,否则会吃掉一部分字体。)

}

练习

4、试在练习3中建立的网页文件index.htm中练习插入文本、插入水平线、图片并设置图片的垂直边距和水平边距、设置页面属性。

(六)日期的插入:在插入栏选择日期,在弹出的对话框中选择显示的格式。

(七)E_mail链接的插入:在插入栏选择电子邮件链接,在文本中输入要显示的文本,在E_mail中输入需要链接的邮件地址。

(八)交换图象效果的制作:(插入→图像对象→鼠标经过图象)

鼠标经过图象的效果是当鼠标指针经过或者按下按钮的时候,图像或按钮的形状或颜色就会发生变化,如图像变换,发光,或者阴影出现等等。是网页变的生动活泼起来。

看dreamweaver学习网站导航演示:鼠标移动到图片上的时候,图片变成了另外一幅,当鼠标移开后恢复到原来的图象。

制作步骤:

1、光标移动到欲插入的位置,点击菜单栏【插入】【图像对象】【鼠标经过图像】打开对话框:

【图像名称】鼠标经过图像的名称,名称是自定义的,只要不与同页面另一个鼠标经过图像名称相同即可,也可以不填。

【原始图像】页面开始时显示的图像

【鼠标经过图像】鼠标经过的时候显示的图像。

【替换文本】图像无法正常显示的时候出现的文本注释,也是图像正常显示时鼠标指向链接时的说明,也可以不填。

【前往的URL】点击鼠标后链接的目标。

【预载鼠标经过图像】浏览网页时两个图片都同时被下载,当鼠标经过时无需从网上下载,而是调用预先下载的图像,减少延迟,使效果平滑流畅。

(九)flash动画插入、flash按钮的插入、flash文本的插入,可以来制作导航栏。

练习

5、试在练习3中建立的网页文件index.htm中练习插入插入水平线、flash动画、flash按钮、日期、交换图象

(十)了解简单的HTML:超文本标志语言,简要的介绍网页中使用的超文本标识语言HTML的基本概念和用途通过一个简单的html示例(html.html)了解html的基本构成,介绍html的基本组成部分.如果深入了解可以参考:http://www.shanxiwindow.net/teaching/htmlbook/

(十一)制作滚动的公告文字

在网页上可以方便地设置文字上下左右移动,控制文字移动的标点词,如下格式:

文字在移动

在浏览器中显示时,文字在移动这几个字左右移动。还有一些重要的属性。

dirrction:控制移动方向,可取left,right,up,down四个值;

behavior:移动方向,可取scroll(循环移动),slide(只走一圈),alternate(来回移动);

loop:指定循环次数,不输入或-1表示无限循环

height,width:移动区域的高和宽,单位像素

scrollamount:移动的快慢,整数越大则越快

scorlldelay:每移动一步之后的延时,单位毫米

bgcolor:移动区域的背景色

onmouseover=this.stop()鼠标覆盖时停止滚动

onmouseout=this.start()鼠标离开时开始滚动

如下面的代码就上一个常见的实现向上滚动文字的原代码;

祝您圣诞快乐!!

(十二)创建网站相册: 在你站点下建立一个放置数张图片的文件夹,本实例是将文件夹命名为photo。

练习

6、试在练习4中建立的网页文件index.html中制作制作滚动的公告文字

您的网站初步构思

1、网站的主题和名称:

2、网站的栏目(也就是导航区的内容):

3、网站的目录结构图:

4、网站的链接结构结构图:

5.印前制作基础知识 篇五

印前作业是指印刷工艺的前期工作,包括排版拼版、分色扫描等工作。其工作的要性主要在于对计算机在印前作业中所用到的软件的练掌握、熟悉印刷工艺的基本工作流程、良好的图形图像处理能力等。

目前在国内对于印前作业,存在着一个很严重的问题:印前作业操作人员基本上不是印刷专业人员;印刷院校出来的学生基本上对印前工作不甚了解。这就造成了一个矛盾:如何处理好桌面系统的操作和印刷专业技术的结合。

对于想由计算机平面设计行业转入到印前作业的设计人员来说,首要的任务就是在接触印前工作之后,要不惜一切地掌控住印刷专业知识,否则便极有可能无法开展工作。

为了帮助一些初入印前制作行业的设计人员,本人根据以前个人的工作经验和体会,将一些初学者经常碰到的问题进行一些简单的归纳,希望能起到一点作用。

一、字符的知识

文字是用来记录和传达语言的书写符号。

印刷上用的字符可以分为字种、字体、字号等内容。

1、字体

在国内的印刷行业,字种主要有汉字、外文字、民族字等几种。汉字包括如宋体、楷体、黑体等等。外文字又可以依字的粗细分为白体和黑体,或依外形分为正体、斜体、花体等等。民族字是指一些少数民族所使用的文字,如蒙古文、藏文、维吾尔文、朝鲜文等。

宋体:宋体字是印刷行业应用得最为广泛的一种字体,根据字的外形的不同,又分为书宋和报宋。宋体是起源于宋代雕版印刷时通行的一种印刷字体。宋体字的字形方正,笔画横平竖直,横细竖粗,棱角分明,结构严谨,整齐均匀,有极强的笔画规律性,从而使人在阅读时有一种舒适醒目的感觉。在现代印刷中主要用于书刊或报纸的正文部分。

楷体:楷体又称活体,是一种模仿手写习惯的一种字体,笔画挺秀均匀,字形端正,广泛地用于学生课本、通俗读物、批注等。

黑体:黑体字又称方体或等线体,是一种字面呈正方形的粗壮字体,字形端庄,笔画横平竖直,笔迹全部一样粗细,结构醒目严密。黑体适用于标题或需要引起注意的醒目按语或批注,因为字体过于粗壮,所以不适用于排印正文部分。

仿宋体:仿宋体是一种采用宋体结构、楷书笔画的一种较为清秀挺拔的字体,笔画横竖粗细均匀,常用于排印副标题、诗词短文、批注、引文等,在一些读物中也用来排印正文部分。

美术体:美术体是指一些非正常的特殊的印刷用字体,一般是为了美化版面而采用。美术体的笔画和结构一般都进行了一些形象化,常用于书刊封面或版面上的标题部分,应用适当,可以有效地增强印刷品的艺术品味。这类字体的种类非常广泛,如汉鼎、文鼎等字库中的字体。

2、字号

字号是区分文字的大小的一种衡量标准,国际上通用的是点制,在国内则是以号制为主,点制为辅。号制是采用互不成倍数的几种活字为标准的,根据加倍或减半的换算关系而自成系统,可以分为四号字系统、五号字系统、六号字系统等。字号的标称数越小,字形越大,如四号字比五号字要大,五号字又要比六号字大等。

点制又称为磅制(P),是通过计算字的外形的“点”值为衡量标准。根据印刷行业标准的规定,字号的每一个点值的大小等于0.35mm,误差不得超过0.005mm,如五号字换成点制就是等于10.5点,也就是3.675mm。外文字全部都以点来计算,每点的大小约等于1/72英寸,即等于0.35146mm。

字号的大小除了号制和点制外,在传统照排文字时的大小。则以mm为计算单位,称为“级(J或K)”。每一级等于0.25mm,1mm等于4级。照排文字能排出的大小一般由7级到62级,也有从7级到100级的。在计算机照排系统中,有点制也有号制存在。在印刷排版时,如遇到以号数为标注的字符时,必须将号数的数值换算成级数,才能够掌握字符的正确大小。号数与级数的换算关系是:

1J = 1K =0.25mm = 0.714点(P)

1点(P)=0.35mm=1.4级(J或K)

3、版面设计与排版规格

排版时应该根据印刷版面要求进行版面设计。比如一例书册的印制,制作时需要注意开本的大小,排版的形式(横排或竖排),正文的字体字号,每页的行数及每行的字数,字与字及行与行之间的空隙,页面的栏数及每栏的字数,栏与栏之间的间距,页码及页码的摆放位置,页眉页脚的位置及大小等。

在进行文字排版时,还要注意一些禁排规定,如在每段的开头要空上两个字位,在行首不能排句号、逗号、顿号、分号、冒号、问号、感叹号以及下引号、下括号、下书名号等标点符号,在行末不能排上上引号、上括号、上书名号以及中文中的序号如①②③等,数字中的分数、年份、化学分子式、数字前的正负号、温度标识符以及单音节的外文单词等,都不应该分开排在上下两行。

二、纸张

纸张是印前工作人员需要注意的一个重要内容之一,决定着印刷成品的极大范围。

1、纸张的构成

纸张是由植物纤维加入填料、胶料、色料等成分成加工提成的一种物质材料。

构成纸张的原材料,主要有稻草、竹木、棉麻及可利用的废料等。根据原料的不同,所构成的纸张的性质也会不同。

填料是为了增加纸张的柔韧性、减少纸的透明度和伸缩性,并使纸张的表面平整均匀而采用的物料,如一般印刷用纸用滑石粉,高级纸用高岭土和硫酸钡等。填料的使用应该适量,一般是占纸张的20%左右,过多则会降低线张的抵抗力和柔韧性,并会阻碍油墨的吸收,从而造成印刷时的掉粉弊病。

胶料是为了将纸张中的小孔隙进行填塞,以提高纸张的抗水性,也能改善纸张的光泽度、强度并起到防止纸面起毛的作用。常用的胶料有松香、明矾、淀粉等。

色料是为了增强纸张的色泽纯度,大都使用无机颜料或有机染料。

2、纸张的规格

纸张根据印刷用途的不同可以分为平板纸和卷筒纸,平板纸适用于一般印刷机,卷筒纸一般用于高速轮转印刷机。

纸张的大小一般都要按照国家制定的标准生产。印刷、书写及绘图类用纸原纸尺寸是:卷筒纸宽度分1575mm、1092mm、880mm、787mm四种;平板纸的原纸尺寸按大小分为:880mm x 1230mm、850mm x 1168mm、880mm x 1092mm、787mm x 1092mm、787mm x 960mm、690mm x 960mm等六种。

图书杂志开本及纸张幅面尺寸的标准,国家规定是采用880mm x 1230mm、900mm x 1280mm、1000mm x 1400mm未裁切的单纸张尺寸印刷。由于设备、生产、供应等原因,原787mm x 1092mm、850mm x 1168mm大小的纸张,目前仍可继续使用,但需要注意的是这种尺寸是要逐步淘汰的老标准开本,以后的纸张尺寸将向新的国家标准过渡。

在沿海地区,因为众多的外资印刷企业,很多印刷机构还在广泛地采用一些老版纸张,纸张的重量是以定量和令重表示的。一般是以定量来表示,即我们日常俗称的“克重”。定量是指纸张单位面积的质量关系,用g/m2表示。如150g的纸是指该种纸每平方米的单张重量为150g。凡纸张的重量在200g/m2以下(含200g/m2)的纸张称为“纸”,超过200g/m2重量的纸则称为“纸板”。令重是指每令(500张纸为1令)纸量的总质量,单位是以kg(公斤)计算。根据纸张的定量和幅面尺寸,令重可以采用令重(kg)= 纸张的幅面(m2)x 500 x 定量(g/m2)的公式计算而出。

3、印刷上的常用纸

纸张根据用处的不同,可以分为工业用纸、包装用纸、生活用纸、文化用纸等几类,其中文化用纸中即包括书写用纸、艺术绘画用纸、印刷用纸。在印刷用纸中,又根据纸张的性能和特点分为新闻纸、凸版印刷纸、胶版印刷涂料纸、字典纸、地图及海图纸、凹版印刷纸、画报纸、周报纸、白板纸、书面纸等。另外一些高档印刷品也广泛地采用艺术绘图类用纸。

新闻纸:新闻纸主要用于报纸及一些凸版书刊的印刷,纸质松软,富有弹塑性,吸墨能力较强,有一定的机械强度,能适合各种不同的高速轮转机印刷。这种纸张多以木桨为制造原料,含有较多的木质素及杂质,纸张容易发黄发脆,抗水性极差,故不宜长期保存

凸版印刷纸:这是应用于凸版印刷的专用纸张,纸的性质同新闻纸差不多,抗水性、色质纯度、纸张表面的平滑度较新闻纸略好,吸墨性较为均匀,但强墨能力比新闻纸要差。

胶版印刷纸:胶版印刷纸是用于胶版(平版)印刷的一种纸张,又分单面胶版纸和又面胶版纸两种,单面胶版纸主要用于印制宣传画单、包装盒等;双面胶版纸主要用于印制画册、图片等。胶版纸质地紧密,伸缩性较小,抗水能力强,可以有效地防止多色套印时的纸张变形、错位、拉毛、脱粉等毛病。能给印刷品保持较好的色质纯度。

胶版涂层纸:又称为铜版纸,是在纸面上涂有一层无机涂料再经超级压光制成的一种高档纸张,纸的表面平整光滑,色纯度较高,印刷时能够得到较为细致的光洁网点,可以较好地再现原稿的层次感,广泛地应用于艺术图片、画册、商业宣传单等。

凹版印刷纸:凹版印刷纸洁白坚挺,具有良好的平滑度和耐水性,主要用于印刷钞票、邮票等质量要求高而又不易仿制的印刷品。

白板纸:白板纸是一种纤维组织较为均匀、面层具有填料和胶料成分且表面涂有一层涂料,经多辊压光制造出来的一种纸张,纸面色质纯度较高,具有较为均匀的吸墨性,有较好的耐折度,主要用于商品包装盒、商品表衬、画片挂图等。

合成纸:合成纸是利用化学原料如烯烃类再加入一些添加剂制作而成,具有质地柔软、抗拉力强、抗水性高、耐光耐冷热、并能抵抗化学物质的腐蚀又无环境污染、透气性好,广泛地用于高级艺术品、地图、画册、高档书刊等的印刷。

4、纸张的性能要求

纸张能否顺利地高质量地用于印刷,取决于纸张的印刷适性。印刷对纸张的要求是:纸张的色调尽可能地达到同一质地的色泽纯度,纸张的尘埃度不得超过允许的范围,具有最小的透光率,并有保证正常印刷时的机械强度,纸张的厚度、紧度、结构特性等要在同一印刷批量中保持相同,纸边应为直角且斜度误差不能超过±3mm。

纸张的平滑度:纸张的平滑度直接决定着印刷品的印刷品质。平滑度高的纸张在压印时,能较好地与版面进行接触,使印版上的油墨层能够均匀地转移到纸面上,平滑度低的纸张,会因为印刷时表面的不平整,造成压印时版面与纸张的表面接触不均匀,使油墨层的转移到纸面上进呈现不均匀的现象,如碰上平滑度较低的纸张,可以在印刷时适当地加大印刷时的压力,可以适当地弥补因其表面不平而出现的印迹发虚的现象。

纸张的吸墨性:纸张对油墨的吸收,主要取决于纸张的纤维间的紧密程度(空隙的大小)。当纸张纤维间的空隙小时,因帚化纤维过少,使纤维毛细管的作用受到影响,造成纸张对油墨的吸收性降低;如果纸张纤维间的空隙过大,会因吸收连接料过多而造成油墨颜料一并被吸收,使印刷品出现透印的现象。

纸张的弹性和塑性:纸张在屯放、印刷等各种过程中,会因为周边环境的不同而发生各种变化。如在外力的作用下,会瞬时地改变自己的形状和尺寸,而当外力停止时,纸张又会恢复到原来的形状和尺寸,这种变形的过程称为敏弹性变形;当纸张受到外力时在一定期捍间间隔内改变了自己的形状和尺寸,外力停止作用时则慢慢地恢复到原来的形状和尺寸,这种变形的过程称为滞弹性变形;当外力取消之后,纸张还是保持在受外力作用时造成的形状与尺寸变形的状态时,称为塑性变形。敏弹性变形、滞弹性变形是一种可逆性的变形,而塑性变形是不可逆的变形。

纸张的表面强度:纸张的表面强度决定着纸张在印刷时其表面的耐磨性、抗掉粉、抗起毛等有决定性的影响。印刷时为了得到较为清晰的网点,会采用一些粘度较高的油墨,如果纸张的表面强度不够,就会容易掉粉、掉毛现象,并粘附在版的表面;如果使用较低粘度的油墨,在平版印刷中,会因油墨与润版液乳化,从而造成印版空白的地方污脏。

纸张的含水量:纸张的含水量的多少,直接影响着印刷品的质量,含水量过多,纸张的强度会降低,在外力的作用下,纸张纤维会被拉出,使塑性变形增强,使印迹的干燥速度受到影响;如含水量过少,纸张会发脆,容易造成破损,产生静电等。由于纸张的含水量与周围的环境有很大的相关性,所以对于印刷机房的湿度和温度都要进行恰当的安排,以保持纸张含水量的平衡。

三、油墨

油墨是一种由颜料微粒、填料、附加料等均匀地分散在连接料中,具有一定粘性的流体物质。

1、油墨的组成

颜料是一种不溶于水和有机溶剂的彩色、黑色或白色的高分散度的粉末物质,在油墨中起着显示色彩的作用。根据颜料成分的来源和化学组成,可以分为有机颜料和无机颜料两大类:无机颜料是由有色金属的氧化物或一些金属不溶性的金属盐组成,无机颜料又可以分为天然无机颜料(矿物颜料)和人造无机颜料;有机颜料是指有色的有机化合物,也可以根据来源分为天然和合成两大类。现在常用的印刷用有机油墨基本上都是合成有机颜料,色彩齐全,性能也要优于无机颜料。

印刷时对于油墨颜料的要求较高,特别是颜色的色泽纯度、分散度、耐光性、透明度等。平时要求彩色油墨的颜料的色调要接近光谱颜色,饱和度尽可能地大,三原色油墨(青、品红、黄)的颜料透明度一定要高,否则会极大地影响到印刷品的质量。不管是何种颜料,一定要有良好的耐水性,能迅速而均匀地和连接料进行结合,具有良好的耐酸、耐碱、耐醇、耐热等性能。

连接料是一种起着分散颜料、给油墨以适当的粘性、流动性和转印性能,以及印后通过成膜使颜料固着于印刷品表面的化学物质,俗称调墨油。连接料可以使用各种物质来制成,如种干性植物油、矿物油、溶剂和水以及各种合成树脂等。油墨使用过程中的流动性、粘度、中性酸值、色泽的浓淡、抗水性以及印刷品的性能等都取决于连接料,同一种颜料可以使用不同的连接料来制作不同类型的油墨;同一种连接料因使用不同的颜料,所制成的仍是同一种类型的油墨,因为连接料不具备改变油墨的根本性能,所以油墨质量的好坏,除了与颜料本身有关之外,主要取决于连接料。

填料是白色透明、半透明或不透明的粉状物质,起着填充的作用。颜料中适当地采用一些填料,既可以减少颜料的用量以降低成本,又可以调节油墨的稀稠度、流动性,也能提高油墨配方设计时的灵动性。

附加料是在油墨制造或印刷使用中,为了改善油墨本身的性能而附加的一些材料。当按基本配方组成的油墨在某些特性方面仍然不能满足使用要求时,或由于条件的改变而不能满足印刷使用上的要求时,就得加入少量的附加料来进行解决。

2、油墨的种类 根据不同的方法,油墨也可以分成不同的种类。常用的有凸版印刷用油墨、平版印刷用油墨、凹版印刷用油墨、丝网孔版印刷用油墨、特殊功能性油墨等。

凸版印刷用油墨根据不同的特点又可以分为铅印书刊油墨、铅印彩色油墨(铜版油墨)、铅印塑料油墨、橡皮凸版塑料油墨(柔性版塑料油墨)、凸版水型油墨、凸版轮转印报油墨等。这类油墨基本上都是属于渗透干燥型油墨,在印刷过程中要注意附着不良、粉化、污脏等弊病的出现。

平版印刷用油墨包括种种胶印油墨、平版印铁油墨、平版光敏油墨、胶印热固型油墨等。平版印刷用油墨要求颜色的着色力、耐水性较高,具有良好的流动性及干燥速度。

凹版印刷用油墨包括各种照相凹版油墨、雕刻凹版油墨、凹版塑料薄膜油墨等。

丝网孔版印刷用油墨包括丝印油墨、丝网塑料油墨、油性誊写油墨、水型誊写油墨等。

除了上述几种常用油墨外,还有一引可以起到某种特殊效果的油墨,如微胶粒油墨、金银色油墨、荧光油墨、磁性油墨、安全防伪油墨、导电油墨、复写油墨、监视油墨、温度指示用油墨、显色油墨、食用油墨等。

3、油墨的特性

油墨是一种具有一定流动性的浆状胶粘体,粘度、屈负值、触变性、流动性、干燥性等都决定着油墨的性能。

粘度:是阻止流体物质流动的一种性质,是流体分子间相互作用而产生阻碍其分子间相对运动能力的量度,即流体流动的阻力。油墨的粘度与印刷过程中油墨的转移、纸张的性质及结构有关,油墨的粘度过大,印刷过程中油墨的转移不易均匀,并发生对纸张拉毛的现象,使得版面发花;粘度过小,油墨容易乳化、起脏,影响印刷品的质量。在印刷过程中对油墨粘度大小的要求,取决于印刷机的印刷速度、纸张结构上的公软件程度、周围环境中温度及湿度的变化等因素。

屈服值:是指使液体开始流动所需要的最小的移动应力。油墨屈服值过大,流动性就会变差而不容易打开,屈服值过小,印刷时的网点又容易起晕而造成印刷品不清晰。屈服值的大小与油墨的结构有关,对油墨的流动度有直接的影响,是胶印和凹印油墨质量的重要检测指标。

触变性:是指油墨受外力的搅拌时随搅拌动作由稠变稀,俟搅拌动作停止,复又恢复到原来时的稠度的现象。由于油墨的触变性,使油墨在墨辊上受到印刷机的转动作用后,会增大流动性,增加延展性,使油墨容易转移;当油墨经印刷转移到纸张后,因失去了外力的作用,油墨由稀变稠而不向周围流溢,形成良好的印迹。若油墨的触变性过大,则使墨斗中的油墨不易转动,就会影响墨辊的传墨功能。流动性:是指油墨在自身的重力作用下,会像液体一样流动,由油墨的粘度、屈服值和触变性决定,同时与温度也有密切的联系。油墨的流动性关系着油墨能否从容器中倒出、从储墨槽中输送到印刷机的墨斗中、从墨斗中顺利地传递、在印刷机上进行良好的分配、到版面的传递以及转印到承印物上,还影响到印刷的效果。

墨丝的长度:是指油墨初拉伸成丝状而又不断裂的程度,它的长短程度由油墨的触变性、屈服值和塑性粘度有关。墨丝短的油墨在胶印和凸版印刷中是印刷性能好的油墨,不会在印刷过程国造成飞墨的现象,同时,印刷品上的墨层也均匀厚实。墨丝的长短是衡量油墨好坏性能时的一种常用方法。

油墨的干燥:油墨的干燥是指油墨附着在印刷品上形成印迹后,从液体或糊状变成固体的皮膜的过程,这种过程是由油墨中的边接料从液体或糊状体转变为固体而完成的。因为各种油墨中使用的连接料及其配方比例都是不相同的,所以油墨的干燥过程也不相同。油墨从印版转移到印品表面后,油墨中的连接料一部分产生渗透,同时连接料中的溶剂也开始挥发,有的连接料开始产生化学反应或物理反应,从而使承印物表面的印迹墨层逐渐地增加其粘度及硬度,最终形成固体的膜层。通常凸版印刷油墨以渗透性干燥为主,平版胶印油墨以氧化结膜干燥为主,凹版印刷用油墨因为采用挥发性较强的溶液剂为连接料,所以是以挥发性干燥为主。

拼版的过程是将一些做好的单版,组排成为一个印刷版的过程。在拼版的过程之前,需要根据后续工程的方式及器材进行不同的选择不同的组版方式,特别是一些需要进行折页的书册小本子之类的印刷物,更是要根据所处印刷厂的折页机等工具进行恰当的方式选择。

一般的常用的拼版方式可以分为以下几种:

1、单面式:这种方式是指那些只需要印刷一个面的印刷品,如海报等,只需要印刷正面,而背面是不需要印刷的。

2、双面式:俗称“底面版”,指正反两面都需要进行印刷的印刷品,如一些小宣传单,小幅海报、卡片等.3、横转式:俗称“自翻版”、“就版翻面”,适用于杂志、书刊类的印刷品,比如有一本16开的杂志封面,分有封

一、封

二、封

三、封四等四个版面需要进行印刷,在拼版时将封一和封

四、封二和封三横向拼在一起,再将封一和封

四、封二和封三头对头地拼在一个四开的版面上进行印刷,俟一面印刷完成后,将纸张横转180度,用反面继续印刷,完成之后,将印刷品从中间切开,就可以得到两件完全一样的印刷品了。

4、翻转式:使用同一个印刷版在纸张的一面印刷之后,再将纸张翻转印刷背面,但以纸张的另一长边作为“咬口边”。这种方法俗称“打翻斗”,但现在已经很少有人再用这种方式了。印前

1.露白/漏白:印刷用纸多为白色,印刷或制版时,该连接的色不密合,露出白纸底色。

2.打白:挂网时代的照相制版工艺。为补救上网图片深色位感光不足,可移开原稿闪光一次或放一张纸补点曝光,或直接使用flash灯,闪动白光,以增加原稿的深位网,使影像柔化。

3.爆肥:暴食当然会肥,菲林银粒感多了光也会扩大地盘。手工套版更在感光片加隔透明厚胶片中曝光加肥。

4.补漏白(Colortrapping):分色制版时有意使颜色交接位扩张爆肥,减少套印不准的影响。

5.实地:指没有网点的色块面积,通常指满版。

6.反白:文字或线条用阴纹?印刷,露出的是纸白。

7.撞网:不是渔民工?。调幅网分色工艺,网点角度分配出错,或每一网角距离小於25°,龟纹就开始明显。

8.飞网:镜头制版的挂网工艺,正常曝光後取下挂网,补充短暂曝光增加反差。

9.狗牙:狗的牙齿是凹凸交错的。图片像素不足,放大後边沿就出现狗牙状。

10.玫花点:像花鹿般的网纹。差的叫席纹,更差的是龟纹。

11.齐头:版面排位的指令,以字首作基准线。延伸到拼版、装订,指以版头位为基准。

12.散尾:文字排版的一种。只求字距统一,不求行末文字齐整。

13.蒙片:不是迷魂药。是手工分色时的遮掩片,可用菲林晒制或红胶片割制,可作退地或修色之用。

14.蓝版:不是打篮球,也不是RGB的B(蓝色),而是CMYK的C(青)版。

印刷

1.鬼影:来历不明的印纹或暗影。多因旧型印刷机供墨不均引起。

2.瓜打:不是指水瓜打狗。活版印刷时代「黑手党」执字粒使用的排版比字面较低的定位铅粒。

3.打斗:学孙悟空的拿手好戏。底面印刷车有自动翻纸装置,咬纸口印面,反咬纸尾印底,一气呵成。

4.自反:指一种节约印版的印刷方法。让纸张先印完一面,乾後把纸左右反转及底面反转,称为底面自反版,而纸尾当牙口底面反转,称为牙口反版尾。是印版不变,再印纸张背面的工艺。

5.飞墨:印刷机转速快而墨身稠度不够,离心力使墨液飞溅。

6.墨线:在印版上画一条规线,使刚好印在纸张规位,可一目了然监控针位。

7.浮污:印版亲水不力,变成亲油,当然起薄薄的油污,问题多在水斗水的酸?度不对。

8.起炮:炮,滚筒俗称。橡皮滚筒离开压印滚筒的动作。

9.夹炮:太多纸张夹在压印滚筒和橡皮滚筒间,安全感应使印刷机停止转动。

10.哪渣:不应印到纸张上的墨污,问题也出在水墨平衡。

11.打掣:印刷机停止转动,原因多为进纸不顺或双张进纸触发安全装置。

12.针位:不是打针的位置。印张的挡规边位。纸张有长短,印刷套色及裁切需有针位?对齐。

13.连晒:节约菲林的连续晒版工艺。用套准十字移动曝光。

14.过底:印刷事故的术语。指墨层太厚实不及乾燥,污染了压在上面的纸张背面。

15.车头(上声):菲律宾称司机为车头。印刷的车头不是机长,而是指印刷转速数。

16.石数:石印时代对印刷数量的称谓。纸张压印一次色称一石。

17.二手:不是指二手货。指印刷机的副手,或称睇掣。

18.打稿:不是与稿有仇,而是通过打样机预先印刷一个正式印刷时的样稿。

19.飞达:不是快递,是印刷机送纸的传送装置。

装订

1.出血:被刀了当然出血。印刷装订工艺要求页面的地色或图片,须跨出裁切线3mm,称为出血。

2.飞边:飞,裁切、去掉之意。飞边指切除出血边位,乃装订术语。

3.切斜:变形,裁切歪了,直角变菱角书,多由纸闸压力不均或纸栅不正引致。

4.磨光:以砑光滚筒处理印张,表面会光滑,此为加工表面处理工艺。

5.反手摺:日本摺书机的摺纸。32版摺法第4摺须反摺。

6.正版:不是指软件。书版首码所在版面叫正版,次码所在版面称反版,正反版称一组、一帖或一框。

7.纸闸:不是关纸的门,是切纸的机器。

8.骑马钉:书本装订的一种方法,动作如跨上马背。薄本书(6帖以下)套好後,跨放在铁架上,以穿压铁线钉。

9.猪肠卷:摺书贴的一种方法,动作如卷肠粉,用3个上梭2个下梭可摺32版。

10.风琴摺:摺书贴的一种方法。书摺摺完拉开如屏风。

11.反封面:手工装订上封面的一种方法,先上封底边胶定好位,後上书脊封面边胶,再做一个「反」封面的动作。

12.毛书:不是书本长毛,指锁好线而未上封面裁切的坯书。

13.笃头布:精装书脊上下各一段连结皮壳的布条。起牢固美观的作用。

14.火印:精装封面的一种加工动作如烫金,湿度较高。

排版

1.高调:受光多的图片位当然光亮雪白,日本分色风格喜欢高光位无网点,以拉长图片层次。

2.低调:不是声音微弱,是指图片阴暗,或称暗调。

3.爆机:不是恐怖事件。内存或磁盘空间不够都会使电脑死火。

4.磅:不是指重量。是字体排版之量度单位,英文字母最小单位是Point,1英寸分72单位磅。

5.级:不是指阶层,光学照排时代是指文字大小,4级为1个mm。

6.号:不是指喇叭,是指铅印时代字粒大小,最大特号字72磅,最小8号字5磅。

7.平体:不是指发型,而是指把方块型以镜头变形,使字扁平,平1为1成(10%),平2为2成,平3为3成,平4为4成。

8.长体:不是指身型,而是指窄身字,长1窄1成,长2窄2成,长3窄3成,长4窄4成。

9.喷笔:以压缩气的喷色笔,利用气刷喷画。DTP时代之前之手工制作渐变色方法。

10.字节:不是文字的节日,是电脑机器语言的单位Byte,8个bit等於一字节。

一:印刷的分类

传统分类:根据印版的版面结构 1:凸版印刷

凡是印刷的图文高于空白的部分,并在图文周围涂布油墨,通过压力的作用,使图文印迹复制到印刷物表面的印刷方法,称为凸版印刷。2:平版印刷(胶版印刷)

现在习惯上把胶版印刷就称做平版印刷,印版的图文和空白部分在同一个平面,通过油水分离的原理,让图文最终转移到印刷物表面。3:凹版印刷

凹版印刷和凸版印刷刚好相反,图文部分凹入,而空白部分仍然保持原来的平面。图文部分接受油墨层,经过印刷滚筒的压力作用,将油墨层转移到印刷物的表面,复制印刷品。4:滤过版印刷 丝网印刷是滤过版印刷的典型。油墨从织物的网孔(图文)渗过,在承印物表面复制成图文。

以上四种方法称做四大印刷方法。

根据现代印刷的发展,还可以分为以下几种: 5:柔性版印刷(属凸版印刷)

柔性版在最初的时候,因采用苯胺染料制成的挥发性液体色墨而得名苯胺印刷,版材使用橡皮版。但随着科技的发展,版材和油墨都有很大的变化,苯胺印刷也就变成了今天的柔性版印刷。6:特种印刷

根据不同的承印材料和工艺,特种印刷又可以分成:金、银色印刷;电化铝烫印;凹凸压印;模切压痕;金属印刷;不干胶印刷;上光贴塑;立体印刷;发泡印刷;喷墨印刷;全息印刷等等。

从工艺上来说,所有的印刷都可以分类成四大印刷;

从实际材料和特点来说,印刷当然还包括柔性版印刷和特种印刷。以上四种方法称做四大印刷方法。

根据现代印刷的发展,还可以分为以下几种: 5:柔性版印刷(属凸版印刷)

柔性版在最初的时候,因采用苯胺染料制成的挥发性液体色墨而得名苯胺印刷,版材使用橡皮版。但随着科技的发展,版材和油墨都有很大的变化,苯胺印刷也就变成了今天的柔性版印刷。

6:特种印刷

根据不同的承印材料和工艺,特种印刷又可以分成:金、银色印刷;电化铝烫印;凹凸压印;模切压痕;金属印刷;不干胶印刷;上光贴塑;立体印刷;发泡印刷;喷墨印刷;全息印刷等等。

从工艺上来说,所有的印刷都可以分类成四大印刷;

从实际材料和特点来说,印刷当然还包括柔性版印刷和特种印刷。

纸张规格(转贴)

正度纸张:787×1092mm

开数(正度)尺寸 单位(mm)

全开 781×1086

2开 530×760 3开 362×781

4开 390×543 6开 362×390

8开 271×390

16开 195×271

注:成品尺寸=纸张尺寸-修边尺寸

大度纸张:850*1168mm

开数(正度)尺寸 单位(mm)

全开 844×1162

2开 581×844 3开 387×844

4开 422×581 6开 387×422

8开 290×422

注:成品尺寸=纸张尺寸-修边尺寸

常见开本尺寸(单位:mm)

开本尺寸:787 x 1092

对开:736 x 520

4开:520 x 368

8开:368 x 260

16开:260 x 184

32开:184 x 130

开本尺寸(大度):850 x 1168

对开:570 x 840

4开:420 x 570

8开:285 x 420

16开:210 x 285

32开:203 x 140

正度纸张:787×1092mm

开数(正度)尺寸 单位(mm)

全开 781×1086

2开 530×760

3开 362×781

4开 390×543

6开 362×390

8开 271×390

16开 195×271

注:成品尺寸=纸张尺寸-修边尺寸

大度纸张:850*1168mm

开数(正度)尺寸 单位(mm)

全开 844×1162

2开 581×844

3开 387×844

4开 422×581

6开 387×422

8开 290×422

注:成品尺寸=纸张尺寸-修边尺寸

16开 大度:210×285 正度:185×260

8开 大度:285×420 正度:260×370

4开 大度:420×570 正度:370×540

2开 大度:570×840 正度:540×740

全开 大:889×1194 小:787×1092

名片

横版:90*55mm<方角> 85*54mm<圆角>

竖版:50*90mm<方角> 54*85mm<圆角>

方版:90*90mm 90*95mm

IC卡

85x54MM

三折页广告

标准尺寸:(A4)210mm x 285mm

普通宣传册

标准尺寸:(A4)210mm x 285mm

文件封套

标准尺寸:220mm x 305mm

招贴画:

标准尺寸:540mm x 380mm

挂旗

标准尺寸:8开 376mm x 265mm

4开 540mm x 380mm

手提袋:

标准尺寸:400mm x 285mm x 80mm

信纸 便条:

6.网页设计与制作教案 篇六

教师:系部:信息技术工程系专业:计算机应用班级:计机

湄洲湾职业技术学院

2008-2009学年第一学期

唐 俊 奇

电子信息

07(1)信息07(1)08(2)

1.3 网页中所使用的技术

1.3.1 HTML语言和XML语言

1、HTML语言

ØHTML只使用SGML中很小一部分标记

ØHTML语言(Hyper Text Markup Language 超文本标记语言)

ØHTML是纯文本的语言,其源代码可以用各种文本编辑工具进行编辑,常用的网页制作软件如FrontPage、Dreamweaver等实际上是自动生成HTML源代码的工具

2、XML语言

XML(eXtensible Markup Language)1.3.2 动态网页

1.3.3 多媒体技术的应用 1.3.4 Web服务器端程序

1.4 制作网页的基本方法

1.4.1 制作网页的基本步骤

1、确定网页的内容

2、设计网页的组织结构

3、资料的收集与整理

4、选择网页的设计方法

1.4.2 制作网页时要注意的问题

1、网页的标题要简洁,明确。

2、在文本中要使用水平线,以分割不同部分。

3、对重点段落要强调显示。

4、网页中插入的图片要尽量的小。

5、图形要附加文字说明,以便关闭图像时查看。

6、网页中引用的资料及商标(或图标),不能侵犯版权。【课后小结】

通过学习,认识网络、网站、网页及相关信息,理解网页制作的流程及了解相应开发工具,为设计网页做准备。

第二讲 HTML的基本标志与格式标志

【教学内容】

讲解HTML基本标志对和格式标志。【教学目的】

使学生标志对与格式标志对的使用。【教学重点】

格式标志的使用。【教学难点】

* 使学生掌握超级链接标志的使用。【教学重点】

* 字体、图片和超级链接标志的使用。* 网页中特殊符号的输入。【教学难点】

* 理解特殊符号对应的标志。* 理解img标志中属性的意义。* 理解书签超级链接的意义。【教学方式】

讨论式、案例分析式、练习式。【教学参考】

1、《网页设计与制作》杨尚森 曲宏山 贾文峰等著 电子工业出版社。

2、《WEB网站设计》Joel Sklar著 高等教育出版社。

3、《HTML网页制作教程》材义语编著 铁道出版社。【新课内容】

2.2 插入文字

2.2.1 划分段落 格式

段落内容

2.2.2 插入标题文字 格式

标题内容 2.2.3 字号属性

设置基准字号: 网页内的其他文字,采用下面的格式来定义 ...... Size的有效范围是1(最大)到7(最小)。如果在Size的值前面带上“+”号或“-”号,则表示相对于基础字体增大或减小若干字号。2.2.4 颜色属性 两种方式

字符串 2.2.5 字体属性

2.2.6

文本修饰

......,文字以粗体显示。......,文字显示为斜体。......,显示下划线。

......,中心线贯穿文字。< EM>......,强调文字,通常用斜体。

< STRONG>......,特别强调的文字,通常用黑体。

2.3.2 图片的属性

2.4 建立超级链接

2.4.1 指向一个目标

1、建立超级链接

字符串

2、为图片建立超级链接

3、链接到邮件和多媒体文件 链接到邮件

请与我联系 2.4.2 使用锚点

Ø使用锚点可以使用户在一个较长的文档中跳转,方便地找到要阅读的内容。Ø建立锚点:

Ø锚点文字 Ø使超级链接指向已定义的锚点。Ø文字 Ø文字 2.4.3 新窗口和基准链接

1、打开新窗口

Target=“window-name”>开一个新窗口

2、基准链接

在 与 之间设定

BorderColor=“#008000“ >

2.7.3 子窗口属性设置

-2.7.4 常见的框架窗口划分方法(1)标题和正文,分为上下两部分(2)层次结构,分为上中下三部分

(3)目录和标题,分为左上、左下、右三部分

(4)标题、目录和正文,分为上、左下、右下三部分(5)嵌套目录,分为左、右上、右下三部分 2.7.5 不支持框架的网页

</p><h3>7.网页艺术设计中的基础元素设计 篇七</h3><p>网页的目的就是将其宣传者或倡导者的信息传达给网络的使用者。要实现信息的传达, 必定要通过一些信息元素来表现所要传达的信息, 在人们的日常生活中是通过色彩、文字、图形图像、动画、声音这些元素来完成绝大多数的信息传达和交流的, 这些信息元素的接收是依靠人的视觉和听觉来完成的。还有一少部分是依靠人的味觉、嗅觉、触觉等其他感觉器官来完成。在目前的网络环境中, 信息传达主要依靠人的视觉和听觉来完成, 所以, 网页艺术设计中的基础元素包括了色彩、文字、图形图像、动画、声音这些视听元素。但是随着网络的发展, 大量的网页设计使浏览者眼花缭乱, 如何使你的网页设计有一个强烈的视觉冲击力, 从中脱颖而出, 这是我们设计者经常思考和研究的一个重点。作者认为好的网页设计不仅在技术上要先进, 更要在艺术上达到一定的水平, 使其&ldquo;美&rdquo;和&ldquo;功能&rdquo;达到高度的统一。设计一个优秀的网站, 构成网站艺术的基础元素就是我们研究的关键。</p><p>一、网页艺术设计中的色彩元素</p><p>色彩是艺术表现的要素之一, 在网页设计中, 网页给人的第一印象来自视觉冲击, 不同的色彩搭配产生不同的效果, 并可能影响到访问者的情绪。在设计中, 我们根据和谐、均衡和重点突出的原则, 将不同的色彩进行组合搭配来构成美丽的页面。根据色彩对人们心理的影响, 合理地加以应用。按照色彩的记忆原理, 一般暖色较冷色记忆性强。我们所谓的&ldquo;标准色彩&rdquo;是指能体现网站形象和延伸内涵的色彩, 要用于网站的标志、标题、主菜单和主色块, 给人以整体统一的感觉。至于其他色彩也可以使用, 但应当只是作为点缀和衬托, 绝不能喧宾夺主。一般来说, 根据网站总体风格的要求定出一至二种主色调, 太多则让人眼花缭乱。适合于网页标准色的颜色有:蓝色, 黄/橙色, 黑/灰/白色三大系列色。</p><p>在色彩的应用中我们应遵循以下的技巧与原则:</p><p>(一) 由于国家和种族、宗教和信仰的不同以及生活</p><p>的地理位置和文化修养的差异等, 不同的人群对色彩的喜恶程度有很大的差异。如儿童习惯对比强烈、个性鲜明的纯颜色;生活在草原上的人喜欢红色;生活在闹市中的人喜欢淡雅的颜色;生活在沙漠中的人喜欢绿色。所以在设计中要充分考虑主要客户群的背景和构成。</p><p>(二) 充分了解网站所要传达的讯息和品牌。</p><p>选择可以加强这些讯息的颜色。例如, 如果在设计一个强调稳健的金融机构, 那么就要选择冷色系、柔和的颜色, 像是蓝、灰或绿。在这样的情况下, 如果使用暖色系或活泼的颜色, 可能会破坏了该网站品牌。</p><p>(三) 页面尽量适应看上去比较淡雅、简洁的色彩, 背</p><p>景尽量少用灰暗、深沉的色彩 (除非特殊需要) , 并一定要根据页面的主题来选择主色调。太多的颜色会导致混淆, 也会拉走读者的注意力。</p><p>(四) 在阅读的部分使用对比色。</p><p>颜色太接近无法产生足够的对比效果, 也会妨碍观众阅读。白底黑字的阅读效果最好。</p><p>(五) 用一个色系。</p><p>简单地说就是用一个感觉的色彩, 例如淡蓝、淡黄、淡绿;或者土黄、土灰、土蓝。确定色彩的方法各人不同, 我是在photoshop里按前景色方框, 在跳出的拾色器窗中选择&ldquo;自定义&rdquo;, 然后在&ldquo;色库&rdquo;中选就可以了。</p><p>(六) 选择颜色要注意时效性。</p><p>同一个色彩很容易充斥着整个市场, 且消费者很快地就对流行色彩感到麻木。但就另外一个角度来看, 你可以使用几十年前的流行色彩, 引起人们的怀旧之情。</p><p>(七) 选择色盘时请考虑功能性的颜色。别忘了将关键信息部分建立功能性的颜色, 例如标题和超级链接等。</p><p>(八) 注意网站色差问题。</p><p>每一个网站开发人员都知道, 即使是网络通用颜色在跨平台显示的时候都会有些不同。记得要校正你的gamma值, 并在不同的作业平台上测试你的色盘。</p><p>二、网页艺术设计中的文字元素</p><p>文字是人们使用最广泛的信息传达和交换形式, 也是视觉传达设计组成要素之一。文字又是一种无声的语言, 属于视觉符号的一种。这种符号是经过长期的设计演变, 并随着时代的进步, 在使用的过程中又逐渐产生了审美的功能, 这种审美功能是人类经过精心设计而赋予的, 所以文字不仅有它特定的含义, 又有了人们所感知的外在形态, 这样就出现了字体和字体设计。字体设计具有两大最基本的功能:信息传播与视觉审美。</p><p>在目前的网络环境中, 虽然大多数网站中都有图形图像、动画、声音等元素, 但文字占的比例还是最大的。一般中文网页默认的字体是宋体。为了体现站点的&ldquo;与众不同&rdquo;和特有风格, 可以根据需要选择一些特别字体。制作者可以根据自己网站所表达的内涵, 选择更贴切的字体。需要说明的是:使用非默认字体只能用图片的形式, 因为很可能浏览者的计算机里没有安装特别字体, 那么辛苦设计制作便可能付之东流了。当然, 随着计算机技术的发展, 一些特殊的字体也可以在网络上实现, 不过要在HTML中使用特殊的字体, 但是, 你不可能预测你的访问者在他们的计算机上将看到什么。在你的计算机里看起来相当好的页面, 在另一个不同的平台上看起来可能非常糟糕。一些网站设计员喜欢使用字体来定义特性, 这虽然允许你使用特殊的字体, 但是仍需要一些变通的方法, 以免你所选择的字体在访问者的计算机上不能显示。级联风格表CSS有助于解决这些问题, 但是只有最新版的浏览器才支持CSS。</p><p>三、网页艺术设计中的图形/图像元素</p><p>图形/图像是网页中的重要组成部分。与文字相比, 它传达的是具象的信息, 展现了抽象概念的实际面貌, 所以显得直观, 也使浏览者易于理解和接受。图形/图像有多种形式, 可处理的方式也比较多。在网页设计时, 要在符合形式美的基础上做灵活处理, 能增强网页的视觉吸引力。</p><p>在图形/图像的设计使用上有以下原则:</p><p>(一) 在图形/图像的创作手段上, 可以用传统绘画方</p><p>式来创作, 也可借助计算机相关绘画软件和数码相机拍摄来创作。在风格上有写实的、卡通的、漫画的、装饰画等风格。</p><p>(二) 重复使用图像:</p><p>一些网站由于使用大量不重复的图像而错过了使用更好的技巧的机会。在创建商标时, 在网页上多次使用同样的图像是一个好的方法, 并且一旦它们被装入, 以后重新载入就会很快。</p><p>(三) 图形/图像格式:</p><p>一般web通常使用两种图形/图像格式&mdash;&mdash;GIF和JPG;还有两种格式&mdash;&mdash;PNG和MNG格式, 应用的相对少一些。</p><p>(四) 避免使用过大的图像:</p><p>不要使用横跨整个屏幕的图像。避免访问者向右滚动屏幕。占75%的屏幕宽度是一个好的建议。</p><p>(五) 让用户先预览小图像:</p><p>如果不得不放置大的图像在网站上, 就最好使用Thumbnails软件, 把图像的缩小版本的预览效果显示出来, 这样用户就不必浪费金钱和时间去下载他们根本不想看的大图像。</p><p>四、网页艺术设计中的动画元素</p><p>从网页浏览者的心理学角度来讲, 只有引起浏览者对你的网页的注意, 才有可能比较深入地进入到你的页面内容深处。如何引起浏览者的注意, 并进而让他们进行仔细浏览的行为呢?动画元素将起到举足轻重的作用。动画不但有很强的视觉冲击力, 能吸引浏览者的注意力, 由于它可以在时间维度上延展, 使得它在一定的时间内不仅能传达更多的信息量, 而且能将使我们的网页表现得更加生动, 具有强烈的真实感。</p><p>网页上的动画元素主要有GIF动画、FLASH动画、三维动画这三种类型。GIF动画是网络上出现比较早的动画形式, 属于帧动画类型, 每一帧的内容不同。它只能变现256种颜色, 适合制作小型的网络动画, 且大部分浏览器无需插件就可直接播放。GIF动画一般用Image Ready和GIF Animator两款软件制作。FLASH动画是目前网络上使用最广泛的动画形式, 它是矢量动画, 具有数据小、放大不影响动画质量等优点, 所以深受网页上动画设计者的喜爱。</p><p>不过, 网页上的动画要与内容有机结合, 确保动画和内容有关联。它们应和网页浑然一体, 而不是干巴巴的。动画并不只是Macromedia Director等制作的东西的简单堆积。</p><p>五、网页艺术设计中的声音元素</p><p>声音是信息传播的一种基本形式, 它利用人们的听觉器官来接受。但是在网页上我们还是慎用声音, 因为声音的运用也应得到警惕。内联声音是网页设计者的另一个禁地, 过多地使用声音会使下载速度很慢, 同时并没有带给浏览者多少好处。首次听到鼠标发出声音可能会很有趣, 但是多次以后肯定会很烦人。使用声音前, 应该仔细考虑声音将会给你带来什么?</p><p>综上所述, 色彩、文字、图形图像、动画、声音这些视听元素是构成网页的基本元素, 只有熟练地掌握了这些元素的运用, 我们才能设计和制作出漂亮而独特的网站页面来。</p><p>参考文献</p><p>[1]Karen Triedman, Cheryl Cullen (编著) .色彩平面设计.中国青年出版社.[1]Karen Triedman, Cheryl Cullen (编著) .色彩平面设计.中国青年出版社.</p><p>[2]王晓峰, 焦燕 (编著) .网页美术设计—原理及实战策略.清华大学出版社.[2]王晓峰, 焦燕 (编著) .网页美术设计—原理及实战策略.清华大学出版社.</p><h3>8.浅淡多媒体电子教案的制作设计 篇八</h3><p>多媒体电子教案的教学应用,关键是进行教学设计。进行教学设计的目的是为了解决教学中的实际问题。一个好的多媒体电子教案的设计,对激发学生学习的积极性,有着十分重要的作用。因此,在具体设计时,对屏幕上出现的各种信息,如文字、图形、图像、声音、动画等,要做到既符合教学要求、又突出多媒体技术的特点。笔者认为,进行教学设计时要坚持四项基本原则,综合四项基本设计内容,从而完成多媒体电子教案的设计。</p><p>一、多媒体电子教案设计要坚持四项基本原则</p><p>电子教案的制作过程是教学过程的再创造。为了制作出一个优秀的教案,要结合多媒体设备、计算机与传统教学的特点,使电子教案集科学性、教育性、交互性、艺术性于一体。其电子教案设计要坚持目标性原则、整体性原则、程序性原则、美学性原则。</p><p>1.目标性原则</p><p>目标原则是指电子教案的制作要针对教学的课程,选择最适合的多媒体电子教案的类型。由于不同课程的教学要求不同,所以采取的多媒体教学手段也不应相同。对于课堂演示型、实验操作型、考试测验型、资料工具型、网络教学型等,要根据课程的特点,科学设计多媒体教材的系统功能,充分发挥各种多媒体功能的长处,做到媒体优势与授课效果有机的结合,有的放矢。</p><p>在教学内容的表达形式、多媒体技术的应用上,也要有明确的目标。要选择适合发挥多媒体特性的教学内容,制作多媒体教材。例如,形态学内容,微观、宏观的教学内容,抽象复杂的教学内容,实习教学内容,实验技能训练课内容等,根据其教学的内容和方式,选择学生容易接受的方式进行制作,使有限的制作能力用在关键的地方。</p><p>2.整体性原则</p><p>整体性原则是指保证多媒体电子教案从内容上达到整体结构紧凑,并能系统、完整地表达教学内容。制作时,通过计算机软件的超链接功能,将教学单元之间的结构条理清楚、层次分明地形成一个整体。保证多媒体电子教案从版面布局上表现出较协调的整体风格,从整体的角度对电子教案的样式、颜色及按钮、文字的位置、大小进行安排。从功能上进行整体考虑,设置导航栏或帮助功能,从而使多媒体电子教案的功能更加完善。</p><p>3.程序性原则</p><p>程序性原则是指多媒体电子教案应保证设计程序上的合理性、交互性。通过合理的设计目录结构,使应用者在使用时能在繁多的教学内容之间自由地选择学习内容,但又不迷失方向,对电子教案各内容之间的层次关系一目了然,以方便教师教学和学生复习时使用。</p><p>4.美学性原则</p><p>美学性原则是指电子教案的制作要遵守界面美观、色彩协调、声画对位的原则。电子教案的制作,是一个艺术化的制作过程。其色彩的搭配要协调,声音与画面的组合要恰当,动画与视频效果的运用能解决教学的难点、重点。</p><p>二、撰写多媒体电子教案文案要涵盖四项基本设计内容</p><p>使用计算机制作多媒体电子教案,进行设计方案的文字撰写,相当于一个设计脚本。一个好的多媒体电子教案,必须有一个好的设计文案。设计文案是对整个教学课程的再创造,为以后的制作工作提供理论依据。由于多媒体电子教案是面向教学的,因此,其设计文案必须在教学理论的指导下,综合教学设计、各种媒体设计、结构设计、界面设计等四项基本设计内容。</p><p>1.教学设计</p><p>教学设计的目的不是炫耀新技术、新媒体,而是为了方便教学,更好地实现教学目标。要把保证教学质量、增强教学效果、实现教学大纲规定的目的、要求,作为教学设计的首要目标。同时,教学设计要根据多媒体的特点确定教学内容,再根据教学内容确定教学目标和确定教学重点。最后,以解决教学重点、难点达到教学目标为目的,对教学过程进行设计。内容包括:确定教学时间,即课时长度;设想教学情景;进行问题设置、演示环节、交流环节、教师总结等。根据各课程的教学特点,教学组织形式的构成要素,电子教案应包含以下内容:教学题目、教学要求、教学重点和难点;教学基本内容;归纳小结、思考题和练习题。</p><p>2.各种媒体设计</p><p>(1)文本的设计。文本在界面中起着直接表达各类信息的作用,是最基础的素材,应引起学生的注意力。一些教学信息,处理得好坏,将直接影响到多媒体电子教案呈现的效果,从而直接影响教学效果。文字内容要适中,语言精炼,简洁明了,突出重点。文字颜色应根据背景颜色选择,背景上的文字要突出,色彩搭配要合理,做到美观、醒目、易读。对于教学重点或关键性的标题、概念、结论等,要用与正文不同的字体或颜色突出显示。</p><p>(2)图形、图像的设计。为了更加突出背景图像上的文字,使学习内容一目了然,背景图像采用带有艺术性的淡雅色调为主基调,选择时起到能烘托主题的陪衬作用,不要使用与主题思想不符的背景图像。插图在传授知识方面起重要作用,可以利用各种媒体选择与教学内容密切相关的插图,能起到教学指导性和指示性的作用。</p><p>(3)声音的运用设计。动听的音乐、生动的音效有利于集中学习者的学习注意力,陶冶学习者的情操,激发学习者的学习潜力。声音的运用要适时、合理,才能起到较好的效果,否则会形成噪声,影响课堂教学。</p><p>(4)动画和视频的设计。通过生动有趣的动画和视频刺激学生的感官,变抽象为直观,变静为动,使难以觉察的事物能清晰地展现在学生眼前,便可为学生实现由具体的感知到抽象思维的飞跃架设桥梁。</p><p>3.结构设计</p><p>结构设计是设计多媒体电子教案的组织结构与表现方式,以及各部分教学内容的相互联系与联系方式,制定多媒体电子教案的框架结构和基本风格,使多媒体电子教案具有实用性强、操作方便、界面友好、智能性强、交互能力强等特点。</p><p>(1)为多媒体电子教案设计一个“片头”,采用二维或三维动画制作。片头的设计与制作的关键不是技术,关键是创意。</p><p>(2)再设计多媒体电子教案其他正文部分的结构。电子教案的基本结构为导航、链接、帮助、正文、自述文件。</p><p>(3)导航的设计。由于多媒体电子教案的信息量大,整体文件较长,在使用中通过各个相关页面的跳转来达到教学目的,所以,导航是多媒体电子教案中一个必不可少的结构设计。导航的设置应清晰、明了、准确地表达当前教学所在的位置、题目和知识点,同时也方便随时进入其他知识点学习。</p><p>导航功能的实现有几种方案:一种是放置导航按钮或导航图标。按钮是具有各种按钮形状的小符号。按钮上可以写上文字,以标出该按钮的功能。根据教学需要,在课程内容的任何位置加上按钮,将教案的整体与部分内容联系起来。图标是一种带有简单图形的符号,用形象的图形模拟现实事物,使人容易与现实事物产生联系。导航按钮和导航图标可以放置在每一页的顶部或底部,目的是让人一看到它们就知道其用处,明白其用法。</p><p>另一种树型结构,与教材目录相同,可用于辅助检索。树型导航目录为单独的一个页面,可以显示各章标题。单击其中任何一个章标题,都可以在另一页面显示这一章下面的节目录,相应的章标题文字颜色变色,表示为当前正在浏览或浏览过的章。</p><p>(4)超链接的设计。超链接是多媒体电子教案优于书本的一个突出特点。用鼠标点击某个按钮或文字等具有超链接的对象时,就会呈现关于这个对象所对应的信息,还可根据需要增加相应的超链接以方便链接相应的画面和素材。</p><p>在多媒体电子教案中,超链接的运用,可以实现教学信息的灵活获取以及教学过程、教学结构的重新组织,适合于不同层次的学习需要,更有利于因材施教。另外,还可以引发学生的联想,培养学生的思维能力。超链接的使用,可以根据不同教师的不同教学需求,进行各种跨章节,甚至跨学科的超级链接,有效组织电子教案的各种信息,体现知识点的内在联系。</p><p>在超链接的使用上,应该精心设计,真正体现知识的有机联系,又要谨慎使用超链接,控制链接数量,避免过多的链接让使用者迷失方向。</p><p>(5)帮助的设计。帮助是电子教案的使用说明,应具有使用方便、功能齐全(包括目录、索引等内容)的特点,能够在各个页面中随时调用。</p><p>(6)正文的设计。正文由各章、节的具体教学或演示内容构成。对于电子教案中的一个页面,应该反映一个突出的主题,或解释一个具体完整的概念。可以用陈述的文字概括重点内容,也可以用具有启发性的提问回答的形式来表达知识,使学生明确通过学习可以解决什么问题,获得什么结果。</p><p>(7)自述文件的设计。自述文件包括电子教案的开发软件环境、运行环境、安装及使用说明,运行所需音频、视频、动画等支持软件的要求,装入用户机硬盘后盘符不同时的重新链接方法,后续开发注意事项,制作群体及审定人员署名等。</p><p>4.界面设计</p><p>界面设计应本着遵循美学的原则,提供美观、和谐、色彩丰富、操作简便的用户界面。良好的界面设计,对激发学习积极性,吸引学习者的注意力和兴趣,有着十分重要的作用,在进行界面设计时,对屏幕上出现的各种文字、图形、图像、动画、声音等信息应做出既符合教学要求,又符合平面构图的原则,产生系统的整体布局效果。在界面设计时,主要考虑以下几方面的问题:</p><p>(1)分清主次,突出重点。把教学内容放在屏幕最显著位置,把操作帮助信息等次要信息放在屏幕的次要部位,正在学习的内容要加以适当的标识。</p><p>(2)激发学习者的兴趣。采用声音、动画、图像等直观信息描述教学内容,并实现多种信息的同步进行。</p><p>(3)合理运用色彩。注意前景色与背景色、文字颜色与背景颜色的搭配,并且每个画面的颜色组成不要过多。尽量采用和谐愉悦的色彩,以不分散学生的注意力为原则。</p><p>(4)和谐一致,体现整体的风格。界面设计中,图形格式统一、放映风格一致;各种元素的布局要主次有序、层次鲜明;同一层界面的背景、布局、字体、字号、字色(包括超链接)要完全一致。</p><div class="banquan"><p class="rel_art_line">【网页制作基础知识 教案】推荐阅读:</p><p><a target="_blank" href="https://www.52xueshu.com/w/dock838ewh82.html">网页制作教案电子版</a><span>08-21</span></p><p><a target="_blank" href="https://www.52xueshu.com/w/docuutjeh82b.html">网页制作课堂反思</a><span>08-10</span></p><p><a target="_blank" href="https://www.52xueshu.com/w/docfecee2014.html">电脑维护/网页制作、其它简历</a><span>07-11</span></p><p><a target="_blank" href="https://www.52xueshu.com/w/doc8st2eh8p0.html">网页制作教学大纲(专业课)</a><span>06-18</span></p><p><a target="_blank" href="https://www.52xueshu.com/w/docyzwues8i4.html">网页设计基础教学大纲</a><span>07-07</span></p><p><a target="_blank" href="https://www.52xueshu.com/w/doc44kve894z.html">网页浏览教案</a><span>07-12</span></p><p><a target="_blank" href="https://www.52xueshu.com/w/docv58we594o.html">数字制作技术基础</a><span>07-22</span></p><p><a target="_blank" href="https://www.52xueshu.com/w/doc4r5he9m37.html">《陶艺制作--杯子》教案</a><span>06-21</span></p><p><a target="_blank" href="https://www.52xueshu.com/w/doc2z9eeqdk1.html">制作简单演示文稿--教案</a><span>06-14</span></p><p><a target="_blank" href="https://www.52xueshu.com/w/doc1c9te5sgt.html">幼儿大班科技制作教案</a><span>06-23</span></p></div></div><div class="write-btn"><a rel="nofollow" href="https://www.52xueshu.com/so/q=网页制作基础知识 教案"> >> 查看更多相关文档</a></div><script type="text/javascript">s("wzfz");</script><p class="art-other"><a href="https://www.52xueshu.com/w/doc858heg0po.html" title="风电安全工作管理规定">上一篇:风电安全工作管理规定</a><a href="https://www.52xueshu.com/w/doczefoeb5vd.html" title="专业介绍材料成型">下一篇:专业介绍材料成型</a></p></div></div> <div class="rtbox right"><script type="text/javascript">s("zxkf");</script><div class="hot_dh top5" id="key"><span class="hotso"></span><h3>本站热搜</h3><ul class="hot_ul ultext"><li class="hot_item"><span class="toplist-hot1">1</span><a href="https://www.52xueshu.com/w/docaxs8ekxdy.html" target="_blank">三上科技与制作教案</a></li><li class="hot_item"><span class="toplist-hot2">2</span><a href="https://www.52xueshu.com/w/docssl4ee283.html" target="_blank">六年级信息技术《使用自选图形设计网页》教案河北教育出版社</a></li><li class="hot_item"><span class="toplist-hot3">3</span><a href="https://www.52xueshu.com/w/docrem4ev38w.html" target="_blank">《巧手制作圣诞树》教案</a></li><li class="hot_item"><span class="toplist-hot4">4</span><a href="https://www.52xueshu.com/w/doc9kcqer1w6.html" target="_blank">大班制作交通标志教案</a></li><li class="hot_item"><span class="toplist-hot5">5</span><a href="https://www.52xueshu.com/w/docks9pe32do.html" target="_blank">flash动画的制作教案</a></li><li class="hot_item"><span class="toplist-hot">6</span><a href="https://www.52xueshu.com/w/doc9r3me301m.html" target="_blank">幼儿美术教案制作螃蟹</a></li><li class="hot_item"><span class="toplist-hot">7</span><a href="https://www.52xueshu.com/w/docfzjzeyjf7.html" target="_blank">用WORD制作电子贺卡教案</a></li><li class="hot_item"><span class="toplist-hot">8</span><a href="https://www.52xueshu.com/w/docbczfe8s06.html" target="_blank">中班其他教案:《制作不倒玩具》</a></li><li class="hot_item"><span class="toplist-hot">9</span><a href="https://www.52xueshu.com/w/doc0dr2ej4pf.html" target="_blank">制作螃蟹幼儿园大班美术教案</a></li><li class="hot_item"><span class="toplist-hot">10</span><a href="https://www.52xueshu.com/w/docoi28eb7n1.html" target="_blank">常识教案-镜子主题活动之一 —— 制作镜子</a></li></ul></div><div class="hot_dh top5"><span class="hotso2"></span><h3>相关推荐</h3><ul class="hot_ul ultext"><li class="hot_item"><span class="toplist-hot1">1</span><a href="https://www.52xueshu.com/w/docfr66ec172.html" target="_blank">浅谈演示型电子教案的特点、设计和制作</a><span class="c-text c-text-hot">热</span></li><li class="hot_item"><span class="toplist-hot2">2</span><a href="https://www.52xueshu.com/w/doch9rhezrvu.html" target="_blank">英文网页翻译</a><span class="c-text c-text-hot">热</span></li><li class="hot_item"><span class="toplist-hot3">3</span><a href="https://www.52xueshu.com/w/doc3iagesj2i.html" target="_blank">网页设计师简历</a><span class="c-text c-text-hot">热</span></li><li class="hot_item"><span class="toplist-hot4">4</span><a href="https://www.52xueshu.com/w/doc624hep4xt.html" target="_blank">网页设计大赛题目</a></li><li class="hot_item"><span class="toplist-hot5">5</span><a href="https://www.52xueshu.com/w/docicbzeg0gt.html" target="_blank">网页设计与应用</a></li><li class="hot_item"><span class="toplist-hot">6</span><a href="https://www.9zjy.com/haowen/filegl49v4av.html" target="_blank">制作电子相册教案</a></li><li class="hot_item"><span class="toplist-hot">7</span><a href="https://www.52xueshu.com/w/docmkeved6s1.html" target="_blank">网页设计课程设计报告</a></li><li class="hot_item"><span class="toplist-hot">8</span><a href="https://www.52xueshu.com/w/docirqfetk2p.html" target="_blank">保全网页公证申请书</a></li><li class="hot_item"><span class="toplist-hot">9</span><a href="https://www.99wenmi.com/article/filelln9ybia.html" target="_blank">《制作多媒体演示文稿》教案教学设计</a></li><li class="hot_item"><span class="toplist-hot">10</span><a href="https://www.52xueshu.com/w/docxy2req86d.html" target="_blank">网页设计师学习课程</a></li></ul></div></div></div> <div class="footer"><div class="footer-content"><div class="copy-link"><div class="earth-con"><div class="file-groups earth-con-item"><span>资料大全</span><a href="https://www.52xueshu.com/index/f-a-1.html" target="_blank">A</a><a href="https://www.52xueshu.com/index/f-b-1.html" target="_blank">B</a><a href="https://www.52xueshu.com/index/f-c-1.html" target="_blank">C</a><a href="https://www.52xueshu.com/index/f-d-1.html" target="_blank">D</a><a href="https://www.52xueshu.com/index/f-e-1.html" target="_blank">E</a><a href="https://www.52xueshu.com/index/f-f-1.html" target="_blank">F</a><a href="https://www.52xueshu.com/index/f-g-1.html" target="_blank">G</a><a href="https://www.52xueshu.com/index/f-h-1.html" target="_blank">H</a><a href="https://www.52xueshu.com/index/f-i-1.html" target="_blank">I</a><a href="https://www.52xueshu.com/index/f-j-1.html" target="_blank">J</a><a href="https://www.52xueshu.com/index/f-k-1.html" target="_blank">K</a><a href="https://www.52xueshu.com/index/f-l-1.html" target="_blank">L</a><a href="https://www.52xueshu.com/index/f-m-1.html" target="_blank">M</a><a href="https://www.52xueshu.com/index/f-n-1.html" target="_blank">N</a><a href="https://www.52xueshu.com/index/f-o-1.html" target="_blank">O</a><a href="https://www.52xueshu.com/index/f-p-1.html" target="_blank">P</a><a href="https://www.52xueshu.com/index/f-q-1.html" target="_blank">Q</a><a href="https://www.52xueshu.com/index/f-r-1.html" target="_blank">R</a><a href="https://www.52xueshu.com/index/f-s-1.html" target="_blank">S</a><a href="https://www.52xueshu.com/index/f-t-1.html" target="_blank">T</a><a href="https://www.52xueshu.com/index/f-u-1.html" target="_blank">U</a><a href="https://www.52xueshu.com/index/f-v-1.html" target="_blank">V</a><a href="https://www.52xueshu.com/index/f-w-1.html" target="_blank">W</a><a href="https://www.52xueshu.com/index/f-x-1.html" target="_blank">X</a><a href="https://www.52xueshu.com/index/f-y-1.html" target="_blank">Y</a><a href="https://www.52xueshu.com/index/f-z-1.html" target="_blank">Z</a><a href="https://www.52xueshu.com/index/f-09-1.html" target="_blank">0-9</a></div></div><div class="footer-nav"><a href="https://www.52xueshu.com/" target="_blank">网站声明</a><span>|<span><a href="https://www.52xueshu.com/" target="_blank">帮助中心</a><span>|<span><a href="https://www.52xueshu.com/" target="_blank">帮助中心</a>|<span><a href="https://www.52xueshu.com/index/f-a-1.html" target="_blank">网站地图</a><span></div><p class="footer-copyright"><a href="https://www.52xueshu.com//www.52xueshu.com" target="_blank">学术范例网</a> 52xueshu.com <a href="https://beian.miit.gov.cn/" rel="nofollow" target="_blank">赣ICP备2024034222号-1</a></p></div></div></div> <script>window.KeyWord = "网页制作基础知识 教案";</script> <script src="https://www.52xueshu.com/default/static/js/base.js"></script> </body> </html>