个人网页制作全过程

个人网页制作全过程 [日期：10-12] 来源：作者：[字体：大中小] 如何制作个人网页全过程，送给刚学做网页的朋友们 第一讲网页的基本知识和FrontPage入门 一、网页的基本知识 1、网站与网页 我们在因特网上浏览时，看到的每一个页面，称为网页，很多网页组成一个网站。一个网站的第一个 网页称为主页。主页是所有网页的索引页，通过单击主页上的超链接，可以打开其他的网页。正是由于主 页在网站中的特殊作用，人们也常常用主页指代所有的网页，将个人网站称为“个人主页”，将建立个人网 站称为“网页制作”。 2、怎么建立个人网站？ 要建立一个个人网站，必须经过网页制作、网站（页）发布和网站维护三个阶段 1）网页制作 一个网站和一本杂志一样，都是展示信息的载体，只有能提供他人需要信息（内容）的网站才能吸引 他人访问。这些都要靠制作有内容的网页来完成。确定网站主题和后，制作网页是建立个人网站的首要工作。 每个网页基本上都是一个HTML(Hyper Text Markup Language，即超文本标识语言)文件，所以网页文件的扩展名一般是.HTM或.HTML。主页文件的文件名字index.htm或index.html。 一般在电脑上写文章使用Word、Wps等文字处理软件，而制作网页则可使用Frontpage等网页制 作工具。 2）网页发布 做好的网页必须发布到因特网上，才能被大家看到。所谓发布到因特网上实际上就是将网页文件放到 始终与因特网联机的计算机上，这种计算机被称为“服务器”。实际上家里的PC机安装相应的服务器软件 且有固定的IP地址也可以做服务器，但一般都借用单位网站的服务器或租用一些空间提供商的服务器空间。这就和你要开商店必须租用一个场地一样。 3）网站维护 网页发布后就可供大家访问了，不管在什么地方，只要是与和因特网相连的计算机都可以访问到你的 网页。但这没有万事大吉。就和报纸、杂志一样，总是老内容，也就没人来访问了。需要经常更新，补充 新内容。另外网页上的错误也需要及时改正。实际上网站维护是网站建设的主要工作量。 2、什么软件可以做网页？ 假如，你熟悉文字处理的相关软件，你不用专用软件，也可以作出网页来。比如，用Word，用Wps，甚至用你计算机附件自带的记事本也行。不过用Word做出来的网页体积太大，用记事本做网页则要会用一些HTML语言，而用HTML来制作网页是一件非常麻烦的事。FrontPage等网页制作工具则使我们可 以不必和这些难记、难懂的HTML代码打交道就作出较好的网页来。 初学的人，用微软公司的frontpage比较好，它的优点是易学易懂，上手快。FrontPage是微软公 司Office系列办公软件中的一个，它很好地实现了主页制作者与HTML的分离。就像在Word中编辑文 本一样，我们只需要在编辑器中输入文本或图片，并设置好格式，很快就可以作出一个简单的网页了。 除了Frontpage以外，还有许多制作网页的软件，如Hotdog等，其中最著名的是Macromedia公司的“网页三剑客”即Dreamweaver（网页制作工具）、Flash（动画制作工具）和Fireworks（图像编 辑工具）。 假如，你有了一定基础，还是用“网页三剑客”好。它们是专用的网页制作软件，用它们制作的网页， 体积小，占用资源少，兼容性好。 所以本讲座也从FrontPage入手学习网页制作。大家先学好FrontPage，打好基础，如果将来准备

网页设计基础知识点

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形式的两层结构，

网页制作——网页基础操作复习题

