admin管理员组

文章数量:1530518

2024年2月15日发(作者:)

Chapter 1

网页设计基础概述

过本章的学习,读者可以了解网站和网页的有关概念、网页设计流程和网页制作软件的基本知识等,并可以认识网页设计的步骤与原则,为设计制作网页打下良好的基础。

重点提示:

 网站制作的常用软件

 网站设计的流程

 网页的基本组成元素

 申请免费空间与发布网站

Chapter 1

网页设计基础概述

互联网的诞生和快速发展,给网页设计师提供了广阔的设计空间。相对传统的平面设计来说,网页设计具有更多的新特性和更多的表现手段,借助网络这一平台,将传统设计与电脑、互联网技术相结合,实现网页设计的创新应用与技术交流。网页设计是传统设计与信息、科技和互联网结合而产生的,是交互设计的延伸和发展,是在新媒介和新技术支持下的一个全新的设计创作领域。

如今的网页设计往往要结合动画、图像特效与后台的数据交互等,而Dreamweaver CS3、Photoshop CS3和Flash CS3作为Adobe公司经典的常用网页设计软件,是目前网页制作的首选工具。它们具有强大的网页设计、动画制作和图像处理功能,在静态页面设计、图片设计和网站动画设计等方面,都可以使网站设计人员的思想体现得淋漓尽致。

1.1 全面认识网页

在进行网页设计之前,需要对网页的一些基础知识进行了解,对网站的运行原理与制作过程有一个宏观把握。并从零开始,一步一步体验综合应用Dreamweaver CS3、Photoshop CS3、Flash CS3等软件进行网页设计,感受网站设计的无穷乐趣,从而踏上网页制作之路。

1.1.1 网站、网页和主页

网站(Website)是指在因特网上根据一定的规则使用HTML等工具制作的用于展示特定内容的相关网页的集合。简单地说,网站是一种通讯工具,就像布告栏一样,人们可以通过网站来发布(或浏览)想要公开的资讯,或者利用网站来提供相关的网络服务。

现在的许多公司都拥有自己的网站,他们利用网站来进行宣传、产品资讯发布和招聘等。如图1-1所示即为中央电视台的门户网站。

网页(Web Page)是构成网站的基本元素,是承载各种网站应用的平台。

网页实际上是一个文件,存放在世界某个角落的某一台计算机中,而这台计算机必须是与互联网相连的。网页经由网址(URL)来识别与存取,当用户在浏览器地址栏中输入网址之后,经过一段复杂而又快速的程序运作,网页文件就会被传送到用户的计算机中,再通过浏览器解释网页的内容,最终展示到用户的眼前。

网页有多种分类,笼统意义上的分类是动态页面和静态页面。

静态页面多通过网站设计软件来进行重新设计和更改,技术实现上相对比较滞后。当然,现在的某些网站管理系统也可以直接生成静态页面,这种静态页面通常可称为伪静态。静态页面内容是固定的,其后缀名通常为.htm、.html、.shtml等,如图1-2所示。

动态页面是通过执行ASP、PHP、JSP等程序生成客户端网页代码的网页,通常可通过网站后台管理系统对网站的内容进行更新和管理,如发布新闻、发布公司产品、交流互动、博客和网上调查等,都是动态网站功能的一些具体表现。

3

Dreamweaver+Photoshop+Flash网页设计全方位学习

Part 1网络知识基础篇

图1-1 中央电视台主页 图1-2 静态页面

动态页面的常见扩展名通常有.asp、.aspx、.php、.jsp、.cgi等,如图1-3所示。

网站主页(Home Page)也可以理解为网站的封皮,因此也被称为首页,它是整个网站的主索引页。网站首页名称是特定的,一般为、、、、或等。如图1-4所示即为新起点工作室的网站主页。

图1-3 动态页面 图1-4 新起点工作室网站首页

网站、网页和主页是3个功能不同但又紧密联系的概念,一个网站由多个网页元素构成,若干个网页又通过主页链接成一个完整的网站系统。

1.1.2 HTML的组成及语法

HTML(Hyper Text Markup Language,超文本标记语言)是用来描述WWW上超文本文件的语言,HTML文件可对多平台兼容,通过网页浏览器能够在任何平台上阅读。

HTML能够将Internet中的文字、声音、图像、动画和视频等媒体文件有机地组织起来,最终向用户展现出五彩缤纷的页面。此外,它还可以接收用户信息,与数据库相连,实现用户的查询请求等交互功能。

1.HTML语言的组成

HTML文档由HTML、HEAD和BODY三大元素构成。

4

Chapter 1

网页设计基础概述

是最外层的元素,表示文档的开始,即浏览器从开始解释。是HTML文件头标记符,即文档头,包含对文档基本信息(包含文档标题、文档搜索关键字、文档生成器等属性)描述的标记。位于首部下面,用于定义一个HTML文档的主体部分,包含对网页元素(文本、表格、图片、动画和链接等)描述的标记。

下面通过记事本程序来创建一个名为的HTML文件,具体的操作步骤如下。

Step1 打开记事本程序之后,将自动创建一个名为“文本文档.txt”的文本文件,在其中输入代码,如图1-5所示。

Step2 在程序代码输入完毕之后,选择【文件】→【另存为】命令,打开【另存为】对话框,将其保存为扩展名为.html格式的文件,如图1-6所示。

Step3 双击打开新创建的文件,在IE浏览器中预览所创建的网页,如

图1-7所示。

2.HTML的语法

图1-5 输入代码 图1-6 保存为网页格式 图1-7 页面预览

HTML语法由标签(Tags)和属性(Attributes)组成。标签又称标记符,HTML是影响网页内容显示格式的标签集合,浏览器主要根据标签来决定网页的实际显示效果。在HTML中,所有的标签都用尖括号括起来。

标签可分为单标签和双标签两种类型。

(1)单标签

单标签的形式为<标签 属性=参数>,最常见的如强制换行标签
、分隔线标签


、插入文本框标签

(2)双标签

双标签的形式为<标签 属性=参数>对象,如定义“奥运”两字大小为5号,颜色为红色的标签为:奥运

需要说明的是:在HTML语言中大多数是双标签的形式。

HTML中常用的标签如下:

标签

在HTML文档中无法用多个回车、空格和Tab键来调整文档段落的格式,要用HTML标签来强制换行和分段。

(即Break)是换行标签,它是单独出现的。

的作用相当于回车符。

即Paragraph(段落)。

标签用于划分段落,作用是插入一个空行,可以单5

Dreamweaver+Photoshop+Flash网页设计全方位学习

Part 1网络知识基础篇

独使用,也可以成对使用。

显示图片标签

标签常用的属性有src(图片资源链接)、alt(鼠标悬停说明文字)和border(边

框)等。

标题栏标签

