当前位置:文档之家› 静态网页设计日志模版

静态网页设计日志模版

静态网页设计日志模版
静态网页设计日志模版

学号:2006413052 姓名:余增发班级:计算机2006

总结:

毕业设计最大的体会就是真实项目做起来要比凭空而想的项目更难很多,因为制作之前必须做很详细的需求分析,要了解项目需要什么功能,对企业有什么具体的帮助,等等。

因为是在实习阶段制作的,所以时间的紧迫性变得至关重要,我们要在完成实习工作的同时要把毕业设计完成好。这就需要我们充分的利用和分配时间,和往常的期末作品相比较,除了拥有紧迫的共同点之外,毕业设计给我们的更是一种成熟阶段所要考虑的种种,比如时间、精力、实用性。

其实对我们来说,报告书也算是一项艰难的任务,记得老师曾对我们说过,真正有本事的人不仅会做会说,最重要的是要会写。所以这也是一次锻炼我们的机会。

总之,我们在报告书打印出来并递给老师的时候,“毕业”这两个字已经离我们越来越近了。对于各位老师和同学,心中同样有数不清的语言想表达,古人云“天下没有不散的宴席”,那么,我想我们下次相聚之时,每个人都会有不一样的明天。

静态网站设计报告模板

网页设计报告 学部: 课程名称:网页设计基础专业: 学号: 姓名: 指导老师:

目录 一、网站简介 (1) 1.1网站介绍 (1) 1.2制作工具 (2) 1.3站点介绍 (3) 1.4文件夹摆放简介 (3) 二、布局简介 (4) 2.1首页布局 (4) 2.2个人中心布局工具 (4) 2.3朋友布局 (5) 2.4作品布局 (5) 2.5学校布局 (5) 2.6相册布局 (6) 三、网站内容介绍 (8) 四、制作心得 (11) 五、参考文献 (12)

一、网站简介 1.1网站介绍 我的网站是介绍自己的个人网站,总共15个页面,其中导航上有6个链接,包括首页、个人中心、朋友、作品、学校、相册。 首页部分:介绍了自己的一些简单的资料,其中有一份电子杂志,是平时的时候为了留作纪念做的,很想与老师和同学们分享。 个人中心:关于自己的一些详细的信息,以及在大学的一些变化,里面有两个子网页,通过图片链接进入,包括我的家乡和我的专业;我的家乡是介绍荆州和荆州公安的一些信息,而专业就是介绍的电子商务方面的一些信息。 朋友:包括三个子网页,介绍我的三个好朋友,李梦雪、陈丽婷和何立芝;好朋友有很多,只是因为时间原因,没有多余的时间做更多的页面去介绍,在后期的完善过程,会一一加上,因为网站做好不仅仅是因为它是作业、是考试,还是自己在大学的知识的积累和美好的回忆。 作品:运用SPAY放置了自己的五篇随便,平时很喜欢写随便,一段时间不写,就觉得少了写什么。当然,还包括自己喜欢的一些作家,很喜欢张小娴,喜欢她的文字,很真实,因此也用了一个页面专门介绍张小娴。 学校:这一部分我仅仅介绍了大学和高中,因为资源有限,没有一些关于小学和初中的照片,也就没办法详细介绍。相册这页,是花了最多心思去做的一个页面,其中的一个“鼠标经过图片移动”是在平时自学CSS的时候学到的知识,因为对制造网站有很大的兴趣,所以,在平时有时间的时候,会在网上下载一些视频和资料,用来自学。 相册:包含两个子网页,分别是班级相册和家人相册。在下面的介绍中,会仔细介绍。 1.2制作工具 Dreamweaver 8.0 1.3站点介绍 家乡专 业 张 小 娴 小 雪 丽 婷 立 芝 高 中 班 级 家 人 个人网站 首页中心个人作品朋友学校相册

《HTML5+CSS3网站设计基础教程》_教学大纲