网页制作——网页基础操作复习题 2017年11月 一、单项选择题 1.当浏览器不能正常显示图像时，在图像位置显示的文本时由于在图像“图像”属性面板上设置了图像的（D） A.“目标”属性 B.“链接”属性 C.“低解析度源”属性 D.“替换”属性 2.在DreamweaveerCS3中，插入图像的快捷键是（A） A.Ctrl+Alt+I B.Ctrl+Alt+F C.Ctrl+Alt+A D.Ctrl+Alt+M 3.下列关于GIF图像的说法，错误的是（B） A.支持透明背景 B.支持真彩色 C.支持动画 D.适用于图标、按钮、徽标等图片 4.在DreamweaverCS3中，图像属性面板上按钮的含义是（A） A.重新取样 B.调整图像的亮度和对比度 C.调整图像的清晰度 D.裁切图像，减小图像区域 5.在DreamweaverCS3中，要修剪图像的大小，在图像属性面板中可使用的按钮时（C）A. B. C. D. 6.使用“插入记录→表格”命令插入表格时，不能设置的表格属性时（B） A.表格标题单元格的位置 B.表格的高度

C.表格的单元格间距和边距 D. 表格边框线的宽度 7.在DreamweaverCS3中，将光标定位到表格某单元格中，按Ctrl+A快捷键将选中（B） A.整个表格 B.当前单元格 C.当前行 D.当前列 8．在DreamweaverCS3中，插入表格的快捷键 A.Ctrl+Alt+T B.Ctrl+Alt+I C.Ctrl+Alt+A D.Ctrl+Alt+F 9．按______快捷键在单元格内单击鼠标左键可选中该单元格。（A） A.Ctrl B.Shift C.Alt D.Ctrl+Shift 10.若要在浏览器中隐藏表格的边框线，则需在表格属性面板的“边框”中输入（C） A.1 B.无 C.0 D.-1 11．使用“插入记录→超级链接”创建的链接属于（C） A.图像链接 B.电子邮件链接 C.文本链接 D.锚点链接 12．创建空链接的方法是在“属性”面板的链接框中输入（C） A.@ B.malito C.# D.空格 13.超文本初始状态默认的样式是（A） A.蓝色带下划线 B.暗红色带下划线 C.蓝色不带下划线 D.黑色不带下划线

网页制作基础知识 教案

网页制作基础知识教案 教学目标： 了解网页的组成元素及常用的网页制作工具。了解网页制作的一些基础知识，如网站和网页的区别、网页的类型、网页的构成元素等，然后在了解的基础上再通过练习来巩固。 教学重点难点： 在深刻了解概念的基础上把理论转化成实际的应用。 教学过程： 在制作网页之前，首先要了解一些关于web网页的基本知识，了解一下构成一个网站的基本元素等。 网页的基本元素 文本：基本组成部分 图像：更加直观准确地表达某些信息，并且可以起到美化网页，吸引读者注意力的作用 超链接：可以方便地转入其他网页进行浏览。 网页的其他元素：音乐表格表单 美化网页，丰富网页的内容，增强网页的功能。 网页的实质 网页相当于刊物中所发表的一篇篇文章，但与纸上的文章相比，它增加了多媒体信息和网上交互的功能。 网页的实质 = 表格+文本+图片+动画+声音+超级链接+…… ◆网站相当于发行到全世界的期刊。 ◆网站的实质 = 服务器上的文件夹 ◆主页相当于期刊的封面。 ◆主页的实质 = 打开网站的第一个网页 网页和网站的分类 从网页是否执行程序来分，可分为静态网页和动态网页这两种类型。 什么是静态网页、动态网页? ◆所谓静态网页，指的是网页从服务器传到客户端时，网页的内容是“固定 不变”的，也就是说，服务器只是把所存储的网页的内容原封不动直接传递给客户端浏览器，这种网页一般是标准的HTML代码。 静态网页一般以.htm或.html为后缀结尾的，俗称html文件。本课程就是制作静态网页的课程。 ◆所谓动态网页，它在由服务器传递给客户端的时候必须由服务器把它转换 成相应的HTML格式，而且会根据用户的要求和选择在在服务器端做出相应的改变和响应。 动态网页一般要用专门的脚本语言编写，如ASP、https://www.doczj.com/doc/ee2328179.html,、PHP、JSP等等

