
书上重点
1. 什么是网站
网站是网络中一个站点内所有网页的集合。简单地说,网站是一种借助于网络的通信工具,就像公告栏一样,人们可以通过
网站来发布自己的信息,或者利用网站来提供相关的服务。网站由域名、服务器空间、网页3部分组成。
2. 网站建设的一般流程
(1)网站定位(2)网站域名申请(3)申请服务器空间(4)确定网站主题(5)网站整体规划(6)收集资料与素材(7)设计网
页页面(8)切图并制作成页面(9)开发动态网站模块(10)发布与上传
3. 网站整体规划
在设计网站以前需要对网站进行整体规划和设计,写好网站项目设计书,在以后的制作中按照这些规划和设计进行。需要从
网站内容、网页美术效果和网站程序的构思3个方面进行网站的整体规划。
4. 发布与上传
网站完成设计和调试以后,需要上传到租用的服务器空间中才能被用户访问。网站的发布就是把自己计算机中网站内容发布
到网络上服务器空间的过程。上传网站需要使用FTP软件。
5. 网页结构
......
......
6.常见的HTML标签
(1)文本类标记:标签 标签用来描述文本的一些字体、字号、颜色等文本属性。
size:用来描述字号的大小。取值范围1-7
color:用来描述文本的颜色。用6位十六进制数来表示颜色。
face:设定文本的字体。
title:提示信息。鼠标光标停留在这个文本上时会显示出一段提示信息。
(2)文本类标签:文本加粗、斜体与下划线
标签:表示字体加粗。
标签:表示斜体字。
标签:表示下划线。
(3)表格标记:表格的相关标记有 1 width:表格的宽度。 height:表格的高度。 border:表格边框的线宽。 cellpaddinf:表格边框之间的填充宽度。 cellspacing:表格边框之间的间距。 bordercolor:边框的颜色 background:表格背景的图片。 bgcolor:表格背景的颜色。 align:表格的对齐方式,可以是left、center、righth等值。 2 3 (4)超级链接标记:在浏览网页时,单击一个标题会打开另一个网页。这种可以打开一个网页的标题就是网页中的链接。 属性TARGET表示链接页面的打开方式。属性值如下: _BLANK:表示以新建页面的方式打开网页。 _PARENT:在上级页面中打开网页。 _SELF:在当前页面中打开网页。 (5)段落标记:在网页中需要有一个标签、 1 标签:用于新起一个段落,HTML代码中标签和 如下: class:表示段落的样式。 title:表示鼠标停留在这个段落上时的提示。 align:表示这个段落的对齐方式。有justify(自我匹配)、left、right、center4个值。 2 align:设置或获取对象相对于显示表格的排列方式。 id:标识对象的字符串。 style:为该元素设置内嵌样式。 class: 3 标签是指定一个网页内嵌文本容器, ○当需要把一段文本作为一个整体进行设置而不需要成为一个新段落时,可以使 用标签。标签属性与 (6)框架标记 框架网页的常用属性如下: scr:框架页面的地址,可以是详细的URL或本网站相对地址。 width:框架页面的宽度 height:框架页面的高度。 align:框架页面的对齐方式。 strolling:框架页面的滚动条出现方式,可能是AUTO、YES、NO等值。 frameborder:框架页面的边框。可能是1或0等值。 (7)表单与按钮标记 1 表单工具栏:任何一个表单元素都有id、name、type、value等属性 ○ id和name:表单的名称,用来标识这个表单元素。表单的id和name一般相同。 type:表单的类型。用来区分表单元素是哪种类型。 value:表单的值。可能是表单元素的输入值、选择值。默认值等。 2 表单标签 ○ name:表示表单的名称。 method:表单的发送方式,有post、get两种值。 action:表单的发送页面地址。 3 文本框:文本框是用来输入文本的区域。文本框有单行文本框、多行文本框区域和密码3种形式。 ○ 4 隐藏区域:隐藏区域是表单中的隐藏字段。 ○ 5 复选框 ○ 6 单选按钮:在单选按钮组中,用户只能在一组数据中选择一个值。 ○ 7 下拉菜单:下拉菜单是另一种数据选择方式,用户单击下拉菜单后,可以对一组选项选择一个唯一的值。 ○ 8 文件选择框:文件选择框可以实现对文件的选择。 ○ 9 按钮:按钮可以实现用户的鼠标单击功能。按钮有以下3种动作: ○ 提交表单:单击以后将表单内容提交到服务器。type值为submit。 无动作:单击以后无动作,一般用作JavaScript的事件。type值为button。 重设表单:单击后重设表单,使这个表单中所有值都重设为表单的默认值。type值为ret。 (8)图片标记 图片标记的属性如下:width:设置图片的宽度 height:设置图片的高度 border:设置图片的边框 src:设置图片的URL vspave:设置图片的垂直方向边框 alt:设置图片的提示文字 align:设置图片对齐方式 (9)换行标记 在网页中需要对文字换行需要使用 (10)水平线标记 网页中可以使用 width:水平线的宽度 noshade:水平线是否有阴影。如果设为noshade,则无阴影。 (11)特殊标签:  :空格标记(dreameaver中空格标记的快捷键是Shift+Ctrl+空格) :注释标记 “”>:命名锚点标记。 7. 网页中代码大小写问题和引号问题 HTML代码是不区分大小写的,所以HTML可以随意用大写或小写字母来写。 在HTML代码中需要区别字符的全角和半角,HTML标签中不可以出现全角字符,特别要注意的是不可以出现全角的引号、单引 号、全角空格等内容,否则会导致这段HTML标签无法显示。 在HTML代码中的双引号可以不使用或是用单引号代替。但如果使用引号则必须正确配对。 8.色彩的基本概念 在设计中,颜色分为彩色和非彩色两种。非彩色是指只含有灰、白、黑三系的颜色。彩色是指非彩色以外的颜色。网页HTML 语言中的色彩表达即是分别用红、黄、蓝三种颜色的直来表示的。分别把红、黄、蓝三种颜色分为256个等级,用不同组合形成 不同的颜色。网页上可以形成2种颜色。颜色的值用两位十六进制数来表示。红色是#FF0000,黑色是#000000,白色是#FFFFFF。 24 9.网页色彩是冷暖视觉 红、橙、黄等是暖色,蓝绿、蓝、蓝紫是冷色,黑、白、灰、彩、紫等色是中性色。 10.网页安全色 网络安全色在物理学上是当红色(Red)、绿色(Green)、蓝色(Blue)颜色数字信号值为0、51、102、153、204、255时 构成的216种颜色组合,这其中有彩色210种,非彩色6种。在Dreamweaver颜色板中使用的颜色都是网页安全色。 11.网站总体色彩规划 (1)定义网站的色彩基调:定义网站的色彩基调就是选择一个颜色作为网站最主要的风格色调。 1234 网站色彩要鲜明○网站色彩要独特○色彩需要与网站的内容协调○要注意不同的色彩可能给网站的内容带来不同的联想, ○ 即颜色的联想性。 (2)站点内各栏目色彩搭配原则 一般来说,更需要吸引用户注意力的栏目应该使用鲜艳的颜色。不同栏目之间有一些颜色的对比,增强网页色彩的层次感。 12.网页色彩搭配 在网页中一般的处理方法是:主要内容文字用非彩色(黑色),边框、背景、图片等次要内容用彩色。 13.设置文本属性 文本的格式就是文本的属性。在设置文本属性时,可以设置文本的大小、字体、颜色、对齐方式、加粗、斜体等格式。在 Dreamweaver设计视图中,单击文本再按住鼠标左键不放拖动,选择需要设置的文本,然后可以在文本的属性标签中设置文本的 属性。 14.使用标签进行排版:标签可以实现网页文本和源代码文本完全相同的排版,通过文本格式的设置可以设置文本的 颜色、文字大小、间距等内容。单标签内文字的排列、换行、空格等排版是不会改变的。 15.输入特殊字符:在特殊符号中,最常见的是换行符 具中插入各种特殊符号。 16.在网页中插入图像 简述在HTML中嵌入图片所用标记的7种属性。 答:嵌入图片的标记是 别为width、heght、hspace、vspace、border、align、及alt属性。(1)width属性设定图片的显示宽度;(2)heght属性设 定图片的显示高度;(3)hspace属性设定图片在浏览器的中的显示的水平位置;(4)vspace属性设定图片在浏览器中的垂直位 置;(5)border属性设定图片的边框高度;(6)align属性设定与图片相邻文字对图片的相对位置;(7)alt属性设定的作用 是对图片进行说明。 ript基础知识 (1)JavaScript是一门完整的编程语言,在网页客户端脚本。ASP网站服务器脚本方面有着广泛是应用。.NET开发也可以用 JavaScript编写代码。 (2)在网页中插入JavaScript脚本:在一个HTML网页中,可以有链接脚本和直接在网页中编写代码两种方式插入JavaScript 脚本。如果要插入脚本代码,可以把JavaScript代码写在一个单独的文件上。保存JavaScript代码文件时,扩展名是.js,然后 可以在网页中链接这个JavaScript文件。 18.动态网站:网站运用了服务器技术和网站动态生成的编程技术,网站的程序可以通过数据库中数据动态更新和生成规模繁杂、 功能强大的网站。 动态网站是编写动态网页程序并在服务器上运行,动态网站的主要特征:交互性;自动更新;因时因人生成不同的网页。 19.动态网站的主要技术:现在动态网站比较流行的网页编程技术有:ASP、PHP、JSP、等。 20.搭建服务平台:动态网页需要在服务平台上运行,运行的结果以HTML的方式发送到服务器。 (1)IIS的安装:IIS是微软的Web服务器软件。ASP或程序需要在IIS上才可以运行和调试。 (2)设置IIS服务器: 21.常用SQL语句:SQL的全称是结构化查询语言,包括数据查找、插入数据、删除数据、更新数据。 (1)数据查找。格式:lect查找内容 from表 where 条件 order by 排序(desc) (2)插入数据。格式:inrt into 表名(字段1,字段2„„)value(值1,值2„„) (3)删除数据。格式:delete from 表名 where 条件 (4)更新数据。格式:update 表名 t 字段 1=值1,字段2=值2 where 范围 网页与HTML网页的服务器响应区别 (1)服务器对HTML静态网站的基本支持过程如下: 1 用户在浏览器的地址栏输入网页的URL,请求打开这个网页。 ○ 2 浏览器打开网页请求发送到Web服务器上。 ○ 3 Web服务器接收这些请求并根据扩展名判断这个网站是HTML静态网页。 ○ 4 Web服务器从当前硬盘或内存中读取HTML文件,然后将数据发送到浏览器。 ○ 5 浏览器解释HTML文件,并将结果显示在用户浏览器上。 ○ (2)ASP网页的运行可以用以下步骤来表示: 1 用户在浏览器的地址栏输入动态网页的URL,请求打开这个网页。 ○ 2 浏览器将这个ASP网页请求发送到IIS。 ○ 3 IIS接收这个请求,分析到.asp的扩展名,执行ASP的运行步骤。 ○ 4 IIS从硬盘或内存中读取ASP网页文件。 ○ 5 IIS将这个文件发送到ASP网页解释引擎中。 ○ 6 ASP文件根据请求内容,执行网页中的程序。 ○ 7 生成的ASP网页文件被发送回浏览器。 ○ 8 HTML网页被浏览器解释执行并显示在浏览器上。 ○ 的特点 (1)在服务器执行 (2)解释性语言 (3)与浏览器无关 (4)面向对象 (5)可通过ActiveX服务器组件来扩充功能。 24.在HTML代码中嵌入ASP代码程序 如果在HTML代码中嵌入ASP代码程序块,则需要把ASP程序用一对<%%>括起来,IIS会对<%%>内的程序进行解释执行。 25.创建本地站点的方法:使用站点向导创建本地站点 生成的几种选择器(p133) 标记选择器:定义html或者xhtml标签的通用CSS样式,定义语句前无前缀。 类别选择器:通过定义单独的class来定义对应样式,定义语句前缀为 '.'。 ID选择器:通过对应html元素的标签ID来定义对应样式,定义语句前缀为 '#'。 复合选择器 优先级规则为:行内定义>ID选择器>类别选择器>标记选择器 27.网页行为:网页中产生的用户信息交互就是网页的行为。网页行为一般是JavaScript针对网页中的对象进行编程控制实现的。 28.网页事件:网页事件的实质是JavaScript捕获一个用户与浏览器的交互响应,用户在操作浏览器是会产生一个网页事件。网 页中常用事件如下: onClick:鼠标单击时发生。 onDbclick:鼠标双击时发生。 onKeypress:当在键盘上敲击某一个键时发生。 onMouDown:鼠标按下时发生。和单击不同的是可以不释放。 onMouOut:鼠标移出这个对象时发生。 onMouOver:鼠标经过这个对象时发生。 onMouUp:鼠标从这个对象抬起时发生。 onLoad:网页打开时发生。 onUnload:网页关闭时发生。 onResize:更改窗口大小时发生。 onFocus:对象获得焦点时发生。 onBlur:对象失去焦点时发生。 onChange:当下拉菜单的选项更改时发生。 是什么,干什么的。 ASP是Active Server Page的缩写,意为“动态服务器页面”,是一套微软开发的在服务器端运行的脚本平台。 ASP是一 种服务器端脚本编写环境,可以用来创建和运行动态网页或Web应用程序。 本文发布于:2023-11-19 15:43:20,感谢您对本站的认可! 本文链接:https://www.wtabcd.cn/zhishi/a/1700379801232848.html 版权声明:本站内容均来自互联网,仅供演示用,请勿用于商业和其他非法用途。如果侵犯了您的权益请与我们联系,我们将在24小时内删除。 本文word下载地址:网页设计与网站建设重点.doc 本文 PDF 下载地址:网页设计与网站建设重点.pdf
、 等,分别表示表格、行、列。 标签表示一个表格的开始。每一个
标签需要有一个
标签关闭。相关属性如下: ○标签表示表格的一行。具有和 相同的高度、宽度、背景等属性。 ○
标签表示表格的一个单元格。具有和 相同的高度、宽度、背景等属性。 ○
换行标签不同的是新段落前面会有一个空格。标签主要属性○
换行标记
表示一条水平的直线,属性如下:
和空格符号< >。也可以在“文本”工具栏的最后一个特殊符号工 #=图片的URL,可以用相对路径和绝对路径表示。此标记常用的属性主要有7项,分
扫地的感受-蛇的组词

留言与评论(共有 0 条评论)