静态网页设计课程

网页设计中的若干术语 （web服务器及客 户机、URl、常用协议、IP地址及域名、网 页、网站、主页、超级链接） 网站建设的基本步骤
难点 难点 难点 难点
网站建设的基本步骤
WEB简介
WWW
World Wide Web （世界 宽边网络）的缩写，也 宽边网络）的缩写， 可以简称为Web，中文 可以简称为 ， 名字为“万维网” 名字为“万维网”。
2.WEB服务器及客户机 2.WEB服务器及客户机
客户端浏览器： 客户端浏览器：通过在地址栏中输入Web 服务器地址从而访问Web服务器的软件； 目前主要是Internet Explorer（IE）和 Netscape：
3.URl、常用协议、IP地址及域名 3.URl、常用协议、IP地址及域名
HTTP ? 定义 ? 一般格式 ? ? ? 定义 作用 优点
URL
3.URl、常用协议、IP地址及域名 3.URl、常用协议、IP地址及域名
FTP ? 定义 ? 作用
IP ? 定义 ? 作用 ? 组成
域名
1.什么是网页 1.什么是网页 ? 究竟什么是网页？ ? 网页使用来干什么？ ? 他有什么作用？
腾讯网站
学院主站
联想网站主页
163免费邮件主页
淘宝主页
搜狐主页
? 总结：网页就是包含了文字、图片、动画、 文字、 文字 图片、动画、 声音等内容的可以在网上传输的界面。他可以 声音 共享信息、宣传自己 服务用户等。 用来共享信息 宣传自己 服务用户 共享信息 宣传自己、服务用户 ? 问题：
– 为什么同样是网页给我们的视觉效果是不一样的？ – 为什么同样是网页给我们提供的信息也是不尽相同的？
? 问题：
– 久久音乐网、一听音乐网等，同样是音乐，给我们的感 觉是否完全相同哪？
网页是丰富多彩的
2.什么是网页设计 2.什么是网页设计 定义 一个成功的网页设计
– 首先，在观念上要确立活跃的思维方式 – 其次，要有效地将图形引入网页设计之中，增加人们浏览网页的兴趣
特点
在崇尚鲜明个性风格的今天，网页设计应增加个性化因素。
? 网页设计 设计与网页制作 制作的区别 ? UI(User Interface,用户界面) U ,用户界面) ? UE或者UX (User Experience,用户体验) U Ex ,用户体验) 网页设计要注意一下几个方面： 网页设计要注意一下几个方面： 内容及框架结构(Frame Sets) 图象区块(Image Maps)与flash 特效等
3.超级链接、 3.超级链接、网站和主页 超级链接 ? 举例说明什么叫超级链接。 举例说明什么叫超级链接。 ? ? ? 定义 作用 命名规范
? 定义 ? 作用 网站 主页
? 网页美化工具（图像）： photoshop和fireWork photoshop fireWork等 ? 网页美化工具（动画）： flash和swish flash swish等 ? 网页排版工具： DreamWeaver和FrontPage DreamWeaver FrontPage等
? 一个网站的制作流程类似与一个电视节目的制