《HTML5+CSS3网站设计基础教程》课程教学大纲 (课程英文名称) 课程编号:201601210011 学分:5学分 学时:76学时(其中:讲课学时:47 一、课程的性质与目标 《HTML5+CSS3网站设计基础教程》是面向计算机相关专业的一门专业基础课,涉及网页基础、HTML标记、CSS样式、网页布局、变形与动画等内容,通过本课程的学习,学生能够了解网页web发展历史及其未来方向,熟悉网页设计流程、掌握网络中常见的网页布局效果及变形和动画效果,学会制作各种企业、门户、电商类网站。

二、课程设计理念与思路 课程设计理念:高职教育的集中实践教学环节需明确必要的理论知识的生化与知识层面的拓展,不能局限 于单纯的技能训练。单纯的技能训练不是提高高等职业教育的理想课程。以能力的培养为重点,以就业为导向,培养学生具备职业岗位所需的职业能力,职业生涯发展所需的能力和终身学习的能力,实现一站式教学理念。 课程设计思路:基于工作过程开发课程内容,以行动为导向进行教学内容设计,以学生为主体,以案例 (项目)实训为手段,设计除理论学习与技能掌握相融合的课程内容体系。教学整体设计“以职业技能培养为 目标,以案例(项目)任务实现为载体、理论学习与时间操作相结合”。 开发工具:DreamweaverCS6 第一章初识HTML5

第二章HTML5页面元素及属性

第四章CSS3选择器

e g o o d f o 背景与图片不透明度的设置 √ 设置背景图像平铺√ 设置背景图像的位置√ 设置背景图像固定√设置背景图像的大小√设置背景的显示区域√设置背景图像的裁剪区域√设置多重背景图像√背景复合属性√线性渐变√径向渐变√重复渐变 √ 第七章表单的应用

静态网页设计报告书

网页设计课程设计报告网站主题:南国之旅旅游服务网站系别:电子商务 班级:2011级电子商务 学号:201124040138 姓名:汤永亮 指导教师:宋春晖

海南师范大学 信息科学技术学院 电子商务班 课程名称:网页设计 题目:南国之旅 指导教师:宋春晖 目录 一、需求分析与主题设计 (1) 二、栏目设计 (2) 三、布局设计 (3) 四、制作过程及要点 (4) 五、网站运行分析 (5) 一、需求分析与主题设计 用户对网站的要求是:风格统一和谐的网页,网页操作合理、方便、友好需要实现的功能和性能是:适当运用HTML语言和CSS样式定义,并正确运用多媒体信息,设计出风格统一和谐的网页;网站正常运行,功能达到设计要

求,风格和谐统一,操作合理、方便、友好,界面具有美感或创意,还要符合网站管理的原则。 网站的主题是介绍我所在大学的旅游胜地景点简介、路线选择,美图 网站主色调为蓝色,橘黄色,颜色搭配均匀;清新自然。 二、栏目设计 本网站共含有11个网页,其中一个主网页,五个一级页面,六个二级页面,三个三级页面 三、布局设计 主题布局如下,采用尽量简洁的表格,首页简单明了,不会给人拥挤的感觉,所需要进入的网页一目了然。

四、制作过程及要点 1、层的使用 在这次网页设计过程中,使用了大量层,因为它灵活好用,可以随便拖动,变大变小都很方便,而框架虽然也能达到这个效果,但是,它不够灵活,当然一些地方仍然要用到它,体现清晰的结构。 2、运用Photoshop工具 网站的logo、部分图片都使用photoshop来制作完成 3、使用链接

为方便读者的查阅,在各页面底部都设置了页面链接。每个 4、插入跳转菜单 5、为了使读者能快捷的回到自己感兴趣的页面,于是在各个页面都插入了跳转菜单。 6、插入滚动文字 7、设置交替图像,鼠标放置停止图片切换 8、制作在整个页面浮动的图片 9、设置垂直循环滚动的图片 10、使用弹出信息行为 五、网站运行分析 静态网页一般是以。html 、htm、shtml等为扩展名的文件,现在的静态文件大多是程序生成的静态,而不是早期制作的静态网页。运行于客户端。更改主要是对模板的修改然后再次生成静态。 网站生成静态后,用户浏览时,服务器自己把静态页面返回给客户,不用做另外的操作,可以减缓服务器的压力。 静态页面修改更简单,要修改整站的信息,只需要修改一个地方,不做任何另外操作,及时生效,静态页面择需要先修改模板,然后整站生成页面才能生效,维护需要花费时间更多。 不足:网站介绍的景点数目少,景点介绍的不太详细,例如各景点的美食小吃, 景点的路线介绍的不多,只是略见一斑。网站的简介介绍的内容不够全面,只是简略的介绍了景点的地点和比较出名的景点风景,但是没有全面的介绍景点的内容。景点的路线普及的地方很少,没有普及到周边比较出名的景点。网站的代码不太统一,没有用外部连接文件,后期的维护困难。 改进方法:增加景点的数目和详细简介内容,网站的代码要统一整理,最好一 个外部连接文件控制样式等,便于后期维护。 六、个人心得 本次网站主要是运用上学期学过的知识来布局应用,通过本次的网站设计,运用了上学期所学到的知识这样不仅复习了上学期学过的一些知识,同时也加深所学知识的内容,这次的网页制作使我学会了很多,有关怎么收集资料,怎样用最快

网页设计与制作试题(HTML基础)有答案

1.HTML 文件必须使用htm 或者(B)作为文件扩展名。 A.doc B. html C. jsp D. aspx 2.HTMl是指(A)。 A.超文本标签语言 B. 汇编语言 C. 服务端端语言 D.脚本语言 3.WWW是(B)的意思。 A.网页B.万维网C.浏览器D.超文本传输协议 4.在网页中显示特殊字符,如果要输入“<”,应使用(D)。 A.lt; B.≪ C.< D.< 5.以下说法中,错误的是:(D)。 A.获取WWW服务时,需要使用浏览器作为客户端程序。 B.WWW服务和电子邮件服务是Internet提供的最常用的两种服务。 C.网站就是一系列逻辑上可以视为一个整体的页面的集合。 D.所有网页的扩展名都是.htm。 6.以下说法中,错误的是:(B)。 A.网页的本质就是HTML源代码。 B.网页就是主页。 C.使用“记事本”编辑网页时,通常应将其保存为.htm 或.html 后缀。 D.本地网站通常就是一个完整的文件夹。 7.浏览网页时,通常使用以下协议:(C)。 A.mailto B.FTP C.HTTP D.TCP/IP 8.在网页中显示特殊字符,如果要输入空格,应使用(D)。 A.nbsp; B.&Nbsp; C.  D.  9.以下软件中,不能直接用来编辑HTML 文件的是:(C)。 A.记事本B.FrontPage C.Flash D.Dreamweaver 10.以下有关HTML 标记符的属性的说法中,错误的是:(C)。 A.在HTML中,所有的属性都放置在开始标记符的尖括号里。 B.属性与HTML标记符的名称之间用空格分隔。 C.属性的值放在相应属性之后,用等号分隔;而不同的属性之间用分号分隔。 D.HTML 属性通常也不区分大小写。 二、填空题 1.如果要为网页指定黑色的背景颜色,应使用以下html语句:。 2.上网浏览网页时,应使用_____浏览器____作为客户端程序。 3.TITLE 标记符应位于___head______标记符之间。 4.要设置网页在黑色背景下显示白色文字,应使用__语句。 5.要设置整个网页的背景颜色,应在body标记符中设置____bgcolor_____属性。 三、判断题 1.用H1标记符修饰的文字通常比用H6标记符修饰的要小。╳ 2.B标记符表示用粗体显示所包括的文字。√ 3.指定滚动字幕时,不允许其中嵌入图象。╳ 4.指定水平线粗细的属性是size。√ 5.指定水平线粗细的属性是width。╳

网站设计说明书

《网站开发与网页设计》设计说明书网站名:《周杰伦资料库》 班级:BX00XX 学号:BX00XX05 姓名:某某某 201X年12月08日

目录 一、网站与网页的概述 (1) 1. 什么是网站 (1) 2. 什么是网页 (1) 3 静态网页 (2) 4 动态网页 (3) 5 动态网页与静态网页的区别 (4) 二、Dreamweaver 8 (5) 1 Dreamweaver 8的概述 (5) 2 Dreamweaver 8的功能 (5) 3 Dreamweaver 8的特点 (6) 三、网页设计标记语言—HTML (8) 1 HTML语言简介 (8) 2 HTML语言特点 (8) 四、我的网站介绍 (9) 1 网站的主题、结构介绍 (9) 2 网站的内容、形式和特点的介绍 (10) 3 网站重点页面的贴图 (10) 五、网站设计感悟 (18)

一、网站与网页的概述 1. 什么是网站 因特网上一块固定的面向全世界发布消息的地方,由域名(网站地址)和网站空间构成,通常包括主页和其他具有超链接文件的页面。 网站是由多个网页组成的,但不是网页的简单罗列组合,而是用超链接方式组成的既有鲜明风格又有完善内容的有机整体。 2. 什么是网页 网页是网站中的一「页」,通常是HTML格式(文件扩展名为:html、htm、asp、aspx、php、jsp等)。网页通常用图像档来提供图画。网页要使用网页浏览器来阅读。 网页(Web page)是一个文件,他存放在世界某个角落的某一部计算机中,而这部计算机必须是与互联网相连的。网页经由网址(URL)来识别与存取,当我们在浏览器输入网址后,经过一段复杂而又快速的程序。网页文件会被传送到你的计算机,然后再通过浏览器解释网页的内容,再展示到你的眼前。 网页是构成网站的基本元素,是承载各种网站应用的平台。

网页制作HTML基础知识

网页制作之HTML基础知识2009-04-15 11:03很多被淘汰了的标签,不过了解下也好。 总类(所有HTML文件都有的) 文件类型 (放在档案的开头与结尾) 文件主题 (必须放在「文头」区块内) 文头 (描述性资料,像是「主题」) 文体 (文件本体) 结构性定义(由浏览器控制的显示风格) 标题 (从1到6,有六层选择) 标题的对齐 区分

区分的对齐
引文区块
(通常会内缩) 强调 (通常会以斜体显示) 特别强调 (通常会以加粗显示) 引文 (通常会以斜体显示) 码 (显示原始码之用) 样本 键盘输入 变数 定义 (有些浏览器不提供) 地址
大字 小字 与外观相关的标签(作者自订的表现方式) 加粗 斜体 底线 (尚有些浏览器不提供) 删除线 (尚有些浏览器不提供) 下标 上标 打字机体 (用单空格字型显示) 预定格式
 (保留文件中空格的大小) 预定格式的宽度 
(以字元计算) 向中看齐 
(文字与图片都可以) 闪耀 (有史以来最被嘲弄的标签) 字体大小 (从1到7) 改变字体大小 基本字体大小 (从1到7; 内定为3) 字体颜色 链结与图形 链接

网页设计基础知识点

web 一、超文本(hypertext) 一种全局性的信息结构,它将文档中的不同部分通过关键字建立链接,使信息得以用交互方式搜索。它是超级文本的简称。 二、超媒体(hypermedia) 超媒体是超文本(hypertext)和多媒体在信息浏览环境下的结合。它是超级媒体的简称。用户不仅能从一个文本跳到另一个文本,而且可以激活一段声音,显示一个图形,甚至可以播放一段动画。 Internet采用超文本和超媒体的信息组织方式,将信息的链接扩展到整个Internet上。Web就是一种超文本信息系统,Web的一个主要的概念就是超文本连接,它使得文本不再象一本书一样是固定的线性的。而是可以从一个位置跳到另外的位置。可以从中获取更多的信息。可以转到别的主题上。想要了解某一个主题的内容只要在这个主题上点一下,就可以跳转到包含这一主题的文档上。正是这种多连接性把它称为Web。 三、超文本传输协议(HTTP)Hypertext Transfer Protocol超文本在互联网上的传输协议。 IP IP是英文Internet Protocol(网络之间互连的协议)的缩写,中文简称为“网协”,也就是为计算机网络相互连接进行通信而设计的协议。在因特网中,它是能使连接到网上的所有计算机网络实现相互通信的一套规则,规定了计算机在因特网上进行通信时应当遵守的规则。任何厂家生产的计算机系统,只要遵守IP协议就可以与因特网互连互通。IP地址具有唯一性,根据用户性质的不同,可以分为5类。另外,IP还有进入防护,知识产权,指针寄存器等含义。 http 超文本传送协议(HTTP) 是一种通信协议,它允许将超文本标记语言(HTML) 文档从Web 服务器传送到Web 浏览器。HTML 是一种用于创建文档的标记语言,这些文档包含到相关信息的链接。您可以单击一个链接来访问其它文档、图像或多媒体对象,并获得关于链接项的附加信息。HTTP工作在TCP/IP协议体系中的TCP协议上。 FTP FTP(File Transfer Protocol, FTP)是TCP/IP网络上两台计算机传送文件的协议,FTP是在TCP/IP网络和INTERNET上最早使用的协议之一,它属于网络协议组的应用层。FTP客户机可以给服务器发出命令来下载文件,上载文件,创建或改变服务器上的目录。 第一、什么是C/S结构。 C/S (Client/Server)结构,即大家熟知的客户机和服务器结构。它是软件系统体系结构,通过它可以充分利用两端硬件环境的优势,将任务合理分配到Client端和Server端来实现,降低了系统的通讯开销。目前大多数应用软件系统都是Client/Server形式的两层结构,

静态网页设计教学大纲

静态网页设计教学大纲 课程概述 1.课程性质 《静态网页设计》课程是高职计算机应用技术、计算机网络、软件技术等相关计算机专业的一门专业必修课程。 2.课程设计理念 本课程的设计体现“以能力为本位、以职业实践为主线、以项目课程为主体”,打破了传统的学科体系的模式,通过各项目的练习操作,熟练地掌握岗位所需知识和技能,并不断强化。项目特别强调对学生操作能力和解决问题能力的培养,充分体现了职业教育“以就业为导向,以能力为本位”的职业教育理念。 3.课程开发思路 本课程主要以当下典型的项目案例为主题,教材为参考,同时借鉴了一些企业网站,有利于学生的理解与学习。颠覆传统讲授风格,主要通过项目实例让学生以师傅带徒弟的形式一步一步学习项目开发流程。带着对一个项目雏形的不断完善,功能需求及其他功能的完善,进阶,使学生掌握一个网站项目的设计与制作相关经验。经验从实践中来,因此学生实验课时约占到了总课时的三分之二。让学生在职业实践活动的基础上掌握知识,增强课程内容与职业能力要求的相关性,提高学生的就业能力。 授课目标 通过本课程的学习使学生具备网页制作、网站规划与网站维护的专业能力,培养学生的团队协作、沟通表达、工作责任心、职业规范和职业道德等综合素质和能力。作为计算机相关专业的核心主干课程,使学生掌握商业网站的开发流程,并能独立进行操作。学生毕业后可胜任网站管理员、网页设计师等工作岗位。 课程大纲 第一章网页设计基础知识 1.1:网站剖析 1.2:网站开发流程

1.3:Dreamweaver CS6的安装 第二章生活网网站的创建 2.1 初识Dreamweaver CS6 2.2 新建和管理站点 2.3 为网页设置头信息和页面属性——页面总体设置 前两章测验 第三章生活网网站页面的布局 3.1 使用表格布局页面 3.2 使用AP Div布局页面 3.3 使用框架布局网页 第三章测验 第四章输入和编辑网页元素 4.1 添加文本类网页元素 4.2 在网页中添加图像 4.3 在网页中添加多媒体元素 第四章单元测验 第五章网站内容的链接与特效网页的制作——应用链接与行为5.1 设置网站中的超级链接 5.2 利用行为制作网站中的特效网页 5.3 制作页面中的弹出式菜单 5.4 利用CSS美化页面 第五章测验

html5页面设计

html5页面设计 北京千锋互联科技有限公司是中国最早从事移动互联网研发和培训的机构之一,千锋集团旗下现有千锋教育、移动产业、项目研发、创业孵化业务,是国内最大的移动互联网人才培训和人才提供商。公司总部位于北京,目前已在深圳、上海、郑州、广州、大连、武汉、成都、西安成立了分公司。 千锋集团旗下的千锋教育一直秉承“用良心做教育,做真实的自己”的理念,是中国移动互联网研发培训领导品牌,全力打造移动互联网高端研发人才服务平台。千锋教育每年培训和输送近万名移动互联网研发人员,是唯一真正获得企业一致好评的移动互联网培训机构,从千锋走出的学员在业界得到了广泛认可。2014年,千锋教育集团成为教育部教育管理信息中心“移动互联网应用开发指定实训基地”。截止目前,千锋教育已与500多家高等院校建立深度合作关系,并携手教育部教育管理信息中心举办《高等院校骨干教师iOS/Android暑期培训班》,千锋讲师团队技术水平得到业界一致认可,好评如潮。千锋教育组织的技术研讨会名企云集,是千锋和企业之间紧密合作的桥梁。千锋讲师发布的免费培训视频、学习资料、源码下载等浏览量近千万,每年约有数百万研发人才从中获益。 一、千锋教育八大优势 1、中国移动互联网研发培训领导品牌,专注iOS、Android 、HTML5、UI等技术研发培训,坚持“用 良心做教育,做真实自己”的理念; 2、业内唯一一家敢推出“两周免费试听,不满意不缴费”的政策,让学员更真实的了解千锋、了解自 己是否适合做开发; 3、零学费入学,工作后分期还款,业内学员毕业薪水最高,培训就业协议明确写出薪水保障,平均薪 水专科5000、本科6000、硕士7000; 4、权威资深师资阵容,业内最具责任心、最懂教学、拥有最强技术、有大型项目经验实战派讲师授课, 由业内知名专家及企业技术骨干组成; 5、自主研发QFTS 教学保障系统,拥有自主知识产权的开发培训课程体系,讲练学相结合,课程内 容紧贴当前前沿实用技术和企业实际需求; 6、企业级项目实战训练,从千锋科技及合作企业项目中研发出几十个企业级教学项目,让学员参与真 实的企业级项目研发,最后让学员能够独立设计开发自己的上线项目; 7、最严格、最科学、最负责的教学就业管理制度,班主任、职业规划师全程跟班,把握每个学员的学 习状态,并有专业的职业素养课和就业指导课,保证教学及就业质量; 8、免费加入千锋开发者联盟,为会员提供免费技术支持及终身就业服务,免费参加千锋举办的各类技

最新网页制作基础课程标准资料

《网页基础制作》课程标准 1.前言 1.1.课程的性质 本课程是中等职业学校计算机应用专业网页设计与制作门化放 向的一门专业基础核心课程。其功能在于培养学生具备从事网页设 计与制作的基本职业能力,使学生达到相应的网页设计制作人员能 力的基本要求。 1.2.设计思路 本课程标准的设计以计算机应用专业学生的就业为导向,邀请 行业专家对计算机应用专业所涵盖的职业群进行任务和职业能力分析,以此为依据确定本课程的工作模块和课程内容,本课程以任务 引领型为框架,把课程按递进方式设计成项目,并以项目为单元足 迹教学,使学生由浅入深,以点到面全面掌握网页设计与制作的职 业技能。 2.课程目标 通过任务引领型和项目活动形式,使学生熟练制作简单网页, 能熟练创建本地站点并能对网页进行各种找链接,能制作网页动画,掌握网页设计与制作技巧,具备网页设计与制作的基本职业能力, 能基本胜任网页制作工作,为学生发展专门化方向的职业能力奠定 基础。 职业能力目标:(1)能熟练制作简单网页 (2)能创建本地站点并能对网页进行各种超链接 (3) 能对网页进行创意的美化

(4) 能制作有创意的网页动画 (5) 能掌握网页设计与制作相关技巧 (6) 能跟踪和学习网页制作的新知识和新技术3.课程内容与要求

4.实施建议 4.1.教材编写 (1)教材要以岗位职业能力分析和职业技能考证为指导,以 《网页制作基础》课程标准为依据进行编写; (2)教材要以岗位任务引领,以工作项目为主线,强调理论与 实践相结合,按活动项目组织编写内容;教材内容从“任务”着手,设计完成“任务”的方法与步骤的空间;教材要体现以解决实际问 题来带动理论的学习和应用软件的操作,让学生在完成“任务”的 过程中掌握知识和技能,培养学生提出问题、分析问题、解决问题 的综合能力。任务的设置应该体现针对性、综合性和实践性。 (3)项目教学任务的设计,应该体现中等职业教育的特征和与 社会实际的联系。所设计的“任务”是学生毕业后就业上岗就能遇 到并解决的问题,而不是围绕着知识和技能的展开而设置的。

《静态网页设计》课程标准

《静态网页设计》课程标准 1. 概述 课程的性质 《静态网页设计》课程是高职计算机应用技术、软件服务外包、计算机网络与安全管理专业的一门专业必修课程。本课程以《计算机文化基础》、《计算机网络技术及应用》、《C语言程序设计》或《JAVA程序设计》前导课程,本课程将从职业技术教育的特点出发,以培养学生实际动手能力为目标,学会怎样通过效果图完成对网页页面的布局,通过完成学习情境的学习,能够掌握HTML、CSS、简单的JavaScript的专业知识和专业技能。使学生具备网页制作、网站规划与网站维护的专业能力和方法能力,以及培养学生的团队协作、沟通表达、工作责任心、职业规范和职业道德等综合素质和能力。作为专业的核心主干课程,使学生掌握商业网站的开发和流程,并能独立进行操作,在就业时能够成为一个合格的人才。学生毕业后可胜任网站管理员、网页设计师等工作岗位。 课程设计理念 本课程的设计体现“以能力为本位、以职业实践为主线、以项目课程为主体”,打破了传统的学科体系的模式,通过各项目的练习操作,熟练地掌握岗位所需知识和技能,并不断强化,项目体现操作能力和解决问题能力的培养。充分体现了职业教育“以就业为导向,以能力为本位”的职业教育理念。 课程开发思路 本课程主要以当下典型的项目案例为主题,教材为参考,同时借鉴了一些企业网站,有利于学生的理解与学习。颠覆传统讲授风格,主要通过项目实例让学生以师傅带徒弟的形式一步一步学习项目开发流程。带着对一个项目雏形的不断完善,功能需求及其他功能的完善,进阶,使学生掌握一个网站项目的设计与制作相关经验。经验从实践中来,因此学生实验课时约占到了总课时的三分之二。

HTML网页制作基础题试题与答案

HTML网页制作基础题 一、选择 1. 在一个框架的属性面板中,不能设置下面哪一项。( D )A.源文件B .边框颜色C.边框宽度D.滚动条 2. 下列哪一项表示的不是按钮。( C ) A.type="submit" B.type="reset" C.type="image" D .type="button" 3. 下面哪一个属性不是文本的标签属性?( A ) A.nbsp; B .align C .color D.face 4. 下面哪一项的电子邮件链接是正确的?( B ) A.https://www.doczj.com/doc/054402827.html, B .xxx@.net C.xxx@com D .xxx@https://www.doczj.com/doc/054402827.html, 5. 当链接指向下列哪一种文件时,不打开该文件,而是提供给浏览器下载。( C )A.ASP B.HTML C.ZIP D.CGI 6. 关于表格的描述正确的一项是。( D )A.在单元格内不能继续插入整个表格 B .可以同时选定不相邻的单元格C.粘贴表格时,不粘贴表格的内容 D .在网页中,水平方向可以并排多个独立的表格 7. 如果一个表格包括有 1 行4 列,表格的总宽度为“ 699”,间距为“ 5”,填充为“ 0”,边框为“ 3”,每列的宽度相同,那么应将单元格定制为多少像素宽。( D ) A.126 B.136 C.147 D.167 8. 关于文本对齐,源代码设置不正确的一项是:(A.居中对齐:

?
B.居右对齐:
?
C.居左对齐:
?
D.两端对齐:
?
9. 下面哪一项是换行符标签?(C) A. B . C .
D. 10. 下列哪一项是在新窗口中打开网页文档。(B )A._self B ._blank C._top D._parent 11. 下面对JPEG格式描述不正确的一项是。( C ) A.照片、油画和一些细腻、讲求色彩浓淡的图片常采用JPEG格式 B.JPEG支持很高的压缩率,因此其图像的下载速度非常快C.最高只能以256 色显示的用户可能无法观看JPEG图像 D.采用JPEG格式对图片进行压缩后,还能再打开图片,然后对它重新整饰、编辑、压缩

静态网页设计总结报告

网页设计总结报告 目录 一、设计介绍 (2) 二、制作过程 (3) 1、布局............................................................................................................................................... (3) 2、相关插入 (4) 3、相关链接 (4) 三、制作代码 (5) 四、心得体会 (7) 五、参考资料 (8)

一、网页设计介绍 从文件的角度来说,一个网页就是一个HTML文件。当浏览者输入一个网址或单击某个链接后,在浏览器中显示出来的就是一个网页。一般网页上都会有文本、图片等信息,而复杂一些的网页上还会有声音、视频、动画等多媒体内容,为网页增添了丰富的色彩和动感。静态网页是指网页文件中没有程序,只有HTML代码,一般以.html或.htm为后缀名的网页,静态网站内容不会在制作完成后发生变化,任何人访问都显示一样的内容。网站是一系列逻辑上可以视为一个整体的网页集合,是许多相关网页有机结合而组成的一个信息服务中心。对于小型网站,是指带有一定主题的多个网页集合;对于大型网站还包含数据库和服务器端应用程序等如新浪、网易、搜狐等门户网站。在构成网站的众多网页中,有一个页面比较特殊,称为首页,即网站的第一个页面。动态网页是指网页文件不仅具有HTML标记,而且还含有程序代码,并使用数据库连接。动态网页能根据不同的时间,不同的来访者显示不同的内容,动态网站更新方便,一般在后台直接更新。 我的网站是介绍自己的个人网站,这是一个关于家乡美食的介绍,总共6 个页面,其中上有首页5个链接,包括剁椒鱼头,蚂蚁上树,浏阳蒸菜,家常酸菜鱼,长沙臭豆腐,而然后每个子页可以和上一页和下一页相连。 首页部分:介绍了湖南一些好吃的资料菜名,其中附有一张凤凰的图片,很想与老师和同学们分。 然后就是每个子页中,前四张介绍了五道菜和它们的做法,则是一道比较有名的小吃,为长沙臭豆腐,但由于其做法是秘方,只附有对其的介绍。 二、制作过程 网页布局 它们不仅能点缀网页,使网页更活泼有趣,而且在网上娱乐、电子商务等方面也有着不可忽视的作用。

教你制作静态网页的方法

教您制作静态网页的方法 一、网页设计基础 1、熟悉Dreamweaver 8的工作环境 2、创建新站点 创建本地站点:站点----管理站点----新建----站点(前三步也可直接从“新建站点”进入下面的设置向导对话框)----跟随向导设置直至完成 3、网页文件的基本操作 a、创建、打开与保存网页文件 创建:文件----新建----创建 打开:文件---打开----选择欲打开的文件 或者在右边的文件浮动面版中选择打开 保存:文件---保存或另存为 b、设置网页的页面属性 修改---页面属性---然后设置(标题、背景、背景图像、文本等) c、设置网页对象的颜色 网页对象,如页面背景、文字、链接都经常需要设置颜色。 可在各自对应的属性面版中设置。 d、网页文本的输入与属性设置 文本可键入、导入、粘帖 文字可设置字体、大小、颜色、格式等。 键入空格的方法:1、汉字输入法设置为全角方式,按空格键即可输入。2、属性面版格式中:预先格式化的 换行:ENTER、SHIFT+ENTER 实例练习: 1、输入以下文字 书签夹在诗集里, 落叶夹在深秋里。 喜悦夹在生活里, 追求夹在人生里。 2、第一次设置格式为“无”,字体为“华文行楷”,字体颜色为“红色”,字号为“5号”,添加项目符号。然后保存、预览。 3、第二次设置格式为“标题一”,字体为“楷体”,字体颜色为“蓝色”,字号为“5号”,添加项目符号,对齐方式为“居中”。然后保存、预览。 比较两次设置的效果。 e、网页图片的插入与属性设置 插入图片,在对话框中选择图片。(最好在建立站点时将欲用的图片素材复制到本地站点目录中) 插入图像占位符,在图片准备好后再加入图片。加入方法:1、双击图像占位符;2、点“属性面版”中的“指向文件”,拖到右边文件中要插入的文件处。

《网页设计基础》复习题

一、单选题 1、目前在Internet上应用最为广泛的服务是(B)。 A、FTP服务 B、WWW服务 C、Telnet服务 D、Gopher服务 2、域名系统DNS的含义是( B)。 A、Direct Network System B、Domain Name Service C、Dynamic Network System D、Distributed Network Service 3、主机域名center. nbu. edu. cn由四个子域组成,其中( D)子域代表国别代码。 A、center B、nbu C、edu D、cn 4、当标记的TYPE属性值为( D)时,代表一个可选多项的复选框。 A、TEXT B、PASSWORD C、RADIO D、CHECKBOX 5、为了标识一个HTML文件开始应该使用的HTML标记是(C )。 A、

B、 C、 D、 6、在客户端网页脚本语言中最为通用的是(A )。 A、javascript B、VB C、Perl D、ASP 7、在HTML中,单元格的标记是(A )。 A、 D、 8、在DHTML中把整个文档的各个元素作为对象处理的技术是(C )。 A、HTML B、CSS C、DOM D、Script(脚本语言) 9、下面不属于CSS插入形式的是( A)。 A、索引式 B、内联式 C、嵌入式 D、外部式 10、在网页中最为常用的两种图像格式是(A )。 A、JPEG和GIF B、JPEG和PSD C、GIF和BMP D、BMP和PSD 12、在HTML中,要定义一个空链接使用的标记是( A). A、 B、 C、 D、 13、对远程服务器上的文件进行维护时,通常采用的手段是( B) A、POP3 B、FTP C、SMTP D、Gopher 14、Internet上使用的最重要的两个协议是(B ) A、TCP和Telnet B、TCP和IP C、TCP和SMTP D、IP和Telnet 15、body元素用于背景颜色的属性是(C) A、alink B、vlink C、bgcolor D、background 16、在Dreamweaver MX中,想要使用户在点击超链接时,弹出一个新的网页窗口,需要在超链接中定义目标的属性为(B ) A、parent B、_bank C、_top D、_self 17、在色彩的RGB系统中,32位十六进制数#000000表示的颜色是(A ) A、黑色 B、红色 C、黄色 D、白色 18、在Dreamweaver MX 中,中文输入时欲键入两个空格应该怎么做? ( B ) A. 在编辑窗口直接输入两个半角空格 B. 代码中输入两次“ ” C. 通过在编辑窗口输入TAB D. 通过在编辑窗口输入两次空格 19、下列关于Html标记不正确的是? ( D ) A. a标记用来标记超级链接 B. img标记用来插入图片 C. table标记用来插入表格

网页设计与制作试题html基础)有答案

