admin 管理员组

文章数量: 1184232


2023年12月19日发(作者：织梦模板页)

书上重点

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值为reset。

（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个等级，用不同组合形成

不同的颜色。网页上可以形成224种颜色。颜色的值用两位十六进制数来表示。红色是#FF0000，黑色是#000000，白色是#FFFFFF。

9.网页色彩是冷暖视觉

红、橙、黄等是暖色，蓝绿、蓝、蓝紫是冷色，黑、白、灰、彩、紫等色是中性色。

10.网页安全色

网络安全色在物理学上是当红色（Red）、绿色（Green）、蓝色（Blue）颜色数字信号值为0、51、102、153、204、255时构成的216种颜色组合，这其中有彩色210种，非彩色6种。在Dreamweaver颜色板中使用的颜色都是网页安全色。

11.网站总体色彩规划

（1）定义网站的色彩基调：定义网站的色彩基调就是选择一个颜色作为网站最主要的风格色调。

1网站色彩要鲜明○2网站色彩要独特○3色彩需要与网站的内容协调○4要注意不同的色彩可能给网站的内容带来不同的联想， ○即颜色的联想性。

（2）站点内各栏目色彩搭配原则

一般来说，更需要吸引用户注意力的栏目应该使用鲜艳的颜色。不同栏目之间有一些颜色的对比，增强网页色彩的层次感。

12.网页色彩搭配

在网页中一般的处理方法是：主要内容文字用非彩色（黑色），边框、背景、图片等次要内容用彩色。

13.设置文本属性

文本的格式就是文本的属性。在设置文本属性时，可以设置文本的大小、字体、颜色、对齐方式、加粗、斜体等格式。在Dreamweaver设计视图中，单击文本再按住鼠标左键不放拖动，选择需要设置的文本，然后可以在文本的属性标签中设置文本的属性。

14.使用

标签进行排版：
标签可以实现网页文本和源代码文本完全相同的排版，通过文本格式的设置可以设置文本的颜色、文字大小、间距等内容。单
标签内文字的排列、换行、空格等排版是不会改变的。 
15.输入特殊字符：在特殊符号中，最常见的是换行符
和空格符号< >。也可以在“文本”工具栏的最后一个特殊符号工具中插入各种特殊符号。 
16.在网页中插入图像 
简述在HTML中嵌入图片所用标记的7种属性。 
答：嵌入图片的标记是 #=图片的URL，可以用相对路径和绝对路径表示。此标记常用的属性主要有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)数据查找。格式：select查找内容 from表 where 条件 order by 排序(desc) 
 (2)插入数据。格式：insert into 表名(字段1，字段2„„)value(值1，值2„„) 
 (3)删除数据。格式：delete from 表名 where 条件 
 (4)更新数据。格式：update 表名 set 字段 1=值1，字段2=值2  where 范围 
网页与HTML网页的服务器响应区别 
 (1)服务器对HTML静态网站的基本支持过程如下： 
1用户在浏览器的地址栏输入网页的URL，请求打开这个网页。 ○2浏览器打开网页请求发送到Web服务器上。  ○3Web服务器接收这些请求并根据扩展名判断这个网站是HTML静态网页。  ○4Web服务器从当前硬盘或内存中读取HTML文件，然后将数据发送到浏览器。  ○5浏览器解释HTML文件，并将结果显示在用户浏览器上。  ○(2)ASP网页的运行可以用以下步骤来表示： 
1用户在浏览器的地址栏输入动态网页的URL，请求打开这个网页。  ○2浏览器将这个ASP网页请求发送到IIS。  ○3IIS接收这个请求，分析到.asp的扩展名，执行ASP的运行步骤。  ○
 