网页制作基础教程

网页制作基础教程 一、什么是HTML HTML（超文本标记语言）是网页中使用的语言，他能被网页浏览器（IE或Netscape）解释，从而显示出丰富多彩的信息（图片、文字、声音、影象、动画等）。 制作网页前首先要弄懂什么是HTML。 在IE中点击"查看"→"源文档"，就能看到该网页的HTML代码。下面是个网页文档（model.htm）的HTML代码：

第一段文字。

第二段文字。

... 之间是该网页的标题 charset=gb2312表示语言字符集信息是中文简体，如big5则是中文繁体。 ...之间是网页的正文内容 表示网页的背景色是白色，默认的文字颜色是白色。

...

...

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

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

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

实验一网页的认识 实验目的 1、掌握利用Internet进行信息游览、搜索，下载网页、图片、文字和文件； 2、利用记事本来编辑HTML文档并浏览； 3、熟悉HTML基本标记的使用。 实验环境 WindowsXP操作系统，内部组成局域网，外连Internet互联网。 实验重点及难点 ◆熟悉HTML的结构、语法。 ◆熟悉HTML基本标记的使用。 实验内容 1、从网上（如网页制作大宝库https://www.doczj.com/doc/ee2328179.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，效果如图所示。 ●标题文字大小用

网页制作基本代码

复习提纲目录 第1章网页入门 ........................................................................... - 2 - 第2章图像与超链接 ................................................................... - 3 - 第3章列表 ................................................................................. - 5 - 第4章网页中的表格 ................................................................. - 6 - 第5章网页中的表单 ................................................................... - 8 - 第7章使用CSS样式美化网页.................................................. - 9 - 第9章HTML总结.................................................................. - 11 -

第1章网页入门 1.1.1网页基本知识 1.什么是网页 由浏览器识别的用于显示信息的文件(信息包括：新闻、微博、购物、邮件等) 2.什么是网站 由众多网页组成的一个群体(网页之间可以相互调用实现信息查看) 3.构成网页的元素：文本、图像、动画、表格、其他。 ①文本：用于描述信息的文字 ②图像：增强信息的生动性和直观性 ③动画：强烈视觉冲击效果 ④表格：布局的合理性 ⑤其他：视频、背景音乐等 4.访问网页的三个要素 →网站的存储空间 ?服务器用于网页的存放 →网站的域名 ?通过域名指向需要访问的网页 →网页的访问地址 ?通过域名访问，通常打开的是默认页面 ?通过域名+网页名称进行访问 5.Dreamweaver工具的特点 ①开发环境完备、简单易用 ②所见即所得、支持可视化操作 ③代码提示功能 ④编写代码边看效果 6.编辑模式 三种编辑模式 ①代码模式 ②拆分模式 ③设计模式

网页制作操作一

