dreamweaver 相关问题

Dreamweaver是PHP,ASP,ColdFusion和WYSIWYG HTML / CSS编辑器的IDE的组合。此外,它允许非程序员将几个基本的服务器端脚本功能集成到他们的页面中。 Dreamweaver的最新版本捆绑了一个AJAX库(Spry),其中包含几个预制的小部件和其他行为。

如何让音频文件在 Android 通知栏上不显示 URL 或页面标题?

我有一个包含音频文件列表的网站,我使用音频标签将它们显示在我的网站上 例子: 我有一个包含音频文件列表的网站,我使用音频标签将它们显示在我的网站上 示例: <audio controls style="width: 100%;"> <source src="../audio/9am/message/9am.02.11.24_josh24.19-20.mp3" type="audio/mp3"> <a href="../audio/9am/9am_12_11_22_josh15_42-47.mp3"> <source src="../audio/9am/9am_12_18_22_josh15_48-60.mp3" type="audio/mp3"> </a></audio> 然后在下面我有一个文本链接来播放另一个音频文件 示例 <a href="../audio/9am/offertory/9am.02.11.24_offertory.mp3" title="Offertory">OFFERTORY</a> 但是当你点击音频标签之一时,它会在android的通知栏中显示页面标题名称,并且文本链接显示url。 有没有办法自定义每个标题以显示我分配的标题? 我认为您正在寻找 Media Session API。例如,它可用于设置当前播放媒体的标题。 navigator.mediaSession.metadata = new MediaMetadata({ title: 'My title' });

回答 1 投票 0

将使用 Dreamweaver 的设计人员与 Visual Studio C# 开发人员集成的最佳方式是什么?

我了解代码隐藏文件,但是使用 DreamWeaver 或其他设计工具与 Visual Studio 程序员合作的设计人员的最佳实际方式是什么? 例如,假设您有...

回答 4 投票 0

iframe 视频自定义缩略图/海报

这里是 stackoverflow 的首次用户。 我在 Dreamweaver 中使用 html 和 css 创建网站。 我正在从电视档案库中获取视频,并使用 iframe 将其嵌入到我的网站上。 会...

回答 1 投票 0

查找和替换(正则表达式)Dreamweaver MX

我正在使用 Dreamweaver MX(是的,我知道它很古老!)并且需要一些有关查找和替换(正则表达式)功能的帮助。 我正在寻找更改发现此campid=12345 的数字行...

回答 1 投票 0

如何在 Dreamweaver 8 中增加文本大小?

有人可以帮我在 Dreamweaver 中全局增加文本大小吗?就像在 Notepad++ 中一样,我们可以在按 CTRL 的同时滚动进/出。甚至菜单也隐藏在 Dreamweaver 中,显示缩放操作...

回答 5 投票 0

Dreamweaver 无法保存 php 文件?

Dreamweaver 无法保存 php 文件。 错误消息显示: 文档的当前编码无法正确保存文档中的所有字符,您可能需要将其更改为 UTF-8 或

回答 8 投票 0

在 Dreamweaver 中编辑图像映射陷入困境

围绕 html 图像映射做了很大一部分工作,突然我无法编辑图像映射: - 当使用地图编辑工具单击图像时,它会添加第一个点,但随后焦点会丢失并且“

回答 2 投票 0

Lenis.js 平滑滚动的缓动选项可以工作,但有语法错误

