1互联网:是由世界上各种各样的网络互联所形成的“网络的网络”,是一个网际网(将世界各地各种规模的计算机网络连接成一个整体,从而实现了信息交流和共享)
2.网络协议:是一系列通信规则的总称(主要包括用户数据与控制信息的结构和形式,需要发出的控制信息以及相应要完成的操作与响应、对事件实现顺序的详细说明等三部分内容。)
3.网络类型分为硬件协议和软件协议。
4.硬件协议:定义了硬件设备如何运作以及如何协同工作。
5.软件协议:程序之间的通信是通过软件协议完成的。
6.TCP/IP:是为连接不同的网络而设计的一个协议集,主要由TCP和IP 两套协议组成(IP网际协议运行在OSI网络七层模型中的网络层上;TCP传输控制协议工作在OSI模型中的传输层上,用于建立和校验数据连接。)。
7.域名:一种字符型的地址标识;(域的命名方式成为域名系统,域名采用层次型命名机制,域名系统实现了域名--IP地址的映射,域名系统的实质是一个分布式数据库,包括提出数据的标准格式、数据库查询方法以及本地数据更新数据库的标准方法)。
8.万维网:“www即world wide web” 又称全球信息网,简称web,是目前互联网上最流行的交互式信息查询服务系统。
网页:在互联网中,信息的载体是网页(由标记和文本组成,每个网页都是基于超文本和超媒体,超文本:将一个文档的链接嵌入另一个文档的形式;超媒体:网页包含了种种多媒体信息或多媒体链接)。
web服务器:也称为网站或站点,而在一个站点的诸多网页中,总有一个网页是被指定为该站点的首页,这个页面时整个站点的核心,站点内所有内容都是由门户网页进行索引,该页通常被命名为index.html或default.html。
html:网页的核心,并不是一种程序设计语言,而是一种“页面设计语言”(当用户通过网页浏览器阅读html文件时,浏览器负责解释插入到html文本中的各种标记,并以此为依据显示文本的内容,我们把html语言编写的文件称为html文本)。
web浏览器:指一个运行在用户计算机上的程序,它负责下载、显示网页,因此也称为www客户程序(以html文件的方式或是无格式文本来保存web文档)。
最具有代表性的html标记编辑器:Hotdog和HomeSite。
所见即所得型网页制作工具:office套件专用工具:frontpage和Dreamweaver。
编程性网页制作工具:CGI(C、C++,)和Java。
图像处理工具可对图像进行编辑、修饰、优化、图形文件格式转换等处理。
整体设计站点包含8部分:初始商讨、构思、综合内容、页面布局和导航、图形制作、内容流程、测试、验收交付。
网站风格:整个网站所采用的结构布局、色调、文字、标志、图案等要素带给浏览者的关于该网站的印象。
网站层次:指主页面和二级页面、三级页面之间的结构关系。
网站的目录:建立网站时创建的目录。
网站的链接结构:页面之间相互连接的拓扑结构。
想要更好的制作网页,应注意的几个问题:页面结构、页面内容、文字、图形。
重心平衡:页面重心反映的网页上各种元素分布的协调程度。(重心平衡指左右重心的平衡)。
彩色的属性:色相(颜色的基本属性,反映颜色的原貌)、饱和度(也叫纯度,指颜色的纯洁度)、明度(也叫亮度,体现颜色的深浅)。
页面构图分为大色块构图和抽象线条构图(色彩一般使用统一色调)。Photoshop默认的图像格式是以PSD为后缀(T)。PSD文件可以包括图层、通道、路径以及图片版权信息,其中图层是Photoshop最重要的特点之一。
颜色的调节方法:色彩层次、色彩曲线、色彩平衡、亮度和对比度等。html标记有单边和双边两类。标记元素不区分大小写。title出现在头文件中。标记
URL统一资源定位器,是文件名的扩展。
file:本地文件。ftp:文件传输协议。gopher:gopher协议。news:该文件为网络新闻。
动态网页技术:服务器端的动态页面、客户端的动态页面。
XML:侧重于组织和查找数据。css:侧重于web页的继承性和表现。DHTML(优点:动态样式、动态内容和动态定位):侧重于web内容的动态表现。
JavaScript:是一种基于对象和事件驱动并具有安全性能的脚本语言(具有事件与事件处理句柄、变量与常量、表达式与运算符、函数、数组、对象等各种元素,以及条件、循环、对象等控制语句)。
对象:一种组织数据的方法,以及与数据相关的操作(Window对象是JavaScript的最顶层对象)。
css:也被译为层叠样式表。
样式单可分为3种:内联式样式单(简化了html标记的属性,直接通过css控制显示样式,使页面效果更加丰富多彩)、嵌入式样式单(统一整个页面的样式,只需改动某一个样式定义,整个页面内所有文件的相应位置均会改变,有利于统一页面内部的样式)、外部式样式单(可以统一整个网站的所有网页的样式,只要改动一个外部样式单文件,站点内所有的引用了该样式单相应样式的页面便都进行了改动,也方便了站点的维护)。
选择符:超文本标记选择符、类选择符、ID选择符。
编辑区为用户编辑网页时的工作区域,也是frontpage整个工作区中面积最大的的区域。
在线帮助方式:通过屏幕提示获得帮助;通过frontpage2003帮助文件获得帮助;通过访问Internet获得相关帮助。
三种典型的站点模板:个人站点模板;客户支持站点模版;项目站点模板。
frontpage编辑模式:以站点为单位进行编辑和以网页为单位进行编辑。主题:是一套经过许多专业网站设计人员设计的图形、色彩、字体的组合。
超级链接:指向站点中的网页或文件的超级链接;指向电子邮件的超级链接;指向新网页的超级链接;指向一个书签的超级链接;指向全球广域网上的网页或文件的超级链接。
导航栏:是一组超级链接,用来快捷地浏览整个站点。
共享边框是站点中一个或多个网页所共有的区域。
表单是浏览者通过浏览器与网站联系的重要手段。
Dreamweaver的特点:最佳的制作效率、网站管理、无可比拟的控制能力、所供及所得、全方位呈现。
fireworks:是一个创建、编辑、优化网页图形的多功能应用程序,(可以创建和编辑位图及矢量图形,设计网页效果)。
fireworks特点:活效果、自动应用纹理和填充效果、完整的文本控制组件、文件导出预览、批处理过程、图像映射、实例及按钮元件编辑、制取切片、与Macromedia Dreamweaver的兼容性。
用fireworks制作动画的方法:合并图像形成动画、使用元件生成动画效果和手工绘制。
集合命令可以让你把多个对象变成一个单一的对象来处理。
打散命令:用来将集合、文本块、实例、位图和ole对象分成独立的可编辑的元素。
Flash声音类型:事件声音(必须完全下载之后才能开始播放)、流声音
(只需下载开始几帧的数据便可以播放)。
web服务器:安装了服务器软件并使用Internet协议响应基于TCP/IP协议的网络上web客户请求的计算机(由http加后台数据库组成)。
pws主要组件:个人web服务器、事务服务器、数据库访问组件、frontpage服务器扩展、消息列队服务器。
虚拟主机:使用特殊的软硬件技术,把一台运行在因特网上的服务器主机分成多台“虚拟”的主机,每一台虚拟主机都具有独立的域名和IP地址,具有完整的Internet服务器功能,虚拟主机之间完全独立,并可由用户自行管理。
XML:是一种基于sgml标准的简单灵活的标记语言(特点:开放性、可扩展性、互操作性、严密性)。
HTML和XML在格式上的区别:两个文件包含了相同的数据,其中一个是以XML格式书写,另一个是以HTML格式书写
其他协议:HTTP:超文本传输协议,用于www服务;FIP:文件传输协议,用于实现计算机之间的文件传输;SMTP:邮件传输协议,用电子邮件发送;POP3:邮件协议3,一般用于电子邮件接收;TELNET:远程登录协议,用于远程终端登录主机。
在TCP/IP的地址编排方案中,才用了一种通用地址格式,为互联网中每一个网络和每一台主机都分配一个地址,这个地址是“唯一”的。
IP地址是一种层次型地址,在概念上分为三个层次:主机、由主机构成的网络、由网络构成的互联网。
web包含三个方面:1、实现资源引用的统一命名机制,也就是URL(统一资源定位器,是指互联网上文件位置的标志)2、使用标准的web文件传输机制--HTTP 3、文本的逻辑采用标记语言HTML描述协议(HTML 是万维网中超文本文件的基础)。
超媒体的应用:1、网页的图形本身就是一个链接,图形链接使浏览器变得更为直观和有趣。2、web的链接可以打开某一程序,而且显示并播放其中的图片、音频或视频剪辑。
web浏览器如何对超媒体进行处理而能够自动播放、显示各种媒体的呢? web浏览器向web服务器索取html文件,然后等待服务器将文件送回,浏览器得到这些文件后,将按一定的格式显示这些网页,以供用户查看,web浏览器可以显示文本、字体、和一些类型的彩色图形,当访问其他多媒体时,如声音,web浏览器自身并不能够播放声音,而必须要打开能显示或播放这些多媒体信息的程序。
评价一个网站网页设计的好坏主要包括“创意”和“制作”两个部分,因此网站设计的总目标是:要有好的创意、丰富的内容、新颖的观点,使读者不仅能开阔眼界还能得到有价值的信息和有益的经验,同时还要使页面生动活泼,妙趣横生,而且使浏览者能够迅速找到希望得到的内容。商业网页制作的要求:(主要前3个)1、良好的视觉效果2、站点开发周期应尽可能短,网页发布信息一定要准确3、维护更新要方便4、申请既有意义又容易记得域名,能令人过目不忘5、在固定位置放置公司标志或站点标志 6、在网页底部使用脚注描述一些相关信息。
初学网页制作的时候,从几方面入手:1、从了解html的基本标记开始2、选择一个自己认为颇为顺手的工具,从第一个页面开始3、多多访问他人的网页,从中受到启发 4、深入分析成功的网站和网页。
商业网站的风格:1、主题图形形象突出、充满动感,反映了开拓进取灵活多变的风格2、导航清晰,且栏目图标具有相应的内容提示3、具有强大的搜索引擎和快速网站导航 4、具有艺术水准5、更新日期明确,加快阅读速度。
非商业组织的网站风格:1、强调页面的主色调2、主题图形要求反映单位的风采,设计应有创意、有内涵、庄重中不乏活泼3、超级链接的分类一定要清晰,可采用图形,必要时可建立站内搜索引擎,4、经常更新信息查看版板,增加访问者的访问兴趣。
个人网站的风格分为3中,主题图形式、信息发布式及介于两者之间的形式,这三种风格在布局上各有区别,其区别主要反映在主页上。
任何一个网站均可以用三级结构实现:主页的制作主要是主题图形的制作以及页面的构图;二级页面是每个栏目的起始页;三级页面是文章页,位于最底层。
规划网站目录遵循的原则:1、不要将所有的目录都存放在根目录下,这样做会导致文件管理混乱和上传速度变慢2、按栏目内容分别建立子目录3、在每个主目录下都建立独特的images目录4、目录的层次不要太深5、切记使用中文目录不要用过长的目录和尽量使用意义明确的目录。
“抖动”的原理:它伪造了那些在颜色有限的调色板中不能显示出来的颜色;在视觉上,临近像素倾向于混合而产生在图像中实际不存在的颜色,从而达到一种补偿的目的。“抖动”的图像有很多颗粒,使图像显得非常粗糙。
页面布局的方法:主要可以通过两种工具来进行创作,一种工具是纸,在一张白纸上进行布局构思,称为纸上布局法;第二种工具是计算机,通过某些软件来进行页面布局构思,称为软件布局法。
运用色块制作网页时需要掌握的要点:1、冷暖色调在均匀使用时不宜靠近2、纯度接近的两种颜色也不宜放在一起3、整个页面中最好有一个主色调。
网页设计的通用规则:1、网站的设计目的决定设计方案
2、浏览者的需求应被放在第一位
3、页面的有效性
4、页面的布局保持统一性
5、使用表格和适当的帧结构来设计网页
6、谨慎使用图片
7、平面设计意识
8、减少Java Applet和其他多媒体的使用。
DHTML组成部分及功能:1、HTML4.0:包括许多增强特性;
2、css:控制xml或html语言编写的文档的显示,可以使页面布局和格式比html更精确
3、DOM:文档对象模型为html文档定义了一个与平台无关的程序接口。
4、脚本语言:W3C已建议颁布其DOM对EC-MAscript的基本绑定。
综上所述,DHTML具有良好的交互性和动态性,加之已有的多媒体超文本实现能力,使其已经得到大力发展和推广,在许多方面都得到了使用,因此具有十分良好的应用前景。
JavaScript和Java的区别:
1、基于对象和面向对象:Java是一种真正的面对对象的语言,JavaScript是一种脚本语言。
2、解释和编辑:Java的源代码在传递到客户端执行前必须经过编译。
3、强变量和若变量。
4、代码格式不一样
5.嵌入方式不一样。
6、静态联编和动态联编。
JavaScript和Java在性能上的差异:1、JavaScript的本质是解释的。
2、JavaScript实现了src属性。
3、JavaScript代码能翻倍的修改。
4、JavaScript能有效的与DOM结合起来控制浏览器的行为,能方便的使用插件、浏览器事件、窗体等技术,以实现用户和网页的交互。
5、JavaScript的源代码存在安全问题。
6、在处理非常复杂的应用时就会被
自身机制的局限性所限制。
css作用:1、针对页面中的对象的风格和样式进行定义
2、使得HTML各个标记的属性更具有一般性和通用性。frontpage功能:创建和管理web站点;制作网页;发布站点;维护站点;更容易建立专业的、美观的网站;能够自动创建web站点的文本索引;加强数据库的访问能力。
创建站点的工作流程:1、计划和准备,包括设置Dreamweaver站点
2、创建网页,调整网页布局,添加内容
3、根据需要编辑代码
4、将网页链接在一起
5、预览和发布站点
6、添加显示来自数据库的信息的动态网页。
fireworks的“洋葱皮”功能:“洋葱皮”一词来源于一种传统的动画技术,既使用很薄的、半透明的描图纸来查看动画序列,使用“洋葱皮”可以查看当前所选帧之前和之后的帧的内容,可以很流畅地使用对象变为动画,而不用在动画中来回跳跃。
Flash的特点:使用矢量图形和流式播放技术;通过使用关键帧和图符使得所生成的动画,文件非常小;把音乐、动画、声效、交互方式融合在一起;强大的动画编辑功能使得设计者可以随心所欲地设计出高品质的动画,使Flash具有更大的的设计自由。
Flash工作环境:舞台、时间轴窗口、绘图工具栏、标准工具栏、图库窗口、控制器面板。
时间轴是Flash中最重要的工具之一,用它可以查看每一帧的情况,调整动画播放的速度,安排帧的内容,改变帧与帧的关系,从而实现不同效果的动画。
打散命令对对象的影响:1、切断了实例同其符号的联系
2、动画和符号会放弃除当前帧外所有帧
3、将位图转换成填色
4、将文本字符转换成轮廓线
5、切断了ole对象同其原创作程序的联系。
栏目设计应考虑的方面:紧扣主题、设计一个最近更新或网站指南的栏目、设计一个可以双向交谈的栏目、设计一个下载或常见问题回答的栏目。
划分栏目需要注意:1、尽可能删除与主题无关的栏目
2、尽可能将网站最有价值的内容列在栏目上
3、尽可能方便访问者的浏览和查询。
影响web站点性能的因素:网络连接的宽带、站点上文件的大小、内嵌在网页或从网页启动的应用程序或是脚本所需的资源、RAM的大小和计算机处理器的速度。
选择主机考虑的因素:服务器放置的位置;主机与网络连接的速度;主机所运行的操作系统;磁盘空间大小;Email信箱数量;是否能够使用数据库;是否支持微软的frontpage;是否支持加密传输。
XML的特点:通过启用一个可扩展的标记集,来提供更多有关文档内容的精确说明;极大地在方便在用户之间和在应用程序时间的传输文档;支持高级搜索;分离文档结构和显示内容;改进用户响应、网络装人和服务器装人;支持Unicode;支持文档间的高级链接。
一个文档应符合的规则:文档的第一行必须的XML文档说明;文档必须包含一个元素;每个开始标记必须和结束标记配套使用;文档中必须包含唯一的打开和关闭标记;各标记中间不能重叠,或者说是不能交叉定义。
《网页设计与制作教案》 湄洲湾职业技术学院 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的使用
网页设计与制作实例教程 习题答案 第1章网页与网站基础 一、选择题 1.A 2.B 3.C 4.C 5.A 二、判断题 1.√2.×3.√4.×5.√ 三、问答题 略 第2章网页规划设计 一、选择题 1.D 2.A 3.C 4.A 5.C 二、判断题 1.×2.×3.×4.√5.√ 三、问答题 1.答:网站需求分析一般包括三个阶段的内容:网站背景分析、总体需求分析、具体需求分析。(每个阶段可再详细描述。) 2.答:可从以下几个方面来阐述网站设计的原则:①日期、时间和数字;②欢迎词; ③弹出窗口和引导页面;④新闻和公告信息;⑤网址;⑥控件;⑦链接;⑧主页内容 3.答:打开新浪网首页,分析其布局类型。(答案略) 4.答:网页色彩搭配方法可从以下两个方面去阐述:①根据页面风格以及产品本身的诉求确定主色;②根据主色确定配色。 网页色彩搭配技巧可从以下几个方面去阐述:①用一种色彩;②用两种色彩;③用一个色系;④用黑色和一种色彩以及色彩搭配忌讳的方面。 5.答:打开当当网,具体分析其规划过程。(答案略) 第3章初识网页制作软件 一、选择题 1.C 2.C 3.B
二、填空题 1.代码、拆分、设计2.文件、资源、规则3.超级链接 三、操作题 略 第4章制作网页内容 一、选择题 1.D 2.B 3.A 4.D 5.ABD 6.D 7.B 8.D 9.A 10.A 二、判断题 1.√2.√3.×4.√5.√6.√7.√8.√9.×10.√三、操作题 略 第5章设置网页超级链接 一、选择题 1.D 2.D 3.A 4.D 5. C 二、判断题 1.×2.×3.×4.√5.× 第6章使用CSS样式美化网页 一、选择题 1.B 2.C 3.C 4.B 5.A 6.D 7.D 8.D 9.B 10.C 11.A 12.A 13.C 14.D 15.D 16.A 17.A 18.B 19.D 20.D 二、简答题 1.×2.×3.×4.×5.×6.×7.√8.×9.√10.√11.×12.×13.×14.√15.√16.√ 第7章规划布局网页 一、选择题 1.B 2.A 3.B 4.B 5.D 二、简答题
1.请列出三种TCP/IP网络中所使用的协议,并说明它们哪些类型的终端之间的,例如,网络管理站(SNMP)是用于中央网络管理站和网络之间的。 参考答案: (1)HTTP:超文本传输协议,用于WEB服务器和WEB客户机之间; (2)SMTP:简单邮件传送协议,用于邮件客户机和邮件服务器之间; (3)TELNET:远程登录协议,用于客户机与终端之间。 2.现给出一个网址如下:https://www.doczj.com/doc/d8410598.html,/planetwide/select/selector.html,请你根据所学的URL分析该网址各个部分的含义。 参考答案: //前的http表示访问信息采用的是超文本传输协议,并且文件在WWW服务器上; https://www.doczj.com/doc/d8410598.html,表明了WWW服务器的位置; planetwide/select/selector.html表明最终要访问的文件所在的位置。 3.访问类型即访问信息的链接方式,它决定了文件所在的位置,请问常用的链接方式有哪几种,并举出实例。(列出三种即可) 参考答案: (1)file:如file:\\D:\作业\作业\主页.htm(前面的file:\\一般可省略)就是打开本地D盘下的一个网页;(2)ftp:如ftp:\\https://www.doczj.com/doc/d8410598.html,(此处也可输入IP地址); (3)http:如https://www.doczj.com/doc/d8410598.html,/; (4)News:news:\\192.168.1.7可以查看IP地址192.168.1.7的可用新闻组; (5)telnet:telnet:\\192.168.1.7就可以运行远程登录IP地址192.168.1.7; 4.我们要进入紫霞的公众网,网址如下:telnet://https://www.doczj.com/doc/d8410598.html,,请你实际操作进入该网站,并列出三种以上进入该TELNET网站的方法。 参考答案: (1)在浏览器中登录:启动INTERNET EXPLORER,在URL地址栏中输入“telnet://https://www.doczj.com/doc/d8410598.html,”;(2)“开始”→“运行”→“输入telnet”→“确定”→在命令行输入“open https://www.doczj.com/doc/d8410598.html,”命令并回车; (3)“开始”→“运行”→“输入cmd”→“确定”→在命令行输入“telnet https://www.doczj.com/doc/d8410598.html,”命令并回车; (4)“开始”→“运行”→“输入c md”→“确定”→在命令行输入“telnet211.157.100.8”命令并回车。 5.如果远程登录失败,请问原因可能是什么? 参考答案: (1)计算机地址拼写错误(主机名或IP地址错误); (2)远程计算机暂时不能使用; (3)你所指定的计算机不在Internet上。 6.实践:启动INTERNET EXPLORER浏览器,修改其INTERNET选项,并观察其效果。 您的答案: 答:将https://www.doczj.com/doc/d8410598.html, 设置为INTERNET选项的首页后,只要打开INTERNET EXPLORER 便直接登录到该网站的主页 1.个人网站有哪三种基本风格? 参考答案: (1)主题图形式; (2)信息发布式; (3)介于两者之间的风格。
存档资料成绩: 课程设计报告书 课程名称网页设计与制作 题目设计个人网站主页 分院电信分院 专业班级电子商务 学号 学生姓名 指导教师 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)设计五课程设计心得。
《网页设计与制作》课程概述: 栏目介绍:课程栏目包括除课程概述之外,还有教学大纲、主讲 教师、学习课件、学习资料、在线练习、留言板、友情链接。 课件内容介绍: 《网页设计与制作》是一门理论与实践技能并重的课程,本 课程主要介绍第一章至第五章的内容。部分教学内容如下: 第一章 网页设计基础 第二章 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属性 教材介绍: 所用教材是《网页设计与制作基础教程》,其内容丰富,结 构清晰,语言简练,图文并茂,具有很强的实用性和操作性,可 作为高等院校计算机相关专业的教材,也可作为广大动态网站开
广西玉林高级技工学校 《网页制作与设计》课程标准 一、课程基本信息 二、课程性质 本课程是中职计算机术专业的一门主干专业课程。通过本课程的学习,要求学生掌握网页设计的基本概念,学会使用常用的网页设计工具和常用脚本语言,能够设计制作常见的静态和动态网页,具备网站的建立和维护能力。同时通过本课程的学习,培养学生的综合职业能力、创新精神和良好的职业道德。 三、设计思路 本课程标准的总体设计思路:以计算机专业学生的就业为导向,根据行业专家对计算机网络技术专业所涵盖的岗位群进行的任务和职业能力分析,紧紧围绕完成工作任务的需要来选择课程内容,设定职业能力培养目标;以“工作项目”为主线,创设工作情景;以书本知识的传授变为动手能力的培养为重点,强化学生实践动手能力的培养,以实现职业能力的培养目标。 四、课程目标 1.职业知识目标 1.熟悉HTML 语言的作用和开发环境,能够编写HTML 代码; 2.掌握常用的HTML 标签,能够实现基本的图文信息显示; 3.理解HTML 页面框架的作用,能够针对需求进行框架的设计; 4.掌握各类HTML 表单元素标签,能够进行表单设计;
5.掌握各类HTML 多媒体元素标签,能够进行多媒体页面设计; 6.掌握CSS 样式的基本使用方法,能够应用CSS 样式表美化页面;7.掌握CSS 网页布局的方法,能够结合DIV 标签进行页面布局; 8.掌握JavaScript 的语法基础,能够编写简单的JavaScript 应用程序;9.掌握JavaScript 的函数、内置对象、事件等,能够实现表单的验证;10.掌握DOM 树形结构及其操作方法,能够控制DOM 对象。 2.职业技能目标 1.能独立进行资料收集与整理、具备用户需求的理解能力; 2.能根据项目需求,具备项目页面的设计与实现能力; 3.能根据静态页面设计原则与CSS 技术规范,实现页面美化与布局;4.具有使用JavaScript 技术进行页面事件处理与表单验证的能力; 5.能根据DOM 树形结构,进行页面DOM 的控制; 6.具有综合应用HTML 语言、CSS 样式、JavaScript 脚本进行页面的设计、编码、调试、维护能力。 3.职业素质目标 1.养成善于思考、深入研究的良好自主学习的习惯; 2.通过项目与案例教学,培养学习者的分析问题、解决问题的能力; 3.具有吃苦耐劳、团队协作精神,沟通交流和书面表达能力; 4.通过课外拓展训练,培养学习者的创新意识; 5.具有爱岗敬业、遵守职业道德规范、诚实、守信的高尚品质。 五、课程主要内容与要求
实验一网页的认识 实验目的 1、掌握利用Internet进行信息游览、搜索,下载网页、图片、文字和文件; 2、利用记事本来编辑HTML文档并浏览; 3、熟悉HTML基本标记的使用。 实验环境 WindowsXP操作系统,内部组成局域网,外连Internet互联网。 实验重点及难点 ◆熟悉HTML的结构、语法。 ◆熟悉HTML基本标记的使用。 实验内容 1、从网上(如网页制作大宝库https://www.doczj.com/doc/d8410598.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 个像素,颜色为棕色;《网页设计与制作》期末考试试题 一、单项选择题(本大题共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 Network System D、Distributed Network Service 3、主机域名center. nbu. edu. cn由四个子域组成,其中( )子域代表国别代码。 A、center B、nbu C、edu D、cn 4、当阅读来自港澳台地区站点的页面文档时,应使用的正确文本编码格式是( )。 A、GB码 B、Unicode码 C、BIG5码 D、HZ码 5、当标记的TYPE属性值为( )时,代表一个可选多项的复选框。 A、TEXT B、PASSWORD C、RADIO D、CHECKBOX 6、为了标识一个HTML文件开始应该使用的HTML标记是( )。 A、