网页制作操作一 一、实验范例 1．在C:\创建站点FL19。 2．打开网页index.htm，将jxydjs.txt中标题和前三段文本复制到index.htm中。 3．将标题文字“极限运动（Extreme--Sports）介绍”放置在独立的一个段落中，并设置格式为华文行楷、24像素、#000066、居中；设置正文首行缩进2个汉字的位置；在标题上方插入一条高为3像素的蓝色水平线。 4．在网页的开头水平线上方采用默认对齐方式插入一张图片logo.gif，在图片下方增加左右交替滚动的文字“极限运动风靡全球”，字体为幼圆、14像素，文字在蓝色(#6699FF)背景上滚动，滚动延迟时间为300毫秒。 5．在滚动文字的下方依次插入图片n01.gif、n02.gif、n03.gif、n04.gif；利用站点中的Applet程序文件fprotate.class，逐张播放图像t1.jpg、t2.jpg、t3.jpg和t4.jpg，大小为高70、宽180；在logo.gif右边插入falsh播放文件1.swf。查看并测试网页。 二、实验内容 1．利用实验素材创建站点SY19。 2．在站点SY19新建网页index.htm，设置网页标题为：蔬菜；将lssc.txt中的文本复制到index.htm。 3．将网页index.htm标题文字“绿色蔬菜”的格式设置为华文新魏、24像素、#6633CC、居中；将标题文字“绿色蔬菜”下面的一段正文首行缩进2个汉字的位置；把原来的数字编号的段落修改成默认项目列表的段落。 4．在index.htm网页的开头(标题文字“绿色蔬菜”上面)采用默认对齐方式插入图片logo.gif，在文档末尾增加左右交替滚动的文字“环境保护，人人有责”，字体为隶书、16像素，文字在绿色背景(#00FFFF)上滚动，滚动延迟时间为100毫秒。 5．为index.htm网页增加循环播放的背景音乐can.mid；将网页中文字“食用菌类”修改成华文行楷、16像素、转滚颜色为#000066的Flash文本；将网页中文字“海藻类植物”修改成Flash按钮，按钮样式：Beveled-Rect-Green，字体为华文楷体、大小为16像素。 6．把index.htm网页滚动的文字“环境保护，人人有责”下方输入自己的完整学号、姓名，并设置自行选择适当的格式（例如文字格式、字幕、Flash文本等）。 7．在网页index.htm的设计窗口首行输入文字：绿色建筑，并在代码窗口对该行作如下

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

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

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

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

项目一 网页制作基础知识

项目一网页制作基础知识 习题答案 一、简答题 （1）简述静态网页与动态网页的主要区别。 静态网页是以HTML格式编写，以.htm、.html、.shtml、.xml等为后缀的网页。每个静态网页都是一个独立保存在网站服务器上的实实在在的文件。在静态网页上，也可以出现各种动态的效果，如动画、滚动字幕等，但这只是视觉上的动态效果。静态网页在客户端。 动态网页是以数据库技术为基础，由在服务器端运行的程序动态生成的网页，它们会随浏览者及打开时间的不同等参数条件，生成相应的网页，后缀一般为.asp、.php、.jsp、.ggi 等。动态网页的内容可以仅是文字，也可以包含各种动画，这些都只是网页具体内容的表现形式。无论网页是否具有视觉动态效果，只要是采用动态网站技术生成的网页都称为动态网页。动态网页在服务器端运行，由不同参数生成不同内容。 （2）简述网站建设的一般流程。 ①规划网站。明确建站的目的和网站的类型；确定技术解决方案；确定网站内容及结构；明确网页设计要求。②收集整理资料。③网站制作。设置本地站点；创建各级页面模板；利用模板完成各级页面的制作。④测试与发布网站。⑤维护网站。 （3）什么是网站？网站主要分为哪几类？ 二、操作题 （1）浏览网页，找出网页中的基本元素和超链接，导航条等对象，体会超链接的作用及超文本的含义。 请参考教学单元一中任务一的内容。 （2）熟悉Dreamweaver CS3的工作界面，查看各部分包含的内容。 请参考教学单元三任务一的内容。 （3）创建一个名为“个人网站”的本地站点，要求设置相关的站点信息。 请参考教学单元三任务二中新建站点的内容。 （4）创建一个页面，设置文档的背景颜色和文字颜色，并输入文本内容。 请参考教学单元三任务二中新建文档和设置页面属性的内容。

《网页制作基础》二级考试大纲及样题(试行)(1)