一、选择题 1.HTML 文件必须使用 htm 或者(B)作为文件扩展名。 A.doc B. html C. jsp D. aspx 2.HTMl是指(A)。 A.超文本标签语言 B. 汇编语言 C. 服务端端语言 D.脚本语言 3.WWW是(B)的意思。 A.网页B.万维网C.浏览器D.超文本传输协议 4.在网页中显示特殊字符,如果要输入“<”,应使用(D)。 A.lt; B.≪ C.< D.< 5.以下说法中,错误的是:(D)。 A.获取WWW服务时,需要使用浏览器作为客户端程序。 B.WWW服务和电子邮件服务是Internet提供的最常用的两种服务。 C.网站就是一系列逻辑上可以视为一个整体的页面的集合。 D.所有网页的扩展名都是 .htm。 6.以下说法中,错误的是:(B)。 A.网页的本质就是HTML源代码。 B.网页就是主页。 C.使用“记事本”编辑网页时,通常应将其保存为 .htm 或 .html 后缀。 D.本地网站通常就是一个完整的文件夹。 7.浏览网页时,通常使用以下协议:(C)。 A.mailto B.FTP C.HTTP D.TCP/IP 8.在网页中显示特殊字符,如果要输入空格,应使用(D)。 A.nbsp; B.&Nbsp; C.  D.  9.以下软件中,不能直接用来编辑 HTML 文件的是:(C)。 A.记事本 B.FrontPage C.Flash D.Dreamweaver 10.以下有关 HTML 标记符的属性的说法中,错误的是:(C)。 A.在HTML中,所有的属性都放置在开始标记符的尖括号里。 B.属性与HTML标记符的名称之间用空格分隔。 C.属性的值放在相应属性之后,用等号分隔;而不同的属性之间用分号分隔。 D.HTML 属性通常也不区分大小写。 二、填空题 1.如果要为网页指定黑色的背景颜色,应使用以下html语句:。 2.上网浏览网页时,应使用_____浏览器____作为客户端程序。 3.TITLE 标记符应位于___head______标记符之间。 4.要设置网页在黑色背景下显示白色文字,应使用__语句。 5.要设置整个网页的背景颜色,应在body标记符中设置____bgcolor_____属性。 三、判断题 1.用H1标记符修饰的文字通常比用H6标记符修饰的要小。╳ 2.B标记符表示用粗体显示所包括的文字。√ 3.指定滚动字幕时,不允许其中嵌入图象。╳ 4.指定水平线粗细的属性是 size。√

