导航:首页 > 万维百科 > html网页设计用什么

html网页设计用什么

发布时间:2020-12-01 03:35:15

1、手机html网页和电脑上的html网页在制作上有什么区别

1.导航设计

手机端页面导航应当包括用户必要的内容,删除屏幕上不必要的链接,假如链接的详细页面内容不是用户想要的,用户不会点击,也就没必要设置。其中建立导航功能键的时候,其中以回到首页、回到上一页这两个最为重要。

2.网站名称或logo的设计

手机网页的顶部没有标题栏或地址栏,相应地,也就没有网站标题和图标。所以设计页面的时候应该让用户知道,他们现在所浏览的网站名称或logo,这对塑造品牌也很重要。 

3.页面排版

从用户角度来说,他们希望阅读所有的内容,所以我们进行内容呈现,只是用隔断、重组、引语、线条或其他视觉方案来让这些内容更容易访问,使这些板块显得更都雅。

4.利用手机的天生优势

手机有着许多传统电脑所没有的优势,其中最大的优势就是移动力,因此手机版网页应该要特别发挥这些特性,让手机网页具有一般网页更多的优势。如:

移动定位:大部分的智能设备都有导航、定位的机制,可以让客户主动找到企业的位置。

移动联系:如果用使用的是移动电话,可以立即发话;或者直接跳转到通讯工具在线聊天;

邻近地点:如果企业有很多据点,请告诉用户,在他附近有哪一些地点是便于他能够抵达的。

2、如何用HTML5制作网页

html5标签掌握了,从上到下从左到右,标签合理使用,先把框架搭好,再结合css3做效果,先花时间把html5 css3看两遍,再看网页设计html5制作教程就ok了

当然这只是最简单的

3、用html5制作网页有什么优势吗?

HTML5能够以更低的成本和更短的下载时间展现媲美目前顶级网页设计人员设计的外观,语义标记具有网络营销SEO和维护优势。
1、SEO(搜索引擎优化)得到提升
2、更快的图片下载速度,尤其是对于移动用户
3、Web应用开发更容易,尤其是移动应用
4、更精美的动画效果

4、用HTML制作网页好吗??

html也不是说什么好不好的。。得看你要的是静态还是动态的了//。。
一般前台是出回html页给后台他们在做成动态的。。
你看答他后娺。是html的就是静态的。
有ASP,.net,pht等为后娺的都是动态的。。。

5、制作html网页具体需要学什么??

网页切图 选学
网页设计的步骤是策划-作图-静态页-编程-测试-发布-维护-改版重构 循环
切图是一个技术也是一种艺术,不少美工都具有切图的功底!不过,也不是所有的网页都需要切图!因此,切图的选学的,而且,没有追求的话,切的乱七八糟也没关系!

html标签的用法 必学
这个是必学的,毕竟页面还是html标签组成的!你要熟知大部分标签的用法!这个可以去w3school学习进阶!

css 样式和样式表 必学
css是目前网页设计中的主要角色!也是程序和美工的区别之一!css可以简单理解为美化!你可以使用他设置颜色,大小,边距,行距,字体,位置等等等....

浏览器兼容 选学
html页面最终要在浏览器中运行和查看!但是,不是所有的浏览器都遵循同一个标准,因此,你的页面在每个浏览器底下或多或少的都有一些不同!你要学会找到问题,解决问题!最大限度的保证在每个浏览器下看起来都差不多!

javascript & jQuery 选学
JS和JQ是两个不同的东西,js在网页中的主要作用就是网页“特效”了。比如滑动,展开收起,幻灯片等等~~团队细分中,html页面是由前端设计师制作的,网页设计师仅仅负责效果图的制作!但是,现在的网页设计师明显的需要具备多门“手艺”才能混,js是其中之一!

Action script 选学
AS是flash中的常用到的一种语言!主要是制作全flash网站或者flash+xml交互模块! 如flash幻灯片,图表等~

学习建议:
目前的大部分html教程都是垃圾教程,是网站为了赚取流量到处复制粘贴的千篇一律的扯淡字符串(还不能算是文章,只能算是一个字一个字组成的页面,因为连发布者都不知道里面写了什么)!个人建议,你最好下载几个chm格式的手册,如html手册,css手册等~备用查询,作为字典!我学习的时候是读的《Head First xHtml + css》,一周入门html+css!不过,学习肯定离不开勤学苦练!以下是我建议的学习方法:
1.认识标签,学会是使用h标题,p段落,ul列表,div元素,img插入,a链接
2.学会添加标签属性 class=“name”,id=“name”,table的相关属性
3.学会引入外部文件,<link /> <script src=""></script> <img src="" />
4.一个完整简单的html,严格按照html的结构制作一个纯html标签组成的页面,无样式,能区别出标题,列表,链接,段落
5.css学习入门:字号,边框,float浮动,clear清除浮动,background背景
6.页面模块划分:header,mian-body,footer 头部,内容,页脚
7.页面布局细分:三列,两列,四列,多列,【国字形、常字形】
8.html,css分离使用,在html引入外部css样式表
9.图片美化页面

