网站页面属性设置

27 站点能够很好地组织文件，所以设计者最好将制作的网页及各种素材放到一个站点里面。

2.2.4 网页页面属性的设置
将鼠标指针移到【文件】面板中，在如
图2-23所示【站点-我的站点】文件夹上单
击鼠标右键，弹出一个快捷菜单，如图2-24
所示，再单击快捷菜单中的【新建文件】命
令，可以新建一个网页文档，如图2-25所示，
然后输入网页的名字“HTML11.HTML ”。

双
击该文档名字，进入该网页的编辑窗口，即
【文档窗口】，在该窗口中，可以编辑网页的
内容。

在【文档窗口】的空白处单击鼠标右键，弹出一个快捷菜单，如图2-26所示。

单击【页面属性】命令，打开【页面属性】对话框，如图2-27所示，利用该对话框可设置页面的各种属性。

图2-26 “HTML11.HTML ”文件的文档窗口 图2-27 【页面属性】对话框 1．页面外观设置
（1）背景图像设置：在【页面属性】对话框的【分类】栏中选择【外观】选项，进入【页面属性】（外观）对话框，如图2-27所示。

单击该对话框中【背景图像】文本框右边的按钮，打开【选择图像源文件】对话框，
如图2-28所示。

利用该对话框选择网页的背景图像后，单击按钮，即可为网页背景填
充选中的图像。

如果图像文档不在本地站点的文件夹内，则在单击
按钮后，系统会提示用户将该图像文档复制到本地站点的图像文件夹内。

（2）背景颜色设置：单击【背景颜色】按钮，弹出【颜色】面板如图2-29所示，用户
可
图2-24 快捷菜单
图2-25 建立新网页文档。

页面属性的名词解释在当今数字化时代，互联网已经成为人们生活中不可或缺的一部分。

我们每天都会浏览各种网页，而这些网页中存在着许多页面属性。

本文将对页面属性进行详细的解释，并探讨其在网页设计和用户体验方面的重要性。

一、概述页面属性是指网页上的各种元素和特性，这些属性可以影响网页的外观、功能和交互体验。

在网页设计中，合理运用页面属性可以增强用户对网页内容的理解和吸引力，提升用户体验。

二、布局属性布局属性是指定义和控制网页元素在页面上的位置和大小的属性。

其中，最常见的布局属性是边距（margin）、边框（border）、填充（padding）和宽度（width）。

通过调整这些属性，设计师可以创造出各种不同的布局效果，如单栏、双栏、分栏等。

三、颜色属性颜色属性是指网页上各种元素的颜色设置。

在网页设计中，选择合适的颜色可以让页面看起来更加美观和引人注目。

常见的颜色属性包括前景色（color）、背景色（background-color）和边框颜色（border-color）。

设计师可以根据网页的主题和目的选择适当的颜色搭配，以达到更好的视觉效果。

四、字体属性字体属性是指网页上文字的相关设置。

通过调整字体的样式、大小、颜色和对齐方式等属性，可以让文字更加易读和美观。

常见的字体属性有字体族（font-family）、字体大小（font-size）、粗细（font-weight）和斜体（font-style）。

合理运用字体属性可以提高网页的可读性，增强用户的阅读体验。

五、交互属性交互属性是指网页上与用户交互的各种设置和效果。

例如，链接属性（link）可以使用户点击链接跳转到其他网页；鼠标悬停属性（hover）可以在用户将鼠标悬停在元素上时触发特定的效果。

通过运用交互属性，设计师可以增强用户对网页的参与感和互动体验，使网页更加生动有趣。

六、响应式属性随着移动设备的普及，响应式设计已成为现代网页设计的重要趋势。

响应式属性是指使网页能够自适应不同的屏幕和设备的设置。

如何设置页面边框和背景色在现代的网页设计中，设置页面边框和背景色是非常重要的一部分。

页面边框和背景色能够增加网页的美观程度，提升用户的阅读体验。

本文将介绍如何设置页面边框和背景色，并提供一些实用的技巧和建议。

一、页面边框的设置页面边框是指网页中各个模块之间的分隔线，设置页面边框可以使网页更加结构化和清晰。

下面是一些设置页面边框的方法：1. CSS边框属性：可以使用CSS的边框属性来设置页面的边框，如border-style、border-width和border-color等。