个人网页设计说明书

个人网页设计计划书 目录 一、网页设计目的 1.1网页设计需求浅谈…………………………………………………… 1.2个人网页设计目的…………………………………………………… 二、网页配置工具 2.1网页使用的工具和数据库……………………………… 2.2浏览需求……………………………………………… 三、个人网页功能模块设计 3.1 主页………………………………………………………… 3.2 个人简介…………………………………………………… 3.3 个人相册…………………………………………………… 3.4 其他模块…………………………………………………… 四、个人网页的技术特点

4.1与传统的静态主页的区别……………………………………… 4.2 具体实现方法…………………………………………………………… 4.3 体会……………………………………………………………………… 一、设计目的 1.1 网页设计浅谈 随着互联网的进一步发展与成熟,网络的带宽进一步加阔,网络应用也越来越广泛。网页制作更是日新月异,层出不穷。涌现了很多琳琅满目的网站,使得整个互联网多姿多彩。 以前,在网页制作的时候,通常都是使用FrontPage来完成。由于FrontPage使用方便,操作简单,即使没有网络编程经验的制作人员也可以设计出吸引人的网页,因此,很多网页设计者一直使用FrongPage。FrontPage2000集成在Office2000办公自动化软件中,其工作界面和操作风格和Word一样,因此,FrontPage相对于其他网页制作软件来说,易学易用,是网页制作初学者的入门软件。 从功能来讲,DREAMWEAVER和FrontPage各有千秋,但DREAMWEAVER自身有明显的特点:首先DREAMWEAVER引入了图层的概念,可以在DREAMWEAVER中直接制作一些动画效果。其次DREAMWEAVER支持最新的DHTML(动态HTML)标准CSS(层叠样式表单)规范。另外DREAMWEAVER 具有增加插件的功能,用户可以安装各种插件来增强自己的DREAMWEAVER。最后DREAMWEAVER 中又新增了资源管理器、内建参考手册。整合SourceSafe和WebDAV,集成了MacromediaExchange.其灵活方便的操作界面,也是很多人选用DREAMWEAVER的一个原因。就目前来说DREAMWEAVER已经占据网页编辑软件霸主的位置 我们再来谈谈我最喜欢的动画网页制作软件——Flash。与其说Flash是一个动画网页制作工具,还不如说它是一个功能强大的多媒体制作工具更为恰当。利用Flash可以独立制作出非常精彩的多媒体网页,包括动画的制作、声音效果的添加等。另外Flash对Internet 的支持,主要表现在它采用了流控制技术,不用等整个动画的Movie下载完,就可以开始播放,对于一个Internet冲浪者来讲,这是一件很有吸引力的事情。同时Flash采用了矢量图形的制作方法,当对一副图进行任意的缩放时,它的质量并不会发生变化,而且文件很小,利于网络传输。 FIREWORK是Macromedia公司推出的图像处理软件,与其他图形处理软件的设计思想都很相似,但它又有很多自己的特色。FIREWORK是一个人完全为网页制作者设计的图形处理软件,对制作基于网络的图形有特殊的支持,能够自由的导入导出各种图像。FIREWORK作为第一款为网络实际而开发的图像处理软件,能够自动切图,生成鼠标动态感应的JavaScript。而且FIREWORK具有十分强大的动画功能和一个几乎完美的网络图像生产器。FIREWORK可以轻松辨认矢量文件中的绝大部分标记以及Photoshop文件的层。

