- 博客(20)
- 收藏
- 关注
原创 第十章JavaScript的应用
JavaScript是一种轻量级的编程语言,它被广泛用于增强网页的交互性,为用户提供更丰富的网页体验。以下是JavaScript的几个核心特性JavaScript的语法简单,易于学习,使得开发者能够快速上手并开发出动态的网页应用。10.1.1.2 动态性JavaScript能够在网页加载后动态地修改网页内容,无需重新加载页面,这为用户带来了流畅的体验。10.1.1.3 跨平台性JavaScript可以在多种浏览器和平台上运行,这使得开发者能够为更广泛的用户群体提供服务。
2024-11-22 18:41:54
645
原创 第九章DIV+CSS布局
DIV+CSS 是 Web 设计标准,它是一种网页的布局方法。与传统中通过表格(table)布局定位的方式不同,它可以实现网页页面内容与表现相分离。DIV组成了网页的格局,CSS则装饰了格局,比如建一栋房子,开始的架子是 DIV,架子搭建好后开始装饰,这个装饰就是CSS样式。使用了 DIV+CSS 布局的网页,它使 HTML 语言变得越来越复杂化、专用化源码容易扩展,并且更加规整。
2024-11-15 11:19:32
1838
原创 第8章利用CSS制作导航菜单
而且,用户浏览的习惯都是从上到下、从左往右的,将导航放置底部,这样的设计比较挑战用户的使用习惯。为了美化文字内容的外观,可以设置 div 的高度、宽度、背景、边框和文本对齐方式为了使导航菜单始终处于页面的最上层,需要设置z-index属性的优先值。在<nav>的首尾标签之间,使用<div>标签创建菜单范围,结合无序列表<u>配合列表选其中选项内容使用超链接的形式,链接地址当前设置为空链接。如果导航过于普通,无法容纳复杂的信息结构,就需要在内容块较多的情况下,结合下拉子导航使用。鼠标悬停显示下拉菜单。
2024-11-13 08:07:26
546
原创 第七章 利用CSS和多媒体美化页面
常用网页的布局形式是 DIV+CSS,但并不是所有的布局都是如此,必要时,表格的使用对零散内容的汇总分类更为便利。所以,尽管在前面的章节中已经学习了表格的基本用法,但是设计者需要利用CSS设置表格样式的多样化,进而美化表格的外观。对于很多网站而言,经常会涉及到一些动画或者是视频、音频之类的内容,设计得合理,这些元素就能够很好地突出主题,如此,网页浏览者在视觉和听觉上都会有空间联系和层次丰富的感觉,从而产生愉悦的感受,empty-cels 属性设置或检索当表格的单元格无内容时,是否显示该单元格的边框。
2024-10-29 11:24:01
663
原创 第六章 元素应用CSS
在学习 HTML时,通常也会使用HTML,对文本字体进行一些非常简单的样式设置,而使用CSS 对字体样式进行设置远比使用 HTML灵活、精确得多,CSS样式中有关字体样式的常用属性见表6-1。
2024-10-18 11:11:47
988
原创 第五章CSS盒模型
Web页面上大部分的元素(特别是块状元素)都可以看作是一个盒子,W3C组织建议把所有网页上的对象都放在一个盒子(box)中,设计者可以通过创建定义来控制这个盒子的各种属性,这些对象包括段落、列表、标题、图片及层。盒子的结构可以看作一个矩形框,包括边框(border)、外边距(margin)、内边距(padding),以及元素内容(content),元素会在指定的高度和宽度范围内在页面上显示出来。它们之间的关系,如图5-1所示。
2024-10-11 10:17:45
996
原创 第四章 CSS样式基础
随着 HTML的发展,为了满足页面设计者的要求,HTML添加了很多显示功能,但是随着这些功能的增加,使得 HTML变得越来越杂乱,HTML页面也越来越臃肿,CSS 便诞生了。CSS 是用于简化 HTML标签,把关于样式部分的内容提取出来,进行单独地控制,使结构与样式分离式开发。对页面布局等的控制也更加精确,同时能够实现内容和表现的分离使得网站的设计风格趋向统一、维护更加容易,并且能够被多种浏览器支持。
2024-09-29 11:25:38
1786
原创 第3章 表格布局与表单交互
表格是网页中的一个重要容器元素,可包含文字和图像。表格使网页结构紧凑整齐,网页内容的显示一目了然。表格除了用来显示数据外,还用于搭建网页的结构。几乎所HTML页面都或多或少地采用了表格。表格以简洁明了和高效快捷的方式将图片、文本据和表单的元素有序地显示在页面上,从而可以呈现出漂亮的页面。表格在网页设计中能网页分成多个任意的矩形区域。利用feldset标记可以在网页上定义域,在表单中使用域可以将表单的相关元素进行分组,heldset标记将表单内容的一部分打包,生成一组相关表单的字段。
2024-09-26 10:39:46
2211
原创 第二章 网页制作的排版方法
2.1 文字与段落排版2.1.1 段落标签由于浏览器忽略用户在HTML编辑器中输入的回车符,为了使文字段落排列得整齐、清晰,常用段落标签<p>..</p >实现这一功能。段落标签<p>是HTML格式中特有的段落元素,在HTML 格式里不需要在意文章每行的宽度,不必担心文字是不是太长了而被截掉,它会根据窗口的宽度自动转换到下一行。段落标签的语法为:<p align = " left | center| right" >文字</p >
2024-09-19 17:10:46
977
原创 第一章 课后作业
3.使用HBuilder 编写符合以下要求的文档:网页标题为“百度搜索”,在浏览器窗口中显示“欢迎使用百度搜索”和百度图片,完成效果如图1-18所示。其中网页背景颜色为#ffff33;水平分割线粗细为5,颜色为#0033ff。显示“欢迎大家一起开始学习网页制作”。完成效果如图1-17 所示。其中网页所有文字的颜色为blue,背景颜色为#99ffff;水平分割线粗细为5,颜色为#ff3333。2.使用 HBuilder 编写符合以下要求的文档:网页标题为“网页学习”,在浏览器窗口中 部分组成。
2024-09-13 11:40:12
258
原创 第一章 网页制作的基础知识
Web前端即指平常上网浏览的网页,如上网浏览新闻、查询快递信息、淘宝购物等都是在浏览网页。但网页制作还需要了解与网页相关的基本概念,HTML(HyperText Markup Language,超文本标记语言)是一种用于创建网页的标准标记语言。它描述了一个网站的结构骨架,使得浏览器能够展示具有特定格式的文本、链接、图片和其他内容。以下是HTML的一些基本概述:历史HTML由Tim Berners-Lee在1990年代初发明,是构建WWW(World Wide Web)的基础。
2024-09-12 13:47:58
863
1
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人
RSS订阅