网页设计与制作代码成品？如何制作一个自己的网页

大家好，网页设计与制作代码成品相信很多的网友都不是很明白，包括如何制作一个自己的网页也是一样，不过没有关系，接下来就来为大家分享关于网页设计与制作代码成品和如何制作一个自己的网页的一些知识点，大家可以关注收藏，免得下次来找不到哦，下面我们开始吧！

学习网页制作会用到那些软件，可以推荐一些书吗

Photoshop

学习图像处理、编辑、通道、图层、路径综合运用;图像色彩的校正；各种特效滤镜的使用;特效字的制作;图像输出与优化等,灵活运用图层风格，流体变形及褪底和蒙板，制作出千变万化的图像特效。

CorelDraw

通过CorelDRAW9的全方面的设计及网页功能融合到现有的设计方案中，制作矢量的插图、设计及图像，出色地设计公司标志、简报、彩页、手册、产品包装、标识、网页及其它。

PageMaker

学习排版设计的基本法则、使用方法与技巧，工具箱、快捷键的使用，菜单功能及操作技巧，出版物、书籍、宣传彩页、出片输出注意事项，报纸杂志等的高级专业排版制作的方法。

Illustrator

学习图形绘制、包装、宣传页的制作，让你更加方便地进行LOGO及CI设计，在Photoshop的基础上再学它如虎添翼，效率成倍提高。

DreamWeaver

DreamWeaver是一个很酷的网页设计软件，它包括可视化编辑、HTML代码编辑的软件包，并支持ActiveX、JavaScript、Java、Flash、ShockWave等特性，而且它还能通过拖拽从头到尾制作动态的HTML动画，支持动态HTML(DynamicHTML)的设计，使得页面没有plug-in也能够在Netscape和IE4.0浏览器中正确地显示页面的动画。同时它还提供了自动更新页面信息的功能。DreamWeaver还采用了RoundtripHTML技术。这项技术使得网页在DreamWeaver和HTML代码编辑器之间进行自由转换，HTML句法及结构不变。这样，专业设计者可以在不改变原有编辑习惯的同时，充分享受到可视化编辑带来的益处。DreamWeaver最具挑战性和生命力的是它的开放式设计，这项设计使任何人都可以轻易扩展它的功能

学网页设计推荐看的书Dreanweaver8360全景学习手册精通Dreanweaver8网站建设asp交互网页设计篇Dreanweaver8+ASP完美动态网站设计新概念Dreanweaver8中文版图解教程网页设计三剑客基础练习+典型案例典型商业网站建设实例精讲Dreanweaver版网页设计四合一完全征服教程CSS设计彻底研究CSS全程指南即用即查—html+css标签参考手册美工神话Dreamweaver+Photoshop精美网页设计与制作网页配色密码互动网页设计与易用度

有哪些设计网站值得推荐

您好，很高兴回答您的问题。关注【搞设计】，一起搞设计。

不知道楼主说的是哪一方面的设计师，在这里搞设计先说几个覆盖设计领域广泛的设计网站吧，不过今天最主要的是，搞设计给大家推荐几个个人认为好看好用能抗能打的在线工具类小网站，帮助大家工作起来事半功倍。准备好了吗，开始吧！

1.花瓣网（前几天刚刚复活...）

http://huabanpro.com/

↑花瓣网一个帮你收集、发现网络上你喜欢的事物的网站。用户可以把各种各样的采集放入不同画板，并以你的方式给画板命名。“画板”可以更直观地表现每个用户的特质、品味、生活态度……等等。其他用户不但可以通过“画板”更充分的了解你，并与你互动，而且还能将你的“花瓣”再“采”到自己的画板上，赋予新的定义。在“花瓣网”，兴趣与品味构成了人与人之间的联系。

↑花瓣涉及到的领域很多，无论哪方面的设计都可以上花瓣寻找灵感收集素材

2.站酷网

https://www.zcool.com.cn/

↑站酷网，是综合性"设计师社区"，聚集了中国部分设计师、艺术院校师生、潮流艺术家等年轻创意设计人群。“站酷网”一直致力于促进设计师之间的交流与互励，并致力于将创意作品进行更广泛的传播与推介，提高中国原创设计的影响力。

↑站酷网同样涉及领域很多很全面

3.Behance

https://www.behance.net