4IIS从硬盘或内存中读取ASP网页文件。  ○5IIS将这个文件发送到ASP网页解释引擎中。  ○6ASP文件根据请求内容，执行网页中的程序。  ○7生成的ASP网页文件被发送回浏览器。  ○8HTML网页被浏览器解释执行并显示在浏览器上。  ○的特点 
  (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:当在键盘上敲击某一个键时发生。 
  onMouseDown:鼠标按下时发生。和单击不同的是可以不释放。 
  onMouseOut：鼠标移出这个对象时发生。 
  onMouseOver：鼠标经过这个对象时发生。 
  onMouseUp:鼠标从这个对象抬起时发生。 
  onLoad:网页打开时发生。 
  onUnload:网页关闭时发生。 
  onResize:更改窗口大小时发生。 
  onFocus:对象获得焦点时发生。 
  onBlur:对象失去焦点时发生。 
  onChange:当下拉菜单的选项更改时发生。 
 是什么，干什么的。 
    ASP是Active Server Page的缩写，意为“动态服务器页面”，是一套微软开发的在服务器端运行的脚本平台。 ASP是一种服务器端脚本编写环境，可以用来创建和运行动态网页或Web应用程序。

本文标签： 网页 网站 文本

版权声明：本文标题：网页设计与网站建设重点 内容由网友自发贡献，该文观点仅代表作者本人， 转载请联系作者并注明出处：http://www.roclinux.cn/p/1702930836a436396.html， 本站仅提供信息存储空间服务，不拥有所有权，不承担相关法律责任。如发现本站有涉嫌抄袭侵权/违法违规的内容，一经查实，本站将立刻删除。

更多相关文章

nginx+vconsole调试网页在vivo浏览器无法显示图片问题

3

一、问题描述 昨天测试小伙伴提了一个特殊的bug，在安卓vivo手机浏览器上访问网页，网页的图片按钮和录播图一闪而过后便消失不见： 二、问题排查 项目采用Nuxt框架，排查的方向大致如下： 1.其它手机浏览器是否有复现： 经测试，其它手

谷歌浏览器怎么设置网页自动刷新

3

我们在使用谷歌浏览器的时候可以设置网页自动刷新功能进行网页浏览&#xff0c;但很多用户都不知道怎么设置这个功能&#xff0c;下面就是一键开启谷歌浏览器自动刷新功能步骤1、下载相关插件2、添加至扩展程序&#xff0

通过网页端保存ins图片的方法（谷歌浏览器）

3

右键&#xff0c;点击检查找到src部分&#xff0c;双击选中&#xff0c;复制粘贴地址到新开浏览器窗口就可以打开图片本身所在网页&#xff0c;在这里就可以右键保存了~成功保存秀智美图一张~

chrome插件：网页图片高清下载

3

前置条件&#xff1a;安装有chrome谷歌浏览器的电脑使用步骤&#xff1a;1.打开chrome扩展插件2.点击管理扩展程序3.加载已解压的扩展程序4.选择对应文件夹5.成功后会出现一个扩展小程序6.点击对应小程序7.

谷歌浏览器“无法添加来自此网站的应用、扩展程序和应用脚本”的解决办法

3

今天在添加谷歌扩展程序时突然提示“无法添加来自此网站的应用、扩展程序和应用脚本”&#xff0c;搜其原因&#xff0c;原来是Google 的 Chrome 浏览器宣布从最新Chrome版本开始默认只允许从 Chrome W

2023 苹果cms 高仿芒果TV听书网站模板 带手机端

3

手机版修改logo&#xff0c;ting_wapimageslogo.png电脑版修改logo&#xff0c;ting_pcimglogo.png编辑推荐后台推荐5颗星。 新势力热播榜单后台推荐9颗星。2023

github 类似 开源网站

2

除了 GitHub&#xff0c;国内外还有许多优秀的代码托管和开发者协作平台&#xff0c;各有特色。以下是分类整理&#xff1a; 全球知名平台 1. GitLab 特点&#xff1a;最强的一体化

Chrome有些网站打不开，但是火狐可以打开

2

Chrome有些网站打不开&#xff0c;但是火狐可以打开问题描述火狐成功界面谷歌报错界面局域网设置使用代理服务器访问成功解决方案参考问题描述 开了一个tizi&#xff0c;Chrome不能使用&#xff0c;火

Google浏览器打开时自动弹出2345网页

2

解决方案&#xff1a;https:jingyan.baiduarticlec33e3f48eda61bea14cbb559.html#5827690-tsina-1-92464-fe183374908e783f9dbfe7

C# webkit 内核浏览器 访问https网站 显示空白或者提示 Problem with the SSL CA cert (path? access rights?)

2

如题 解决方法&#xff1a; 安装中文路径&#xff0c;经常 出现问题。改下安装路径。 只需要动态链接库所在路径上没有中文字符&#xff0c;webkit内核浏览器就可以访问https网址。 转自&

【偶遇小bug】浏览器无法翻译此网页解决

2

浏览器自带的翻译对我们来说用处还是很大的&#xff0c;但有的时候突然间就会变成‘无法翻译此网页’&#xff0c;下面针对此问题讲解一下解决方案。Google的chrome为例目前网上比较靠谱的解决方案是更改host文件

怎样使用浏览器静默打印网页

2

我们这儿使用了6612345网页打印浏览器方法1&#xff1a;使用“打印”按钮打印浏览器中我们输入 baidu点击地址栏右侧的“打印”按钮会出现一个打印侧栏 这个打印侧栏可以一直保留在这儿的&#xff0c;而且可以设置 打

python获取已打开的网页内容_用Python获取网页数据

2

# -coding: utf-8imoprt urllib2import urllibimport re# 填写需要采集的网址urlPath  # 设置网页头部信息&#xff0c;模拟浏览器headers  {User-Agent 

如何通过不同方法屏蔽网站以提升工作效率和网络安全

2

深入理解启用Cookies：让网络浏览更智能与安全的关键

2

body { font-family: 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif; line-height: 1.6; color: #333; max-width:

当浏览器沉默无法打开网页背后的技术谜团与情感波动

2

那个下午，网络离我而去　　 记得那是一个阴沉的下午，deadline像乌云一样压在头顶。我正忙着在浏览器中打开一个关键的参考资料，突然，页面停滞了。旋转的加载图标仿佛在嘲笑我的焦急，最终化作一条冰冷的错误信息：“无法打开网页”。那一刻，我

Ping和浏览的错位：虚拟机内网路问题解析

1

今天弄了个虚拟机，结果发现不能上网，可以ping通，但是浏览器打不开网页，网络上搜索了一下按下面方法进行检查：ping www.球最大的中文搜索网站.com                     查看网络是

Excel新手必看！探索XlFileFormat枚举值与文件扩展名之间的奥妙关系

1

名称 值 说明 扩展名xlAddIn18 Microsoft Excel 97-2003 外接程序

遭遇IE首页被恶意修改？这份修复指南助你一臂之力

21

IE默认首页被修改的故障排除。 IE浏览器上方的标题栏被改成“欢迎访问……网站”的样式，这是最常见的篡改手段，受害者众多。排除办法可通过修改注册表来解决： ①在Windows启动后，点击“开始”→“运行”菜单项，在“打开”栏中键入reg

IE主页被黑客入侵，一招帮你恢复自由！

21

问题： 桌面上出现两个IE，删除不了，且主页被恶意修改自： 右击桌面---属性---桌面---自定义桌面---右下角“现在清理桌面”---下一步----可以看到这个缺德的图标-选中它再下一步就可以干掉了 现修复下

发表评论

全部评论 0
暂无评论
CopyRight © 2022 All Rights Reserved.
Powered By Linux大棚 – 不忘初心的技术博客，浮躁时代的安静角落| 豫ICP备2022026798号-10