标签用来给网页命名,网页的名称将被显示在浏览器的标题栏中。 </p><p style="text-indent: 2em;";> <a>创建链接标签 </p><p style="text-indent: 2em;";><a>标签常用的属性有href(创建超文本链接)、name(创建位于文档内部的书签)、target(决定链接源在什么地方显示,参数有_blank、_parent、_selft和_top)等。 </p><p style="text-indent: 2em;";> <table>…</table>创建表格标签 </p><p style="text-indent: 2em;";><table>标签常用的属性有cellpadding(定义表格内距,数值单位是像素)、cellspacing(定义表格间距,数值单位是像素)、border(表格边框宽度,数值单位是像素)、Width(定义表格宽度,数值单位是像素或窗口百分比)、background(定义表格背景)、<tr>和</tr>(表格中一个表格行的开始和结束);<td>和</td>(表格中行内一个单元格的开始和结束)。 </p><p style="text-indent: 2em;";> <form>…</form>创建表单的标签 </p><p style="text-indent: 2em;";><form>标签常用的属性有action(接收数据的服务器的url)、method(HTTP的方法,有post和get两种方法)和onsubmit(当提交表单时发生的内部事件)等。 </p><p style="text-indent: 2em;";> <marquee>…</marquee>创建滚动字幕标签 </p><p style="text-indent: 2em;";>在<marquee>和</marquee>标签内放置贴图格式则可实现图片滚动。常用的属性有direction(滚动方向,参数有up、down、left和right)、loop(循环次数)、scrollamount(设置或获取介于每个字幕绘制序列之间的文本滚动像素数)、scrolldelay(设置或获取字幕滚动的速度)、scrollheight(获取对象的滚动高度)等。 </p><p style="text-indent: 2em;";> <!---->生成注释标签 </p><p style="text-indent: 2em;";>注释的目的是为了便于他人阅读代码,注释部分只在源代码中显示,并不会出现在浏览器中。 </p><p style="text-indent: 2em;";>上面列举了HTML中最常用的几种标签和解释,对于初学者来说并不需要全部背出来,简单的了解即可。在后面的学习中将会发现,Dreamweaver标签库可以很方便地帮助用户找到所需的标签,并根据列出的属性参数使用它。 </p><p style="text-indent: 2em;";>1.1.3 网页设计的基本原则 </p><p style="text-indent: 2em;";>在网页设计工作开始之前,需要先了解网页的运行环境和阅读对象等,另外,还要注意设计专家有哪些关键技巧?又有哪些陷阱要避免?这对设计出来的页面是否是人们喜闻乐见、流连忘返起关键作用。 </p><p style="text-indent: 2em;";>一个优秀的页面一般需要遵循如下原则: </p><p style="text-indent: 2em;";> 明确内容 </p><p style="text-indent: 2em;";>首先应该考虑网站的内容,包括网站功能和用户需求,整个设计都应该围绕这些方面来进行。不了解网页用户的需求,设计出的网络文档几乎毫无意义,如要设计一个网上电子交6 </p><p style="text-indent: 2em;";>Chapter 1 </p><p style="text-indent: 2em;";>网页设计基础概述 </p><p style="text-indent: 2em;";> </p><p style="text-indent: 2em;";>易系统,就没有必要罗列一些文学艺术等内容,否则只会引起用户的反感。 </p><p style="text-indent: 2em;";> 色彩和谐统一 </p><p style="text-indent: 2em;";>网页设计要达到传达信息和审美两个目的,悦人的网页配色可以使浏览者过目不忘。网页色彩设计应该遵循“总体协调,局部对比”的原则。初学者往往驾驭不好颜色的搭配,因此,在学习各种色彩理论的同时,还应多参考一些著名网站的用色方法,对于设计出美丽的网页起到事半功倍的效果。 </p><p style="text-indent: 2em;";> 打开速度要快 </p><p style="text-indent: 2em;";>相信大家都遇到过这样的情况,好不容易从搜索引擎中找到了感兴趣的链接,却最终因迟迟打不开而放弃。根据统计,一般人从选择要看的页面算起,经过Internet的下载到下载完毕,可以忍受的时间大约只有30秒。 </p><p style="text-indent: 2em;";>网页打开速度除了跟服务器性能和带宽容量有关之外,更多的是与网页文件大小和代码优劣等有直接关系。因此,一定要注意网页的大小应控制在50KB以内为宜,太多、太大的图像往往会影响网页下载速度。因此,需要在网页的设计过程中对图片进行优化,在图像质量与显示速度两方面取得一个平衡。 </p><p style="text-indent: 2em;";> 导航明朗 </p><p style="text-indent: 2em;";>导航的项目不宜过多,一般用5~9个链接比较合适,可只列出几个主要页面。如果信息量比较大,确实需要建立很多导航链接时,则尽量采用分级目录的方式列出,或者建立搜索的表单,让浏览者通过输入关键字即可进行检索。 </p><p style="text-indent: 2em;";> 定期更新 </p><p style="text-indent: 2em;";>除了及时更新内容之外,还需要每隔一定时间对版面、色彩等进行改进,让浏览者对网站保持一种新鲜感,否则就会失去大量的浏览者。 </p><p style="text-indent: 2em;";> 平台的兼容性 </p><p style="text-indent: 2em;";>最好在不同的浏览器和分辨率下进行测试,基本原则是确保在IE 5以上的版本中都有较好效果,在1024×768和800×600的分辨率下都能正常显示。此外,还需要在网页上尽量少使用Java和ActiveX编写的代码,因为并不是每一种浏览器都能很好地支持它们。 </p><p style="text-indent: 2em;";>1.2 网页制作的常用软件 </p><p style="text-indent: 2em;";>网页所包含的内容除了文本外,还常常有一些漂亮的图像、背景和精彩的Flash动画等,以使页面更具观赏性和艺术性。在网页中方便地添加这些元素,需要借助一些网页制作常用软件。 </p><p style="text-indent: 2em;";>1.2.1 网页布局软件Dreamweaver CS3 </p><p style="text-indent: 2em;";>Dreamweaver是一款极为优秀的可视化网页设计制作工具和网站管理工具,支持当前最新的Web技术,包含HTML检查、HTML格式控制、HTML格式化选项、可视化网页设计、图像编辑、全局查找替换、全FTP功能、处理Flash和Shockwave等多媒体格式,以及动态7 </p><p style="text-indent: 2em;";>Dreamweaver+Photoshop+Flash网页设计全方位学习 </p><p style="text-indent: 2em;";>Part 1网络知识基础篇 </p><p style="text-indent: 2em;";> </p><p style="text-indent: 2em;";>HTML和基于团队的Web创作等,在编辑模式上允许用户选择可视化方式或源码编辑方式。 </p><p style="text-indent: 2em;";>借助Dreamweaver CS3软件,用户可以快速、轻松地完成设计、开发、维护网站和Web应用程序设计的全过程。Dreamweaver CS3是为设计人员和开发人员构建的,它提供了一个在直观可视布局界面中工作还是在简化编码环境中工作的选择。与Photoshop CS3、Illustrator </p><p style="text-indent: 2em;";>CS3、Fireworks CS3、Flash CS3 Professional和Contribute CS3软件等的智能集成,有效地确保了用户有一个有效的工作流。 </p><p style="text-indent: 2em;";>Dreamweaver CS3新功能中包含了CSS工具,可用于构建动态用户界面的Ajax组件,以及与其他Adobe软件的智能集成。 </p><p style="text-indent: 2em;";>Dreamweaver CS3网页编辑软件的启动界面如图1-8所示。 </p><p style="text-indent: 2em;";> </p><p style="text-indent: 2em;";>图1-8 Dreamweaver CS3的启动界面 </p><p style="text-indent: 2em;";>1.2.2 图形图像处理软件Photoshop CS3 </p><p style="text-indent: 2em;";>Photoshop是一款著名的图像处理软件,它功能强大,操作界面友好,使用它可以加速从想象创作到图像实现的过程,因此,它得到了广大第三方开发厂家的支持,也赢得了众多用户的青睐。 </p><p style="text-indent: 2em;";>Photoshop CS3为Adobe公司的核心产品,它不仅完美兼容了Windows Vista操作系统,更重要的是它新增加了几十个全新特性,如支持宽屏显示器的新式版面、集20多个窗口于一身的dock、占用面积更小的工具栏、多张照片自动生成全景、灵活的黑白转换、更易调节的选择工具、智能的滤镜、改进的消失点特性和更好的32位HDR图像支持等。另外,Photoshop </p><p style="text-indent: 2em;";>CS3首次开始分为两个版本,分别是常规标准版和支持3D功能的Extended(扩展)版。 </p><p style="text-indent: 2em;";>Photoshop CS3图形图像处理软件的启动界面如图1-9所示。 </p><p style="text-indent: 2em;";> </p><p style="text-indent: 2em;";>图1-9 Photoshop CS3的启动界面 </p><p style="text-indent: 2em;";>8 </p><p style="text-indent: 2em;";>Chapter 1 </p><p style="text-indent: 2em;";>网页设计基础概述 </p><p style="text-indent: 2em;";> </p><p style="text-indent: 2em;";>1.2.3 动画制作软件Flash CS3 </p><p style="text-indent: 2em;";>Flash软件可以实现由一帧帧的静态图片在短时间内连续播放而造成的视觉效果,是表现动态过程、阐明抽象原理的一种重要媒体。尤其在以抽象教学内容为主的课程中,更具有特殊的应用意义,如在医学CAI课件中使用设计合理的动画,不仅有助于学科知识的表达和传播,使学习者加深对所学知识的理解,同时也可为课件增加生动的艺术效果。 </p><p style="text-indent: 2em;";>在Flash CS3中,工具栏变成CS3通用的单双列,面板可以缩放成图标,也可以是半透明的图层。另外,在编程方面也有不少改进,如对导入AI文件的支持、可以导入分层的PSD文件、决定哪些层需被导入等。此外,还可以保留图层上的组、样式、蒙板、智能滤镜和路径的可编辑性等。Flash CS3动画制作软件的启动界面如图1-10所示。 </p><p style="text-indent: 2em;";> </p><p style="text-indent: 2em;";>图1-10 Flash CS3启动界面 </p><p style="text-indent: 2em;";>1.2.4 软件间的相互关系 </p><p style="text-indent: 2em;";>如果网页中只有静止的图像,那么即使这些图像再怎么精致,也会让人感觉网页缺少生动性和活泼性,会影响视觉效果和整个页面的美观。因此,在网页的制作过程中往往还需要适时地插入一些动态图像。 </p><p style="text-indent: 2em;";>使用Photoshop,除了可以对网页中要插入的图像进行调整处理外,还可以进行页面的总体布局并使用切片导出。对网页中所出现的GIF图像按钮也可使用Photoshop CS3进行创建,以达到更加精彩的效果。如图1-11所示即为用Photoshop绘制的几个网页按钮。 </p><p style="text-indent: 2em;";> </p><p style="text-indent: 2em;";>图1-11 用Photoshop绘制的网页按钮 </p><p style="text-indent: 2em;";>Photoshop还可以为创建Flash动画所需的素材进行制作、加工和处理,使网页动画中所表现的内容更加精美和引人入胜。 </p><p style="text-indent: 2em;";>在一般网页设计中,使用Flash主要是制作具有动画效果的导航条、Logo以及商业广告条等,动画可以更好地表现设计者的创意。由于学习Flash本身的难度不大,而且制作含有Flash动画的页面很容易吸引浏览者,所以Flash动画已成为当前网页设计中不可缺少的元素。 </p><p style="text-indent: 2em;";>Dreamweaver是一款可视化的网页制作软件,它包含了可视化编辑和HTML编辑的软件包。在Dreamweaver中可以对HTML的网页文件进行视图的可视化编辑,以使没有HTML9 </p><p style="text-indent: 2em;";>Dreamweaver+Photoshop+Flash网页设计全方位学习 </p><p style="text-indent: 2em;";>Part 1网络知识基础篇 </p><p style="text-indent: 2em;";> </p><p style="text-indent: 2em;";>基础的初学者也能轻松地制作出网页,大大降低了网页制作的难度。对于专业的设计者,使用Dreamweaver可以在不改变原有编辑习惯的同时,充分享受可视化编辑带来的益处。 </p><p style="text-indent: 2em;";>在网页设计中,Dreamweaver主要用于对页面进行布局,即将已经创建完成的文字、图像和动画等元素在Dreamweaver中通过一定形式的布局整合为一个页面。此外,在Dreamweaver中还可以方便地插入ActiveX、JavaScript、Java和Shockwave等,从而使设计者可以创建出具有特殊效果的精彩网页。 </p><p style="text-indent: 2em;";>1.3 网站设计的流程 </p><p style="text-indent: 2em;";>网站建设开发的大致流程为:首页效果出来→确认→提出修改意见→确定前台→后台数据库开发及编程→前、后台数据库对接→网站测试→网站交付准备→网站完成。 </p><p style="text-indent: 2em;";>在网站协议订好后,首页部分会根据具体复杂程度出具一个效果图,用户可在此效果图的基础上提出修改意见(当然也可以完全否决,因为这仅是一个初稿)。在前台效果图确定之后,设计师们开始开发网站后台,来实现用户在网站建设中所要实现的功能。在完成后台建设后开始进行前后台对接,也即把前台具体的界面按钮跟后台代码相匹配,这样的界面才能有效地发挥其作用。 </p><p style="text-indent: 2em;";>在前、后台对接好之后,由于各种各样的原因,总会有或多或少的漏洞或错误出现,此时的后期网站测试就尤其重要,这是高质量网站出炉的必要条件。但往往一些小型公司会忽视这一点,致使小毛病造成大错误,要么网站打不开,要么打开很慢,要么造成网站的数据丢失,俗语说的好:“小洞不补,大洞吃苦。”后期网站测试对网站的质量保证起着举足轻重的作用,这也是网站制作公司对客户负责任的态度问题。 </p><p style="text-indent: 2em;";>在网站建设测试完成之后,即可把所有网站的源程序打包发给客户,客户就可以拥有自己的网站了。同时,还需要把FTP的用户和密码以及网站后台管理密码交付给客户,客户把网站“搬”上网,数据传到服务器中。至此,网站交付成功之后,网站制作公司的任务就可以过渡到网站及网络维护了。 </p><p style="text-indent: 2em;";>1.3.1 注册域名与申请空间 </p><p style="text-indent: 2em;";>在当今信息爆炸的时代,域名被誉为网络时代的“环球商标”,是企业、机构或个人进入国际互联网必不可少的身份证明,也是宣传企业产品,提高企业知名度的重要手段。 </p><p style="text-indent: 2em;";>网站的命名其实也很有学问,一个好的名字可以为商业网站带来巨大的利润。个人网站的命名也应有新意,切中主题,使之能够引起浏览者注意,而又不落俗套。 </p><p style="text-indent: 2em;";>1.注册域名 </p><p style="text-indent: 2em;";>域名是企业、机构或个人的网络标识,是通过计算机登录网络的企业、机构或个人在该Internet网中的地址。国际域名分为.com、.net和.org 3种。其中,最具商业价值的是.com域名,拥有一个涵义深刻且简单易记的域名,是一个网站成功的首要前提。 </p><p style="text-indent: 2em;";>10 </p><p style="text-indent: 2em;";>Chapter 1 </p><p style="text-indent: 2em;";>网页设计基础概述 </p><p style="text-indent: 2em;";> </p><p style="text-indent: 2em;";>国际域名的资源十分有限,为保证更多企业、机构或个人申请的要求,各个国家和地区在域名最后加上了国家标识段,由此形成了各个国家和地区自己的国内域名,如中国.cn、日本.jp等。另外,还有中文域名,如中文国际域名(中文.com)和CNNIC中文通用域名(中文.cn)等(国际域名很显然具有更高的级别)。 </p><p style="text-indent: 2em;";>注册域名是企业机构或个人在互联网上建立自己网站的第一步,只有注册了域名,才能在互联网上让客户知道自己的位置。 </p><p style="text-indent: 2em;";>2.申请空间 </p><p style="text-indent: 2em;";>一个完整的网站系统其实就是一组文件,它提供给网络用户浏览。这些文件要占据一定的硬盘空间,即所谓的网站空间。除一些大型网站和占用空间大的站点采用自己建设的Web服务器外,一般建站的用户均采用虚拟主机来完成,因此,一般的网站空间也叫虚拟主机。 </p><p style="text-indent: 2em;";>一般来说,企业网站的空间通常都较小,多采用100MB~200MB左右的空间即可。用以提供影视下载、在线点播服务等娱乐性质的网站要大一点。大型网站往往需要用户自己组建Web服务器。 </p><p style="text-indent: 2em;";>当网页的选题确定好之后,还需要确立网站的总体结构。总体结构的确立至关重要,它是网站设计能否成功的关键所在。如果对网站的总体结构了如指掌,设计起来就会得心应手,游刃有余。但如果网站的总体结构比较混乱,在设计的过程中也难免会颠三倒四,无法将自己的想法表达出来,这样的网站一般不会很成功。网页的组织结构一般采用树型结构。 </p><p style="text-indent: 2em;";>1.3.2 新建站点与收集资源 </p><p style="text-indent: 2em;";>域名申请好了,网站空间也有了,但这时刚建立的站点却是空的,此时就可以开始进行网站规划,用专门的网站开发软件创建站点。网站规划就像软件开发中的系统设计环节,往往需要用户花费大量时间详细规划,但“磨刀不误砍柴功”,总比出了问题再去修改要好 </p><p style="text-indent: 2em;";>得多。 </p><p style="text-indent: 2em;";>网站规划包括确定站点的结构目录和图像、多媒体文件存放的位置、导航条的数目、网页整体风格、色调等。当用户在确定好站点目标之后,即可开始收集有关网站的资源信息。 </p><p style="text-indent: 2em;";>网站所包含的资源信息一般有如下几种: </p><p style="text-indent: 2em;";> 文字资料 </p><p style="text-indent: 2em;";>文字是一个网站的主体,如果离开了文字,即使再华丽的图片,浏览者也会觉得不知所云。所以要制作一个成功的网站,必须提供足够的文字资料。 </p><p style="text-indent: 2em;";> 图片资料 </p><p style="text-indent: 2em;";>图文并茂的介绍才会使浏览者不觉得枯燥无味。文字解说的同时加上适当的图片,可以给浏览者留下更深刻的印象。 </p><p style="text-indent: 2em;";> 动画资料 </p><p style="text-indent: 2em;";>动画可以增加页面的动感效果,让网站设计者所表现的内容更加栩栩如生。 </p><p style="text-indent: 2em;";> 其他资料 </p><p style="text-indent: 2em;";>即不属于文字、图片和动画资料的其他一些资料,如需要提供给浏览者下载的软件、视11 </p><p style="text-indent: 2em;";>Dreamweaver+Photoshop+Flash网页设计全方位学习 </p><p style="text-indent: 2em;";>Part 1网络知识基础篇 </p><p style="text-indent: 2em;";> </p><p style="text-indent: 2em;";>频、音乐文件、交互表格以及其他演示资料等。 </p><p style="text-indent: 2em;";>现在网页上大部分图片和动画都是用Photoshop和Flash两个软件完成的。使用Photoshop软件可以制作各种静态按钮、实现网页背景特效,而使用Flash软件则可以在低文件传输速率下实现高质量的动画传输,而且只要求用户在浏览器中安装Flash插件就可以了。 </p><p style="text-indent: 2em;";>在图片和动画都制作好之后,还需要用Dreamweaver网页编辑软件将图片和动画整合到一起,并将其发布成网页的形式,以便准确无误地传送到浏览者那里。 </p><p style="text-indent: 2em;";>现在的网站几乎都是通过数据库进行驱动的,因此,用户如果想要访问其中的数据,就需要用到ASP、JSP、PHP等语言进行网页编程(这不是本书涉及的内容,有兴趣的读者可以参考其他相关书籍)。 </p><p style="text-indent: 2em;";>1.3.3 实现FTP服务器的上传与下载 </p><p style="text-indent: 2em;";>FTP(File Transfer Protocol,文件传输协议)的主要作用就是让用户连接上一个远程服务器(这些服务器上运行着FTP服务器程序),查看远程服务器有哪些文件,并把文件从远程服务器上复制到本地计算机,或把本地计算机的文件发送到远程服务器中去,这个过程就是FTP的服务器上传与下载。 </p><p style="text-indent: 2em;";>FTP传输可以用Windows中的FTP命令,也可以借助于一些专门的FTP软件,如著名的LeapFTP软件、FlashFXP软件和CuteFTP软件等,下载与上传都支持文件续传和远程文件直接编辑等功能。如图1-12所示即为LeapFTP软件的主窗口界面,如图1-13所示即为FlashFXP软件的主窗口界面,如图1-14所示即为CuteFTP软件的主窗口界面。 </p><p style="text-indent: 2em;";>一个网页的成功与否,很重要的一个因素在于它的构思,只有好的创意及丰富翔实的内容,才能让网站充满生机。 </p><p style="text-indent: 2em;";>在网站发布运行之后,还需要经常对站点进行维护。除更新网页内容和优化网站功能之外,往往还需要改进网站布局、色彩和特效等,让网站与时俱进,紧跟时代的潮流。此外,还需要不定期地删除那些过期的滞留文件,并定时备份数据库以防不测。 </p><p style="text-indent: 2em;";> </p><p style="text-indent: 2em;";>图1-12 LeapFTP的主窗口 图1-13 FlashFXP的主窗口 </p><p style="text-indent: 2em;";> </p><p style="text-indent: 2em;";>12 </p><p style="text-indent: 2em;";>Chapter 1 </p><p style="text-indent: 2em;";>网页设计基础概述 </p><p style="text-indent: 2em;";> </p><p style="text-indent: 2em;";> </p><p style="text-indent: 2em;";>图1-14 CuteFTP的主窗口 </p><p style="text-indent: 2em;";>1.4 网页的基本组成元素 </p><p style="text-indent: 2em;";>在制作自己的网站之前,先要确定自己网页的内容。个人网页的设计内容可从自己的专业或兴趣爱好方面多做些考虑,如自己在计算机、书法和绘画等方面有独到的工夫,即可以此专题作为网站的内容;如果只想构建一个论坛、Blog、网上商城等网站,则可以通过一些ASP、CGI、PHP、JSP等网站源程序,经过简单的设置与调试即可实现。 </p><p style="text-indent: 2em;";>在对自己未来的网页有了一个初步的构思后,还需要有丰富的内容去充实。网页的基本组成元素有文字内容、图片和超级链接3个。而Internet的最迷人之处就在于它的信息极大丰富,如果一个网站只有漂亮的外观而实质内容很少,就不会有多少人在网页中停留。但需要注意的是,网站的内容必须合法。 </p><p style="text-indent: 2em;";>1.4.1 网页中的文本 </p><p style="text-indent: 2em;";>文本是网页中最基本的元素,也是网页的主体,规划合理、美观的文本能带给浏览者一种清新的感觉。文本的添加方式既可以手工逐字逐句地输入,也可以把别的应用程序中的文本直接粘贴到网页编辑窗口中。 </p><p style="text-indent: 2em;";>在网页中输入文本时,要考虑到字体的通用性问题,也即用户电脑对字体的兼容性,所以最好选用系统自带的某种字体。除需要设计与页面搭配的美观字体外,还需要设置一种默认的字体,以便在用户电脑不支持这种字体时可以使用其他指定的字体替代。 </p><p style="text-indent: 2em;";>此外,文本的大小、颜色和其他样式也需要仔细考虑,然后再配合精美的图片,才能创造精美的页面。如图1-15所示即为网易论坛的文字风格。 </p><p style="text-indent: 2em;";>1.4.2 网页中的图片与动画 </p><p style="text-indent: 2em;";>图片在网页中的作用也是无可替代的,一幅精美合适的图片,往往可以胜过10篇洋洋洒13 </p><p style="text-indent: 2em;";>Dreamweaver+Photoshop+Flash网页设计全方位学习 </p><p style="text-indent: 2em;";>Part 1网络知识基础篇 </p><p style="text-indent: 2em;";> </p><p style="text-indent: 2em;";>洒的文字。如图1-16所示即为中国古曲网的首页,在页面中文本搭配了适当的图片,使得页面经典古朴又充满着现代流行气息。 </p><p style="text-indent: 2em;";> </p><p style="text-indent: 2em;";>图1-15 网易论坛的文字风格 图1-16 中国古典网的图文风格 </p><p style="text-indent: 2em;";> </p><p style="text-indent: 2em;";>1.4.3 网页中的动画 </p><p style="text-indent: 2em;";>一个引人注目的网站,仅有文字和图片是远远不够的,也很难吸引浏览者的目光。适当地添加一些精美的网络动画,不仅可以让网页如虎添翼,而且可以使展示的内容变得栩栩如生。如图1-17所示即为可口可乐公司网页中的动画。 </p><p style="text-indent: 2em;";> </p><p style="text-indent: 2em;";>图1-17 可口可乐公司网页中的动画 </p><p style="text-indent: 2em;";>此外,绝大多数网站还需要有一个属于自己的漂亮的Logo。Logo就是网站的形象标志,网站Logo就是指网站标志,像公司名片上印上的公司标志一样,通常企业网站的Logo与公司标志相同。当然,如果是新成立的公司,还没有自己的标志,也可以选择设计一个Logo,根据网站的需要也可以选择另外设计一个网站专用的Logo,设计费用根据用户的实际要求高低和难易度来商议。 </p><p style="text-indent: 2em;";>对于某些具有商业性质的网站而言,在主页面或浏览量较大的页面上还会有一些Banner。Banner是指横幅广告或通栏广告,在网页中,除了小图片、图标和文字外,通常还有一个占较大篇幅和重要位置的广告位,往往称其为Banner。 </p><p style="text-indent: 2em;";>14 </p><p style="text-indent: 2em;";>Chapter 1 </p><p style="text-indent: 2em;";>网页设计基础概述 </p><p style="text-indent: 2em;";> </p><p style="text-indent: 2em;";>1.5 申请免费空间与发布网站 </p><p style="text-indent: 2em;";>要建立一个网站,就需要选择用何种方法来实现它。现在可用来设计网站的方法很多,可以使用HTML语言来编辑,也可以使用网页制作工具(如Macromedia Dreamweaver MX、Microsoft FrontPage等)来设计网站。对初学者来说,可以下载ASP、、CGI、PHP、JSP等网站源程序,不用花费太多时间就可以制作出一个漂亮的网站。当然,如果对源代码比较熟悉,也可以对网站进行修饰,制作出高水平的网站。 </p><p style="text-indent: 2em;";>1.5.1 申请免费空间流程 </p><p style="text-indent: 2em;";>目前大型门户网站提供的博客和邮箱空间一般都很大,但提供免费空间服务的服务器已经不多了。一些网站为了增加自己网站的点击量,宣传自己的产品,提供免费空间就成了一种有效的宣传手段。其实现在的收费空间也不贵,而且提供了稳定快速、多项扩展的服务,是企业用户的最佳选择。但对于个人主页,免费空间已经足够了。 </p><p style="text-indent: 2em;";>用户只要在搜索引擎(如百度,谷歌,搜狐,新浪等)中输入关键字“免费空间”,就可以找到一些提供免费空间的网站,如免费空间网(/freespace)就是专门定期发布一些申请免费空间的链接的网站,这些免费空间可以方便用户试用,从而寻找一个相对较好的网站空间。 </p><p style="text-indent: 2em;";>这里选用bbsgood论坛(地址为/)提供的空间作为示范,讲解申请免费空间的流程,如图1-18所示。该网站提供的免费空间是100MB,支持ASP动态网页和一些常用的组件(如上传组件、图片水印组件等)。 </p><p style="text-indent: 2em;";> </p><p style="text-indent: 2em;";>图1-18 申请免费空间 </p><p style="text-indent: 2em;";>具体的操作步骤如下。 </p><p style="text-indent: 2em;";>Step1 单击页面上【注册】按钮,打开【BBSGOOD的服务条款和说明】页面,仔细阅读后单击【同意】按钮,进入新用户注册页面,如图1-19所示。 </p><p style="text-indent: 2em;";>Step2 单击【确定】按钮进入空间申请页面,在其中可以选择服务器类型(网通或电信)、确定域名、设定ftp密码等,如图1-20所示。 </p><p style="text-indent: 2em;";>15 </p><p style="text-indent: 2em;";>Dreamweaver+Photoshop+Flash网页设计全方位学习 </p><p style="text-indent: 2em;";>Part 1网络知识基础篇 </p><p style="text-indent: 2em;";> </p><p style="text-indent: 2em;";> </p><p style="text-indent: 2em;";>图1-19 输入注册信息 图1-20 申请空间信息 </p><p style="text-indent: 2em;";>Step3 填写完申请信息后单击页面下方的【已经确认,马上申请GO】按钮,即可出现一个申请提交成功的提示。 </p><p style="text-indent: 2em;";>Step4 一般情况下,在提交申请成功后24小时空间就可以开通,此时重新登录网站,即可出现如图1-21所示的管理页面,提示已经注册成功。 </p><p style="text-indent: 2em;";>Step5 此时打开IE浏览器,并在地址栏中输入“***.”,即可看到刚申请空间的首页,如图1-22所示即为虚拟主机开通成功的提示页面。 </p><p style="text-indent: 2em;";> </p><p style="text-indent: 2em;";>图1-21 注册成功 图1-22 主机开通成功 </p><p style="text-indent: 2em;";> </p><p style="text-indent: 2em;";>Step6 单击页面中的【进入管理】超链接,即可进入如图1-23所示的空间管理页面。 </p><p style="text-indent: 2em;";>Step7 在其中输入FTP账号密码,进入空间的管理面板页面,如图1-24所示,在其中可以进行查看站点空间占用信息、修改默认首页和域名绑定等各项操作。 </p><p style="text-indent: 2em;";>16 </p><p style="text-indent: 2em;";>Chapter 1 </p><p style="text-indent: 2em;";>网页设计基础概述 </p><p style="text-indent: 2em;";> </p><p style="text-indent: 2em;";> </p><p style="text-indent: 2em;";>图1-23 虚拟主机管理 图1-24 虚拟主机管理面板 </p><p style="text-indent: 2em;";> </p><p style="text-indent: 2em;";>虽然在虚拟主机控制面板中并不能进行Web方式的文件上传和下载等操作,但这并不影响什么, </p><p style="text-indent: 2em;";>用户可以用FTP工具进行更为方便的文件传输。 </p><p style="text-indent: 2em;";>1.5.2 在免费空间发布网站 </p><p style="text-indent: 2em;";>免费空间开通之后,即可把制作好的网站发布到空间中。在BBSGOOD论坛提供的免费空间中可以使用FTP方式上传文件,操作非常方便。 </p><p style="text-indent: 2em;";>下面以FlashFXP 3.52为例,讲述通过FTP工具上传网站文件到空间中的方法。 </p><p style="text-indent: 2em;";>具体的操作步骤如下。 </p><p style="text-indent: 2em;";>Step1 双击桌面上的【FlashFXP】图标,打开FlashFXP的主窗口。 </p><p style="text-indent: 2em;";>Step2 选择【会话】→【快速连接】命令,打开【快速连接】对话框,在其中输入服务器地址、用户名和密码等,其他项默认为空,如图1-25所示。 </p><p style="text-indent: 2em;";>Step3 单击【连接】按钮,连接指定的远程FTP服务器。 </p><p style="text-indent: 2em;";>Step4 连接成功之后,打开用户申请的网站空间,从主窗口右侧可以发现已经有3个默认生成的文件目录,其中web是网站默认的根目录,如图1-26所示。 </p><p style="text-indent: 2em;";> </p><p style="text-indent: 2em;";>图1-25 FlashFXP的主窗口 图1-26 登录申请的web空间 </p><p style="text-indent: 2em;";> </p><p style="text-indent: 2em;";>17 </p><p style="text-indent: 2em;";>Dreamweaver+Photoshop+Flash网页设计全方位学习 </p><p style="text-indent: 2em;";>Part 1网络知识基础篇 </p><p style="text-indent: 2em;";> </p><p style="text-indent: 2em;";>Step5 双击打开网站空间的根目录web文件夹,主窗口左侧即为本地文件目录。在其中选择全部要上传的文件,单击鼠标右键,在弹出的快捷菜单中选择【传送】命令,即可将要上传的文件传输到网站空间中。 </p><p style="text-indent: 2em;";>1.5.3 网站的宣传与推广 </p><p style="text-indent: 2em;";>即使内容再丰富、功能再全面的网站,如果缺乏足够的宣传和推广,也不会引起网友们的关注。要想提高网站的知名度,就必须对网站进行必要的宣传和推广。 </p><p style="text-indent: 2em;";>1.注册搜索引擎 </p><p style="text-indent: 2em;";>搜索引擎(如百度、Google、网易、新浪等)是专门提供信息检索和查询的网站,它们是网友查询信息和冲浪的最佳去处,因此,在搜索引擎中注册是宣传和推广网站的首选方法,并且注册的搜索引擎越多,网站被检索、访问到的机会就越大,如图1-27所示为百度网站提供的网站登录页面。但是,若要让网站排名靠前,就必须支付一定的费用。 </p><p style="text-indent: 2em;";>搜索引擎的数目成千上万,如果用户逐个去注册,势必会浪费大量的时间,此时如果采用专门用于网站推广的软件进行批量注册,则无疑是省时省力的最佳选择。 </p><p style="text-indent: 2em;";>用于网站推广的软件有很多,下面以“网站推广专家”为例,讲述网站的批量注册的方法。 </p><p style="text-indent: 2em;";>具体的操作步骤如下。 </p><p style="text-indent: 2em;";>Step1 从网上下载并安装好“网站推广专家”之后,双击桌面上的【网站推广专家】快捷图标,即可打开“网站推广专家”的主窗口,如图1-28所示。 </p><p style="text-indent: 2em;";> </p><p style="text-indent: 2em;";> 图1-27 注册搜索引擎 图1-28 网站推广专家 </p><p style="text-indent: 2em;";> </p><p style="text-indent: 2em;";>Step2 在“网站信息”栏中输入用户的基本资料和网站信息,再在“选择引擎”选项中选中要登录注册的搜索引擎。 </p><p style="text-indent: 2em;";>Step3 单击“自动提交”选项中的【发送】按钮,“网站推广专家”即可自动向用户选择的搜索引擎中提交注册的网站信息,并在提交登录完成之后,生成一份完整的HTML格式的登录报告。 </p><p style="text-indent: 2em;";>“网站推广专家”的下载地址是/,类似的网站推广软件还有“登录奇兵”和SubmitWolf等。 </p><p style="text-indent: 2em;";>18 </p><p style="text-indent: 2em;";>Chapter 1 </p><p style="text-indent: 2em;";>网页设计基础概述 </p><p style="text-indent: 2em;";> </p><p style="text-indent: 2em;";> </p><p style="text-indent: 2em;";>2.与其他网站做友情链接 </p><p style="text-indent: 2em;";>现在的网站一般都提供有专门的友情链接页面,可以找一些与自己网站内容类似的站点,先主动把别人的网站加入自己的友情链接,再给对方的管理员发送邮件,并请求对方把自己的网站也加入到对方的友情链接中。一般情况下,这种可以为双方站点都起到宣传作用的协作方式,对方是不会拒绝的。 </p><p style="text-indent: 2em;";>3.使用广告交换链接 </p><p style="text-indent: 2em;";>使用广告交换链接也是一种不错的网站宣传方式。一般要先在提供服务的网站上免费注册成为会员,并提交自己网站的相关信息,然后会得到一段服务代码,将代码复制到自己网站主页的适当位置即可。广告交换链接一般都拥有1∶10的高交换比例,即他人网站链接在自己的主页上显示一次,那么自己的站点链接就会在其他10个网站上显示。 </p><p style="text-indent: 2em;";>除上述几种方式之外,还可以利用新闻组、邮件签名、留言板、聊天室、论坛等来发布网站宣传信息。当然,利用传统媒体如报纸、电视和广播等来宣传网站也是不错的选择,但相对网络宣传而言费用较高,只适合那些大型的商业网站。 </p><p style="text-indent: 2em;";>1.6 总结与经验积累 </p><p style="text-indent: 2em;";>基础知识的学习,读者往往会觉得不太实用,但“万丈高楼平地起”,只有掌握牢固网页设计的基本理论,才能在以后较高级复杂的学习中触类旁通,运用自如。 </p><p style="text-indent: 2em;";>一般来说,组成网页的元素包括文字、图形、图像、声音、动画、影像、超级链接以及交互式处理等,但网页的基本组成元素为文字、图形和超级链接。在网站开发的前期准备阶段,主要完成拟定网页主题、搜集相关资料,规划网页内容和绘制结构草图等几个方面的工作。在中期设计阶段,主要是利用各种网页制作工具制作网页,并不断地进行上传与测试,直到最后制作完毕。在网站后期维护阶段,除需要进行发布和推广应用之外,还要根据需要对网页进行更新与维护。 </p><p style="text-indent: 2em;";>经过对网页基本知识系统的学习,相信初学者对于网页设计已有大致的了解。对接触过网页设计的读者而言,也会对网页基础理论有一个重新认识。 </p><p style="text-indent: 2em;";>知识问答 </p><p style="text-indent: 2em;";>问:在网上经常看到一些滚动字幕和Flash,请问它们属不属于动态网页呢? </p><p style="text-indent: 2em;";>答:GIF格式的动画、Flash和滚动字母等,这些只是视觉上的“动态效果”,与动态网页是不同的概念。 </p><p style="text-indent: 2em;";>动态网页是指和数据库有紧密关联的网页。由很多动态网页组成的网站就是动态网站,能使动态网页正常使用的空间就是动态空间,动态网站一般都会有网站管理后台。相反,静19 </p><p style="text-indent: 2em;";>Dreamweaver+Photoshop+Flash网页设计全方位学习 </p><p style="text-indent: 2em;";>Part 1网络知识基础篇 </p><p style="text-indent: 2em;";> </p><p style="text-indent: 2em;";>态网页和数据库没有关系,由很多静态网页组成的网站就是静态网站,这样的网站没有网站管理后台,所以不能对网站的内容进行增、删、改操作。 </p><p style="text-indent: 2em;";>只能让静态网页正常使用,不能支持数据库和动态网页正常使用的空间就是静态空间,静态空间一般不支持数据库。动态网页比静态网页高级。 </p><p style="text-indent: 2em;";>问:如果想把家里的电脑当服务器,做好网站后让别人访问,可以吗? </p><p style="text-indent: 2em;";>答:可以。但需要先到电信部门申请一个固定的公网IP,并把域名指向该IP。如果没有固定IP,也可以使用动态域名解析的客户端(如花生壳是国内比较先进和稳定的动态域名解析客户端软件)。此外,还需要安装一些服务器组件,如IIS等。这样,服务器就可以运行了。 </p><p style="text-indent: 2em;";>但是,由于家庭网络一般都是ADSL的,其特性决定了上传速率是下载速率的1/2,也即上传速率是1MB,这就意味着对外访问只有1MB的带宽,所以这是个很大的问题。还有就是在家建站时,一定要重视病毒防护和黑客入侵。 </p><p style="text-indent: 2em;";>20 </p><p><p><h2></h2></p></img></p><p class="tag"> 本文标签: <a style="margin-right: 10px" href="/tag/224.html" target="_blank">网站</a><a style="margin-right: 10px" href="/tag/82.html" target="_blank">网页</a><a style="margin-right: 10px" href="/tag/617.html" target="_blank">设计</a><a style="margin-right: 10px" href="/tag/24.html" target="_blank">用户</a><a style="margin-right: 10px" href="/tag/308.html" target="_blank">空间</a></p><div class="copyright"><blockquote><p> 版权声明:本文标题:网页设计学习教程 内容由热心网友自发贡献,该文观点仅代表作者本人, 转载请联系作者并注明出处:<a href="https://m.elefans.com/dongtai/1707959376a211200.html">https://m.elefans.com/dongtai/1707959376a211200.html</a>, 本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如发现本站有涉嫌抄袭侵权/违法违规的内容,一经查实,本站将立刻删除。 </p></blockquote></div></div><div class="block-wrap single-relative"><h2 class="block-title">更多相关文章</h2><a href="https://www.520sys.cn/index.php">xp系统</a><div class="post-list"><div class="post-item"><a href="/dongtai/1726633902a1079363.html" class="post-item-title" title="史上最坑爹外包!花费2亿耗时2年,网站至今未交付"><h3>史上最坑爹外包!花费2亿耗时2年,网站至今未交付</h3></a><div class="post-item-footer"><div class="tag-wrap"></div><div class="post-item-meta">1天前</div></div><p class="post-item-summary">耗费2个多亿&#xff0c;耗时2年多&#xff0c;连一个可用的网站或者APP都没有交付出来。想要完工&#xff1f;那就再交1000万美元。 这件事的受害方、美国汽车租赁公司赫兹&#xff08;Hert</p></div><div class="post-item"><a href="/xitong/1726642390a1079779.html" class="post-item-title" title="网站漏洞扫描工具AWVS相关问题——Access Denied for your user role. Contact your Administrator."><h3>网站漏洞扫描工具AWVS相关问题——Access Denied for your user role. Contact your Administrator.</h3></a><div class="post-item-footer"><div class="tag-wrap"></div><div class="post-item-meta">1天前</div></div><p class="post-item-summary">在AWVS登录用户后&#xff0c;在选择自己要使用的功能时会出现“Access Denied for your user role. Contact your Administrator.”问题&#xff0c;即“拒绝访问</p></div><div class="post-item"><a href="/dongtai/1726654055a1080052.html" class="post-item-title" title="性能击败99%PC用户,旗舰性能CPU 13700KF +技嘉Z790 + 德静界 机散装机配置思路分享"><h3>性能击败99%PC用户,旗舰性能CPU 13700KF +技嘉Z790 + 德静界 机散装机配置思路分享</h3></a><div class="post-item-footer"><div class="tag-wrap"></div><div class="post-item-meta">1天前</div></div><p class="post-item-summary">性能击败99%PC用户&#xff0c;旗舰性能CPU 13700KF 技嘉Z790德静界 机散装机配置思路分享 又到了一年一度的618年中促销&#xff0c;今年的618比往年要来的更早。 很多人已经感受到&#</p></div><div class="post-item"><a href="/xitong/1726658369a1080169.html" class="post-item-title" title="推荐5个免费的字体转换网站工具"><h3>推荐5个免费的字体转换网站工具</h3></a><div class="post-item-footer"><div class="tag-wrap"></div><div class="post-item-meta">1天前</div></div><p class="post-item-summary">前言 互联网上有很多不同的选项&#xff0c;可以让你快速方便地将字体从一种文件类型转换成另一种。最重要的是&#xff0c;它们完全免费使用&#xff0c;这意味着没有理由不尝试每一种&#xff0c;看看哪一</p></div><div class="post-item"><a href="/dongtai/1726659197a1080185.html" class="post-item-title" title="使用谷歌浏览器调试PC网页、手机APP"><h3>使用谷歌浏览器调试PC网页、手机APP</h3></a><div class="post-item-footer"><div class="tag-wrap"></div><div class="post-item-meta">1天前</div></div><p class="post-item-summary">谷歌即为chrome浏览器&#xff0c;对于开发前端页面有很大的优势。 一、谷歌调试PC网页 &#xff08;1&#xff09;首先打开chorme浏览器&#xff0c;输入https:www.ba</p></div><div class="post-item"><a href="/dongtai/1726694193a1081015.html" class="post-item-title" title="用户查询意图检测(CIKM Competition数据挖掘竞赛夺冠算法陈运文)"><h3>用户查询意图检测(CIKM Competition数据挖掘竞赛夺冠算法陈运文)</h3></a><div class="post-item-footer"><div class="tag-wrap"></div><div class="post-item-meta">1天前</div></div><p class="post-item-summary">原文出处 背景 CIKM Cup(或者称为CIKM Competition)是ACM CIKM举办的国际数据挖掘竞赛的名称。CIKM全称是International Conference on Information and Knowled</p></div><div class="post-item"><a href="/dianzi/1726697175a1081205.html" class="post-item-title" title="chatgpt免费使用网站存档(更新中)"><h3>chatgpt免费使用网站存档(更新中)</h3></a><div class="post-item-footer"><div class="tag-wrap"></div><div class="post-item-meta">1天前</div></div><p class="post-item-summary">1. chat8:点击这里进入 免费1000次提问 2.Astarchat:点击这里进入 免费次数不详&#xff0c;能用yong好久&#xff0c;非常推荐 3.闽狮人工智能&#xff1a;点击这里进入</p></div><div class="post-item"><a href="/dongtai/1726697940a1081282.html" class="post-item-title" title="《花雕学AI》20:ChatGPT使用之体验评测AI EDU的网页版+桌面端+Android+App store组合"><h3>《花雕学AI》20:ChatGPT使用之体验评测AI EDU的网页版+桌面端+Android+App store组合</h3></a><div class="post-item-footer"><div class="tag-wrap"></div><div class="post-item-meta">1天前</div></div><p class="post-item-summary">最近准备出门,要去新疆哈密参加活动,一直在寻找手机上可用的AI移动端。昨天在网上偶然找到了AI EDU(这个不是 MSRA 创立的人工智能开源社区),其链接是:https:ai.aigcfun,今天就尝试做个相关体验与学习的记录。打开首</p></div><div class="post-item"><a href="/xitong/1726722911a1081974.html" class="post-item-title" title="浏览器翻译功能在哪里,如何使用浏览器翻译网页"><h3>浏览器翻译功能在哪里,如何使用浏览器翻译网页</h3></a><div class="post-item-footer"><div class="tag-wrap"></div><div class="post-item-meta">22小时前</div></div><p class="post-item-summary">对于英文不是很好的用户来说&#xff0c;使用浏览器浏览网页真的太头疼了&#xff0c;不过还好很多浏览器都有翻译功能网页的功能&#xff0c;那么这个翻译功能在哪里&#xff0c;我们如何使用浏览器翻译页面</p></div><div class="post-item"><a href="/dianzi/1726724063a1082063.html" class="post-item-title" title="电脑端浏览器调试移动端网页 支持调试Android和ios"><h3>电脑端浏览器调试移动端网页 支持调试Android和ios</h3></a><div class="post-item-footer"><div class="tag-wrap"></div><div class="post-item-meta">22小时前</div></div><p class="post-item-summary">Android 1. 谷歌浏览器 Chrome (需要翻墙) ① USB连接电脑并开启USB调试 (以vivo为例 其他手机找到版本号多次点击) 设置--更多设置--关于手机--多次点击软件版本号(开启开发者模式)--开发者选项--</p></div><div class="post-item"><a href="/dongtai/1726730738a1082295.html" class="post-item-title" title="三、Win10系统怎么自动清理缓存,无需手动按时清理磁盘,自动释放空间哦"><h3>三、Win10系统怎么自动清理缓存,无需手动按时清理磁盘,自动释放空间哦</h3></a><div class="post-item-footer"><div class="tag-wrap"></div><div class="post-item-meta">20小时前</div></div><p class="post-item-summary">开启自动清理后&#xff0c;Windows可以通过删除不需要的文件&#xff08;例如临时文件和回收站中的内容&#xff09;自动释放空间&#xff0c;小伙伴们也不用每次都来手动清理啦&#xff0</p></div><div class="post-item"><a href="/dongtai/1726732040a1082364.html" class="post-item-title" title="Google Chrome浏览器用户数据迁移"><h3>Google Chrome浏览器用户数据迁移</h3></a><div class="post-item-footer"><div class="tag-wrap"></div><div class="post-item-meta">20小时前</div></div><p class="post-item-summary">Windows系统盘剩余可用空间告急&#xff0c;参考网友的分享将Google Chrome迁移到其他盘&#xff0c;很多方法都尝试&#xff0c;迁移后Chrome竟然无法启动&#xff0c;即是手工将</p></div><div class="post-item"><a href="/dongtai/1726733906a1082499.html" class="post-item-title" title="使用PC端谷歌Chrome浏览器浏览手机网页 修改PC端谷歌Chrome浏览器UA"><h3>使用PC端谷歌Chrome浏览器浏览手机网页 修改PC端谷歌Chrome浏览器UA</h3></a><div class="post-item-footer"><div class="tag-wrap"></div><div class="post-item-meta">19小时前</div></div><p class="post-item-summary">废话不多说直接上干货&#xff08;快下班了&#xff09;&#xff1a; 1.进入你想要审查元素的网站&#xff0c;比如www.baidu&#xff1b; 2.按F12召唤开发者窗口&</p></div><div class="post-item"><a href="/dongtai/1726734235a1082534.html" class="post-item-title" title="解决Chrome浏览器百度网页打开很慢的问题"><h3>解决Chrome浏览器百度网页打开很慢的问题</h3></a><div class="post-item-footer"><div class="tag-wrap"></div><div class="post-item-meta">19小时前</div></div><p class="post-item-summary">1.chrome的地址栏输入&#xff1a;chrome:net-internals#hsts &#xff0c; 2.在Delete domain 栏的输入框中输入要http访问的域名&#xff0c;然后点击“</p></div><div class="post-item"><a href="/xitong/1726735273a1082632.html" class="post-item-title" title="Chrome浏览器指定用户数据的保存路径"><h3>Chrome浏览器指定用户数据的保存路径</h3></a><div class="post-item-footer"><div class="tag-wrap"></div><div class="post-item-meta">19小时前</div></div><p class="post-item-summary">这里将用户数据放到Chrome浏览器的当前目录 我现在的浏览器路径是 D:softChromeApplicationchrome.exe 选中它右键发送桌面快捷方式&#xff0c;将快捷方式剪切到chrome.exe同一</p></div><div class="post-item"><a href="/dianzi/1726735322a1082637.html" class="post-item-title" title="chrome浏览器怎么模拟手机访问网页(已測OK)"><h3>chrome浏览器怎么模拟手机访问网页(已測OK)</h3></a><div class="post-item-footer"><div class="tag-wrap"></div><div class="post-item-meta">19小时前</div></div><p class="post-item-summary">谷歌浏览器怎么模拟手机访问网页&#xff1f;简单几步&#xff0c;让你轻松解决。 工具原料 谷歌浏览器网络环境方法步骤 1.   双击图标&#xff0c;打开谷歌浏览器&#xff0c;如下图</p></div><div class="post-item"><a href="/xitong/1726744938a1082962.html" class="post-item-title" title="通过手机登陆到自己电脑上的web服务器,通过外网登陆到自己电脑上的网站"><h3>通过手机登陆到自己电脑上的web服务器,通过外网登陆到自己电脑上的网站</h3></a><div class="post-item-footer"><div class="tag-wrap"></div><div class="post-item-meta">16小时前</div></div><p class="post-item-summary">今天闲来无事&#xff0c;想通过自己的手机登录到自己电脑的服务器。因此到网上去找了相关的知识。 1&#xff09;通过电脑wifi连接连接web服务器。 我在电脑上建了一个wifi用手机连接了这个wifi.在网络和共享中</p></div><div class="post-item"><a href="/dongtai/1726750098a1083077.html" class="post-item-title" title="wi8ndows无法加载,Win7无法加载用户配置文件怎么办?"><h3>wi8ndows无法加载,Win7无法加载用户配置文件怎么办?</h3></a><div class="post-item-footer"><div class="tag-wrap"></div><div class="post-item-meta">15小时前</div></div><p class="post-item-summary">吴川 华南区技术负责人 概要 Win 7登录界面出现“User Profile Service 服务未能登录,无法加载用户配置文件”&#xff0c;本文将为你提供Win7无法加载用户配置文件的解决方案。 一、为什么不能加载用户配置文</p></div><div class="post-item"><a href="/xitong/1726750526a1083094.html" class="post-item-title" title="Win7 用户文件夹转移方法"><h3>Win7 用户文件夹转移方法</h3></a><div class="post-item-footer"><div class="tag-wrap"></div><div class="post-item-meta">15小时前</div></div><p class="post-item-summary">通过Windows7优化大师或者魔方可以轻松的转移“收藏夹”、“我的文档”等系统文件夹。但是&#xff0c;如果要把 c:\users\ 这个文件夹彻底转移怎么办呢&#xff1f; Windows7的用户文件夹默认所在位</p></div><div class="post-item"><a href="/dongtai/1726783004a1084470.html" class="post-item-title" title="网页嵌入暴风影音ActiveX"><h3>网页嵌入暴风影音ActiveX</h3></a><div class="post-item-footer"><div class="tag-wrap"></div><div class="post-item-meta">6小时前</div></div><p class="post-item-summary">暴风影音以其解码的功能强大而著称&#xff0c;虽然他根本上仍是WMP的升级&#xff0c;但是并不是简单的升级&#xff0c;大量的及玛奇的加入使其使用率日益增大。 其他的网页嵌入如Windows Media Pl</p></div></div></div><div class="comments"><div class="postcomm block-wrap" id="divCommentPost"><h2 class="block-title">发表评论</h2><form id="saypl" target="_self" method="post" name="saypl" action="/comment/create/211200.html?safe_token=3nUW8t3QqpfNWWqBI8Kz_2Buk7RSKtTu5IL9lzrrWtDGV_2Fhk45t9XpZM2Op2RAyw2s3z1PjwlKlUD9JhGqACbZFA_3D_3D"><input type="hidden" name="doctype" value="1" /><input type="hidden" name="quotepid" value="0" /><div class="comment-box comment-textarea"><textarea name="message" id="txaArticle" class="text" cols="50" rows="4" tabindex="5" placeholder="评论内容"></textarea></div><input name="sumbit" type="submit" tabindex="6" value="发表评论" class="sub"></form></div></div><div class="sn-comments"><div class="sn-comments__title">全部评论 0</div><div class="sn-comments__body"><div class="sn-empty">暂无评论</div></div></div></div></div><div class="aside"><div class="block-wrap" id="side-top-dxt"><h2 class="block-title">推荐文章<i class="mcico mico-right"></i></h2><div class="mcdas"><a href="/xitong/1726683525a1080843.html" title="小米路由器刷梅林教程_小米路由器3刷X-Wrt固件教程" class="photo-item" target="_blank" style="background:#364cc6"><div class="photo-item-inner"><h3 class="photo-item-title">小米路由器刷梅林教程_小米路由器3刷X-Wrt固件教程</h3></div></a><a href="/xitong/1726695178a1081068.html" title="ChatGPT在提升足球预测准确率中的策略剖析" class="photo-item" target="_blank" style="background:#364cc6"><div class="photo-item-inner"><h3 class="photo-item-title">ChatGPT在提升足球预测准确率中的策略剖析</h3></div></a><a href="/xitong/1726787823a1084615.html" title="idea永久使用" class="photo-item" target="_blank" style="background:#364cc6"><div class="photo-item-inner"><h3 class="photo-item-title">idea永久使用</h3></div></a><a href="/xitong/1726796069a1084882.html" title="ubuntu18下安装搜狗拼音输入法并配置" class="photo-item" target="_blank" style="background:#364cc6"><div class="photo-item-inner"><h3 class="photo-item-title">ubuntu18下安装搜狗拼音输入法并配置</h3></div></a><a href="/dongtai/1726797178a1084982.html" title="基于STM32单片机汉语拼音输入法教学板九宫格TFT彩屏设计146" class="photo-item" target="_blank" style="background:#364cc6"><div class="photo-item-inner"><h3 class="photo-item-title">基于STM32单片机汉语拼音输入法教学板九宫格TFT彩屏设计146</h3></div></a></div></div><div class="block-wrap" id="side-hot-view-item"><h2 class="block-title">热门文章<i class="mcico mico-right"></i></h2><ul><li class="mclas"><div class="list-content"><a title="怎样给共享文件夹设置密码,共享文件夹设置密码方法" target="_blank" href="/xitong/1726673562a1080601.html"><h3>怎样给共享文件夹设置密码,共享文件夹设置密码方法</h3></a><span class="post-date">1天前</span></div></li><li class="mclas"><div class="list-content"><a title="HCL_路由器_ISIS配置" target="_blank" href="/dongtai/1726683683a1080850.html"><h3>HCL_路由器_ISIS配置</h3></a><span class="post-date">1天前</span></div></li><li class="mclas"><div class="list-content"><a title="双系统重装win7后,修复grub" target="_blank" href="/dongtai/1726690136a1080874.html"><h3>双系统重装win7后,修复grub</h3></a><span class="post-date">1天前</span></div></li><li class="mclas"><div class="list-content"><a title="个人绩效承诺书:PBC(Personal Business Commitment)" target="_blank" href="/xitong/1726703348a1081377.html"><h3>个人绩效承诺书:PBC(Personal Business Commitment)</h3></a><span class="post-date">1天前</span></div></li><li class="mclas"><div class="list-content"><a title="新一代公链代表Solana(5) --- 如何通过命令行安装Solana本地钱包" target="_blank" href="/dongtai/1726703985a1081447.html"><h3>新一代公链代表Solana(5) --- 如何通过命令行安装Solana本地钱包</h3></a><span class="post-date">1天前</span></div></li><li class="mclas"><div class="list-content"><a title="win10上搭建VS2013 + QT5.6.0 环境" target="_blank" href="/xitong/1726730875a1082312.html"><h3>win10上搭建VS2013 + QT5.6.0 环境</h3></a><span class="post-date">20小时前</span></div></li><li class="mclas"><div class="list-content"><a title="chrome浏览器怎么设置编码" target="_blank" href="/dianzi/1726734915a1082589.html"><h3>chrome浏览器怎么设置编码</h3></a><span class="post-date">19小时前</span></div></li><li class="mclas"><div class="list-content"><a title="FL Studio 24.1.1.4239重磅发布更新!附带永久激活码注册码" target="_blank" href="/dianzi/1726736110a1082694.html"><h3>FL Studio 24.1.1.4239重磅发布更新!附带永久激活码注册码</h3></a><span class="post-date">19小时前</span></div></li><li class="mclas"><div class="list-content"><a title="pychram永久激活" target="_blank" href="/dongtai/1726738510a1082723.html"><h3>pychram永久激活</h3></a><span class="post-date">18小时前</span></div></li><li class="mclas"><div class="list-content"><a title="使用tar复制ubuntu系统(windows10+ubunu双系统)" target="_blank" href="/dongtai/1726767271a1083515.html"><h3>使用tar复制ubuntu系统(windows10+ubunu双系统)</h3></a><span class="post-date">10小时前</span></div></li></ul></div><div class="block-wrap" id="side-new-view-item"><h2 class="block-title">最新文章<i class="mcico mico-right"></i></h2><ul><li class="mclas"><div class="list-content"><a title="win11浏览器默认主页如何设置" target="_blank" href="/xitong/1726802995a1085101.html"><h3>win11浏览器默认主页如何设置</h3></a><span class="post-date">21分钟前</span></div></li><li class="mclas"><div class="list-content"><a title="Win11 Excel文件变成白板图标怎么解决?" target="_blank" href="/xitong/1726802962a1085098.html"><h3>Win11 Excel文件变成白板图标怎么解决?</h3></a><span class="post-date">22分钟前</span></div></li><li class="mclas"><div class="list-content"><a title="减少win11核显占用的内存怎么操作" target="_blank" href="/xitong/1726802888a1085095.html"><h3>减少win11核显占用的内存怎么操作</h3></a><span class="post-date">23分钟前</span></div></li><li class="mclas"><div class="list-content"><a title="win2012 r2 php mysql,在Windows Server2012 R2上安装WordPress PHP和MYSQL" target="_blank" href="/xitong/1726802831a1085092.html"><h3>win2012 r2 php mysql,在Windows Server2012 R2上安装WordPress PHP和MYSQL</h3></a><span class="post-date">24分钟前</span></div></li><li class="mclas"><div class="list-content"><a title="Win11录屏数据保存在哪里?Win11录屏数据保存的位置" target="_blank" href="/xitong/1726802666a1085089.html"><h3>Win11录屏数据保存在哪里?Win11录屏数据保存的位置</h3></a><span class="post-date">27分钟前</span></div></li><li class="mclas"><div class="list-content"><a title="原版win7系统怎么安装,原版Win7系统的安装步骤" target="_blank" href="/dongtai/1726803471a1085102.html"><h3>原版win7系统怎么安装,原版Win7系统的安装步骤</h3></a><span class="post-date">13分钟前</span></div></li><li class="mclas"><div class="list-content"><a title="Win11显示麦克风未插上怎么办?Win11显示麦克风未插上的解决方法" target="_blank" href="/dongtai/1726802981a1085099.html"><h3>Win11显示麦克风未插上怎么办?Win11显示麦克风未插上的解决方法</h3></a><span class="post-date">21分钟前</span></div></li><li class="mclas"><div class="list-content"><a title="Win11更改声音输出设备有什么方法?" target="_blank" href="/dongtai/1726802931a1085096.html"><h3>Win11更改声音输出设备有什么方法?</h3></a><span class="post-date">22分钟前</span></div></li><li class="mclas"><div class="list-content"><a title="Win11鼠标动不了如何恢复?Win11鼠标动不了恢复的方法" target="_blank" href="/dongtai/1726802851a1085093.html"><h3>Win11鼠标动不了如何恢复?Win11鼠标动不了恢复的方法</h3></a><span class="post-date">23分钟前</span></div></li><li class="mclas"><div class="list-content"><a title="Win11磁盘清理在哪打开?" target="_blank" href="/dongtai/1726802755a1085090.html"><h3>Win11磁盘清理在哪打开?</h3></a><span class="post-date">25分钟前</span></div></li><li class="mclas"><div class="list-content"><a title="Windows7BT种子大全" target="_blank" href="/dianzi/1726804288a1085103.html"><h3>Windows7BT种子大全</h3></a><span class="post-date">0秒前</span></div></li><li class="mclas"><div class="list-content"><a title="Win11隐藏输入法状态栏方法" target="_blank" href="/dianzi/1726802986a1085100.html"><h3>Win11隐藏输入法状态栏方法</h3></a><span class="post-date">21分钟前</span></div></li><li class="mclas"><div class="list-content"><a title="Win10一键修复所有dll缺失的方法" target="_blank" href="/dianzi/1726802954a1085097.html"><h3>Win10一键修复所有dll缺失的方法</h3></a><span class="post-date">22分钟前</span></div></li><li class="mclas"><div class="list-content"><a title="Win11怎么把桌面文件路径改到D盘" target="_blank" href="/dianzi/1726802881a1085094.html"><h3>Win11怎么把桌面文件路径改到D盘</h3></a><span class="post-date">23分钟前</span></div></li><li class="mclas"><div class="list-content"><a title="Win11图标变暗怎么办?Win11图标变暗的解决方法" target="_blank" href="/dianzi/1726802763a1085091.html"><h3>Win11图标变暗怎么办?Win11图标变暗的解决方法</h3></a><span class="post-date">25分钟前</span></div></li><li class="mclas"><div class="list-content"><a title="小米手机肿么还原时钟" target="_blank" href="/yingjian/1724408198a983615.html"><h3>小米手机肿么还原时钟</h3></a><span class="post-date">27天前</span></div></li><li class="mclas"><div class="list-content"><a title="15000流明是多少瓦" target="_blank" href="/yingjian/1724408197a983614.html"><h3>15000流明是多少瓦</h3></a><span class="post-date">27天前</span></div></li><li class="mclas"><div class="list-content"><a title="一般普通投影机功率多大?" target="_blank" href="/yingjian/1724408196a983613.html"><h3>一般普通投影机功率多大?</h3></a><span class="post-date">27天前</span></div></li><li class="mclas"><div class="list-content"><a title="苹果绿联转换器有些投影机不能用" target="_blank" href="/yingjian/1724408196a983612.html"><h3>苹果绿联转换器有些投影机不能用</h3></a><span class="post-date">27天前</span></div></li><li class="mclas"><div class="list-content"><a title="坚果V9投影机具体参数?" target="_blank" href="/yingjian/1724408195a983611.html"><h3>坚果V9投影机具体参数?</h3></a><span class="post-date">27天前</span></div></li><li class="mclas"><div class="list-content"><a title="有关九年级作文850字精选" target="_blank" href="/shuma/1722260269a922571.html"><h3>有关九年级作文850字精选</h3></a><span class="post-date">1月前</span></div></li><li class="mclas"><div class="list-content"><a title="80后90后_高一作文" target="_blank" href="/shuma/1722260253a922569.html"><h3>80后90后_高一作文</h3></a><span class="post-date">1月前</span></div></li><li class="mclas"><div class="list-content"><a title="中级卫生专业资格中医全科学主治医师中级模拟题2021年(9)案与解析" target="_blank" href="/shuma/1722260238a922567.html"><h3>中级卫生专业资格中医全科学主治医师中级模拟题2021年(9)案与解析</h3></a><span class="post-date">1月前</span></div></li><li class="mclas"><div class="list-content"><a title="(精品)师范大学招考硕士研究生课程八六0试卷" target="_blank" href="/shuma/1722260203a922564.html"><h3>(精品)师范大学招考硕士研究生课程八六0试卷</h3></a><span class="post-date">1月前</span></div></li><li class="mclas"><div class="list-content"><a title="ZXMVC8900(V3" target="_blank" href="/shuma/1722260157a922561.html"><h3>ZXMVC8900(V3</h3></a><span class="post-date">1月前</span></div></li><li class="mclas"><div class="list-content"><a title="【模拟人生4(The Sims 4)性感露背黑色亮片礼服MOD V20190313】模拟人生4(The Sims 4)性感露背黑色亮片礼服MOD V20190313 官方免费下载" target="_blank" href="/wangluo/1722141870a918007.html"><h3>【模拟人生4(The Sims 4)性感露背黑色亮片礼服MOD V20190313】模拟人生4(The Sims 4)性感露背黑色亮片礼服MOD V20190313 官方免费下载</h3></a><span class="post-date">1月前</span></div></li><li class="mclas"><div class="list-content"><a title="【生化危机2:重制版(Resident Evil 2 Remake)克莱尔红头发深色服装MOD】生化危机2:重制版(Resident Evil 2 Remake)克莱尔红头发深色服装MOD 官方免费下载" target="_blank" href="/wangluo/1722141818a918004.html"><h3>【生化危机2:重制版(Resident Evil 2 Remake)克莱尔红头发深色服装MOD】生化危机2:重制版(Resident Evil 2 Remake)克莱尔红头发深色服装MOD 官方免费下载</h3></a><span class="post-date">1月前</span></div></li><li class="mclas"><div class="list-content"><a title="【模拟人生4(The Sims 4)性感露背深V领吊带裙MOD V20190311】模拟人生4(The Sims 4)性感露背深V领吊带裙MOD V20190311 官方免费下载" target="_blank" href="/wangluo/1722140921a917982.html"><h3>【模拟人生4(The Sims 4)性感露背深V领吊带裙MOD V20190311】模拟人生4(The Sims 4)性感露背深V领吊带裙MOD V20190311 官方免费下载</h3></a><span class="post-date">1月前</span></div></li><li class="mclas"><div class="list-content"><a title="【模拟人生4(The Sims 4)科幻风宇宙飞船家庭住宅MOD V20190311】模拟人生4(The Sims 4)科幻风宇宙飞船家庭住宅MOD V20190311 官方免费下载" target="_blank" href="/wangluo/1722140869a917979.html"><h3>【模拟人生4(The Sims 4)科幻风宇宙飞船家庭住宅MOD V20190311】模拟人生4(The Sims 4)科幻风宇宙飞船家庭住宅MOD V20190311 官方免费下载</h3></a><span class="post-date">1月前</span></div></li><li class="mclas"><div class="list-content"><a title="【鬼泣5(Devil May Cry V)v1.0十四项修改】鬼泣5(Devil May Cry V)v1.0十四项修改 官方免费下载" target="_blank" href="/wangluo/1722140821a917976.html"><h3>【鬼泣5(Devil May Cry V)v1.0十四项修改】鬼泣5(Devil May Cry V)v1.0十四项修改 官方免费下载</h3></a><span class="post-date">1月前</span></div></li><li class="mclas"><div class="list-content"><a title="如何实现高效的treenode搜索算法" target="_blank" href="/bianchengkaifa/1724219123a970009.html"><h3>如何实现高效的treenode搜索算法</h3></a><span class="post-date">29天前</span></div></li><li class="mclas"><div class="list-content"><a title="treenode与链表有何本质区别" target="_blank" href="/bianchengkaifa/1724219104a970008.html"><h3>treenode与链表有何本质区别</h3></a><span class="post-date">29天前</span></div></li><li class="mclas"><div class="list-content"><a title="在哪些场景下应优先考虑使用treenode" target="_blank" href="/bianchengkaifa/1724219089a970007.html"><h3>在哪些场景下应优先考虑使用treenode</h3></a><span class="post-date">29天前</span></div></li><li class="mclas"><div class="list-content"><a title="treenode在树形结构中的角色是什么" target="_blank" href="/bianchengkaifa/1724219076a970006.html"><h3>treenode在树形结构中的角色是什么</h3></a><span class="post-date">29天前</span></div></li><li class="mclas"><div class="list-content"><a title="如何通过treenode实现二叉树" target="_blank" href="/bianchengkaifa/1724219058a970005.html"><h3>如何通过treenode实现二叉树</h3></a><span class="post-date">29天前</span></div></li></ul></div></div></div><div class="footer"> CopyRight © 2022 All Rights Reserved. <br class="footer-br" /><a href="/" target="_blank">Powered By 电子爱好者 - 最新技术资讯及电子产品介绍!</a>| 友情链接: </div><script> var _hmt = _hmt || []; (function() { var hm = document.createElement("script"); hm.src ="https://hm.baidu.com/hm.js?7009e2d0d7ec0636195834de99b28e15"; var s = document.getElementsByTagName("script")[0]; s.parentNode.insertBefore(hm, s); })(); </script> <script src="/view/js/xiuno.js?2.3.0"></script><script src="/view/template/quzhiwa/js/custom.js?2.3.0"></script><script> $('.cat-tab-wrap li[data-active="fid-4"]').addClass('current-menu-item'); $('.menu-header-container li[data-active="fid-4"]').addClass('current-menu-item'); </script></body></html>