↑Behance是2006年创立的著名设计社区，是展示和发现创意作品的领先在线平台，同时也是Adobe系列的一部分。Behance的管理团队每天都会从各种领域中的顶级组合探索出新作品。这些领域包括设计、时尚、插图、工业设计、建筑、摄影、美术、广告、排版、动画、声效以及更多。

↑同样分类非常多

4.Dribbble

https://dribbble.com

↑Dribbble是一个面向创作家、艺术工作者、设计师等创意类作品的人群，提供作品在线服务，供网友在线查看已经完成的作品或者正在创作的作品的交流网站。Dribbble的作品整体质量却非常高，许多摄影师、设计师和其他创意产业人士都喜欢在这里展示其未完成的设计，通过与其他设计师的共同探讨来激发自己的灵感。

弱弱的说一下，3、4网站最好使用梯子，否则速度会。。

不过以上都不是重点，真正的重点开始了！走心又好用的在线工具网站推荐开始了！

1.http://www.gridzzly.com/

设计师经常需要在纸上写写画画，找找灵感，记录一下闪光点。在空白纸上画总感觉缺点什么，如果加上一些小格子背景，瞬间就感觉高大上起来，好像自己一下从青铜变成了王者。上面这个网站就是一个可以自定义各种网格背景的网站，还可以打印出来。

↑打开网站是这个样子的，上面一行图标可以进行网格背景的图案切换，下面的两个滑块可以改变网格的大小和颜色深浅。切换图案的时候，网站背景会实时预览。

↑动图感受一下

↑设置好以后点击黄色的“PRINT”按钮，就可以打印出来了。

2.

https://codepen.io/tsuhre/full/BYbjyg

炫光背景生成

↑一个可以生成酷炫光影背景的网站，做banner、ppt背景图必备啊，再也不怕老板让我做科技风了，鼠标点击可以随机切换炫光背景

↑上动图

↑随便保存一张做个宣传图，妥妥的毫无压力

3.

http://weavesilk.com/

另一个炫光背景网站

↑跟上一个炫光网站不同的是，这个不是系统自动生成，还是通过鼠标拖动生成的

↑点击左上角的“controls”可以设置光线的颜色

↑动图感受

↑如果不想拖出对称的光线，可以把Mirroracrosscenter这个选项改成off，这样就不对称了

↑随便拖个ps，还可以拖自己的名字、公司logo等

4.

http://www.diyiziti.com/

在线字体生成

↑在线转换字体的网站，可转换的字体非常多

↑操作方法，选择要转换的字体种类，内容输入要转换的文字，设置好大小和高度，点击在线转换就可以了

↑记得将背景颜色设为无，这样就可以保存透明的png图片了

5.

https://imagecompressor.com/zh/

在线图片压缩

↑设计的图片过大，影响用户浏览体验，就可以利用这个网站压缩一下，个人感觉比

https://tinypng.com/

（另一个在线压缩网站）更好用，压缩率也更低

↑操作方法也很简单，上传一张图片，等待压缩，然后下载就可以了

↑还可以手动拖动选择图片质量来获得不同的压缩比

6.

https://pixabay.com/

免费可商用图片

↑pixabay上图片数量多，免费商用，并且支持中文搜索

↑搜个情人节试试，看到可以搜出许多高质量图片，这些图片无论在质量、色调、创意上都非常棒，再也不愁给PPT配图了。

↑点击一张图片会进入大图页，右侧有免费下载按钮

↑可以清楚的看到版权说明：可以做商业用途并且不用署名

↑点击免费下载，会弹出多个尺寸提供下载，简直贴心

7.

https://www.videvo.net/

免费视频下载网站

↑Videvo网站是一个提供完全免费的视频录像和动态动画视频的网站，和应用于任何商业项目，该网站由位于英国牛津市的小团队在2012年创办，致力于生产和收集一些互联网中免费的视频片段。影片数量高达数千部，并且至少都有720p（HD高解析度）以上的画质。

↑从网站首页底部这段声明，就可以看出该网站做免费视频的决心。什么，英文看不懂。好吧，八级英语水平的搞设计给大家说一下什么意思吧（捂脸~）大概意思就是，现实中视频素材资源很昂贵，不是每个人都能负担的起。建立Videvo网站的目的时就是希望在网络上创建世界上最大的免费，安全使用的视频和音频内容资源。

↑点开一个视频就会进入下载页

↑右边的Usage用途一项里，可以看到适用范围是allprojectsandmedia，所有的项目和媒介，也就是免费商用的。

↑点击FREEDOWNLOAD按钮，视频就下载到本地了。

