百度360必应搜狗淘宝本站头条
当前位置:网站首页 > IT技术 > 正文

初学者的网页设计学习笔记(一)建立文档

wptr33 2025-08-02 22:16 3 浏览

一、网页简介

网页是一个承载网站应用的平台,它是构成网站的基本元素。也就是说,网站是由网页组成,如果一个人只有域名和虚拟主机而没有制作任何网页的话,别人则无法访问这个网站。

网页是一个包含HTML标签的纯文本文件,它可以存放在世界某个角落的某一台计算机中,是万维网中的一“页”,是超文本标记语言格式,网页通常用图像档来提供图画。网页要通过网页浏览器来阅读。

二、网页组成元素:文本、图像、超链接

1、文本,是网页上的文字,一般文本占用空间很小,一个中文字符只占2个字节。

2、图片,常用图片格式是GIF,JPG,PNG。

3、超链接,网页之间通常以超链接进行连接的。

三、网页设计

1、网页设计需要相应的软件,本人用的是Adobe Dreamweaver CS6。

2、软件下载安装完毕后,我们就开始进行设计(此处只涉及到设计,并不涉及代码部分)。

3、新建文档

打开软件可以看到最上面一行菜单栏,找到文件----新建,也可以用快捷键ctrl+N创建文档;

4、保存文档

菜单栏中文件-----保存,也可以用快捷键ctrl+S保存。

5、文本操作

1、插入文本

a.直接在文档窗口输入文本,跳段用回车键,换行用shift+回车键

b.粘贴其它编辑器中的文本,最好是在新建文本文档中粘贴复制过渡一下

2、调整文本

最下栏的属性栏中的CSS----目标规划<内联样式>----字体大小(统一px像素为单位),其他属性可以自己选择

3、插入字符

点击 右侧栏中插入-----文本----字符(此方法常用)

或, 点击菜单栏中插入-----HTML-----字符

4、插入日期

同样点击右侧栏中的插入------日期

5、插入文本列表

插入-------文本-------项目列表

四、下面为本人文本操作和预览效果,因为本人也是初学者,所以第一次设计的比较简单,相信你们也会很快学会的。

文本操作:

浏览器浏览效果:

相关推荐

Windows10 编译OpenCV4.5源码

在OpenCV4.5+VisualStudio2017开发环境配置...

什么是OpenCV?有哪些基础图像处理操作?

一、OpenCV简介OpenCV是一款由Intel公司俄罗斯团队发起并参与和维护的一个计算机视觉处理开源软件库,支持与计算机视觉和机器学习相关的众多算法,并且正在日益扩展。...

学习Opencv-第9节-读写图像

1、读图像---imread()Matimread(conststring&filename,ingflags=1)定义中包含两个参数,一个图像文件名,一个flag标志位,返回的是一个Ma...

基于opencv的视觉巡线实现

前言这段时间在和学弟打软件杯的比赛,有项任务就是机器人的视觉巡线,这虽然不是什么稀奇的事情,但是对于一开始不了解视觉的我来说可以说是很懵了,所以现在就想着和大家分享一下,来看看是如何基于opencv来...

OpenCV学习之图像读取与显示

1、OpenCV的特点(1)总体描述...

OpenCV+Python裁剪图像

最近使用OpenCV+Python做了一个程序,功能是自动将照片中的文本部分找出来并裁剪/旋转保存为新的图片。这个功能用专业些的说法就是选择并提取感兴趣区域(ROI(RegionofInteres...

OpenCV-Python速查表:从导入图像到人脸检测

——本文对图像裁剪、调整大小、旋转、阈值、模糊、在图像上绘图和书写、人脸检测和使用轮廓图像检测对象都进行了解释。什么是OpenCV-Python?OpenCV是一个开源的计算机视觉(computer...

Python图像处理:OpenCV基础教程

OpenCV(OpenSourceComputerVisionLibrary)是一个开源计算机视觉和机器学习软件库。它提供了大量的图像和视频处理功能,可以用于各种应用场景,比如人脸识别、物体检...

OpenCV学堂深度学习系统化学习路线图专题(2023版)

参考资料:aixuetang.xyz/15842...

OpenCV4系统化学习路线图与教程

获课:bcwit.top/15489...

使用OpenCV库操作摄像头拍照、调节参数和视频录制

需求使用OpenCV做功能,播放摄像头(usb和网络),对摄像头设备进行参数调整(亮度、对比度、饱和度、色调、增益、曝光度)调节,拍照和录像。原理使用OpenCV打开摄像头(可打开USB和网路哦摄像...

Python图像处理:用OpenCV实现照片的趣味特效与编辑!

在当今数字化时代,图像处理已经成为了我们生活中不可或缺的一部分,无论是社交媒体上的照片美化,还是专业领域的图像分析,都离不开图像处理技术。Python作为一门强大的编程语言,搭配OpenCV库,为我们...

OpenCV-1: 读取图片,显示图片,保存图片

目标1在这里,将学习如何读取图像,如何显示图像以及如何将其保存回去将学习以下功能:...

JAVA学习笔记——fileUpload文件上传

一、什么是fileUpload?fileUpload是apache的commons组件提供的上传组件,它最主要的工作就是帮我们解析request.getInpustream()。可以参考在线API文档...

如何在Windows10中配置java的JDK环境

今天给大家分享一下如何配置java的JDK环境。操作步骤如下:1.下载好jdk的安装文件,我下载的是jdk-10.0.1_windows-x64_bin.exe这个版本的安装文件;2.使用鼠标...