全国高等学校计算机水平考试Ⅱ级《网页制作基础》考试大纲及样题（试行） 一、考试目的与要求 《网页制作基础》是掌握网页制作的一门实践性很强的技术入门课程，兼具设计性、实操性和应用性。本课程的主要任务是培养学生了解网页制作和网站建设所需的基本知识，培养学生设计网页、建立网站和规划网站的实际技能。 本课程以讲解Dreamweaver，PS，Flash软件使用为主，旨在培养学生掌握网页制作所必备的图像处理、视音频处理、网页页面制作及网站建设的基础知识，为进一步学习网络知识打下基础。通过本课程的学习要求考生掌握网页的设计、规划、制作和网站的建设的方法。 考试的基本要求如下： 1.了解HTML语言的基础知识 2.学会规划和建设一个基本站点 3.掌握网页中文字和图片的相关操作 4.掌握网页中插入视音频FLASH等多媒体元素的基本操作 5.掌握多种超级链接的建立 6.掌握表格、框架的使用 7.掌握制作网页模板的方法 8.站点的发布和上传 9.掌握利用PS处理网页图片的基本技能 10.掌握利用Flash制作网页动画的基本技能 二、考试内容 （一）网页与HTML语言的基础知识 【内容提示】 本部分主要介绍HTML语言的基本架构和常用标记。 【考试要求】 了解HTML文件的基本架构，单双标记的概念，掌握HTML常用标记。 （二）规划和建设站点的基本知识 【内容提示】 规划和建立站点是制作网页前的必要准备工作。此部分需要学生了解站点的概念，站点内文件夹及文件间的导航关系及如何利用Dreamweaver建立管理站点。 【考试要求】 利用Dreamweaver建立站点，使用文件视图管理站点，在站点中建立、删除文件和文

网页设计与制作大纲

《网页设计与制作》大纲 一、课程的地位与性质 “网页设计与制作”是中职动漫设计与制作专业的职业技术课程，重点讲述 网页设计与制作的基础知识、基本理论和基本技能，是一门包含了网页、网站的概念、网页主要工具软件HTML、dream weave中文版的使用等诸多知识的操作性极强的技能型应用课程。“网页设计与制作”以“信息技术与应用”和“计算机辅助平面设计”为前期基础课程。 】、课程的任务与目的 通过对网页设计与制作基础知识和技能的学习，使学生系统了解网页、网站的概念、网页主要工具软件dream weave的使用等基础知识，熟练运用网页制作的工具软件，使学生具有网页、网站制作的知识与能力，具备应用电脑独立开发网页、网站并将网站上传并测试的技能，具备解决网页设计、网站开发中出现各种问题的能力。本课程培养学生的职业素养和创新能力，为日后走向工作岗位打下理论与实践基础。通过本课程的学习实现学生思想过硬、理论基础扎实、实际工作能力强的教学目标。 三、课程总体结构、教学环节和课时分配

四、教学内容 第一章概述2学时 教学目的： 了解网页及网站基本概念及网页的基本要素分析教学重点与难点： 网页、网站设计流程，网页基本要素 第一节网页和网站 一、网页 二、网站 三、网页的基本功能 第二节网页中的主要元素 一、文本 二、图像 三、链接标志 四、其他的基本要素 第三节网页制作工具 一、网页编辑工具 二、网页图像编辑工具 三、动态网页技术 第四节网页设计的基本流程 、网站的设计流程 、网页的设计与制作 三、网页的测试 四、网页上传和发布

第二章HTML 语言基础 2 学时 教学目的：了解HTML 文件的基本结构，掌握HTML 中文本的编辑及图像的语法，掌握HTML 中各种设置超级链接的语法，掌握HTML 中表格和框架的基本语法。教学重点与难点： HTML 的语法结构、超级链接的语法、表格和框架的基本语法。 第一节HTML 概述 一、HTML 简介 二、HTML 语法结构 第二节文本的编辑 一、段落标记 二、文本标记 三、标题显示等级 四、列表 第三节图像编辑 一、插入图像 二、使用背景图像 第四节建立超链接 一、建立超链接 二、使用书签 三、标记新窗口和基准链接 第五节表格与框架 一、建立表格 二、表格属性 三、建立框架 四、框架属性 第三章Dream weaver基础2学时 教学目的： 了解DW8 的操作界面及常用命令，掌握规划和创建站点的操作，掌握基本的网页操。 教学重点与难点： 规划站点的结构、网页的基本操作 第一节Dream weaver 8工作界面 一、启动和退出Dreamweaver