需要注意的是，虽然Videvo的视频是可以免费商用的，但授权许可方式有所不同，上面举例中的视频不需要任何许可即可使用。有的视频可能会要求做一个署名链接，比如说在视频中说明一下来源，问题也不大。

https://www.videvo.net/blog/how-we-license-our-footage-on-videvo-net/

，这个链接说明了授权的几种形式，大家可以借助翻译软件看看。

↑有的视频是需要开通会员才能下载的，这样的忽略即可

8.

https://icons8.com/music/?ref=producthunt

免费音频下载

↑这个网站提供了大量免费可商用的音频，做视频的同学一定很需要

↑种类非常多，质量也非常好

↑网站首页也说明了，虽然是免费可商用的，但是需要提供署名链接

↑点击下载后会弹出一个下载链接的窗口，你可以复制这个链接然后粘贴到你的作品说明中某一处，

https://icons8.com/license

这个网页说明了链接的使用方法。

↑然后音频就下好了

好了，说了这么多，不知道有没有大家喜欢的网站，大家需要哪方面的网站可以在评论或者私信中留言，希望对大家有所帮助。

有哪些提供设计图片素材的网站

站酷，以“为设计师及爱好者提供最便捷、最贴心的服务”为宗旨，是一个以“设计师”为中心，服务于创意产业、服务于创意人才的“设计师互动平台”。提供矢量素材、PSD分层素材、图标素材、高清图片、原创作品等内容。懒人图库，专注于提供网页素材下载，其内容涵盖网页素材、矢量素材、JS广告代码、小图片、网页背景、导航菜单、PNG图标等。素材资源库，资源丰富，分类繁多，提供网页模板、Flash源码、矢量素材、PSD素材、透明Flash资源、字体下载、PS笔刷、网页背景、音效素材、脚本特效等。千图网，是中国素材最多的网站之一，拥有800多万张素材。提供：矢量图、psd源文件、图片素材、网页素材、3D模型素材、手机APP素材、ppt、画册、图标热门主流素材下载服务，以其独特的定位和全新运营模式，处于素材网站领先地位。素材中国，专注于提供平面广告设计素材下载，其内容涵盖了psd素材，矢量素材，PPT模板，网站源码，网页素材，flash素材，png图标，ps笔刷等。

请问在网页制作中加入一条水平线的HTML代码是什么

网页中制作一条水平线的HTML代码有以下的方法可以实现：1.使用html中的border属性来设置一条水平线

2.使用hr标签可以制作一条水平直线

3.使用background-color来制作一条线，和border基本类似

4.可利用背景图来实现和background-color原理一样

HTML网页中怎么写插入图片的代码

1、在代码中经常用到的插入图片代码是img属性，格式就是<imgsrc=""alt="">src后面是添加图片的地址，后面的alt是对图片的描述。

2、在插入图片前，要将html文件和图片文件放在一个文件夹内，这里的img文件夹就是专门存放图片的地方。

3、然后回到代码栏，在src中输入链接地址img/pic_01.jpg，要将图片的具体地址和名称全部写全才可以在网页中看到，否则就会显示连接失败错误而无法观看到图片。

4、将文件保存后，在浏览器中我么就可以看到此刻的图片被添加进来了，位于网页的左上角位置。

5、如果想要移动图片的所在位置，就需要先对其包装一下，用一个盒子将其包裹，然后调整盒子的位置就相当于移动的是图片的位置了。

6、如图，之前设置的盒子距离顶部100px.然后距离左侧100px，这样就将盒子挤到了现在所在的位置，如图所示。

怎样才能在自己的网页中加入股票代码查询和显示股票行情呢

如果是想自己制作网页并且在其页面上显示实时行情的话，你可以查找有关网页提取其中的代码（前提是你要懂）。也可以参考下例----或直接在网站上查找插件。使用说明:页面引入以下脚本<scriptsrc="http://js.jrj.com.cn/hq/co/swfobject.js"type="text/javascript"></script><scriptsrc="http://js.jrj.com.cn/hq/co/flash4code.js"type="text/javascript"></script>调用javascript函数jrj_show_flash(s_code,s_type,divId,flashWidth,flashHeigth)s_code:证券代码s_type:证券类型,s表示股票，i表示指数,传空字符串默认为股票divId:div容器idflashWidth:flash宽度flashHeigth:flash高度

OK，本文到此结束，希望对大家有所帮助。