HTML 基 础_asp网页设计基础教程

HTML 语言 HTML 语言 在上一章的学习中知道,ASP 动态网页实际上是包含 HTML 标记、文本和脚本命令的 此文来源于云南新华电脑学院官方网站云南新华电脑学校官方博客 动态网页。为了更好地学习 ASP 动态网页的设计方法,就必须对 HTML 语言有所了解。本 章将介绍 HTML 语言的基本内容,包括 HTML 基础、设置文本格式、使用列表格式、使用 图像、使用字幕和背景音乐、使用超链接、使用表格、使用表单等。 2.1 HTML 基础 HTML 是用来表示 Web 文档的规范,它使用标记来确定网页显示的格式。静态网页是 标准的 HTML 文件,动态网页经过应用程序服务器处理后也将生成标准的 HTML 文件。 2.1.1 HTML 的工作原理 HTML 文件是标准的 ASCII 文件。从结构上讲,HTML 文件由元素(Element)组成,组 此文来源于云南新华电脑学院官方网站云南新华电脑学校官方博客 成 HTML 文件的元素有许多种,用于组织文件的内容和指导文件的输出格式。绝大多数元 素是“容器”,即有起始标记和结尾标记。元素的起始标记叫做起始链接签(Start Tag),元素 的结束标记叫做结尾链接签(End Tag)。HTML 用标记来标注要显示的网页的各个部分,以 通知 Web 浏览器应该如何显示网页。 2.1.2 标记基础 HTML 语言是控制网页内容显示格式的标记集合,标记给浏览器提供了格式化Web 文 档的指令。HTML 标记的基本语法如下: (1) HTML 标记不区分大小写,但通常使用大写字母。 (2) 所有的标记都必须用尖括号(< >)括起来。例如,、、 等。 (3) 大多数标记都是成对出现的,包括开始标记和结束标记,开始标记和结束标记定义 了标记所影响的范围;结束标记与开始标记名称相同,但结束标记总是以一个斜线符号开此文来源于云南新华电脑学院官方网站云南新华电脑学校官方博客 头的。例如和 、

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