例如，可以通过设置border-style属性为solid，border-width属性为1px，border-color属性为#000000来设置一个黑色的边框。

2. 使用HTML表格：如果网页内容较为复杂，可以使用HTML表格来划分页面，通过设置表格的边框属性来实现页面边框的效果。

可以使用table标签和相应的CSS样式来设置表格的边框样式。

3. 使用框架（Frameset）：框架（Frameset）是一种将网页分割成多个窗口或框架的技术，可以通过设置框架的边框属性来实现页面边框的效果。

可以使用frameset标签和相应的CSS样式来设置框架的边框样式。

二、背景色的设置背景色是指网页的背景部分的颜色，合适的背景色选择可以让网页看起来更加美观和舒适。

下面是一些设置背景色的方法：1. 使用CSS的background-color属性：可以使用CSS的background-color属性来设置网页的背景色，可以设置为十六进制颜色值或预定义的颜色名字。

例如，可以使用background-color属性设置背景色为#F0F0F0，即浅灰色。

2. 使用HTML的bgcolor属性：可以使用HTML的bgcolor属性来设置网页的背景色，可以设置为十六进制颜色值或预定义的颜色名字。

例如，可以使用bgcolor属性设置背景色为#F0F0F0，即浅灰色。

css属性大全CSS属性大全。

CSS（Cascading Style Sheets）是一种用来为网页添加样式和布局的样式表语言。

它可以控制网页的字体、颜色、间距、边框、背景等各种样式，是网页设计中不可或缺的一部分。

在这篇文档中，我们将详细介绍CSS中的各种属性，帮助您更好地掌握CSS的应用。

1. 字体属性。

字体属性用于设置网页中文本的字体样式、大小、粗细等。

常用的属性包括font-family（设置字体系列）、font-size（设置字体大小）、font-weight（设置字体粗细）、font-style（设置字体样式）等。

2. 文本属性。

文本属性用于设置文本的对齐方式、行高、间距等。

常用的属性包括text-align（设置文本对齐方式）、line-height（设置行高）、letter-spacing（设置字符间距）、word-spacing（设置单词间距）等。

3. 背景属性。

背景属性用于设置网页元素的背景样式。

常用的属性包括background-color（设置背景颜色）、background-image（设置背景图片）、background-repeat（设置背景重复方式）、background-position（设置背景位置）等。

4. 边框属性。

边框属性用于设置网页元素的边框样式。

常用的属性包括border-width（设置边框宽度）、border-style（设置边框样式）、border-color（设置边框颜色）、border-radius（设置边框圆角）等。

5. 盒模型属性。

盒模型属性用于设置网页元素的尺寸、内边距、外边距等。

常用的属性包括width（设置元素宽度）、height（设置元素高度）、padding（设置内边距）、margin（设置外边距）等。

6. 定位属性。

定位属性用于设置网页元素的位置。

常用的属性包括position（设置定位方式）、top（设置元素顶部位置）、left（设置元素左侧位置）、z-index（设置元素层级）等。

第2章￿HTML5页面元素及属性《HTML5+CSS3网站设计基础教程》（第2版）学习目地/Target掌握结构元素地使用,可以使页面分区更明确理解分组元素地使用,能够建立简单地标题组。

掌握页面交互元素地使用,能够实现简单地交互效果。

理解文本层次语义元素,能够在页面突出所标记地文本内容。

掌握全局属性地应用,能够使页面元素实现相应地操作。

章节概述/￿SummaryHTML5引入了很多新地标记元素与属性,这是HTML5地一大亮点,这些新增元素使文档结构更加清晰明确,属性则使标记地功能更加强大,掌握这些元素与属性是正确使用HTML5构建网页地基础。

本章将HTML5地新增元素分为结构元素,分组元素,页面交互元素与文本层次语义元素,除了介绍这些元素外,还会介绍HTML5常用地几种标准属性。

/Contents01 02 03列表元素结构元素分组元素04页面交互元素/Contents05 06文本层次语义元素全局属性07阶段案例—制作电影影评网01列表元素章节概述HTML5引入了很多新地标记元素与属性,这是HTML5地一大亮点,这些新增元素使文档结构更加清晰明确,属性则使标记地功能更加强大,掌握这些元素与属性是正确使用HTML5构建网页地基础。