作过程，包括:
策划
制作
宣传
更新
1.网页设计基本步骤 1.网页设计基本步骤 （1）设计网页栏目及组织结构 （2）准备素材 （3）界面设计 （4）网页排版（页面实现） （6）网页测试与发布 （7）网页推广与维护
2.制作网页时要注意的问题 2.制作网页时要注意的问题 ① 网页的标题要简洁，明确。 ② 对重点内容要强调显示。 ③ 网页中插入的图片要尽量的小。 ④ 图形要附加文字说明，以便关闭图像时查看。 ⑤ 网页中引用的资料及商标（或图标），不能 侵犯版权。
序号 1 2 3 4 5 6 7 8
观测点 需求分析充分、栏目设置合理、功能完善 主题鲜明，能体现网站功能 页面布局（排版）美观大方，有个性 色彩搭配合理，能表现主题，特色鲜明 多媒体元素运用得当，适合网络传输，运行速度快。 操作方便、自然清新，适应不同人群 方便后期开发与维护 内容健康、正确、合法，链接准确 合计
分值 15 15 15 15 10 10 8 12 100
? 通过对web相关概念的讲解，使学生了解web服务 器及客户机、URl、常用协议、IP地址及域名等基 础知识。 ? 通过典型网站案例分析和讨论使同学们明白了网 页、网站、主页的区别，了解了网页设计及超级 链接的概念。 ? 本节课还简单地介绍了网页设计常用工具、网站 建设的基本步骤及应注意的问题等知识。
填空题： １．Internet是在__________经过不断发展变化 而形成的。 ２．ＷＷＷ是__________的缩写，也可以简称为 Ｗeb，中文名字为“万维网”。 ３．为了区别各个站点，必须为每个站点分配一 个唯一的地址，这个地址即称为__________ ４．ｃ类地址的表示范围为__________，默认网 络掩码为__________。
选择题： 1．下列不属于Macromedia公司产品的是（） A．Dreamweaver B．Firewoks C．Flash D．Frontpage
问答题： 1 .常见的网页元素有哪些？ 2.上网浏览一些著名网站（如搜狐、网易、新浪 、腾讯(QQ)等）的主页，并这些网页和我们学 院的主页在结构和版面等方面有什么区别？ 3.请浏览我院主页，至少说出两种网页中包含的 主要网页元素。 4.常见的网页制作工具有哪些？ 5.列举你所了解的美化网页工具。 6.总结建立网站的基本流程。


静态网站设计报告模板

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

