第一课网页设计基本知识以及简单网
页编辑操作
网页设计基本知识
网页课件的基本概念：
目前网络型课件是针对某门课程，辅助教师课堂讲解或帮助学生自学的网页型课件。使用dreamwwaver来制作网页型多媒体课件是被广泛使用的方法。它结合网页动画工具flash和处理网页中的图形的工具firework，可以轻易地制作出精美的网络型课件。（如：年，月，日专题学习网站等）
超文本标记语言
HTML（hyper text markup language）即超文本标记语言，它是国际标准的ASCII 文件，它看起来像是加入了许多被称为标签（tag）的特殊字符串的普通文本文件。它使用标签来确定网页显示的格式，是网页的本质。HTML是一切web编程的基础，学习他具有重要的意义。
例子：
你好：欢迎学习“网页制作课程” ！！
显示的网页效果：
HTML由国际组织W3C（万维网联盟）维护，目前HTML4.0标准已经普及。要想了解更详细的情况，请访问：https://www.doczj.com/doc/c711223596.html,,可以获取最新的HTML规范。（补充一段HTML代码）
网站的开发工具：
我们要将制作好的课件发布到网络上，必须安装一个web服务器。安装
WEB服务器可以在WINDOWS环境下进行，也可以在LINUX环境下进行。（1）在WIN98环境下配置WEB服务器，请安装PWS（personal web server）; （2）在WINDOWS2000环境下安装WEB服务器，有好几个选择：
第一：IIS。IIS（INTERNET INFORMATION SERVER）是WINDOWS2000自带的WEB服务功能的的软件，与WINDOW2000配合的最好，安装IIS比较方便。安装好了IIS以后的服务器，可以支持HTML语言和APS语言。（附件：IIS的
配置）
第二：APACHE―――阿帕奇。这是一个应用的最为广泛的WEB服务器，世界上80％的服务器都是使用它。它来源于UNIX系统。它的特点是稳定，同时有多人访问都不会死机。缺点是配置麻烦，没有管理的界面，配置它靠改写代码；
第三：TOMCAT。因为WINDOWS2000
和ASP漏洞多的原因，很多需要安全，
稳定性很高的网站都不会采用
WINDOWS2000＋ISS 的结构，而是转向
使用JDK开发环境的服务器。JDK主机
支持JAVA程序。其也是来源于UNIX
系统。在WINDOWS2000里安装
TOMCAT和JDK，就可以运行用JAVA
编写的网页了；
第四：在WINDOW环境下的WEB服务
器还有很多，如LITESERVER，
OMNIHTTPSERVER，SAMBA等知名的
软件；
(3) 在LINUX环境下配置WEB服务
器，可以用APACHE或者JDK都可以。
网页开发工具：
常用来制作网页的工具软件有：MicroSoft FrontPage，Macromedia Dreamweaver ，Cute html ，flash, fireworks等；
常用来制作网页的语言有HTML,JAVASCRIPT 和vbscrip,java applet、CGI(Common gateway interface),asp(active server page),php等。如果需要使用数据库技术，则还需要安装数据库，如sql server,oracle ,acess等。
简单网页的设计和制作
知识要点：
网页的创建、打开、保存；
简单的网页编辑：文本，有序列表，无序列表，输入格式控制（文本的字体，字号，颜色，对齐方式等）水平线。
导入：
工欲善其事，必先利其器。Dreamweaver在多媒体方面颇有建树的Macromedia公司推出的可视化网页制作工具，它与Flash、Fireworks合在一起被称为网页制作三剑客，这三个软件相辅相承，是制作网页的最佳选择。其中，Dreamweaver主要用来制作网页文件，制作出来的网页兼容性比较好，制作效率也很高，Flash用来制作精美的网页动画，而Fireworks用来处理网页中的图形。
图1Dreamweaver启动画面
1、定义本地站点
1．在本地硬盘上如E盘建立文件夹：homepage
在homepage 目录里面建立如下二级文件夹：
image; sound; mov; flash; txt;
2．将dreamweaver的站点属性定义到刚才新建立的homepage的文件夹里面: 打开dreamweaver: 点击“开始”--程序--macromedia--macromedia dreamwerver mx
在dw里面定义本地站点：站点----编辑站点
在站点名称里填上：homepage;
在本地根文件夹那里选择：e:\homepage
2、制作简单的网页
1．下载图片资料：
上网(如果在课室上网，就用本地ip地址，如：222.16.168.106) 进入：多媒体课堂----dw多媒体课堂----lesson1，下载课程需要图片到e:\homepage\image\ 目录里面；
2．新建文档：
在dreamweaver里面新建一个html网页
3．保存文档；
网页制作原则（1）：在网页还是空白的时候，就请先保存一次。
改动“标题”为：“我的第一个网页”，或者my first page;然后保存网页：
选择菜单“文件”---“保存”，网页起名字有规律：
网页设计原则（二）：首页有一个约定俗成命名规则，可选：
“index”; “default”; 就是索引或者默认的意思。
用dreamweaver 制作网页，千万不能用中文名。
4．设定网页背景图片；
点击菜单“修改”---“页面属性”在背景图像里浏览选择e:\homepage\image\bj_26.jpg;
5．添加网页文字
好，下面我们开始制作网页的正文。现在光标处在正文编辑区，和记事本一样，我们输入文字欢迎来到物理学科网站”。敲一下回车，光标定位在下一段中，
输入一些主页说明文字（图1）。
图1在编辑区内输入文字
注意：添加文本；
插入空格--- crtl+shift+空格键
每插入一次，都是插入一个英文(半个中文字)的占位符；
回车1、直接按回车键（行距大）
2、shift+回车键（行距小）
文档的对齐方式；字体大小，颜色，加粗，倾斜；
选择字体；项目列表（有序号列表、无序号列表）;插入水平线；
对了，千万别忘了保存文件哟！
（3）插入图形
一个页面光有文本是无法吸引人的，下面我们插入一幅图片，使页面更加生动，图文并茂。
1．定位光标
2．插入---图像:选择：e:\homepage\ image/24694.jpg
3．改变图像文件的大小，边框、对齐、描述
最后，请将网页上传到服务器上面，可供大家交流哦。^-^
网站编辑制度与规范 一、网站编辑制度总则 第一章网站编辑职责 第一条确保网站新闻频道发布的所有信息的真实性和合法性，保证对发布的所有新闻进行新闻审核。 第二条完成具体频道、栏目的内容策划及专题资料搜索、整理和相应的改写。 第三条对指定内容、专业稿件的文字进行采选、校对、修改润色。 第四条对所负责版块的内容进行润色及更新，提升患者的关注度及参与度。 第五条做好对自己主管的各个频道发展规划，完成日常栏目选题规划。 第六条处处维护医院形象，关注网络上跟本单位相关信息。 第七条编辑文章内容时，保障关键词出现的数量及与网站信息搭配的准确。 第二章内容发布标准 第一条新闻标题以10~20字为宜（含标点）。标题中出现以下几种情况应予以修改： 1、标题较其他同类标题明显过短或过长； 2、标题中有过多的标点符号； 3、标题过于隐晦，不能揭示新闻主题；或不新颖，无吸引力； 4、系列报道没有统一标题。 第二条新闻内容主体不应低于100字，字数较多的文章应有导语。文章内容出现以下几种情况应予以修改： 1、文章中出现错别字及语句不通顺、搭配不当等语病； 2、文章中所涉及的人物姓名、机构名称、物品名称有误； 3、时间、地点、人物、事件等基本新闻要素在导语中介绍不明； 4、语言过于口语化或过于深奥难懂； 5、明显为其它商业团体做广告宣传。 另外，审核人员可在不改变原意的情况下，对新闻进行适当润色以增强其可读性。 第三条新闻图片应注意以下几点：
1、图片在前，文字在后，为统一格式，不提倡在文字中插放图片。图片居中放置，每张图片下方为图片注释（居中）。 2、在尽量优化图片文件大小的同时要保证图片质量。第一张图片为最能反映新闻主题且质量较好的图片，明显模糊的图片应删除； 3、配有图片的新闻应在每张图片下方对图片进行注解，并另起一行居中注明图片说明，另起一行接正文，图片和图片说明，图片说明和正文之间都为单倍行距； 第四条新闻的相关来源、操作事项作如下规定： 1、原创新闻在文章末尾处直接填写责编的名字即可（责任编辑：×××）；转载新闻应当在文章发布时注明转载于何处，负责审核人员在文章末尾注明（责任编辑/×××）。 2、“推荐”“置顶”文章要将推荐记录及理由填写在责编记录中，不得随意设置“推荐”“置顶”文章。 3、要注意新闻评论的及时审核，对于修改删除的文章要记录在案注明理由，及时清空新闻回收站。 4、在添加文章时，内容里所包含的关键词要加上相关页面的链接（如“宝马”添加站内链接至车赏中“宝马”页面）。 第三章转载新闻审核 第一条转载新闻内容中出现以下情况需予以修改。 1、开头没有把“本站讯”、“本报讯”改为“×××站讯”、“×××报讯”；（×××指文章来源） 2、没有将“本站”、“本刊”改为“×××站”、“×××刊”； 3、新闻中有外部文字链接、图片链接没有删除等； 4、末尾没注明（责任编辑/×××），“文章来源”处不是媒体名称。 第二条转载新闻还应注意以下几点： 1、转载新闻每个栏目中，每人每天不得少于6篇； 2、转载文章在同一内容的情况下不得重复，若发现则追究责任编辑的责任； 3、非重要文章、无图片新闻不予推荐首页FLASH发表； 4、对于综合转载要注明新闻各部分来源，保证新闻各部分衔接自然，内容不重复或矛盾，语言连贯无语病；若综合后篇幅较长，应考虑整合为系列新闻报导。 第三条转载新闻不能包含传播反党、反社会主义、邪教、色情、暴力、明星绯闻、政府丑闻等内容，一经发现应立即删除并向上级汇报。 第四章原创新闻审核 原创新闻的时候应注意避免出现以下情况： 1、新闻语言基本错误太多，文章中病句太多； 2、口语化太严重，主观色彩浓厚，文章煽情抒情过度等不符合场合需求的错误； 3、报道草草了事不够认真，报道不清毫无重点亮点，言辞随意不够严谨，写作角度明显有失公允，不全面； 4、明显为商业机构作广告，有偏激思想内容，新闻内容明显有失真实；整体感觉空洞无物；
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形式的两层结构，
网页制作基础教程 一、什么是HTML HTML（超文本标记语言）是网页中使用的语言，他能被网页浏览器（IE或Netscape）解释，从而显示出丰富多彩的信息（图片、文字、声音、影象、动画等）。 制作网页前首先要弄懂什么是HTML。 在IE中点击"查看"→"源文档"，就能看到该网页的HTML代码。下面是个网页文档（model.htm）的HTML代码：
《网页设计与制作》课程教学大纲 课程名称：网页设计与制作 学分及学时： 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 页面开发的发 展方向，兼顾各行各业的需求变化，力争面向社会，服务于企业“互联网+”战略。
网页设计及制作 【实习目的】 熟悉和掌握计算机网页设计的基本技巧及网页制作相关工具软件等内容。通过网页设计理论联系实际操作, 巩固所学的知识, 提高处理问题的能力。充分学习网页设计实践中的操作理论, 提高自己网页设计水平, 并为能顺利与社会环境接轨做准备。 【实习时间】 2012年2月15日至2012年3月15日 【实习地点】 未来路锦江国际花园9栋501室 【实习单位】 郑州市托斯卡纳餐饮有限公司 【实习内容和过程】 实习内容: 我在托斯卡纳餐饮公司旗下的56°网络蛋糕店一个月的实习,我的工作就是负责设计整个网站的页面部分。为其一个月的实习, 使我第一次亲身感受到了所学知识与实际的应用, 作为一个网站美工除了要求网页三剑客,ps,这些必会的软件以外, 还要对Html用的很熟, 对ASP 或PHP或jsp要有初步的了解。通过这次实习,进一步巩固和深化所学的理论知识,为以后的工作打好基础。 以下是我做的一些实习过程中的经验总结: (1表达一定的艺术效果
一个成功的网站应该把网页设计得吸引人,同时又要传达设计思想和情感。 网页作为一种媒体, 它必须具有一定的艺术感染力, 一个平淡无奇、杂乱无章或 毫无美感的网页很难会有浏览者喜欢,更不要说让浏览者去注意它的内容了。(2使页面结构清晰可读性强 经常可以看到这样的页面, 上面堆砌了许多内容, 却没有考虑它的空间框架, 让人看了无法知晓哪些内容才是最具发言权的。没有流畅的视觉流程, 这是典型的没有注意到编排清晰度、可读性的表现。 (3实现不同的功能 在网络这条信息高速公路上,网页最主要的功能就是一种传递信息的手段。因此,它一切内容都是为了这个目的而服务,都是要围绕这个中心进行设计的。然而,要实现这个功能,网页的美工设计和内容都必须有针对性。所谓针对性, 就是指对不同类别的网页要求采用不同的美工艺术效果。 (4网页的内容 网页设计人员美化网页,增加网页设计的艺术感,都是为了网页设计的内容 服务的。一般来说,网页的几项基本内容:标题、网站标志、主体内容、导航、广 告栏等。 (5确定网站的类型 在设计网页之需要做大量的准备工作, 需要思考以下几个问题:1、网站的类型:站点属于新闻、娱乐、商务类的综合站点,还是个人主页; (6确定网站的风格 如果浏览者主要是年轻人,页面就要设计得基调明快,活泼富有朝气;如果针对的群体是政府工作者或科学工作者, 那么页面就要设计得严谨、严肃、理性、 科学;如果针对的群体是妇女儿童,页面则要设计得温馨、友爱、轻松;如果针对的群体是恋人或从事艺术工作的人,页面就要设计得浪漫并有艺术感
应用frontpage制作网页（一） 一、熟悉frontpage2000的环境 A、frontpage的启动 1．利用“开始”菜单启动：开始——》程序——》frontpage 2．利用桌面上的快捷方式：双击打开 B、退出frontpage 1．单击窗口标题栏右端的关闭按钮； 2．按Alt+F4快捷键； 3．执行“文件”菜单下的退出命令。 注：若在退出以前没有保存已被修改的文档，在退出时，会有询问是否保存的提示 框。 C、F rontPage的工作环境 FrontPage的窗口由标题栏、菜单栏、工具栏、网页编辑区域、网页编辑模式和状 态栏七部分组成。 1．标题栏：窗口的顶部，包括“控制菜单”图标，当前正在编辑的文件或程序名称、“最小化”按钮、“最大化/还原”按钮和“关闭”按钮。 2．菜单栏：标题栏下方，是命令菜单的集合。由“文件”、“编辑”、“视图”、“插入”、“格式”、“工具”、“表格”、“窗口”和帮助组成。 3．工具栏：提供常用的各类按钮，如“保存”、“打印”、“剪切”等编辑操作和“插入表格”等标准操作按钮。 FrontPage2000常用工具栏上特有的工具按钮： 发布站点：将建立的网站发布到WEB上； 文件夹列表：显示当前站点的文件夹结构； 在浏览器中预览：当网页保存后，选中该工具按钮，可在系统默认的浏览器中 浏览当前编辑的网页。 停止：用于预览网页时停止网页的下载； 插入超级链接：插入一个超级链接； 刷新：用于浏览网页时刷新网页。 4．视图栏：由“网页”、“文件夹”、“报表”、“导航”、“超链接”、“任务”六部分组成。 网页：视图将在网页编辑区域打开当前站点的所选网页文件以做编辑之用； 文件夹：视图列出当前站点的所有文件和文件夹，方便寻找须编辑的网页文件； 报表：视图将报告站点中文件和超链接的状态； 导航：视图将显示站点的导航结构； 超链接：视图显示来自和指向站点中的每一页的超链接； 任务：视图列出站点中要完成的任务。 5．网页编辑区域：管理站点和编辑网页的地方。 6．网页编辑模式：普通方式（所见即所得的网页设计方式）、HTML方式（用HTML 语言设计网页）和预览方式（检查网页实现的效果），从不同的角度观察网页。 7．状态栏：显示当前页状态
《网页设计与制作》课程教案 一、课程定位 本课程是计算机应用技术专业的一门专业基础课程，该课程的学习能够提升他们对网页制作的兴趣，让他们学习网页制作的基本技能，为后继课程打下基础，同时扩展其就业面，为就业做好准备。 本课程的目的和任务是让学生学会Dreameaver CS6、Flash和Fireworks 的使用方法，并能够使用这3款软件制作出美观实用的网页。 二、课程总目标 掌握网页制作的基本方法和技能，掌握网站建设的流程，能够运用所学知识建设常用的网页和网站，同时能够美化网页，设计人性化、艺术化的网站静态页面部分。 （一）知识目标： 1.熟悉网页制作的基本元素； 2.掌握Dreamweaver CS6软件的基本操作方法； 3.掌握在网页中插入文字、图片、声音、flash等的方法； 4.掌握常见的网页布局方法，学会使用CSS美化网页； 5.掌握在网页中使用表单和制作网页特效的方法； 6.掌握简单图形图像的处理，能够制作符合网页主题的图片和简单动画 并巧妙地和网页中内容搭配起来。 7.掌握建设一个功能相对完善的网站的方法并能制作常用的网站的静 态页面部分。 （二）职业能力培养目标 1. 能够根据网站开发需求，去寻找网页设计和网站开发所需要的文字、 图片、动画、声音、视频等素材并作美化处理； 2．能够制作出符合主题色彩的网页，网页要求美化、被绝大多数浏览 者接受和喜爱；
3.能够设计企业网站、政府门户网站、学校网站等常见网站的基本静态 页面。 （三）素质目标 1.具有勤奋学习的态度，严谨求实、创新的学习精神； 2.具有良好的心理素质和职业道德素质； 3.具有高度责任心和良好的团队合作精神； 4.具有运用理论知识发现问题、分析问题并解决问题的能力，同时能够 不断学习，不断创新，让自己的设计越来越完善，有止于至善的精神。（四）职业技能证书考核要求： 可以根据自身情况考取“全国计算机信息高新技术资格证”，“网页设计制作员”，“网页设计师”等职业技能证书。 三、重点、难点章节及内容 1.重点章节： 1.2 网页、网站相关术语简介 1.6 网站建设的基本流程 2.3 Dreamweaver CS6的工作环境 3.2 创建本地站点 3.4 使用站点 3.5 网页设计中的规范 4.1 网页文件的基本操作 4.3 插入文本 4.4 插入水平线 4.5 插入其他基本元素 4.6 创建列表 5.1 超级链接概述 5.2 创建超级链接 5.3 使用dw制作各种超级链接
网页制作——网页基础操作复习题 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）
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
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.空格
国家职业资格鉴定 《网页设计制作员》（中级/四级）试卷 注意事项： 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.网页分类：静态网页、动态网页 ◆静态网页：是标准的HTML文件，它是采用HTML（超文本标记语言）编写 的，是通过HTTP（超文本传输协议）在服务端和客户端之间传输的纯文本文 件，其扩展名为.html或htm ◆动态网页：在多方面与静态网页是一致的，它们都是无格式的ASCII码文件， 都包含HTML代码，都可以包含用脚本语言（比如JavaScript或VBScript）编 写的程序代码，都存放在Web服务器上，收到客户请求后都会把响应信息发 送给Web浏览器，根据采用Web应用技术不同，动态网页文件的扩展名不同， 如ASP（使用Active Server Pages）技术，其中扩展名为.asp；使用JSP（Java Server Pages）技术时的扩展名为.jsp等等。 2.URL（统一资源定位器，简称网址）：其格式是【协议名://主机名/目录/....../文件名】， 如https://www.doczj.com/doc/c711223596.html,；由于网址是最常用的协议是http是默认的协议，所以可当 刮简写为https://www.doczj.com/doc/c711223596.html,；ftp://123.52.3.20；， 3.网页（Web Page）：打开网站所看到的网页，一个网站可以有成千上万个网页。 4.主页（Home Page）：打开网站时看到的第一个网页，简称首页。它默认的文件名 通常是index.htm、index.html、default.htm、default.html、default.sap、index.asp等 等 二、网页设计基本原则 1.明确建立网站的目标和用户需求 2.总体设计方案主题鲜明 3.网站的版式设计 4.网页形式与内容相统一 5.三维空间的构成 6.多媒体功能的使用 7.网站测试和改进 8.合理运用新技术 三、网站制作流程 1.选择网站主题 2.规则网站目和目录结构 ◆对收集的资料进行分类，并为其建立专门的栏目，各栏目的主题围绕网站主题 展开，栏目名称具有概括性，各栏目的名称字数最好相同。规划网站栏目的过 程实际上是对网站内容细化，一个栏目有可能就是一个专栏网页。 ◆在创建网站的目录结构时，不要将所有文件都存放一根目录下，需要应该按栏 目为建立文件夹 ◆目录文件命名时，要使用简短的斯文形式，文件名小于8个字符，一律以小写 字母，另外大量的同一类型文件应该是数字序号加以区分，以利于查找。 3.设计网页布局 4.整合网页内容
《网页设计》课程教学大纲 一、课程说明： 课程类别：选修课 适用专业：工商管理、电子商务专业、信息管理与信息系统专业和计算机相关专业、艺术设计专业等。 计划学时：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）掌握在网页中嵌入图象和多媒体的方法；
课程编号： 课程名称：《网页设计与制作》 英文名称： 课程类型：专业选修课 总学时：72 讲课学时：41 上机实践学时：31 学分：100分 适用对象：三年高职电子商务专业 先修课程：《计算机文化与应用基础》 一、课程的性质和任务 “Dreamweaver 网页设计”是计算机网络技术专业（专科）的一门统设必修课，同时也是电子商务的基础课。本课程的主要任务是介绍利用Dreamweaver开发工具进行网页设计，包括新建、编辑和设置一个Web站点；如何对页面属性进行基本的设置，如何设置、编辑CSS 层叠式样式表；如何排版文字、表格和层；如何进行基本的图像处理；建立框架；模板和库的使用和编辑；网站的发布与维护等基本知识与应用。目的是通过本课程的学习，培养学生的实际动手能力和计算机的操作能力，能够运用所学的知识进行网页设计。 二、课程的教学目标和基本要求 掌握Dreamweaver的交互界面的组成与使用方法，Web站点的基本方法与步骤，站点管理器的用途，学会利用站点地图查看、管理各网页之间的超链接关系、系统属性及网页属性的设置方法，及各设置参数的作用。掌握制作超级链接、E-mail链接、书签等形式的超级链接，使用CSS样式创建、编辑网页的方法，水平线、日期、图象对象的主要属性与设置方法，表格的创建、结构调整与美化方法，网页中创建、修改层和嵌套层的方法，掌握框架结构网页的制作方法，学会利用行为面板设置控制对象的行为，学会通过模板和库元素创建网页的方法，学会使用Dreamweaver中应用表单设计网页的方法，掌握并了解可以在网页中插入Fireworks电影、Flash MX电影、ActiveX.控件等多媒体对象的方法。 本课程要求学生掌握基本的HTML语言。学会使用Dreamweaver开发工具进行网页设计。这是一门重在实践的科目，因此需要学生多上机、多进行实际操作，把老师所教授的各种网页制作、版面设计以及程序熟练制作或调试出来，并且能够在此基础上有所创造、有更进一步的发挥。 三、先修课程要求 《图像处理》 要求：熟练掌握图像的格式转换、色彩调节、比例缩放、文字处理、特效制作等 四、教学内容和教学要求 ㈠网页设计介绍 ⒈网页概念 ⒉网页中的基本元素
第三章第10讲网页设计基础知识 考点剖析 【知识要点】 一、基本概念 1.网页 网页一般又被称作HTML文档，是一种可以在互联网上传输，能被浏览器识别和翻译成网面并显示出来的文件。网页分为静态网页和动态网页。 网页要素：文本、图像、多媒体元素、超链接、脚步程序。 2.网站 网站：网站又称Wbe站点，是指在网络上，根据一定的规则，使用网页开发软件制作的用于展示特定内容的相关网页的集合。网站首页的主文件名：index、Default，扩展名依照上面网页。 3.网站、主页与网页的关系 网站是指在网络上，根据一定的规则，使用网页开发软件制作的用于展示特定内容的相关网页的集合，由主页和其他网页组成。用户在浏览器的地址栏输入网址后见到的第一个页面称为主页，主页是网站中所有网页的索引页，通过单击主页上的超链接可以打开其他的网页。 4.制作工具
常见的网页制作工具有DreamWeaver、FrontPage等。 二、Dreamweaver CS3的工作界面 Dreamweaver CS3工作界面主要由标题栏、菜单栏、插入栏。文档工具栏、文档窗口、属性面板、状态栏、面板组等组成，如下图所示。 Dreamweaver CS3工作界面 1.菜单栏 1.菜单栏位于Dreamweaver CS3窗口最上方，提供了各种操作命令。在Dreamweaver 其他版本中，“插入记录”菜单也可能是“插入”菜单。 2.文档工具栏 “文档”工具栏提供了视图模式切换的按钮和与查看文档、在本地和远程站点间传输文档有关的常用命令和选项，如下图所示。 3.文档窗口 文档处理显示当前打开的文档，分为“代码”视图、“设计”视图和同时显示“代码”视图和“设计”视图的“拆分”视图三种视图模式。启动Dreamweaver CS3后，默认的文档窗口视图为“设计”视图。 4.状态栏 状态栏位于文档窗口的底部，用于显示正在编辑的文档有关的信息，如下图所示。
一选择题 1.在Dreamweaver中，（）可以在页面中自由移动。D A．表格B．框架C．图像D．层(apdiv标签)可以显示可以隐藏 2.在水平线属性面板中，不能设置水平线的（）。 A.高度 B. 宽度 C.颜色 D. 阴影 3.在Dreamweaver中的插入表格对话框中“间距”表示（C）。 A. 表格的外框精细 B. 表格在页面中所占用的空间 C.表格中相临各单元格之间的距离 D. 表格大小 4.以下有关ul标记的样式表项的定义中，正确的是：（ B ）。 A. ul{font:14px #00458c, list-style-type:disc} B. ul{font-size:14px; color:#00458c; list-style-type:disc} 用冒号隔开。分号 隔开每一项 C. ul{font-size:14px, font-color:#00458c, list-style-type:circle} D. ul{font:14px, color:#00458c, list-style-type:square} 5.在HTML中，下面（ C ）语句可以将标题“ACCP”的颜色设置成 红色。 A．〈H1 FONT color:red〉ACCP〈/H1〉 B．〈H1〉〈color= red〉ACCP〈/H1〉 C．〈H1 〉〈FONT color= red〉ACCP〈/FONT〉〈/H1〉 D．〈H1 STYLE color: red〉ACCP 6.以下有关列表的说法中，错误的是( D )。 A．有序列表和无序列表可以互相嵌套。 B．指定嵌套列表时，也可以具体指定项目符号或编号样式。 C．无序列表应使用UL 和LI 标记符进行创建。UL和LI要记住是有序还是无序 D．在创建列表时，LI 标记符的结束标记符不可省略。。Li标签可有可
网页设计基本操作 ________________________________________ 1.把文件夹转换成站点：点击【文件】菜单——打开网站——选择 需要转换的文件夹并打开——点击【打开】按钮——确认 2.插入表格：点击【表格】菜单——插入——表格 3.设置表格属性：在表格内右击鼠标，选择【表格属性】，进行表格 属性设置（包括表格边框粗细、颜色、背景等） 4.插入图片：点击【插入】菜单——图片——来自文件……——选 择相应的文件（插入图片后，双击图片可以进行图片属性设置）5.设置单元格背景：在单元格内右击鼠标，在菜单内选择【单元格 属性】——选择【使用背景图片】——浏览选择相应图片文件6.修改网页标题：点击【文件】菜单——属性——选择【常规】选 项卡——标题（修改或设置网页标题）/背景音乐——浏览选择相应的声音文件 7.插入滚动字幕：点击【插入】菜单——web组件……——动态效 果——字幕——进行字幕属性设置 8.插入水平线：点击【插入】菜单——水平线——双击水平线进行 属性设置 9.插入层：点击【插入】菜单——层——在层内进行相关操作 10.插入flash动画：点击【插入】菜单——图片——flash影片—— 选择SWF格式的文件 11.插入视频：点击【插入】菜单——图片——视频——选择A VI、
MPG等格式的文件 12.设置导航栏：点击【视图】菜单——导航——添加相应的导航页 面——定位光标——点击【插入】菜单——导航——链接栏——基于导航结构的链接栏——选择一种导航样式——选择导航栏的方向——完成。 13.插入交互式按钮：点击【插入】菜单——交互式按钮——进行交 互式按钮样式选择和按钮文本设置 14.设置超链接：选择需要设置超链接的对象——点击【插入】菜单 ——超链接……——选择相应的链接位置
实验一网页的认识 实验目的 1、掌握利用Internet进行信息游览、搜索，下载网页、图片、文字和文件； 2、利用记事本来编辑HTML文档并浏览。 3、熟悉HTML基本标记的使用。 实验环境 WindowsXP操作系统，内部组成局域网，外连Internet互联网。 实验重点及难点 ◆熟悉HTML的结构、语法。 ◆熟悉HTML基本标记的使用。 实验内容 1、从网上（如网页制作大宝库等）下载网页制作时需要的小图片、动画及flash等网页制 作素材。 2、收集你认为比较好的网页并从网页主题、网页内容、结构布局、色彩搭配等方面来分析 网页。 3、通过浏览新浪网站主页分析其网页基本元素，查看其源代码，收藏到收藏夹中，将其设 为主页。 4、制作一个简单的网页sy1-1.html，用记事本编辑，网页标题为“熟悉HTML文档的结构”， 内容为司空曙的《江村即事》，如下图所示。 5、通过附录1的练习熟悉HTML基本标记的使用。（可参考第二章内容）
实验二Dreamweaver基本操作（一） 实验目的 1、熟悉Dreamweaver的工作环境并了解本地站点的建设和管理； 2、熟悉网页文件的基本操作； 3、熟练掌握在网页文件中文本、图像、超链接的添加和设置。 实验环境 WindowsXP操作系统，Dreamweaver软件，内部组成局域网，外连Internet互联网。 实验重点及难点 ◆文字的插入及设置。 ◆图像的插入及设置。 ◆各种超链接的创建。 实验内容 1、使用Dreamweaver建立一个本地站点并命名为“Dreamweaver基本操作”，包含以下几 个文件和文件夹：图片文件夹（images）；音乐文件夹（sound）等。 2、在站点“Dreamweaver基本操作”中新建一个名为sy2-1.html的网页文件，从提供的网 页原始素材中把相关文字复制到该网页文件中，并进行适当的文字设置，结果如下图所示。 3、在站点“Dreamweaver基本操作”中对网页sy2-1.html按如下要求进行编辑并另存为 sy2-2.html，效果如图所示。 ●标题文字大小用
标记； ●作者信息文字大小为24像素，字体为幼圆，颜色为红色； ●古诗文字大小为24像素，字体为隶书，颜色为蓝色； ●在作者信息后加一条水平线，居中，水平线宽度为浏览器的30%，水平线的粗细为20 个像素，颜色为棕色；网页基本操作解答 1、新建站点 站点/新建站点/高级/输入站点名/输入或选择本地根文件夹/完成 2、新建空白网页 文件/新建/基本页，选HTML页/创建。文件另存为保存到站点中。 或者直接在右侧的“文件”窗口中，右击然后选择“新建文件” 3、新建框架网页，为框架网页和分网页设置标题并保存 文件/新建/框架集，按要求选窗口/框架（打开框架面板）/点击框架面板的外框（选中框架网页）/在标题文本框中输入框架网页的标题/分别选中分网页/分别在标题文本框中输入各分网页的标题/文件/保存全部，根据提示逐个保存框架集和各个框架页。 4、设置网页属性 在网页空白处单击，下方“属性”面板中，“页面属性”按钮/在“外观”分类中可以设置页面字体，文本颜色，背景颜色，背景图片/在“链接”分类中可以设置链接颜色，活动链接颜色，已访问链接颜色/在“标题/编码”分类中可以设置网页标题（即网页名称，注：在“标题”分类中设置的是网页中的大小标题而不是网页名称） 5、插入表格，表格及单元格的设置 插入/表格/在表格的对话框中可以设置行数、列数、表格宽度（注意单位是“像素”还是“百分数”、表格边框粗细、单元格的边距和间距、标题及对齐标题/选中单元格/在属性面板上可以设置单元格的对齐方式、背景颜色、背景图片等各项参数、可进行合并、拆分单元格等操作 6、在表格中插入行或列 光标在单元格内/修改/表格/插入行或列/选择行或列、数量、位置/确定 7、插入表单 插入/表单/表单 8、插入表单元素 插入/表单/可以选择文本域（只有一行）、文本区域（多行）、按钮、单选按钮、复选框、 列表/菜单、文件域（有浏览图标）/设置各项参数 9、将文件中的文本插入到表格的单元格中 双击文件面板中的文本文件/选择要复制的内容/拷贝/关闭文本文件/选择目的单元格/粘贴 10、插入图像（动画）文件，设置图像（动画）文件 从右面文件面板中直接将图像（动画）文件拖曳到左面页面的指定位置/确定/确定/选择图像（动画）文件/在属性面板上可设置大小、位置、边框等 或者菜单“插入/图像” 11、建立普通超链接和电子邮件超链接 选中文本/插入/超级链接（电子邮件超链接）/通过“链接”文本框的“浏览”按钮搜索，选择题目要求的对象文件（在电子邮件文本框中输入邮件地址）/确定 12、建立热点链接 选中图片/用属性面板上左下角的热点选择工具选择图像中的指定图像区域/通过在属性面板的“链接”文本框的“浏览文件”按钮搜索，选择题目要求的对象文件/确定/确定 13、图文混排 插入图片/复制文本/选中图片/在属性面板上的“对齐”下拉框中选择图片的对齐方式 14、插入有颜色的水平线
高纲1349 江苏省高等教育自学考试大纲 29942 网页设计与制作（实践） 南京大学编 江苏省高等教育自学考试委员会办公室
Ⅰ课程性质与课程目标 一、课程性质和特点 《网页设计与制作》是为江苏省自学考试“计算机及应用”、“计算机信息管理”或相关专业专科段学生开设的专业基础课，是一门不进行理论考试而仅参加实践考核的课程。本课程重点培养学生基本的网页设计和制作技能，要求学生在自学理论知识的基础上，培养动手能力，加强实践环节，并能熟练使用相关工具软件。 二、课程目标 网页是互联网最常见的应用之一，是人们获取和发布信息的主要途径。本课程从实际应用出发，培养学生了解网页设计和制作基础知识，学习和初步掌握：网页设计和制作、网页编写语言及网站规划和管理的实际能力。通过课程实践考核，要求学生能上机实验验证相关理论知识，设计、制作、修改或完善指定内容的网页，初步掌握网站建设和开发流程、熟悉站点的上传和维护并能独立解决网页编辑中遇到的一般问题，具有一定的计算机网络信息发布常识。 通过本课程的学习，应达到以下目标： 1．理解Fireworks和Dreamweaver软件界面，并能熟练独立进行操作； 2．重点掌握Fireworks画布、图层、修饰位图、绘制矢量图形、文本特效的操作； 3．重点掌握Fireworks图像切片、元件与实例的操作，并灵活运用； 4．重点掌握Dreamweaver基础网页制作、链接的使用、插入多媒体元素的操作； 5．重点掌握Dreamweaver表格、框架、模板的灵活应用。 三、与相关课程的联系与区别 本课程需要具有一定计算机基础知识，程序设计语言基础知识及计算机网络基础知识，因此，要以本专业的“计算机应用技术”、“计算机网络技术”、“高级语言程序设计”等作为先导课程。在学习完毕本课程后，将来可以为“网络信息编辑”、“多媒体技术”等课程，或进行本科段的深造打下坚实基础。
网页制作教程 8.1.3(设计网站的常规步骤 通常设计网站需要以下6个步骤。 1(总体规划 进行网站的整体规划也就是组织网站的内容和设计其结构，以确保文件内容条理清楚、结构合理。首先要确定包括几张网页，每页信息是什么，多媒体信息如何编排，每页开几个窗口，页与页之间如何建立超链接等。 2(准备素材 根据规划准备各种有关的材料，例如文本、图像等。最好将这些材料制作成文本文件和图形文件(采用gif或jpg格式)备用。 3(创建站点与制作网页 使用网页编辑软件建立站点、制作网页。 4(浏览测试 当制作完所有网站页面之后，需要对所设计的网页进行审查和测试，测试内容包括功能性测试和完整性测试。功能性测试就是要保证网页的可用性，达到最初的内容组织设计目标，实现所规定的功能。完整性测试就是保证页面内容显示正确，链接准确，无差错无遗漏。 5(申请空间/发布 用户创建了网页之后，通常直接将其保存在硬盘上，但只有当整个站点上传到Web服务器，浏览者才能通过Internet上访问到站点中的网页。 (1)如果制作的网页是在本单位的Intranet上发布，则只需要系统管理员划出一块空间并允许存放Web站点的文件即可。
(2)如果制作的网页需要在Internet上发布，就需要选择一个合适的ISP，并租用适当的空间存放自己的网页。 6(维护/更新为了让网站具备持久的生命力，需要进行维护和更新。 8.1.4 FrontPage 2000的工作界面 1(FrontPage 2000的操作界面 FrontPage 2000的操作界面(见图8-4)与Office 2000的其他组件类似，只是它的编辑窗口有3个，通过选择不同的选项卡可以切换到普通窗口、HTML窗口和预览窗口。 (1)默认的视图方式是普通，在其中编辑网页时基本上可以达到”所见即所得”，这使 得即使不懂HTML的用户可以轻松制作出精美的网页。 (2)如果切换到HTML视图方式，就可以看到FrontPage编辑器自动生成的HTML 代 码。即使在普通视图方式下看到的空白网页，也会用一套简单的HTML代码来描述它。 在HTML视图方式下，可以直接输入HTML代码。 (3)预览视图方式实际上是用已安装的Internet Explorer浏览器来显示网页。