大致以上几点,循序渐进!而且,尽量手写代码,使用记事本即可~因为,你要不断的去认识和书写一些常用的标签和拼写!【实际工作中,编辑软件都有代码提示功能,那仅仅是为了加速工作效率,但并不适合新手使用,否则,就懒惰了!不利于记忆和理解!】

6、网页制作用什么语言

只是不同的类型,就好比你可以做.doc文件,也可以做.pdf文件一样,这几种都比较常用,都能满足你的要求。有几种常见的组合

1、php语言+apache+Mysql数据库
2、Asp语言+微软IIS+SQLServer或者是Access
3、Asp.net这个要求服务器有.net,用的是C#语言或者是VC、VB,数据库也一般用SQLServer

都能满足你的要求的,如果你有C语言的基础的话,php语言最容易懂,而且网上也有很多例子。

7、制作网页一般用什么软件啊?

1、DreamWeaver

Dreamweaver可以用最快速的方式将Fireworks,FreeHand,或Photoshop等档案移至网页上。使用检色吸管工具选择荧幕上的颜色可设定最接近的网页安全色。对于选单,快捷键与格式控制,都只要一个简单步骤便可完成。

2、Flash

Flash,是一种动画创作与应用程序开发于一身的创作软件,目前最新的零售版本为Adobe Flash Professional CS6(2012年发布)。

Adobe Flash Professional CS6为创建数字动画、交互式Web站点、桌面应用程序以及手机应用程序开发提供了功能全面的创作和编辑环境。

3、Fireworks

Fireworks是Macromedia公司发布的一款专为网络图形设计的图形编辑软件,它大大简化了网络图形设计的工作难度,无论是专业设计家还是业余爱好者,使用Fireworks都不仅可以轻松地制作出十分动感的GIF动画。

4、HomeSite

HomeSite是一种功能完备的html编辑器。它与文本编辑器相似,但含有自动添加HTML标签以及轻松创建HTML复杂元素的功能。HomtSite还有大量的javascript特性,比如自动创建标签以及为脚本命令首色等,后者可帮助开发人员更轻松的查看和跟踪脚本命令。

5、HotDog Professional

HotDog是较早基于代码的网页设计工具,其最具特色的是提供了许多向导工具,能帮助设计者制作页面中的复杂部分。HotDog的高级HTML支持插入marquee,并能在预览模式中以正常速度观看。

8、制作网页一般用什么软件啊?

设计网页现在通常用到的学习软件,现在帮你罗列如下:
(1)Photoshop:学习图像处理、编辑、通道、图层、路径综合运用;图像色彩的校正;各种特效滤镜的使用;特效字的制作;图像输出与优化等,灵活运用图层风格,流体变形及褪底和蒙板,制作出千变万化的图像特效。
(2)CorelDraw:通过CorelDRAW9的全方面的设计及网页功能融合到现有的设计方案中,制作矢量的插图、设计及图像,出色地设计公司标志、简报、彩页、手册、产品包装、标识、网页及其它。
(3)PageMaker:学习排版设计的基本法则、使用方法与技巧,工具箱、快捷键的使用,菜单功能及操作技巧,出版物、书籍、宣传彩页、出片输出注意事项,报纸杂志等的高级专业排版制作的方法。
(4)Illustrator:学习图形绘制、包装、宣传页的制作,让你更加方便地进行LOGO及CI设计,不到一个月,您就会成为一名真正的美术大师,在Photoshop的基础上再学它如虎添翼,效率成倍提高。
(5)①DreamWeaver, 自制动态HTML动画的网页.DreamWeaver是一个很酷的网页设计软件,它包括可视化编辑、HTML代码编辑的软件包,并支持ActiveX、JavaScript、Java、Flash、ShockWave等特性,而且它还能通过拖拽从头到尾制作动态的HTML动画,支持动态HTML(Dynamic HTML)的设计,使得页面没有plug-in也能够在Netscape和IE 4.0浏览器中正确地显示页面的动画。同时它还提供了自动更新页面信息的功能。
DreamWeaver还采用了Roundtrip HTML技术。这项技术使得网页在DreamWeaver和HTML代码编辑器之间进行自由转换,HTML句法及结构不变。这样,专业设计者可以在不改变原有编辑习惯的同时,充分享受到可视化编辑带来的益处。DreamWeaver最具挑战性和生命力的是它的开放式设计,这项设计使任何人都可以轻易扩展它的功能。

与html网页设计用什么相关的知识