目录 一、网站简介 (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站点介绍 家乡专 业 张 小 娴 小 雪 丽 婷 立 芝 高 中 班 级 家 人 个人网站 首页中心个人作品朋友学校相册

网页制作课程设计报告

网页制作课程设计报告 学院： 专业班级： 姓名： 学号： 成绩： 阅卷教师：

目录 1.设计目的 (1) 2.设计思想 (1) 2.1网站整体结构规划思想 (1) 2.2 主页设计思想 (1) 2.3子页的设计思想 (1) 3网页详细设计分析 (1) 4结论 (2)

1.设计目的 阐述该个人网站的设计意图和创意，简单介绍自己的个人网站。 2.设计思想 阐述网站的整体设计思想，包括： 2.1网站整体结构规划思想 要求阐述网站整体结构的选择、设计的思想，绘制网站结构草图。 2.2 主页设计思想 要求对主页的布局思路进行阐述和分析。 2.3子页的设计思想 要求对子页的设计以及网页对象的选取思路进行阐述和分析。 3网页详细设计分析 要求选取一张网页，对网页的设计实现过程进行阐述和分析，详细说明制作该网页的步骤，所使用的网页对象以及该网页对象的操作方法。

4结论 对整个设计报告做归纳性总结，并分析设计过程中的困难及如何解决的，最后提出展望。 一、设计目的 本课程的设计目的是通过实践使同学们经历Dreamweaver cs3开发的全过程和受到一次综合训练，以便能较全面地理解、掌握和综合运用所学的知识。结合具体的开发案例，理解并初步掌握运用Dreamweaver cs3可视化开发工具进行网页开发的方法；了解网页设计制作过程。通过设计达到掌握网页设计、制作的技巧。了解和熟悉网页设计的基础知识和实现技巧。根据题目的要求，给出网页设计方案，可以按要求，利用合适图文素材设计制作符合要求的网页设计作品。熟练掌握Photoshop cs3、Dreamweaver cs3等软件的的操作和应用。增强动手实践能力，进一步加强自身综合素

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

《网页设计与制作》课程概述： 栏目介绍：课程栏目包括除课程概述之外，还有教学大纲、主讲 教师、学习课件、学习资料、在线练习、留言板、友情链接。 课件内容介绍： 《网页设计与制作》是一门理论与实践技能并重的课程，本 课程主要介绍第一章至第五章的内容。部分教学内容如下： 第一章 网页设计基础 第二章 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属性 教材介绍： 所用教材是《网页设计与制作基础教程》，其内容丰富，结 构清晰，语言简练，图文并茂，具有很强的实用性和操作性，可 作为高等院校计算机相关专业的教材，也可作为广大动态网站开

网页设计与制作总结

网页设计与制作 实训报告 班级：多媒体152 姓名：张莉钧 学号： 指导老师：薛杨王淑惠 实训时间：6.20——6.24 一、实训目的： 1、进一步熟悉和掌握网站建设的基本流程和技术规范； 2、巩固运用Dreamweaver网页制作软件制作网页、特别是制作复杂网页的知识； 3、巩固运用PS图像处理软件进行网页中图形制作和运用flash动画制作软件设计网页中动画的知识； 4、巩固综合运用Dreamweaver、PS、flash三个软件完成网站建设任务的方法，能独立设计一个内容完整、图文并茂、技术运用得当的网站； 5、具备独立撰写实训报告基本能力； 6、在网页设计的实践中培养分析问题、解决问题的能力，培养协作、交流的能力，培养创新能力和团队意识； 7、紧紧围绕网页制作的流程：规划、设计、开发、发布、维护来进行网站的开发，制作出具有较高水准的静态网页。以此作为学生学习这门课程的阶段性总结，使学生复习、巩固所学过的理论，并予 以适当的深化，进一步训练学生的基本技能（如：搜集资料、整理数据、发现与分析问题、寻求解决问题的方案等），为今后从事网站开 发、维护和管理奠定基础 二、实训项目——特色美食餐厅网站设计 1、网站主题 我的网站的主旨在于从各个方面全面的介绍特色美食餐厅，包括它的菜品、餐厅的环境以及促销活动。另外，网站里还包括餐厅资料和联系方式，网站里的每一个网页都有统一的风格，每一个网页的主题色彩都是橙色和白色搭配，用以展示餐厅特色的效果。其实最重要的是要做出自己的风格，给浏览者好的欣赏感受。 2、网站材料 主要在网站上搜集所要的网页信息，包括图片、文字。同时，查 询相关的书籍、百度等方式收集所需的文字资料,图象资料,flash动画和网页特效等，用以得来更加具有说服力的页面。要想做好自己的网站，能够给浏览者好的欣感受，就要尽量搜集材料，搜集得材料越多，以后制作网站就越容易。精选自己收集的材料，作为自己制作网页的素材，这样就可以做好一个好的网站。 3、网站规划 我的网站共有７个主页面：首页、美食介绍、优惠活动、商品促销、宴会定制、会员中心和关于我们。每一个页面用统一的模块，以保证网站统一的页面风格。网页布局主要用框架和表格，用框架定位内容的大体结构，再用表格具体定位。位子的设计也是重要的一个部分，根据具体内容决定字体风格，相同的风格多次调用是CSS设计一个样式，以保证随时、准确的调用。 三、网页设计工具使用 1、Dreamweaver——我们使用它做网页的主要布局。 2、Photoshop——我们使用它做网页图片的处理以及logo的制作。

网页设计与制作课程标准

《网页设计与制作》课程标准前言： 《网页设计与制作》是理实一体化课程，是计算机专业（软件与信息服务、数字媒体、计算机应用专业）的一门重要的专业必修课。本课程定位于WEB技术开发工作岗位。它是WEB前端技术开发的必备课程，在整个课程体系中具有重要的作用， 一、课程的说明： 通过本课程的学习，使学生了解网页设计技术的起源和发展、常用的网页制作软件及HTML语言，掌握运用Dreamweaver（以下简称DW）网页制作软件制作网页的方法，通过运用Photoshop图像处理软件和Flash动画制作软件，三个软件互相配合，完成网页设计与制作任务的方法。为今后从事网页设计与制作、网站开发和管理奠定基础。在网页设计的实践中重点培养团队协作、沟通交流能力，培养自主学习能力和探索创新能力。 二、课程内容与基本要求： 该课程涉及的知识是网页设计人员必备的基本技能，职业活动与课程内容的对应关系如下：

三、教学目标 1、职业关键能力目标 (1) 掌握使用Photoshop进行图像处理的基本方法及操作技能 (2) 掌握DreamweaverCS5的基本知识及操作技能 (3) 掌握建立与管理站点的方法 (4) 掌握制作主要内容为文本的网页的方法 (5) 掌握在网页中插入与编辑图像的方法 (6) 掌握在网页中插入多媒体元素的方法 (7) 掌握表格处理与网页布局的方法 (8) 掌握创建超级链接的方法 (9) 掌握使用框架制作旅游网站的方法 (10) 掌握创建和使用模板的方法 (11) 掌握创建和使用库的方法 (12) 掌握在网页中添加AP Div的方法

(13) 掌握在网页中使用行为的方法 (14) 掌握HTML基础知识及通过代码修饰网页的方法 (15) 掌握使用CSS样式表修饰网页的方法 (16) 掌握动态网页的概念及简单动态网页的制作方法 2、职业专门能力目标 (1) 通过完成相关的项目，掌握网页设计的基本工作流程。 (2) 通过完成相关的项目，掌握网页设计常用工具的使用方法。 (3) 通过完成相关的项目，掌握网页布局及美化的基本方法。 (4) 通过完成相关的项目，掌握简单网页交互的制作方法。 3、方法能力目标 形成一定的学习能力、沟通与团队的协作能力，形成良好的思考问题、分析问题和解决问题的能力，养成良好的职业素养。遵守国家关于软件与信息技术的相关法律法规，形成关键性的软件开发与应用的能力。 四、教学内容 第一章网页制作基础知识（4学时） 教学目标： 网页与网站基本概念、网页基本组成元素、常用网页制作软件 主要教学内容： 网页制作基础知识 网页的基本构成元素 网页制作常用软件和技术 第二章 Dreamweaver CS6轻松入门（2学时）

静态网页设计-教学大纲

《静态网页设计》教学大纲 课程类别：专业基础课 课程属性：必修课 学分/学时： 4学分/64学时 制订人：课题组 适用专业：信息技术相关专业 一、课程的性质 “静态网页设计”是信息技术类专业学生的专业基础课之一。属于必修课范畴。同时它是一门针对性、实践性较强的课程。主要是培养学生静态网页设计的基本知识和静态网页设计制作的基本技能。 二、与其它课程的关系

三、教学目标 1.知识目标 (1)网站、网页、网页设计等的基本概念； (2)理解HTML语言中的各种文本格式、段落设置、列表等标记知识； (3)理解和掌握基本的DIV＋CSS技术知识； (4)理解和掌握表格的基本知识； (5)理解和掌握数据表单的基本知识； (6)理解和掌握基本的框架网页知识； (7)理解和掌握网页图像、动画等多媒体应用知识； (8)理解和掌握网页超级链接知识； (9)掌握基本的动画制作知识； (10)了解网页美工相关知识； (11)了解网站的测试、发布与维护的基本知识； (12)掌握网站制作流程 2.能力目标 (1)能运用HTML语言设置和编辑网页元素； (2)会使用Dreamweaver等网页设计工具制作网页； (3)能使运用基本的CSS技术设置网页风格； (4)能在网页中嵌入图像、动画、视频等多媒体元素； (5)能运用表格布局并设计网页； (6)能正确运用文字超链接、图像超链接技术设计网页； (7)掌握框架制作网页的方法，会使用框架设计网页； (8)掌握制作表单的方法，会利用表单建立交互式页面； (9)能看懂基本的HTML网页源代码。

(10)会设计网页线框图，并能运用PS进行网页效果图设计 (11)掌握切片的基本原则和基本方法，综合运用网页排版技术进行切片素材排版 (12)熟悉网站项目工作流程，能独立进行中小型网站设计。 3.素质目标 (1)具有信息资料收集与整理能力； (2)具备简单的需求市场分析能力； (3)具有一定的语言表达、沟通和协调能力； (4)具有良好的心理素质和责任意识，能及时完成任务的能力； (5)具有踏实肯干的工作作风； (6)具有一定的创新意识和艺术设计素质 四、内容结构与目标任务

静态网页设计报告书

网页设计课程设计报告网站主题：南国之旅旅游服务网站系别：电子商务 班级：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等为扩展名的文件，现在的静态文件大多是程序生成的静态，而不是早期制作的静态网页。运行于客户端。更改主要是对模板的修改然后再次生成静态。 网站生成静态后，用户浏览时，服务器自己把静态页面返回给客户，不用做另外的操作，可以减缓服务器的压力。 静态页面修改更简单，要修改整站的信息，只需要修改一个地方，不做任何另外操作，及时生效，静态页面择需要先修改模板，然后整站生成页面才能生效，维护需要花费时间更多。 不足：网站介绍的景点数目少，景点介绍的不太详细，例如各景点的美食小吃， 景点的路线介绍的不多，只是略见一斑。网站的简介介绍的内容不够全面，只是简略的介绍了景点的地点和比较出名的景点风景，但是没有全面的介绍景点的内容。景点的路线普及的地方很少，没有普及到周边比较出名的景点。网站的代码不太统一，没有用外部连接文件，后期的维护困难。 改进方法：增加景点的数目和详细简介内容，网站的代码要统一整理，最好一 个外部连接文件控制样式等，便于后期维护。 六、个人心得 本次网站主要是运用上学期学过的知识来布局应用，通过本次的网站设计，运用了上学期所学到的知识这样不仅复习了上学期学过的一些知识，同时也加深所学知识的内容，这次的网页制作使我学会了很多，有关怎么收集资料，怎样用最快

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

《网页设计》课程教学大纲 一、课程说明： 课程类别：选修课 适用专业：工商管理、电子商务专业、信息管理与信息系统专业和计算机相关专业、艺术设计专业等。 计划学时：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）掌握在网页中嵌入图象和多媒体的方法；

教你制作静态网页的方法

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

网站设计说明书

《网站开发与网页设计》设计说明书网站名：《周杰伦资料库》 班级：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）来识别与存取，当我们在浏览器输入网址后，经过一段复杂而又快速的程序。网页文件会被传送到你的计算机，然后再通过浏览器解释网页的内容，再展示到你的眼前。 网页是构成网站的基本元素，是承载各种网站应用的平台。

网页课程设计心得

网页课程设计心得 篇一：网页设计课程心得体会 “网页设计”学习心得体会 现在，计算机和网络已经深入到了我们生活中的方方面面，也已经成了生活中不可缺少的一部分，网络成了我们获取知识和信息的一种便捷工具，现在的网民也在不断的增多，所以，了解和学习网络知识是我们作为一名大学生迫切所需的。我通过这一学期的学习，对网页设计有了初步的认识和了解，并基本掌握了Dreamweaver的应用。 在学习了网页设计的同时，我更加深入的了解了关于计算机和网络的知识。基于对计算机基础与C语言的基本掌握，学习网页设计的基础部分便显得较为轻松。虽然如此，在设计过程中依然出现了很多的问题，但通过看书，上网查询，等方式，不断的学习、解决、提高，设计出的网页不论是外观还是内

容，都在不断的进步、改善。可以说在自己动手，不断实践的过程中，网页设计水平得到了很大的提高。 通过对网页设计书籍的翻阅，我学习到了一些关于建设网站和制作网页的知识，在实践查阅资料时，对flash也有所了解。我还了解了一些基础的网络技术。通过学习，我对计算机有了更深层次得到了解，也有了更浓厚的兴趣。尤其是对网页制作的过程与一些技巧手法更有了另外一番了解，对网页制作的基础知识也有了一定的掌握。在这个过程中，我同样认识到网页设计不是一门学科的独秀，而是多种课程的综合，他是Flash、Fireworks等网页软件的综合应用。 下面阐述一下我在设计我的网站时的一些关于网页设计的见解。在具体的制作时我了解到一个优秀的网页设计应该具备一些基本原则。 首先，要确定网页设计的内容，一个优秀的风站要有一个明确的主题。整

个网站围绕这个主题,也就是你在网页设计之前要明确你这个网站有什么目的,用来做什么，所有页面都是围绕着这个内容来制作，有了明确的内容对排名有很重要的作用；其次，要了解你网站所在行业的客户，及你的网页属于哪个类别。用户是一个网站成败的关键,如果用户要花很多时间进入你网站很有可能用户会立即关掉你网站,或者你网站操作很不方便用户也会马上离开,这种网站是很失败的设计,只会让用户失望的离去. 在完成以上的基本内容之后网页的基本框架便成形成了。下面要开始的便是优化工作。 内容是整个网页的核心。在网页设计之前必须明确网页的内容安排。优秀网页设计是要建立在平凡的基础上的。然后在具体的规划一个网页时，可以用树状结构先把每个页面的内容大纲列出来，尤其要制作一个大的网站的时候，特别需要把这个架构规划好，也要考虑到以后可能的扩充性，免得做好以后又

简单生活网上买菜系统静态网页设计与制作毕业设计论文

四川交通职业技术学院毕业设计论文 设计（论文）题目： 简单生活网上买菜系统静态网页设计与制作 入学年月 姓名 学号 专业计算机应用技术 指导教师 完成日期 2015 年 5 月 15 日

【摘要】计算机和计算机网络的飞速发展，人们对计算机网络的依赖是越来越大。人们在网上聊天交友，在网上请教问题，查阅资料，还在网上听音乐。除此之外，人们还会在网上进行商务交易、下载信息，有着众多的使用者。尤其是电子商务大大的减少了人们对周围环境的依赖，无论是哪里的网友，都可以浏览到世界各地的各类信息，非常的方便，由于以上的优势，各类网站如雨后春笋般的出现，这也就是我的毕业设计的实际意义。本文就个人网站的规划与建设，以软件工程的方法对过程经行了分析与研究。本文的主要工作集中在：对web页进行概述，主要是对Internet的历史和发展作了回顾，在web页的定义而后特性上进行阐述。而Web设计的健康发展依靠web标准的采用，没有web标准就不会有真正的可访问性和连贯的设计。不用web标准，就跟不上时代。在这样的标准时代，我们需要网页更加容易扩展，适合自动数据交换，并且更加规整。而css，则实现了页面内容与样式分离。鉴于web标准，本论文着重对div+css 布局静态网页进行了讨论。并对网站开发过程中使用的开发工具和技术作了简要的介绍。 对网站建设中提及到术语进行了解释，并对个人网站的由来和发展经行了讨论；对自己的个人网站从规划建设经行了详细的分析；使用Html、Css、Photoshop 等技术实现了个人网站的各种功能并且就网站建设提出了自己的观点与建议。 【关键词】网页设计div+css Photoshop 简单生活网上买菜

静态网页设计教学大纲

静态网页设计教学大纲 课程概述 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开发技术课程设计 专业班级：计科1201 学生姓名：伍志强 学号： 201216010506 指导教师：刘宏月 学期：2013-2014学年第一学期

HTML5开发技术专业课程设计任务书 说明：本表由指导教师填写，由教研室主任审核后下达给选题学生，装订在设计（论文）首页

1 需求分析 本课程设计为一个商业网站，大的框架为整个网站分为5个页面，分别为：主页面、公司的业务面，公司产品问题咨询面，公司产品的技术支持面，校园招聘界面。各个页面间都是相互连接的，方便读者更快捷地找到想了解的信息。在每个界面拥有的公司logo ，登陆界面，和一些视频的宣传和校园招聘网页的背景音乐，友情链接，插入的各种静动态图片，搜索栏。每个界面链接的公司的最新各种动态，和基本的各种文字说明，采用的是中英双板模式书写。 网站的目录结构如下： 伍志强------网站根目录 Css ------存放外置CSS文件 Images ------存放图片文件 Music ------存放背景音乐 ＪＳ------存放的ｊａｖａｓｃｒｉｐｔ代码 ．ｐｒｏｊｅｃｔ------编译时建立的一个工程 Index系列------存放的网站的各个网页 2 概要设计

3 详细设计 页面的布局和风格 DIV+CSS的基本过程是先布局，对网页进行总体设计，再设计内容，对布局的每一部分进行设计。 DIV+CSS对内容的设计也体现内容和表现相分离的思想。对内容的表现的描述都在CSS中，内容可以应用CSS样式，不需要额外的HTML标签进行内容的修饰。 CSS网页布局的原理，就是按照HTML5代码中对象声明的 body { background:#131b20; font-family:Arial, Helvetica, sans-serif; font-size:100%;

静态网页制作心得体会

静态网页制作心得体会 姓名：张继宏第三组8.18 20世纪40年代科学字发明了计算机之后，人们的工作效率大大提高，但是单个计算机能够存储和处理的信息是非常有限的，为了便于信息的传递和处理，人们就把众多的计算机连接起来。 网页制作的心得体会----网页制作论文摘要通过这次个人网页的制作，我对计算机有了更深层次得到了解，也有了更浓厚的兴趣。尤其是对网页制作的过程与一些技巧手法更有了另外一番了解，对网页制作的基础知识也有了一定的掌握。通过把自己的网页上传到互联网上，对文件的保存、上传、下载以及修改等知识有了更牢靠的掌握。通过自己的努力完成了自己上传到网上的第一个作品，那种成就感是无法用语言形容的。所以我觉得这次制作网页我已经达到了自己的目的，而不是单单为了完成作业而已。这是一个完全关于自己的个人网页，既然是介绍自己，就应该让观者在浏览了之后了解自己其人，我觉得这点我已经基本上做到了。 关键字页面设计ASP和数据库 1.一般来说，个人主页的选材要小而精。如果你想制作一个包罗万象的站点，把所有您认为精彩的东西都放在上面，那么往往会事与愿违，给人的感觉是没有主题，没有特色，样样有却样样都很肤浅，因为您不可能有那么多的精力去维护它。注意：网页的最大特点就是更新快。目前最受欢迎的个人主页都是天天更新甚至几小时更新一次。 2.题材最好是你自己擅长或者喜爱的内容。比如：您对诗歌感兴趣，可以放置自己的诗词；对足球感兴趣，可以报道最新的球场战况等等。这样在制作时，才不会觉得无聊或者力不从心。 3.不要太滥或者目标太高。“太滥”是指到处可见，人人都有的题材；“目标太高”是指在这一题材上已经有非常优秀，知名度很高的站点，你要超过它是很困难的。选定了一个好的题材，是不是可以立刻动手制作了？不，经验告诉我们，必须要先规划框架。这是很重要的一步！每个网站都是一项庞大的工程。好比造高楼，没有设计图纸，规划好结构，盲目的建造，结果往往是倒塌；也好比写文章，构思好提纲，才不至于逻辑混乱，虎头蛇尾。全面仔细规划架构好自己网站，不要急于求成。 规划一个网站，可以用树状结构先把每个页面的内容大纲列出来，尤其当你要制作一个很大的网站(有很多页面) 的时候，特别需要把这个架构规划好，也要考虑到以后可能的扩充性，免得做好以后又要一改再改整个网站的架构，十分累人，也十分费钱。 大纲列出来后，你还必须考虑每个页面之间的链接关系。是星形，树形，或是网形链接。这也是判别一个网站优劣的重要标志。链接混乱，层次不清的站点会造成浏览困难，影响内容的发挥。 为了提高浏览效率，方便资料的寻找，本站的框架基本采用“蒲公英”式，即所有的主要链接都在首页上，链接的层次不多，深度浅。 框架定下来了，然后开始一步一步有条理，有次序地做来，就胸有成竹得多，也为你的主页将来发展打下良好的基础。

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

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

网页设计与制作课程简介

《网页设计与制作》课程简介 课程名称：网页设计与制作 课程代码：02038 适用专业：初等教育（计算机与信息技术方向） 课程性质：专业核心课程、必修课、专业技能课 学分：3 学分 计划学时：72学时（理论36学时，实训36学时） 一、前言 1. 课程性质 本课程是初等教育计算机与信息技术专业的一门专业技能课程，培养学生网页设计与制作能力，适应初等教育对信息技术教师的人才基本要求，同时满足社会对计算机专业人才的需求，适合从事网站建设相关的岗位。 本课程的先修课程是《计算机应用基础》，后续课程是《ASP.NET程序设计》。在完成《计算机应用基础》课程学习后，学生掌握了计算机基本知识和原理，学会了一些应用软件和工具软件的使用，进而学习《网页设计与制作》这门课程不会感到困难。在以后学生还将学习《ASP.NET程序设计》课程，能设计和制作动态网页。 2. 课程基本理念 初等教育计算机与信息技术专业培养的对象主要是小学信息技术教师，今后从事小学信息技术教学和学校信息化教育教学的管理者及维护者，建设网站和网页是信息技术教师应掌握的基本技能。课程要理论与实践相结合，培养学生动手能力，能胜任今后小学信息技术教师的工作任务。同时满足社会对计算机专业人才的需求，适合从事网站建设相关的岗位群。 3. 课程设计思路 根据初等教育计算机与信息技术专业人才培养方案，《网页设计与制作》是重要的专业技能课程，是作为小学信息技术教师基本技能训练与考核的项目之一。课程以工作任务来组织内容，以案例驱动贯穿教学过程。由浅入深，最后完成主题网站的开发项目。课程教学中以Dreamweaver的使用为主线，要重视HTML

静态网页设计总结报告

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

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

网页设计课程标准

《新闻网页设计》课程标准 一、课程性质与任务 （一）课程性质 本课程是2016级艺术系新闻专业的一门专业课程。通过本课程的学习，要求学生掌握新闻网页设计的基本概念，学会使用常用的网页设计工具和常用脚本语言，能够设计制作常见的新闻页面，包括静态和动态网页，具备网站的建立和维护能力。同时通过本课程的学习，培养学生的综合职业能力、创新精神和良好的职业道德。 （二）课程主要任务 本课程的设计“以能力为本位、以职业实践为主线、以项目课程为主体”，整个《网页设计与制作》课程共分为五大模块，它们分别是：新闻网页基础知识、DreamWeaver的使用、HTML语言、JavaScript脚本语言。教学时各模块既有独立性，又有关联性。独立性是指各模块设计案例、组织教学、突出重点时应该相互独立，学生应该一个模块一个模块地掌握其知识点；关联性是指各模块间存在相互关系，在重难点设计上应该加以配合，如HTML语言模块着重基本代码的熟记和编写，对于较难编写代码的“框架”、“层”、“数据链接”等内容则放到DreamWeaver的使用模块中重点介绍。 （三）与相关课程的关系 《网页设计与制作》课程与计算机基础、Flash动画、PhotoShop图像处理、计算机网络技术、数据库等课程互相联系、互相补充。本课程作为新闻专业的一门技术专业课程，一般在3年级开设，此时学生已经具备一定的新闻基础知识和多媒体操作的动手能力，能较快地掌握网页设计的各种知识，并运用所学知识做出具有特色的网站，使学生能够得到全面的培养，成为社会所需专用人才。 二、课程目标 总目标：使学生掌握常用的网页设计工具，熟练运用多种网页设计技术，具备Web网页设计、制作及站点管理的基本知识和基本技能，学生能够独立制作中小型的网站。 （一）能力目标： 1. 会使用Dreamweaver网页设计工具制作网页； 2. 理解HTML语言中的标记设置颜色、文本格式和列表； 3. 熟练掌握颜色值的配置和背景图案的设置方法，熟练掌握字符、链接颜色的设置方 法； 4. 熟练掌握网页设计中字符格式的设置方法，段落分段与换行的方法； 5. 掌握HTML的语法结构，掌握HTML语言中标记的使用方法； 6. 掌握在网页中添加CSS的方法。掌握三种添加样式信息的方法，会使用CSS设置网 页格式和列表的格式； 7. 掌握在网页中嵌入图像的方法，掌握与嵌入图像相关标记的用法； 8. 掌握与图像布局和位置相关的标记的概念和用法； 9. 熟练掌握使用绝对和相对URL，创建超链接、图像链接；学会图像映射的建立方法； 10.熟练掌握表格的使用方法，会用表格布局并设计网页；