本章将HTML5地新增元素分为结构元素,分组元素,页面交互元素与文本层次语义元素,除了介绍这些元素外,还会介绍HTML5常用地几种标准属性。

为了使网页更易读,经常将网页信息以列表地形式呈现,例如,淘宝商城首页地商品服务分类,排列有序,条理清晰,呈现为列表地形式。

为了满足网页排版地需求,HTML语言提供了3种常用地列表元素,分别为ul元素（无序列表）,ol元素（有序列表）与dl元素（定义列表）,本节将对这3种元素进行详细讲解。

1.ul元素l 了解无序列表地概念,能够说出无序列表地特点。

l 掌握无序列表地基本语法格式,能够在网页定义无序列表。

学习目地1.￿ul元素无序列表是网页最常用地列表,之所以称为"无序列表",是因为其各个列表项之间没有顺序级别之分,通常是并列地。

页面属性的设置
双击media站点中的index.htm，打开一个空白的页面。

我们将从这个空白页面开始制作，了解页面属性的设置和作用。

在工作区点鼠标右键，选择页面属性。

打开页面属性对话框(三种方法)，或者选择“修改”|“页面属性”命令，或者在属性面板中点击“页面属性”按钮。

下面是我设置的一个页面属性
在标题上输入5dmedia，在背景，文本，链接，访问过的链接，活动链接几部分选取颜色。

Dreamweaver MX有强大的颜色选取功能，将在下一篇中详细介绍。

设置左边界，顶部边界，边界宽度，边界高度都为0，可以使页面中的表格与背景没有空隙。

如果不设置设置左边界，顶部边界，边界宽度，边界高度，就会与顶部和左边有明显的空隙
在中国大陆，使用的是简体中文（GB2312）编码。

繁体网站，使用的是繁体中文（big5码）。

英文网站使用的是西欧语系（Latinl）。

用得比较多的还有背景图像，选择一个已经做好的图像，就可以设置成页面的背景图像。

⽹页的通⽤标签和属性2016年10⽉28⽇开学第⼀课，学习了⽹页制作，⽹页的基础知识(HTML：超⽂本标记语⾔)⽹页的分类：分为静态页⾯和动态页⾯；静态页⾯和动态页⾯在外观上是没有差别的；区别：静态页⾯不好修改，如果修改要修改原代码，不连接数据库。

动态页⾯好修改，直接从数据库连接出来。

做⼀个完善的⽹站需要：HTML--CSS--javascriptHTMl是做⽹站的基础，css是⽤来美化⽹页的，javascript是⽹页和浏览器的脚本语⾔，⽤来做⽹站特效的。

动态⽹页分:.C# ⽹页的后缀是.ASPX 说明使⽤C#做的动态页⾯；JSP 做java的动态页⾯后缀.jsp;php 做PHP的动态页⾯后缀.PHP。

在今天学习的HTML中知道了HTML的基础语⾔，在HTML最⼩的单元和核⼼的东西是标签，在<>⾥的内容是标签。

标签⼜分为单标签元素和双标签元素双标签的作⽤是⽤来作为内容的容器存在；两个相同名字的标签组成⼀个元素称为双元素；<>是开始标签，< />结束标签；然后可以在开始标签⾥⾯加⼀些属性，⽽属性是⽤来控制内容得格式是<标签名+空格+属性>;在开始标签和结束标签之间放要执⾏的内容；在标签中=左边放的是属性名=右边放属性值。

单标签是起控制性作⽤的；只有⼀个标签构成元素，单标签的表现格式<标签名+属性>，<标签名+属性/> < />< >尖括号⾥的斜杠有⽆都可；< />对于单标签来说既是开始标签⼜是结束标签。

还有注释语法：⽤来给代码作说明，<！--需要注释的⽂字--> 在程序中不执⾏，只给⼈看。