网页制作操作步骤之一

国家职业资格鉴定 《网页设计制作员》（中级/四级）试卷 注意事项： 1、在R盘新建一个考生文件夹，其文件夹名为：机号+网页设计制作员+考生准考证号最 后五位（例：01网页设计制作员90001），考生所做的结果必须保存在该考生文件夹内。 考试过程中应注意经常保存文件。 2、考试所需素材在S盘：\网页设计制作员素材文件夹内。 3、答题以试题文字要求为准，样张仅供参考。 4、试卷不得带走，否则考试成绩做无效处理。 一、设计制作网页内容文字和图表效果：共20分。（题库1.1.1试题单） 1. 在R:\ 01网页设计制作员90001目录下新建1.1.1文件夹。 2. 把素材库文件夹“网页设计制作员素材\1.1.1”内的“1.1.1.2文件夹”中的zc.htm和images文件夹复制到R:\ 01网页设计制作员90001文件夹中。打开素材库文件夹“网页设计制作员素材\1.1.1”内的样张“1.1.1.1.bmp”。 3. 用Dreamweaver8.0打开R盘（考生目录1.1.1文件夹下）的zc.htm文件， 2种打开文件的方式：1）打开Dreamwaever8.0软件，菜单里选择打开，选择zc.htm文件。 2）右击zc.htm文件，“使用Dreamweaver 8编辑”。 4. 在适当位置插入图片zc-1.gif,并在“替换”中键入“用户注册”（添加注释）；如下图： 5. 在用户注册后的两列中设置背景图片为zc-4.gif，如下图： 6. 在CSS浮动面板中新建CSS规则，名称自定（如ziti），单选按钮选“仅对该文档”（内部标签）；如下图：

在类型中选择 a）大小：12像素；b)行高：2倍行高； 7. 按样张填入表单对象、文字，并设置CSS样式。 8. 布局表格内适当位置添置按钮对象，值为“检查会员名是否…”，并设置表单对象的动作属性为无；如下图： 9. 布局表格内适当位置添置按钮对象，值为“同意以下服务条款…”，表单对象的动作属性为“提交”；如下图:

网页设计基本操作

网页设计基本操作 ________________________________________ 1.把文件夹转换成站点：点击【文件】菜单——打开网站——选择 需要转换的文件夹并打开——点击【打开】按钮——确认 2.插入表格：点击【表格】菜单——插入——表格 3.设置表格属性：在表格内右击鼠标，选择【表格属性】，进行表格 属性设置（包括表格边框粗细、颜色、背景等） 4.插入图片：点击【插入】菜单——图片——来自文件……——选 择相应的文件（插入图片后，双击图片可以进行图片属性设置）5.设置单元格背景：在单元格内右击鼠标，在菜单内选择【单元格 属性】——选择【使用背景图片】——浏览选择相应图片文件6.修改网页标题：点击【文件】菜单——属性——选择【常规】选 项卡——标题（修改或设置网页标题）/背景音乐——浏览选择相应的声音文件 7.插入滚动字幕：点击【插入】菜单——web组件……——动态效 果——字幕——进行字幕属性设置 8.插入水平线：点击【插入】菜单——水平线——双击水平线进行 属性设置 9.插入层：点击【插入】菜单——层——在层内进行相关操作 10.插入flash动画：点击【插入】菜单——图片——flash影片—— 选择SWF格式的文件 11.插入视频：点击【插入】菜单——图片——视频——选择A VI、

MPG等格式的文件 12.设置导航栏：点击【视图】菜单——导航——添加相应的导航页 面——定位光标——点击【插入】菜单——导航——链接栏——基于导航结构的链接栏——选择一种导航样式——选择导航栏的方向——完成。 13.插入交互式按钮：点击【插入】菜单——交互式按钮——进行交 互式按钮样式选择和按钮文本设置 14.设置超链接：选择需要设置超链接的对象——点击【插入】菜单 ——超链接……——选择相应的链接位置

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

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

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