网页基本属性，要素，步骤，工具，属性面板，视图，结构，标记符，标题，水平线
网页的基本功能 主页index 主页是一个网站的核心，进入一个网站后，首先引入眼帘的是该网站主页。主页的上部是含有该校中，英文名称的LOGO图片，网页的底部是版权区，在LOGO图片的下面，版权区的上面有两行横向导航菜单，包括概括设置资料等，每个子菜单都进行了超链接，浏览者可以根据需要浏览相应的内容，主页的中间部分是校内新闻，提供给浏览者一些最新新闻浏览者可以随意浏览任一条
网页的基本要素1文字（标题，字号，字型）2表格：具有容量大，结构严谨或效果直观等优点，表格还可以控制信息的布局方式。3图形：一般使用JPEG,GIF 4链接标志：有文字图像2种 5交互功能6声音和视频
网页制作工具：一种是利用网页制作工具进行制作，例：frontpage,dreamweaver
另一种采用HTML超文本标识语言的专用格式来进行编制。
网页制作的基本步骤：1网站定位，定位要小内容要精，网站题材，名称要正，易记，有特。2整体规划：也就是组织网站的内容和设计其结构。收集整理资料，准备素材，内容规
划整体规划中3重常用结构类型：（1）层状结构，类似与目录系统的树型结构，很强层次性（2）线性结构，类似数据结构中的线性表，用在意义是平行的页面上（3）WEB结构，类似Internet的组成结构，各网页之间形成网状链接，允许用户随意浏览。3网页的设计与制作，先静态后添加动态效果4测试网页：功能性测试和完整性测试5网页上传发布，服务器可以是远程或本地但必须支持ASP  6网站宣传推广 7网站的反馈与评价 8更新与维护
建立目录结构建议：1不要将所有文件都存放在根目录下，会造成文件管理混乱，很难搞清哪些文件需要编辑和更新，哪些无用，哪些想关联，影响工作效率。上传速度慢，文件量越大等待时间也越长。所以尽可能减少根目录文件存放数。2 在每个主栏目目录下都建立独立的images目录，最方便于管理，而根目录下的images目录只用来存放首页和一些次要栏目的图片。3 按栏目内容建立子目录。按主菜单的栏目建立子目录，一些关联性强不需要经常更新的栏目可以合并放在一个统一的目录下。4 目录的层次不要太深。建议不超过3层，维护管理方便。5不要使用过长的目录 6 不要使用中文目录。
DW界面。属性面板：要显示或隐藏属性面板，应单击窗口—属性或者直接按CURL+F3，用户对属性进行的修改多数会立即在文档窗口中应用，但有些属性在修改完以后可能需要在属性编辑文本框之外的地方单击一下或者按TAB键转到其他属性后才能应用。
Dreamweaver的视图：单击工具栏上的视图切换按钮（  ），即显示设计视图，使用工具栏中的按钮（  ）即可很方便的切换到代码视图，以便查看当前编辑网页的HTML源代码，如果需要同时查看代码视图和设计视图可以单击工具栏上的显示代码（    ）和设计按钮（    ）此时将同时在窗口中显示代码视图和设计视图
标记符又称标签，HTML是影响网页内容显示格式的标记符集合，浏览器根据标记符决定网页的实际显示效果
HTML标记符不区分大小写，但通常使用大写字母HTML文件被分为首部HEAD和体部BODY两大部分
四种标记符意义：1HTML标记符：<HTML>处于文档的最前端，表示文档的开始即浏览器从<HTML>开始
</HTML>位于文件的最后一行表示这一整份的文档都是HTML语法的文档。
2HEAD标记符，<HEAD></HEAD>是HTML文件头标记符，用来描述首部的内容说明文档的整体信息。
3TITLE标记符<TITLE></TITLE>指的是份文档的标题，标题所在的位置虽然依照浏览器的不同而不同但大部分都位于浏览器的最上方。设计网页标题栏时不可以设计字体。
4BODY标记符：<BODY></BODY>定义出一个HTML文档的体部。位于首部下面
标题处理：在HTML中，用户可以通过HN标记符来标识文档中的标题和副标题，其中N是1-6的数字《H1>表示最大的标题，<H6>表示最小的标题，使用标题样式时必须使用结束标记符
强制换段标记符:有2个，1：强制换段标记符：文字<P> 《P>标记不但能使后面的文字换到下一行还可以使两
端之间多一空行。由于一段的结束意味着新一段的开始，所以使用《P》也可省略结束标记符。一个强制标记符
《p》可以看作是两个强制换行标记符《BR> 2设置段落标记符<P align=”对齐方式”>文字</p>其中属性align 用来设置段落的对齐方式，可以为left,center或right分别表示居左居右居中默认方式为LEFT
水平线：在页面中插入一条水平标尺线<horizontal rules>可以使不同功能的文字分隔开，看起来整齐明了。
水平标记符格式：<HR align=”对齐方式”size=”横线粗细”width=”横线长度”clolr=”横线颜”noshade>
颜 文字 页面属性 空格 表格构成 背景图像 超链接 路径 表格形式
十六种标准颜：黑BLACK #000000 蓝BLUE#000FF 绿GREEN#00ff000 红red#FF0000
白white #FFFFFF
文本格式文字设置：FONT标记符设置文字样式，他是HTML的一个标记，具有3个常用的属性
1  SIZE属性：字号属性，控制文字的大小，取值即可是绝对值又可是相对值，
2  FACE属性。是字体标记符用来指定字体样式    3COLOR属性
设置页面属性：1页面背景属性：在<body>标记符中使用bgcolor属性可以为网页设置背景颜
2设置背景图像：使用BODY标记符的background属性即可
特殊字符：输入空格的三种方法：1按住CTRL+SHIIFT按一次空格键，键入半个空格
                    2将输入法由半角状态切换到全角状态，按一次空格键键入一个空格
        3将编辑窗口切换到代码模式，在输入空格的地方输入代码δnbsp,输入一组δnbsp代码产生半个空格
