網页的基本功能_主页index_主页是一个网站的核心.docVIP

网页基本属性，要素，步骤，工具，属性面板，视图，结构，标记符，标题，水平线 网页的基本功能 主页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=”横线长