- 博客(17)
- 收藏
- 关注
RSS订阅原创 第十章 JavaScript的应用
在当今的网页开发领域，HTML 和 CSS 技术构建出了信息丰富且样式美观的网页框架，但在交互性方面却存在明显局限。JavaScript 的出现恰好弥补了这一短板，作为一种强大的脚本语言，它为网页注入了灵动的交互性与绚丽的特效，极大地提升了用户体验。本文将深入剖析 JavaScript 的核心特性与应用场景，涵盖其基本概念、语法结构、对象体系以及事件驱动机制等关键方面，旨在为读者全面呈现这一语言的魅力与价值。一、JavaScript 简介。
2024-12-29 13:42:09
906
原创 第九章 DIV+CSS布局
9.1 DIV+CSS 概述DIV+CSS 是现代 Web 设计的重要标准，是一种先进的网页布局方法。和传统利用表格（table）进行布局定位的方式相比，它有着独特的优势，能够让网页页面内容与表现分离。可以将其类比为盖房子，DIV 如同房子的框架，构成了网页的整体格局，而 CSS 则像是对房子的装饰，赋予网页丰富的样式。采用 DIV+CSS 布局的网页有诸多优点，它能使 HTML 语言朝着更复杂、更专用化的方向发展，其源码易于扩展，并且结构更加规整。1. 认识 DIV。
2024-11-22 19:49:32
955
原创 第8章利用CSS制作导航菜单
8.1 水平顶部导航栏水平菜单导航栏是应用范围最广的网站导航设计，一般位于页面顶部。它适用性强，几乎适用于所有类型的网站，且设计难度低。若导航过于普通，无法承载复杂信息结构，在内容模块较多时，则需结合下拉子导航使用。8.1.1 简单水平导航栏的设计与实现8.1.1.1导航栏的创建<nav>标签作为 HTML5 新增的文档结构标签，其作用在于标记导航栏，以方便后续与网站的其他内容进行整合，故而常常使用<nav>标签于页面上构建导航栏菜单区域。
2024-11-22 19:44:27
983
原创 利用css和多媒体美化界面
/* 居中容器 */.title {/* 在导航栏下方添加一些空间 */#menu {/* 清除浮动，确保容器包裹内容 */#menu a {/* 让链接水平排列 *//* 使链接填充整个父元素 */color: red;服务中心菜单
2024-10-28 22:14:23
354
原创 第五章CSS盒子模型
Flex布局是一种现代的布局方法，通过设置display属性为flex，可以轻松实现垂直和水平方向上的布局。RGBA表示法：RGBA在RGB的基础上增加了第四个参数，即alpha通道，用于控制颜色的透明度。取值个数效果1个给上下左右同时设置相同的内边距4个分别对应盒子的 上 右 下 左 (顺时针的顺序)3个对应盒子的 上 左右 下2个对应盒子的 上下 左右。在标准盒模型中，盒子的默认宽度为auto，即自适应内容的宽度。在IE盒模型中，盒子的默认宽度为内容的宽度加上内边距和边框的宽度。表示红色半透明背景。
2024-10-28 22:03:12
781
原创 第四章 css样式基础练习案例
其中上边 div 的背景颜色为#FF99CC，文字居中显示；水平分割线粗细为5，颜色为#FF99CC；超链接文字的字体为“arialblack”，字号为60px，颜色为#FFF，无下划线；访问过后连接文字变为#FFFFCC，脚部文字颜色为#666，CSS样式采用内部样式表。使用所给素材文件夹中的hwbanner.png和文字，完成效果如图4-11所示。内容部分的div宽置为居中（margin-right：auto；根据网页效果，使用h1，h2，设前题。“为客户创造价值”等语句，使用内联样式，加粗，加大。
2024-10-06 21:50:42
458
原创 第三章总结
一、表格概述在网页设计领域，表格是重要的容器元素。2024 年 9 月 26 日的时代充满创新与活力，表格依旧散发独特魅力。表格结构似精心构建的建筑。由行和列组成的二维表如建筑框架，为网页内容提供稳定支撑。每行由一个或多个单元格构成，恰似建筑中的房间，放置各种数据及丰富内容。单元格作为行与列交叉部分，是表格最基本单元，承载网页信息核心。单元格内容丰富多样，如多彩宝库。可包含文本，清晰展现重要信息；容纳图片，增添视觉魅力；有列表，使信息更条理清晰；含段落，阐述详细观点和描述；嵌入表单，实现与用户互动；
2024-09-26 21:03:28
946
原创 第2章 网页制作的排版方法
…</p>实现这一功能。段落标签<p>是HTML格式中特有的段落元素，在HTML格式里不需要在意文章每行的宽度，不必担心文字是不是太长了而被截掉，它会根据窗口的宽度自动转换到下一行。段落标签的语法为:<p align=" left | center l right">文字
2024-09-18 17:43:03
1066
原创 第一章习题
使用 HBuilder 编写符合以下要求的文档：网页标题为“网页学习”，在浏览器窗口中显示“欢迎大家一起开始学习网页制作”。完成效果如图1-17所示。其中网页所有文字的颜色为 blue，背景颜色为#99f；水平分割线粗细为5,颜色为#3333。显示“欢迎使用百度搜索”和百度图片，完成效果如图1-18所示。其中网页背景颜色为#r33：水平分割线粗细为5.颜色为#0033ff。使用HBuilder编写符合以下要求的文档：网页标题为“百度搜索”，在浏览器窗口中。
2024-09-13 21:30:43
200
原创 第一章总结
响应式设计随移动设备广泛使用成为重要部分，能让网页在不同屏幕尺寸良好显示初识 Web 前端，会发现这是充满创意和挑战的领域，通过不断学习和实践可掌握技术，创造惊艳网页界面，带来卓越数字体验。若 WWW 是因特网大型图书馆，书为 Web 站点，网页是书中一页，页码即网址，多个网页组合成 Web 站点，其中特殊网页是主页。如定义网页标题，包含主要内容，定义段落，到定义不同级别标题，、和用于列表，创建链接。
2024-09-11 22:47:41
1056
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人