我使用 lenis.js 进行平滑滚动,效果很好,请参阅小提琴示例。但是我的 Dreamweaver 显示语法错误,即缓动选项: easing: (t) => (t === 1 ? 1 : 1 - Math.pow(2, -10 ...

回答 1 投票 0

单击滚动到顶部以获取 html 中的子下拉菜单

我喜欢立即从子下拉菜单访问内容,而不使用左侧的滚动条,如图所示使用 html 这是我使用的代码 我喜欢立即从子下拉菜单访问内容,而不使用左侧的滚动条,如图所示,使用 html 这是我使用的代码 <div class="col-sm-12"> <br/> <button class="collapsible">Drop Down Main</button> <div class="content"><p></p> <ul> <button class="collapsible">Drop Down-1</button> <div class="content"><p></p> <p>Line1 </p> <p>Line 2</p> <p><b>Line 3</b></p> </div> </ul> <ul> <button class="collapsible">Drop Down-2</button> <div class="content"><p></p> <p>Line1 </p> <p>Line 2</p> <p> <b>Line 3</b></p> </div> </ul> <ul> <button class="collapsible">Drop Down-3</button> <div class="content"><p></p> <p>Line1 </p> <p>Line 2</p> <p> <b>Line 3</b></p> </div> </ul> <ul> <button class="collapsible">Drop Down-4</button> <div class="content"><p></p> <p>Line1 </p> <p>Line 2</p> <p> <b>Line 3</b></p> </div> </ul> </div> <br/> 这是我用于下拉菜单和子下拉菜单的样式代码。 .collapsible { background-color: #01579b; color: white; cursor: pointer; padding: 18px; width: 100%; border: none; text-align: left; outline: none; font-size: 20px; } .active, .collapsible:hover { background-color: #0043b3; } .content { padding: 0 18px; max-height: 0px; overflow: auto; transition: max-height 0.2s ease-out; background-color: #f1f1f1; } 请告诉我如何使用 html 来实现这一点。预先感谢。 我们可以使用标准的 <details> HTML 元素: let details = document.querySelectorAll('details>details'); // add toggle event on all sub sections details.forEach(d => { d.addEventListener("toggle", event => { let current = event.target; // close all others if (current.open){ details.forEach(e => { if (current !== e) e.open = false; }); current.scrollIntoView({behavior: "smooth", block: "center", inline: "nearest"}); } }); }); body{ padding: 1rem; } summary { background-color: rgb(46, 46, 255); color: white; padding: 0.3rem; cursor: pointer; } details>details { margin-left: 1rem; } details>details>summary { background-color: rgb(86, 86, 245); } details>details[open]>summary { background-color: rgb(105, 166, 245); } details .info { padding: .5rem; border: 1px solid gray; } <details> <summary>Drop down main</summary> <details> <summary>Drop down 1</summary> <div class="info">ONE Lorem ipsum dolor sit amet, consectetur adipisicing elit. Commodi, sunt.</div> </details> <details> <summary>Drop down 2</summary> <div class="info">TWO Lorem ipsum dolor sit amet consectetur adipisicing elit. Aspernatur, illo exercitationem sequi voluptatum tempora minus rem amet magnam. Necessitatibus nihil dolores eaque sed quaerat ducimus aliquid cupiditate impedit quam laboriosam odit sequi, numquam fuga neque! Optio aut at, omnis quasi amet cum rem id fuga velit error cupiditate commodi neque.</div> </details> <details> <summary>Drop down 3</summary> <div class="info">THREE Lorem ipsum dolor sit amet consectetur adipisicing elit. Iusto ad saepe ex obcaecati expedita nulla, nihil laborum esse excepturi natus amet non eligendi atque sint. Tenetur molestias perspiciatis libero perferendis, autem earum et eius numquam repellat commodi sint dignissimos veritatis eaque ratione voluptatum nam molestiae voluptatibus ipsum illum! Id dolor quos consequuntur vero cumque tenetur, quaerat quam odit non illum exercitationem voluptates! Minima, quia dolore? Accusamus libero?</div> </details> <details> <summary>Drop down 4</summary> <div class="info">FOUR Lorem, ipsum dolor sit amet consectetur adipisicing elit. Alias cupiditate nobis odio iusto, ratione laborum ipsa tempora eos porro repellat recusandae dolore quasi adipisci explicabo consequuntur omnis eveniet asperiores culpa!</div> </details> </details> 我们可以使用 Element.scrollIntoView() 将元素带入视图。使用方法参数以获得所需的结果。 您可以使用html作为锚标记 就像我的导航栏一样: html: <nav class="navbar background h-nav-resp"> <ul class=" navlist v-class-resp"> <li><a href="#home">Home</a></li> <li><a href="#about">about</a></li> <li><a href="#services">services</a></li> <li><a href="#contact">contact</a></li> </ul> <div class="rightNav v-class-resp"> <input type="text" name="search" id="search" /> <button class="btn btn-sm">search</button> </div> <div class="burger"> <div class="line"></div> <div class="line"></div> <div class="line"></div> </div> </nav> 然后我将按照我在导航中给出的那样将 ID 提供给每个地方: <section class="background firstSection" id="home"> <div class="box-main"> <div class="firsthalf"> <p class="text-big">The future of education is here!</p> <p class="text-small"> In this country of 7 Billion we need to educate each and all of them and we are proud to say that The future of education is here. </p> <div class="buttons"> <button class="btn">subscribe</button> <button class="btn">watch video</button> </div> <div class="secondhalf"> <img src="img/Laptop.jpg" alt="laptop image" /> </div> </div> </div> </section> <section class="section" id="about"> <div class="paras"> <p class="SectionTag text-big">The end of your search is here.</p> <p class="SectionSubTag text-small"> Education is about learning skills and knowledge. It also means helping people to learn how to do things and support them to think about what they learn. It's also important for educators to teach ways to find and use information. Education needs research to find out how to make it better. It helps people become better citizens, get a better-paid job, shows the difference between good and bad. Education shows us the importance of hard work and, at the same time, helps us grow and develop. Thus, we are able to shape a better society to live in by knowing and respecting rights, laws, and regulations. </p> </div> <div class="thumbnail"> <img src="https://source.unsplash.com/random/900×700/?Html" alt="laptop image" class="imgfluid" /> </div> </section> <hr /> <section class="section left" id="services"> <div class="paras"> <p class="SectionTag text-big">When coding meets children in India</p> <p class="SectionSubTag text-small"> Through coding, students build essential literacy skills, gain an understanding of logic and sequence, and learn the mechanics of iteration. These tools support project-based learning and give students the freedom to create, collaborate, hack, remix, and tinker with their own unique designs.Coding classes are currently limited to people with a laptop, internet connection, and paying capacity. Further, very little content is available in the field which is suitable for children and apt from the Indian context. </p> </div> <div class="thumbnail"> <img src="https://source.unsplash.com/random/900×700/?Javascript" alt="laptop image" class="imgfluid" /> </div> </section> <hr /> <section class="section"> <div class="paras"> <p class="SectionTag text-big">Why is programming useful?</p> <p class="SectionSubTag text-small"> Programming also teaches them how software engineers use math in order to solve problems in a logical and creative way. This is an important reason that coding should be taught in schools, so children learn these skills while they are young.Coding, to put it simply, is using computer language to tell a computer what to do. The skills necessary for coding include being able to analyze a problem, break it down, engage critical thinking, and logic. This “thinking” element is often referred to as computational thinking. </p> </div> <div class="thumbnail"> <img src="https://source.unsplash.com/random/900×700/?laptop" alt="laptop image" class="imgfluid" /> </div> </section> <section class="contact" > <h1 class="text-center" id="contact">Contact Us</h1> <div class="form"> <input class="form-input" type="name" name="name" id="name" placeholder="enter your name" /> <input class="form-input" type="phone" name="Phone" id="phone" placeholder="enter your phone" /> <input class="form-input" type="email" name="email" id="email" placeholder="enter your email" /> <textarea class="form-input" name="text" id="text" cols="30" rows="10" maxlength="290" wrap="soft" placeholder="Elaborate your concern"></textarea> <button class="btn btn-dark">Submit</button> </div> </section> <footer class="background"> <p class="text-footer"> Copyright saraswati education-giving eduction online.com &copy; 2022 - All rights reserved </p> <div class="designer"><p>Designed and developed by pranjal Rai</p></div> </footer> 如果您单击链接,它将滚动到该位置,但是! 添加这个 CSS: html{ scroll-behavior: smooth; } 这很好! 甚至向元素添加一个 onclick 并返回 false <a href="#" onclick="return false;"> 这将停止将页面滚动到顶部

回答 3 投票 0

如何消除html页面上图像和边框之间的奇怪间隙

在我正在处理的 html 页面的文章部分中,图像和边框之间有一个小间隙。 这是 HTML ... 在我正在处理的 html 页面的文章部分中,图像和边框之间有一个小间隙。 这是 HTML <article> <section class="image"> <a href=""><img src="images/Thumbnail.gif" height="150" width="150" alt=""/></a> </section> <aside class="textBox"> <h3>Project</h3> <p>description</p> </aside> </article> 这是CSS(有一些多余的部分我现在正在删除它们) @charset "UTF-8"; body { font-family: "Gill Sans", "Gill Sans MT", "Myriad Pro", "DejaVu Sans Condensed", Helvetica, Arial, sans-serif; background-color: #64748B; padding: 4em; color: #000; background-image: url("images/background.png"); background-repeat: no-repeat; background-position: top absolute; background-size: cover; display: flex; flex-direction: row; flex-wrap: wrap } H1 { font-family: "Gill Sans", "Gill Sans MT", "Myriad Pro", "DejaVu Sans Condensed", Helvetica, Arial, sans-serif; color: #fff; float: right; margin-right: 1em; font-size: 40pt; } .NavUl { margin-top: 5px; font-weight: bold; text-align: center; width: 100%; } td { background-color: #000; border: 5px outset; border-color: #22222B } .textBox { height: 150px; color: #ffffff; font-family: "Gill Sans", "Gill Sans MT", "Myriad Pro", "DejaVu Sans Condensed", Helvetica, Arial, sans-serif; padding-left: 1em; } header { background-color: #090B16; width: 100%; border: 6px outset #22222B; } article { margin-top: 5px; margin-bottom: 5px; display: flex; background-color: #090B16; border: 6px outset #22222B; padding: 0 } a:link, a:visited { text-decoration: none; color: #fff; } .logo { padding: 1em; } p { font-size: 12pt; } .image { padding: 0; margin: 0; border: 6px inset #7079B1 } .post { width: 100%; } 我不知道这是否有什么不同,但我使用 adobe dream weaver(我讨厌它,VSC 优越性) 我尝试过调整填充、边距以及高度,可惜这些都没有产生任何影响。 我在你的height:150pxCSS中添加了.image,它似乎删除了底部的空格。 @charset "UTF-8"; body { font-family: "Gill Sans", "Gill Sans MT", "Myriad Pro", "DejaVu Sans Condensed", Helvetica, Arial, sans-serif; background-color: #64748B; padding: 4em; color: #000; background-image: url("images/background.png"); background-repeat: no-repeat; background-position: top absolute; background-size: cover; display: flex; flex-direction: row; flex-wrap: wrap } H1 { font-family: "Gill Sans", "Gill Sans MT", "Myriad Pro", "DejaVu Sans Condensed", Helvetica, Arial, sans-serif; color: #fff; float: right; margin-right: 1em; font-size: 40pt; } .NavUl { margin-top: 5px; font-weight: bold; text-align: center; width: 100%; } td { background-color: #000; border: 5px outset; border-color: #22222B } .textBox { height: 150px; color: #ffffff; font-family: "Gill Sans", "Gill Sans MT", "Myriad Pro", "DejaVu Sans Condensed", Helvetica, Arial, sans-serif; padding-left: 1em; } header { background-color: #090B16; width: 100%; border: 6px outset #22222B; } article { margin-top: 5px; margin-bottom: 5px; display: flex; background-color: #090B16; border: 6px outset #22222B; padding: 0 } a:link, a:visited { text-decoration: none; color: #fff; } .logo { padding: 1em; } p { font-size: 12pt; } .image { height: 150px; padding: 0; margin: 0; border: 6px inset #7079B1 } .post { width: 100%; } <article> <section class="image"> <a href=""><img src="https://placehold.jp/150x150.png" height="150" width="150" alt=""/></a> </section> <aside class="textBox"> <h3>Project</h3> <p>description</p> </aside> </article>

回答 1 投票 0

如何解决你的php服务器没有加载mysql模块

我正在尝试将我的托管 php 服务器连接到 dreamweaver 应用程序,但它说“解决您的 php 服务器没有加载 mysql 模块”。 有人可以帮我解决这个问题吗.. 或者解释一下步骤b...

回答 4 投票 0

深入了解 fuisonchart

我创建了两个 php 页面。第一个是主 fusionchart,它绘制了各个工厂的总产量的饼图。我还添加了一个类似的功能,使图表可点击。点击后,...

回答 2 投票 0

尝试让 Dreamweaver 使用正则表达式查找和删除链接上的跟踪代码

我试图找到 Dreamweaver 搜索/替换正则表达式,通过匹配 ?elqTrackId 和关闭 href 的引号之间的所有内容,从 a 标签中删除跟踪代码,并删除它

回答 0 投票 0

Dreamweaver CS5 在我打开某些文件时崩溃

我已经使用 CS4 一年多了,没有任何问题。今天我安装了 Dreamweaver CS5,嗯...我无法完成我的工作,因为它总是崩溃。当我尝试打开某些文件时(在

回答 7 投票 0

Javascript 无法运行

我在我的简单 HTML 文件中尝试了许多 JavaScript。但是,它们都不起作用。我正在使用 Adobe Dreamweaver CS4 并尝试使用 Safari 和 Firefox 浏览器 我也做过...

回答 2 投票 0

为什么在设计视图中看不到图片,但在浏览器中可以看到?

在浏览器中预览网页时可以看到menubar,但在Dreamweaver设计视图中看不到?下面是我的代码,如果有错误的话CSS; #bar { margin-top:5%; background:url("...")

回答 2 投票 -1

dreamweaver如何连接到google云端上传页面?

我想让Dreamweaver上传页面到我刚刚获得的google cloud。(我知道Dreamweaver不是我的最爱,但我就是用它来建立一个大型网站的)。所以,我想在google云中插入......

回答 3 投票 -1

Git (Gitkraken)在我没有做任何改动的情况下,自发地显示出已改动的文件。

我不太擅长使用Git,而且我还在使用Dreamweaver,如果这能告诉你我现在的情况的话。我有两个网站分支,一个是正常运营的分支(目前处于冰封状态,但必须 ...

回答 1 投票 2

Dreamweaver。语法错误,当使用null-coalescing操作符时,意外的'?

我的服务器运行的是PHP 7.2.26。我在Dreamweaver CC(Ver 19.2.1)中编码。我在一个页面上使用null-coalescing操作符,但Dreamweaver给我的是 "Syntax Error, Unexpected '?'"作为行错误。...

回答 1 投票 0

Css背景图片不显示

我想用dreamweaver和visual studio做一个网站,我有这样的问题,当我使用css的背景或backgrouand-image时,图像不出现。下面是代码行。CSS...

回答 1 投票 0

© www.soinside.com 2019 - 2024. All rights reserved.