自定义博客皮肤VIP专享

*博客头图:

格式为PNG、JPG,宽度*高度大于1920*100像素,不超过2MB,主视觉建议放在右侧,请参照线上博客头图

请上传大于1920*100像素的图片!

博客底图:

图片格式为PNG、JPG,不超过1MB,可上下左右平铺至整个背景

栏目图:

图片格式为PNG、JPG,图片宽度*高度为300*38像素,不超过0.5MB

主标题颜色:

RGB颜色,例如:#AFAFAF

Hover:

RGB颜色,例如:#AFAFAF

副标题颜色:

RGB颜色,例如:#AFAFAF

自定义博客皮肤

-+
  • 博客(12)
  • 收藏
  • 关注

原创 第10章javascript的应用

采用 HTML+CSS技术设计的网页具有信息丰富、样式美观等优势,但是对网页的交互行为却无能为力,此时脚本语言JavaScript提供了解决方案。本章讲述的就是实现网页交互与特效的行为语言——JavaScript10.1.1 JavaScript简介JavaScript是一种基于对象(Object)和事件驱动(Event Driven)并具有安全性能的脚本语言,能够与HTML(超文本标记语言)、Java语言一起在Web页面中与Web客户交互.

2024-12-02 11:15:07 811

原创 第九章 DIV+CSS布局

9.1 DIV+CSS概述DIV+CSS是Web设计标准,它是一种网页的布局方法。与传统中通过表格(table)布局定位的方式不同,它可以实现网页页面内容与表现相分离。DIV组成了网页的格局,CSS 则装饰了格局,比如建一栋房子,开始的架子是DIV,架子搭建好后开始装饰,这个装饰就是CSS样式。使用了DIV+CSS布局的网页,它使HTML语言变得越来越复杂化、专用化, 源码容易扩展,并且更加规整。9.1.1 认识DIVdiv标签在Web标准的网页中使用非常频繁,属于块状元素。

2024-11-17 13:20:49 1038

原创 第八章 利用css制作导航菜单

8.1 水平顶部导航栏水平菜单导航栏式网站设计中应用范围最广的导航设计,一般放置在页面的顶部。水平导航实用性强,几乎所有的类型的网站都可以使用,设计难度较低如果导航过于普通,无法容纳复杂的信息结构,就需要在内容模块较多的情况下,结合下拉子导航使用8.1.1 简单水平导航栏的设计与实现1.导航栏的创建<nav>标签是HTML5新增的文档结构标签,用于标记导航栏,以便后续与网站的其他内容整合,所以常用 <nav>标签在页面上创建导航栏菜单区域。

2024-11-13 10:26:28 1049

原创 第七章利用CSS和多媒体美化页面

7.1 CSS链接的美化在前面的章节中,已经学习了超链接的简单知识。知道超链接是一种允许其他网页或站点之间进行连接的元素,各个网页链接在一起后,才能真正构成一个网站。但是默认的链接样式往往达不到设计者的要求,所以可以通过对超链接的CSS样式设置,来达到理想的视觉效果。7.1.1 文字链接的美化。

2024-10-30 22:33:53 805

原创 第6章 元素应用css

6.1 使用CSS设置字体样式6.1.1.字体类型格式:font-family:字体名称;参数;字体名称按优先顺序排列,以逗号隔开。如果字体名称包含空格,则应用引号括起。说明:用font-family属性可控制显示字体。不同的操作系统,其字体名是不同的。对于Windows 系统,其字体名就如Word中的“字体”列表中所列出的字体名称。6.1.2.字体大小语法:font-size:你想设置的大小;6.1.3.字体粗细。

2024-10-20 22:53:39 809

原创 HTML·第五章CSS盒子模型

5.1 盒模型的定义盒模型(Box Model)是Web开发中的一种概念,用于描述HTML元素如何在页面上占据空间。它将每个HTML元素看作是一个矩形盒子,并且定义了这个盒子由哪些部分组成,如何计算元素的总大小。盒模型包括以下四个区域:1. 内容区域(Content): 显示元素的实际内容,如文本或图片。这是最内部的区域,定义了元素的宽度和高度。2. 内边距(Padding): 内容区域与边框之间的空白区域。内边距会增加元素的整体尺寸,但它的背景颜色或图片可以扩展到内边距区域。

2024-10-12 11:16:59 1518

原创 第四章css样式基础

4.1 CSS概述CSS(Cascading Style Sheets,层叠样式表)是一种用于描述网页内容显示方式的样式语言。它与HTML一起使用,通过分离内容与样式,提供更高效的网页设计和维护。CSS的主要作用是控制网页的布局、颜色、字体、间距等视觉表现。1.CSS的基本概念1. 选择器(Selector):用于指定HTML元素,决定样式应用在哪些元素上。常见选择器有:元素选择器(如 p):选择所有 <p> 元素。类选择器(如 .class):选择具有特定类的元素。

2024-10-08 10:56:47 545

原创 第三章 表格布局与表单交互

在 HTML 中,表格是用来展示数据的一种有效方式,特别是当数据是结构化的,比如行和列的形式时。表格由标签定义,并通过一系列的行、单元格(table data)以及表头(table header)来构建。egend标记为fieldset标记定义域标题 标签在 HTML 中用于将表单内的相关元素分组。它通常与 标签一起使用, 标签为 内的元素提供标题或说明。

2024-09-26 08:27:25 1301

原创 第二章习题

【代码】第二章习题。

2024-09-23 10:30:34 1022

原创 第二章网页制作的排版方法

一个网站是由多个页面组成的,创建超链接有利于页面之间的转跳,从而将整个网站中的页面关联起来,它是网站的重要元素。超链接在本质上属于网站的一部分,通过超链接将各个网页连接在一起后组成一个网站所谓超链接(Hyperink),是指从一个网页指向一个目标的连接关系,这个目标可以是另一个网页,也可以是相同网页上的不同位置,还可以是一个图片,一个电子邮件地址。超链接除了可链接文本外,也可链接各种媒体,如声音、图像和动画等,通过它们可以个文件,甚至是一个应用程序。将网站建设成一个丰富多彩的多媒体世界。

2024-09-18 21:29:25 1207

原创 第一章 本章习题

1.填空题1)HTML 是一种______语言。2)HTML文档是由_____构成的_____文件。3)HTML全称是_______。4)目前常用的主流浏览器有______、_______、_______、________和_______。5)HTML文档通常以______或______作为后缀名,网站首页文件通常命名为______。6)HTML文档是用来描述网页的,一般由______、______两部分组成。2.操作题。

2024-09-14 10:53:46 307

原创 第一章 网页制作的基本知识

Web前端即指平常上网浏览的网页,如上网浏览新闻,查询快递信息,淘宝购物等都是在浏览网页。但网页制作还需要了解与网页相关的基本概念,下面对Web前端的相关概念进行详细讲解。HTML只是一个纯文本文件。创建一个HTML文档,需要HTML编辑器和Web浏览器两个工具。HTML编辑器是用于生成和保存HTML文档的应用程序。Web浏览器用来打开Web网页文件,提供查看Web资源的客户端程序。

2024-09-12 08:55:50 968 1

空空如也

空空如也

TA创建的收藏夹 TA关注的收藏夹

TA关注的人

提示
确定要删除当前文章?
取消 删除