- 博客(21)
- 收藏
- 关注
RSS订阅原创 第十章 JavaScript的应用
10.1 JavaScript概述10.1.1 JavaScript简介JavaScript是一种轻量级、解释型的编程语言，广泛用于Web开发，为网页增加动态交互功能。其主要特点包括：简单性：语法简洁，易于学习和使用。动态性：可以直接对用户输入做出响应，无需重新加载页面。跨平台性：只要有支持JavaScript的浏览器，就可以在任何平台上运行。安全性：通过浏览器提供的安全机制，限制了对本地系统的访问。基于对象的语言：几乎所有的事物都是对象，包括数组、函数等。
2024-12-03 08:58:40
592
原创 第九章DIV+CSS布局
9.1 DIV+CSS概述DIV+CSS是WEB设计标准，它是一种网页的布局方法，可以实现网页页面内容与表现相分离。其中DIV（Division）是一个块级元素，用于组织和结构化网页内容。CSS（Cascading Style Sheets）则用于设置这些DIV元素的样式，包括宽高、颜色、边距等。9.1.1 认识DIVdiv标签在Web标准的网页中使用非常频繁，属于块状元素。div标签是双标签，即以<div></div>的形式存在，中间可以放置任何内容，包括其他的div标签。
2024-12-03 08:37:49
669
原创 第8章 利用CSS制作导航菜单
8.1 水平顶部导航栏水平莱单导航栏是网站设计中应用范围最广的导航设计，一般放置在页面的顶部。水平导航适用性强，几乎所有类型的网站都可以使用，设计难度较低。如果导航过于普通，无法容纳复杂的信息结构，就需要在内容模块较多的情况下，结合下拉子导航使用。8.1.1 简单水平导航栏的设计与实现8.1.1.1 导航栏的创建：使用HTML的<nav>标签和<ul>/<li>列表结构来创建基本的导航栏。
2024-11-13 20:20:33
926
原创 第七章 利用CSS和多媒体美化页面
7.1 CSS链接的美化CSS链接的美化是提升网页视觉效果和用户体验的重要手段。以下是一些常见的CSS链接美化方法：7.1.1.文字链接的美化文字链接的美化主要通过CSS来实现，旨在提升链接的视觉效果和用户的交互体验。以下是一些常见的文字链接美化技巧：1. 颜色与文本装饰颜色：使用鲜明的颜色来区分链接和其他文本，同时确保颜色在网页整体设计中协调。文本装饰：移除默认的下划线（text-decoration: none;），或在特定状态下（如悬停）添加下划线。2. 字体与排版。
2024-11-13 19:40:29
684
原创 第六章元素应用CSS
csscss** Serif 字体**：这种字体在字符的末端有额外的装饰，如 Times New Roman。css** Sans-Serif 字体**：这种字体没有额外的装饰，如 Arial。css3.** Monospace 字体**：每个字符占据相同的空间，如 Courier New。css4.** Cursive 字体**：模仿手写体的字体，如 Comic Sans MS。css5.** Fantasy 字体**：装饰性字体，如 Impact。css。
2024-10-18 22:05:46
1032
原创 第五章CSS盒模型
5.1盒模型的定义Web页面上大部分的元素(特别是块状元素)都可以看作是一个盒子，W3C组织建议把所有网页上的对象都放在一个盒子(box)中，设计者可以通过创建定义来控制这个盒子的各种属性，这些对象包括段落、列表、标题、图片及层。盒子的结构可以看作一个矩形框，包括边框(border)、外边距(margin)、内边距(padding)，以及元素内容(content)，元素会在指定的高度和宽度范围内在页面上显示出来5.2 CSS元素的高度和宽度。
2024-10-12 20:25:50
674
原创 第四章CSS样式基础
如果你指的是在HTML文档中直接写入的CSS规则，而不是针对单个元素的样式，那么通常是指内部样式表。important的规则）。盒模型：CSS的盒模型定义了元素的布局方式，包括内容、内边距（padding）、边框（border）和外边距（margin）。定位和布局：CSS提供了多种定位技术，包括相对定位、绝对定位、固定定位和静态定位，以及现代的Flexbox和Grid布局系统。使用语义化的类名：避免使用如.red、.blue这样的描述性类名，而应该使用更具语义的类名，如.error、.success。
2024-10-12 20:05:31
635
原创 第二章网页制作排版
2.1.1 段落标签在HTML（HyperText Markup Language，超文本标记语言）中，用于定义段落的标签是。这个标签用于创建文本的一个段落。每个标签内的内容默认会在其前后添加一些垂直间距（即外边距），以区分不同的段落。段落标签的语法为：文字属性align:设置段落文字在网页上的对齐方式，center(居中) left(左对齐) right(右对齐)，默认left。效果图：2.1.2 标题标签。
2024-09-18 22:20:33
1312
原创 第一章 本章习题
1.使用HBuilder编写符合以下要求的文档，网页标题为“网页学习”，在浏览器窗口中显示“欢迎大家一起开始学习网页制作”。其中网页所有文字的颜色为blue，背景颜色为# 99 ffff；水平分割线粗细为5，颜色为# ff3333。2.使用HBuilder编写符合以下要求的文档：网页标题为“百度搜索”，在浏览器窗口显示“欢迎使用百度搜索”和百度图片，完成效果如图1-18所示。其中网页背景颜色为田33；水平分割线粗细为5，颜色为# 0033ff。
2024-09-14 11:07:18
308
原创 1.1认识网页和网站
为了克服文本固有的鋏点，人们赋子了网页中文本更多的属性，如字体、字号、颜色、底纹和边框等，通过不同格式的区别，突出显不重要的内容。动态网页：川-动态网页能够根据不同浏览者的请求来显示不同的内容，无论网页本身是否具有视觉意义上的动态效果，只要采用动态网站技术生成的网页都称为动态网页，其本质主要体现在交互性方面。这些标签用“<”和“>”括起来。它们被称为标记，也称标签，是用来划分网页的元素，以形成文本的布局、文字的格式及五彩缤纷的画面。不同的属性又有不同的参数值，这些不同的参数值就实现了不同的网页功能。
2024-09-12 09:53:10
2631
1
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人