网页的概念

网页是用HTML语言语言编写，通过WWW传播，并被WEB浏览器翻译 成为可以显示出来的集文本、超链接、图片、声音和动画、视频等信息元素为一 体的页面文件，是网站的基本单位，WWW的基本文档URL 地址，统一资源定位器，组成：http=超文本传输协议，www=Web服务器，+网页 服务器域名+子目录+html,index=文件夹中的html文件（网页）WWW浏览器作用，根据网址连到远端www服务器，取得Web文档后，断开 连接。网页制作的常用工具软件有哪些Dreamweaver，FrontPage，firework，Photoshop，Flash网页正文区和文件头vHEADx/HEAD的位置关系，文件头内的惟一一个必须出现的标记是哪一个标记？ thlevhtml html文件开始文件头开始文件头 文件头结束文件体开始文件体文件体结束 html文件结束HTMLHTML文件开始HEAD文件头开始TITLE./TITLE网页标题区/HEAD文件头开始结束BODY网页正文区开始网页正文区内容/BODY网页正文区结束/HTMLHTML文件文件结束单标记和双标记的概念，HTML标记中哪些是单标记，哪些是双标记?单标记，,强制换行插水平线双标记，大部分标记内可有多个属性，引号内百分数表示相对于充满整个浏览器页面的百分比也可取绝对值，整数表示像数书13页在HTML文件中实现换段和强制换行的不同，及分别使用哪个标记浏览器翻译html文档时直接忽略回车键与空格，内容实现换段；强制换行brHTML中的常用标记的对应名称插入多媒体对象的HTML语句的正确格式字体大小标记()语法格式：font size二#1 color二#2文字/fontlvimg src“” align图像位置，靠在或右等,alt无图片但显示有图片的存在,border,height,width,hspace图像有的左右边框与文本距离vspace上下边 框与文本距离2、音频vembed src= ” autostart 是否自动播放，ture 或 falseLoop决定重复次数loop=6，ture无限播放，false只播一遍Volume音量大小，0100之间BGSOUND Src= “音乐文件的路径3、超链接连接文字4、表格，vthx/th可不设，是表头单元格vtablev/table开始与结束vtrv/tr行 tdv/td行中的第几列特定属性，background背景图片，bgcolor，背景颜色，cellspacing单元格之间距离， cellpadding 单元格内容与边界的空白距离无序列表的相关知识：无序列表用Ul开始，每一个列表条 目用Li引导，最后以/Ul结束。注意列表条目不需 要结尾标注/Li。像数，储存图片最小单位分辨率，一个个采样点的集合， 位图，由排列在网格中的点组成（像数），编辑时修改的是像数，文件大，有锯 齿，主要表现色彩， cdr、矢量图，向量图，由线面组成，文件小，可以无级缩放， 常见图像格式GIF： gif8位色深的数码图像，256色，难体现色彩复杂的图像，文件小，网络 传输，制作动画，JPG： jpg16M 种颜色，全色彩图像，适合摄影图片存储，允许可变压缩，保存 8,24,32位深色图像，有损压缩格式，迅速显示图像保存较好分辨率的理想格式 可大幅度压缩，PNG：网络图像格式，兼有以上两种特点，无损压缩减小文件大小，显示速度 快，支持透明图像制作是 firework 的默认格式Firework 默认存储格式PNG,始终可编辑，可分割为切片再存储画布 更改大小，修改-画布-画布大小属性-画布大小宽度，高度中锚定-指定删除或添加-确定更改颜色，修改-画布-画布颜色属性-画布颜色框默认颜色，新建文档的自定义样本图层：选择对象1，指针工具，对象出现 4个实心方格控点 2，用部分选定工具，对象四周出现 4个空心、 3，选择后方对象工具，指针右下角的三角形 ，4，添加到所选的对象、按住 shift 键同时用指针，部分选定，选择后方对象 5，取消选择一个对象的同时使其他对象保持选择的状态 按 shift 同时单击所选对象6，选择文档中每个层上的所有内容 选择“全选” 快捷键 ctel+A取消选择所有选定的对象 选择-取消选择 快捷键 ctrl+d在画布空白处单击位图选择工具：选取框，矩形像素区域椭圆选取框 套索，自由变形 多边形套索，直边自由变形像素区域魔术棒，像素颜色相似的区域，有容差，颜色调整范围边缘选项：实边，创建具有以定义边缘的选取框消除锯齿， 乳化，样式选项：正常，高度和宽带互不相关的选取框固定比例固定大小调整选取区：移动、添加、去除、选择一部分、反转选区、羽化选区、扩展收缩 选区修饰位图 绘制矢量图 文本特校 蒙版图像的优化，导出，批处理第3章FW网页高级应用元件、实例的概念及相关操作元件：可以重复使用的图形，动画，按钮，1，把对象转换为元件,单击右键，或编辑-插入-新建元件 2，编辑元件，面板右下角元件属性或选项元件编辑，在对话框编辑，单 击左上角箭头结束3，在属性面板对实例修改对元件无影响实例：是元件的表现形式，放置，拖动即可， 删除元件：选取后，面板右下角删除元件按钮，删除后实例也会删除，除非两者 已分离，（右击实例，单击元件-分离） 导出元件：在文档库面板中选取，在选项中导出元件，可导出并保存在 PNG 文 档中。导入元件：在文档库面板中选取，在选项中导入元件 两个元件实例间的补间：同一图形元件的两个实例之间插入指定数目的实例并均 匀分布 切片的优点及相关操作一、优点：1，便于实现动态效果2，提高下载速度3，优化图像4，创建灵活的超链接二、操作：1，基于对象插入切片，右击图片选择 2，使用切片工具绘制切片，用 Web 栏中选切片，三、显示隐藏切片：Web栏中四、导出切片：1，右击后选择导出切片，格式在导出前在优化面中设置3,绘制切片并在优化面中设置格式后，文件-导出，在导出对话框中选择为“html 和图像”五，扩展1，改变切片区域，鼠标指在切片边框，拖动或在属性面板指定高度宽度 选择多边形切片，鼠标指切片的顶点，拖动 2，更改切片颜色，选中属性面板中单击颜色框-指定颜色4，移动切片，拖动5，删除切片，选取后 delete6，重命名，选取后属性面板，左面7，多边形切片使用，按钮的状态及按钮的相关操作一、按钮响应鼠标事件1，弹起状态，默认状态2，滑过状态3，按下状态4，按下时滑过状态5，一般都有弹起与按下状态二、制作方法1，直接在按钮编辑中制作 编辑-插入-新建按钮，利用矢量工具在编辑器中绘制按钮图形 +效果，按钮编辑 器左上角的箭头完成2，把已有的按钮状图形转换为按钮 按钮元件实例双击进入编辑器各状态的设置把弹起状态复制到各状态修改属性一完成一F12看效果Gif动画的制作弹出菜单的设置第4章DW网页制作基础如果想更改工作区，可以使用“编辑”菜单中的什么命令切换到一种不同的 工作区？首选参数Dreamweaver 站点的概念和特点文件面板中进行管理的功能有：新建网页 更改文件名 删除文件等创建站点1 ，站点 -新建站点 2，否，不想用服务器技术静态网页：HTML文件，纯文本文件动态网页：asp./jsp/php，以数据库技术为基础，含有程序代码，可实现用户注册、在线调查，订单管理多功能，使用服务器技术，在后台更新 3，选择“编辑我的计算机上的本地副本，再上传到服务器”即先建立根目录，不能用中文，ps:站点包括本地站点-存储整个框架的本地文件及，远程站点 -存储在Internet服务器上的站点和相关文档，测试站点-不连接Internet而 对所建站点进行测试，模拟WEB服务器，测试的为动态网页4，选择远程服务器连接为无如何插入图像的一些基本常识？为了管理方便，一般设计习惯把图片放在“images”文件 夹内以便于管理网站里的网页和图片等资源的文件名最好用中文，以便于管理。 插入图像可以选择“插入”菜单中的“图像”命令进行插入。 插入图像可以选择使用面板组“资源”面板进行插入。URL的全称是？统一资源定位符（URL，英语Uniform Resource Locator的缩写）也被称为 网页地址，是因特网上标准的资源的地址。有哪些dreamweaver的文档视图？代码，设计，拆分。建网页 1，创建空白文档，打开文件面板，在准备新建网页文件的位置，单击右键选 新建文件2，设置网页属性，属性面板中单击页面属性（外观，连接，标题，编码简 体中文）3,文本的插入与编辑（直接输入，从Word，记事本中复制）1 分行分段Enter 为分段， shift+enter 为分行2，添加空格HTML 只允许字符间一个空格，要插入不换行空格，编辑首选参数 -常规允许多个连续的空格插入一HTML特殊字符一不换行空格-ctrl+shift+空格快捷键 在插入面板的文件类别中，单击字符按钮单击不换行空格的图标 5、使用 css 样式美化修饰文字新建css，选择仅对该文档Dreamweaver工作区是一个使用什么的集成工作区？（多文档界面）层叠样式表（CSS）是一系列格式规则，它们控制网页内容的外观。CSS样式规则由什么组 成？选择器和声明。层叠样式表（CSS）的选择器类型有哪些？标签选择器，id选择器，类（class）选择器， 群组选择器，后代选择器（派生选择器）CSS选择器针对超级链接进行设置的状态有哪些？ Active选中超级链接状态；Hover光标 移上超级链接状态；Link超级链接的正常状态，没有任何动作的时候；：Visited访问过的 超级链接状态。如何将CSS文件在站点内共享给其他HTML文件：在属性栏样式中利用管理样式的附加功能 添加外部样式表文件。6 插入图像 图像在根目录中光标在目标点插入面板常用单击图像按钮 选择图像命令在对话框中选择图片 弹出图像标签辅助功能属性，在替换文本中输入鼠标经过图片时说明 的文字此时变为属性面板，对该图片进行属性设置7 鼠标经过图像 插入图像对象-鼠标经过图像5、链接的使用 锚记链接（内部链接）1插入-命名锚记-或者ctrl+alt+A,命名，随意1,2,3（如果没有出 现插入点，单击“可视化助理”打开子菜单，选择可见元素命令2、光标定位需要链接的文字，a,在属性面板的链接文本框中输入#+锚记 名字（#1）或者属性面版中只向文件，拖到要链接到的锚记位置6, 创建下载链接选定文字，单击属性面板的浏览文件，打开选择文件对话框，选择网站 中的要下载的文件，单击确定 7, 创建图片上的 Internet 链接 选定图片，在属性面板中的链接文本框中输入完整的 URL 地址（包括网络协议）在属性面板的目标下拉列表框中，选择其打开方式：_blank:链接的文件载入新的浏览器中_parent:链接的文件载入含有该链接的框架的父框架集或父窗口 中，如果该文件没有嵌套框架，则加载到当前整个浏览器窗口中_self:链接的文件载入当前框架或窗口中。（是默认设置） _top:链接文件跳出所有框架，网页直接出现在浏览器窗口中8, 插入多媒体元素1，插入音乐并设置为背景音乐进入网页，将插入点定位在最后一行，选择插入媒体插件命令，弹出选 择文件对话框，在站点的mudia子文件夹中选择音频文件，单击确定 或在插入面板中的常用选项卡中单击媒体按钮，从弹出的列表中选择插件图 标（插入为背景音乐时，单击音乐插件图标，出现声音属性面板，单击参数 按钮，在弹出的对话框中，参数输入hiddenzh，值输入为ture2，插入 flash插入一媒体一SWF在对话框中选择Wmode参数避免与DHTML元素相冲突，品质设置质量参数，编辑指的是调 出外部编辑器编辑3，插入视频文件插入- 媒体-插件命令4，插入 FLV插入媒体FLV命令，从视频类型下拉列表中选择“累进式下载视频”（允许 边下载边观看）在浏览中选择第5章DW网页布局应用在Dreamweaver中插入表格的实现方法。1）选择“插入”“表格”；2）在常用类之插入工具栏中单击“表格”按钮；3）在布局类之插入工具栏中单击“表格”按钮。如何设置表格宽度？方法可有：1）新建表格时，在“表格”设置框的“宽度”框中输入值，再指定其相应的宽度单位。2）选取表格后，在其属性面板的“宽度”框中输入值，再指定其相应的宽度单位；3）当宽度单位为像素时，在选取表格后，用鼠标拖拽右边框的黑色控点。如何设置表格高度？方法可有：1）选取表格后，在其属性面板的“高度”框中输入值，再指定其相应的宽度单位；2）当宽度单位为像素时，在选取表格后，用鼠标拖拽下边框的黑色控点。可用哪些单位来度量表格的宽度或高度？百分比或像素百分比会随着浏览器的大小而变化 像素保持固定你为什么把表格的宽度或高度设置为100%的？希望表格会随着浏览器窗口大小的变化而自动调整其宽度或高度。表格的三种査看模式。标准、扩展和布局表格的组成元素。单元格、行/列、表格如何选取表格元素？单击标签选择器中的t d标签可选取光标所在单元格；单击标签选择器中的tr标签可选取光标所在行；让鼠标指向表格的顶边，当鼠标变成黑色实心下向单箭头形状时单击，便可选取箭头所指向 的列；单击标签选择器中的t able标签可选取光标所在表格。