表格的基本构成：1 TABLE标记符：用于定义整个表格，表格内的所有内容都应该位于<TABLE>HE </TABLE>之间
2 CAPTION：如果表格需要标题，那么就应该使用CAPTION标记符将表格标题包括在<caption>，《/caption》之间。
3 TR标记符用于定义表格的行，对于每一个表格行都对应一个TR标记符。TR标记符的结
束标记符可以省略
4 TD和TH：一个TD表示有一列，用于标记表格的内容，其中包括文字图像或其他对象，TD表示普通表格数据，TH表示表格的行列标题数据，都可以省略，并可以不包括任何内容
插入图像，图像属性参数，热点区域的形状：可以为图像设置长方形，圆形，多边形热点
设置背景图像：（1选择“修改”—“页面属性”命令，打开“页面属性”对话框（2单击“背景图像”右边的浏览按钮，打开“选定图像源文件”对话框（3选择一副图像后，单击确认按钮，所选择的图像作为网页背景图像。
网页中的超链接3种类型：1内部链接：即在同一个站点内的不同页面之间联系的超链接。（2）锚点链接：可以链接
到网页中某个特定位置的链接。(3)外部链接：把网页和INTERNET中的目标相联系的链接。如果按照使用对象的
不同，网页中链接又可分为：文本超链接，图像超链接，E-MALL链接，锚点链接。多问题文件链接。空链接等。
文档路径类型及含意：在创建链接前，必须了解相对路径和绝对路径间的差异以及如何指定不同类型的路径。
（1绝对路径：是包含服务器协议（对于网页来说通常是HTTP://或FTP://）的完全路径，绝对路径包含的是精确地址而不用考虑源文件的位置。但如果目标文件被移动，则链接无效。创建外部超链接时必须使用绝对路径。
《2网站制作工具》和根目录相对的路径：是从当前站点的根目录开始的路径。站点上所有可公开的文件都存放在站点的根目录下。和根目录相对的路径使用斜杠以告诉服务器从根目录开始。  （3）和文档相对的路径：是指和当前文档所在的文件夹相对的路径。这种路径通常是最简单的路径，可以用来链接和当前文档处于同以文件夹下的文档。
目标表示所链接的目标文件在浏览器中打开的方式，在下拉列表框中有4个选项：
1：—BLANK（空白窗口）：在另一个新的窗口中显示链接的内容，这样可以保留现有的窗口文档内容。
2：—PARENT(父窗口)：在上一层的框架集中显示连接的内容，该选项只有在框架集中还
包含另一个框架集的情况下才能产生效果。
3：—SELF（当前窗口）在本身所在的框架中显示连接的内容，这样会覆盖当前框架中的所有内容，该目标是默认值。4：—TOP(最高)：在整个浏览器窗口中显示链接的内容，这样会覆盖当前框架中的所有内容。
其中-PARENT,--SELF,--TOP只有在使用框架页面时才有效，如果该页面无框架，则显示效果不变。
利用HTML创建超链接：1页面链接。  2锚记链接：如果要设置锚记超链接，首先应为页面中需要跳转到的位置命名。命名时应使用A标记符的NAME属性，在标记符<A>与</A>之间可以包含内容，也可不包含内容。例可以在页面开始处用以下HTML语句进行标记：<A name=”top”>目录</A>标记锚记，对页面进行标记后即可用A标记符设置指向这些标记位置的超链接，如果在页面开始处标记了“top”则可以使用以下HTML语句进行链接：<A href=”#top”>返回目录</A>用于链接。  3 链接，如果将href属性的取值指定为‘mailto:地址’，那么可以获得链接的效果。代码：<A href=’mailto:***@qq”>作者邮箱</A>
创建空白表单前表格的形式：将光标置于文本后，按回车键，单击插入表单面板上的图标，此时将在网页中出现一个红虚线围成的矩形边框，该红边框即为空白表单的边框，在窗口的左下方出现一个FORM字样，同时属性面板变成表单的属性
文本框属性，框架网页，图层，表格转换，轨迹运动播放，CSS, Selector,
设置文本框属性：1文本框名称。2字符宽度。3类型：指文本框的类型，包含3选项。1单行，2多行，
3密码：选择此选项得到INOUT标记，其TYPE属性设置为PASSWARD.。CHAR WIDTH和MAX CHARS设置的映射与单行文本域相同，当用户在密码文本域中输入密码时，输入内容被显示为“*”

版权声明：本站内容均来自互联网，仅供演示用，请勿用于商业和其他非法用途。如果侵犯了您的权益请与我们联系QQ:729038198，我们将在24小时内删除。