- 博客(16)
- 收藏
- 关注
原创 第十章 JavaScript的应用
10.1 JavaScript的概述JavaScript 是一种广泛使用的高级编程语言,最初由 Netscape 公司的 Brendan Eich 在 1995 年创建。它是一种主要在 Web 浏览器中执行的脚本语言,但也可以用于服务器端开发(如 Node.js)和其他应用程序。主要特点解释型:JavaScript 代码通常不需要编译,可以直接由浏览器或其他环境中的解释器执行。基于原型:JavaScript 使用基于原型的对象模型,与传统的类继承不同。
2024-12-28 09:11:35
1095
原创 第九章 DIV+CSS布局
9.1 DIV+CSS概述第九章 DIV+CSS布局是网页设计和开发中的一个重要章节,它涉及到如何使用HTML的<div>元素和CSS(层叠样式表)来创建网页的布局。以下是一些基本的概念和步骤,可以帮助你理解如何使用DIV和CSS来构建网页布局:理解DIV元素:<div>是一个块级元素,通常用于对页面上的内容进行分组或应用样式。它本身没有特定的语义含义,但可以通过CSS来赋予各种布局和样式。使用CSS进行布局:CSS允许你控制<div>元素的位置、大小、颜色、边距等属性。
2024-12-28 08:49:36
850
原创 第八章习题
青山<a href="#">高山绿茶</a></li><li><a href="#">乌龙茶</a></li><li><a href="#">普洱茶</a></li><li><a href="#">首页</a></li><li><a href="#">诗文</a></li><li><a href="#">风景</a></li><li><a href="#">留言</a></li><li><a href="#">关于</a>
2024-12-28 08:42:20
600
原创 第八章 利用CSS制作导航栏
8.1 水平顶部导航栏8.1.1 简单水平导航栏的设计与实现1. 响应式设计介绍: 响应式设计是指网页能够根据不同设备屏幕尺寸和分辨率自适应调整布局和样式,以确保在手机、平板和桌面等设备上都能提供良好的用户体验。CSS实现:@media (max-width: 768px) { .nav-menu { flex-direction: column; position: absolute; background-color: #333;
2024-12-28 08:41:14
692
原创 第七章 利用CSS和多媒体美化页面
特殊链接</a></p><p>这是一个普通的链接:<a href="https://www.example.com" target="_blank">访问示例网站</a></p><a href="#" class="button-link button-small">小号按钮
2024-12-28 08:31:39
961
原创 第六章 元素应用CSS
6.1 使用CSS设置字体样式在CSS中设置字体样式是网页设计中非常基础且重要的部分,它可以帮助设计师控制网页上文本的外观。以下是一些常用的CSS属性,用于设置字体样式:font-family:定义字体族,指定文本的字体。可以设置一个或多个字体,浏览器会使用列表中第一个可用的字体p {font-size:定义字体大小。可以使用像素(px)、em、rem、百分比(%)等单位。font-style在这个示例中,我们有一个标题(<h1>)和一个段落(<p>)。
2024-12-28 08:25:17
948
原创 第五章CSS盒模型
5.1盒模型的定义Web页面上大部分的元素(特别是块状元素)都可以看作是一个盒子,W3C组织建议把所有网页上的对象都放在一个盒子(box)中,设计者可以通过创建定义来控制这个盒子的各种属性,这些对象包括段落、列表、标题、图片及层。盒子的结构可以看作一个矩形框,包括边框(border)、外边距(margin)、内边距(padding),以及元素内容(content),元素会在指定的高度和宽度范围内在页面上显示出来5.2 CSS元素的高度和宽度。
2024-12-28 08:19:00
683
原创 第四章 CSS样式基础
CSS全称为“Cascading Style Sheet”,中文解释为“层叠样式表”,它是以HTML为基础,设置网页的外观显示样式,如字体、颜色、背景的控制及整体的布局等,还可以针对不同的浏览器设置不同的样式。CSS控制页面是通过CSS规则实现的,CSS规则由选择器和声明组成,声明由属性和属性值对组成。将CSS样式定义到样式表文件中,然后在多个网页中同时应用样式表文件中的样式就可以确保多个网页具有一致的格式,并且可以随时更新样式表文件,实现自动更新多个页的格式功能,从而大大降低网站的开发与维护的成本。
2024-12-28 08:06:23
238
原创 2.1.1 段落标签在HTML(HyperText Markup Language,超文本标记语言)中,用于定义段落的标签是<p>。这个标签用于创建文本的一个段落。每个<p>标签内的内容默认会在其前
标题标签的用途结构清晰:通过不同级别的标题,可以帮助读者和搜索引擎更好地理解网页的结构和内容层次。SEO(搜索引擎优化):搜索引擎使用标题标签来索引网页内容,<h1> 标签尤为重要,因为它通常表示页面的主要主题。无障碍性:屏幕阅读器等辅助技术依赖标题标签来识别页面内容的结构,从而帮助视障用户更好地理解网页标题标签的语法为:<h# align="left center right">标题文字<h#>属性align:设置段落文字在网页上的对齐方式,center(居中) left(左对齐。
2024-12-28 07:47:15
873
原创 第一章网页制作的基础知识
1.4.1 初始Web前端Web前端开发是创建和维护网站用户界面的过程,它涉及到以下关键技术和概念:HTML:定义网页的结构和内容。CSS:设置网页的视觉样式和布局。JavaScript:添加交互性和动态功能。响应式设计:确保网站在不同设备上都能良好显示。前端框架和库:如React、Angular、Vue.js,提高开发效率。版本控制:使用Git管理代码变更和协作。构建工具:如Webpack,自动化开发任务。任务运行器:如npm scripts,自动化常见任务。
2024-09-11 22:28:28
667
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人
RSS订阅