另⼀个⽅⾯学习了基础的标签：heml 是⽹页的开始与结束；head⽤来放⼀些控制性的内容，可⽤来控制⽹页的格式，⽹页的样式，产⽣特效；boby是主体标签在这⾥⾯放⼀些要显⽰出来的⽹页内容，content=text/heml代表⽹页是text/heml;charset=uft-8 这个是编码格式 charset是字符⼜有是编码格式=uft-8（值）国际编码格式uft-8，国内zbk ⼀般会默认为zbktitle⽤来设置⽹页的标题；写⽹页的标签规则：⼀定要先写开是标签，接着写结束标签，再写内容，最后写属性格式的属性；<boby的属性 bgcolcor="#(颜⾊)颜⾊代号">⽤来制作⽹页的背景颜⾊；颜⾊代号是16进制的，A表⽰10，B表⽰11，以此类推；text是⽤来修改⽹页中字体的颜⾊；background（背景图⽚）="这⾥是图⽚的路径"格式的控制类：font的属性:<font>⽂字</font>⽤来控制⽂字；face是⽤来设定⽂字的字体="字体"；size可以⽤来调整⽂字的⼤⼩="+3";在FONT的color是⽤来控制⽂字的颜⾊="颜⾊"<b>⽂字</b>⽤来加粗⽂字；<i>⽂字</i>让⽂字变的倾斜；<u></u>给所写的⽂字加上下划线；如果让⼀段⽂字即加粗⼜倾斜可以⽤<i><b>需要加粗和倾斜的⽂字</b></i>控制格式：<br/>在每⾏代码结束的打上这个单元素代码可以让输⼊的⽂字实现分⾏的作⽤；在编写代码的时候⽆论敲多少个空格在浏览器显⽰的时候只显⽰⼀个空格，想要在浏览器中显⽰多个空格需要在代码中输⼊&nbsp来代替空格，输⼊⼀次代表⼀个空格，<strong></strong>也具有加粗⽂字的作⽤;<em></em>也有让⽂字倾斜的作⽤；和代码<b><i>所不同的是⼜强调语⽓的作⽤；针对于搜索引擎，会最先注意带<strong><em>的代码，再就是内容的容器（通⽤的标签）：在制作⽹页中<h1>--<h6>⽤来填写标题的，H1是最⼤号⽂字的标题H6是最⼩号⽂字的标题，这个可以⾃动⽂字加粗、⽂字⾃动换⾏；在标题中输⼊⼀些段落可以⽤<p></p>添加要输⼊的段落⽂字。

web|服务器Web 站点属性Web 站点属性页如图在Web 站点的主属性页用于设置Web 站点的标识参数、连接、启用日志纪录。

1.Web站点标识单击"高级"按钮配置IP 地址、TCP 端口号和主机头名称。

IP 地址对于要在该框中显示的地址, 必须已经在"控制面板"中定义为在该计算机上使用。

详细信息, 请参阅Windows 文档。

如果不指定特定的IP 地址, 该站点将响应所有指定到该计算机并且没有指定到其他站点的IP 地址, 这将使该站点成为默认Web 站点。

TCP 端口确定正在运行服务的端口。

默认情况下为端口80。

可以将该端口更改为任意唯一的TCP 端口号, 但是, 客户必须事先知道请求该端口号, 否则其请求将无法连接到用户的服务器。

端口号是必需的, 而且该文本框不能置空, 详细信息, 请参阅命名Web 站点。

SSL 端口要指定安全套接字层(SSL) 加密使用的端口, 请在该框中键入端口号。

可以将该端口号更改为任意唯一的端口号, 但是, 客户必须事先知道请求该端口号, 否则其请求将无法连接到用户的服务器。

必须有SSL 端口号, 该文本框不能置空, 详细信息, 请参阅加密。

2.连接无限选择该选项允许同时发生的连接数不受限制。

限制到选择该选项限制同时连接到该站点的连接数。

在该对话框中, 键入允许连接的最大数目。

连接超时设置服务器断开未活动用户的时间（以秒为单位）。

这将确保HTTP 协议在关闭连接失败时可关闭所有连接。

启用保持HTTP 激活允许客户保持与服务器的开放连接, 而不是使用新请求逐个重新打开客户连接。

禁用保持HTTP 激活会降低服务器性能。

默认情况下启用保持HTTP 激活。

详细信息, 请参阅启用保持HTTP 激活。

3.启用日志记录选择该选项将启用Web 站点的日志记录功能, 该功能可记录用户活动的细节并以用户选择的格式创建日志。

启用日志记录后, 请在"活动日志格式"列表中选择格式。