admin 管理员组

文章数量: 887021


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应用程序。


本文标签: 网页 网站 文本

更多相关文章

部署专属网页版ChatGPT-Next-Web

2月前

背景 工作学习中经常使用chat-gpt, 需求是多端使用gpt问答&#xff0c;因此搭建一个网页版本方便多个平台使用。最后选择了 ChatGPT-Next-Web 部署说明 一键部署自己的web页面&#xff0c;

利用chatGPT plus插件读取网页及本地文件

2月前

目录 前言 使用步骤 读取网页 读取本地文件 前言 一个基于GPT-4架构的大型语言模型&#xff0c;被称为ChatGPT Plus。 近日&#xff0c;对于plus用户增加了联网及插件功能&#xff

二、用 ChatGPT 充当网页开发者

2月前

目录 一、实验介绍 二、背景三、如何让 ChatGPT 充当网页开发者 3.1 调整话术——指定编程语言 3.2 在线展示 Web 页面 3.3 加上搜索功能 3.4 代码很长怎么办? 四、如何学习上面的代码? 五、实

chatgpt赋能python:Python操作SEO:从抓取网页到数据分析

2月前

Python操作SEO:从抓取网页到数据分析 在当今数字化时代,搜索引擎优化已经成为了每家企业的必修课。然而,SEO涉及到众多技术,其中爬虫抓取和数据处理是其中关键环节。而Python语言正是在这两个方面表现出了非常强大的优势。 1.

很实用的ChatGPT网站—在线编程模块增补篇

2月前

很实用的ChatGPT网站&#xff08;http:chat-zh&#xff09;——增补篇 今天介绍一个好兄弟开发的ChatGPT网站&#xff0c;网址[http:chat-zh]。这个网站功能模块

适合小公司做私有化云办公的纯网页版办公软件 - OnlyOffice

2月前

说起 Office 办公软件&#xff0c;我想大家最常用的就是微软 Office&#xff0c;但是它的价格并不便宜。免费的有国产的金山、WPS&#xff0c;但是它们都有很多广告&#xff0c;非常影响用

网页 js 逆向分析 ( v_jstools )、jshook ( 安卓上用js实现Hook )

2月前

1、网页 js 逆向分析( v_jstools ) From&#xff1a;https:mp.weixin.qqsLisYhDKK_6ddF-19m1gvzg Python 爬虫工具篇&#xff1a;必用的 Chro

via浏览器 html代码,网页黑色加强的css代码

2月前

该楼层疑似违规已被系统折叠 隐藏此楼查看此楼 *口袋阅via浏览器翻页按钮by&#xff1a;fewtime *{var totndocument.createElement("div");totn.inne

为什么我电脑的所有浏览器都开不了网页

2月前

一、问题描述二、解决办法1、把注册表中的 ProxyEnable 数值 1 改为 02、360安全卫士修复 三、他山之石 一、问题描述 使用某些代理上网软件&#xff0c;没恢复设置会出现&#xff1a;网络连接正常&

超强脚本网站-让你的浏览器拥有灵魂

2月前

点击此处直达&#xff1a;  Greasy Fork - 安全、实用的用户脚本大全https:greasyforkzh-CN

浏览器超全网站收藏夹 6000+

2月前

网上这种资源的分享特别少大家切珍惜 废话不对说直接上图自己看 分了这么多类你就知道我收藏了多少网站吧&#xff1f; 没错有6000左右&#xff0c;网上这类资源确实少之又少。所以分享了一下 大家可以前往这个地址下载

2345王牌浏览器怎么恢复网站

2月前

核心提示&#xff1a;在浏览网页时无关了某些网站或想再次访问之前的网站&#xff0c;那么怎么快速对这些页面进行恢复呢?今天小编为大家介绍一下2345王牌浏览器的恢复功能&#xff0c;希望对大家有帮助。 在浏览

html本地修改浏览器自动更新,更改html代码后网页不更新

2月前

写了一个非常简单的 html 页面&#xff0c;只有简单的跳转功能&#xff0c;但是在 Eclipse 下更改代码后用 chrome 浏览器打开时还是显示原来的网页。开始我以为是网页有错误或者有不规范的地方&#x

Win7打开网站提示“你的连接不是私密连接”

2月前

重装了Win7 64bit原版&#xff0c;发现打开京东之类的网站出现证书不安全提示&#xff0c;“你的连接不是私密连接”。因为是著名的购物网站&#xff0c;网站出现问题的可能性几乎没有&#xff0c;

分享——网页上的虚拟机

2月前

大家还记得之前的Windows系统吗&#xff1f; 相信大家一定想要重温或体验以前Windows的系统吧&#xff0c;可有些朋友想体验但又嫌装虚拟机太麻烦&#xff0c;怎么办呢。 其实&#xff0c

云服务器搭建网站时选择Linux还是Windows操作系统?

2月前

现在很多站长都会选择云服务器来搭建网站&#xff0c;不过租用时很多朋友都会纠结是选择Linux还是Windows操作系统。那么对于云服务器来说&#xff0c;是Linux系统好还是Windows系统好&#xff1f

windows系统开机自启打开指定网页

19天前

windows系统开机自启打开指定网页 1、在电脑桌面右击新建快捷方式&#xff0c;输入想要开机打开的网址 2、点击下一步输入自己想要命名的名字 3、使用快捷键winR运行&#xff0c;输入shell:startup&

ChatGPT国内中文版镜像网站整理合集(20241208)更新

12天前

一、GPT中文镜像站 ① https:www.soruxgpt.top282.html 支持GPT4、4o以及o1&#xff0c;新用户注册试用4o。 ① https:www.pftedu385.html 支持GPT4

Windows 12 网页版

11天前

Windows 12 网页版是一个在线开源项目&#xff0c;由一个初三学生用前端开发三件套 HTMLCSSJavaScript 实现的一个网页版的 Windows 12&#xff0c;灵感来源于Windows 12 概念版

8个不能错过的程序员必备网站,惊艳到我了!!!

10天前

程序员是一个需要不断学习的职业&#xff0c;不少朋友每天来逛CSDN、掘金等网站&#xff0c;但一直都抱着“收藏从未停止&#xff0c;学习从未开始”的态度&#xff0c;别骗自己了兄弟。在编程体系中&a

发表评论

全部评论 0
暂无评论