网页自动设计
1. 想了解网页自动生成工具(网站制作工具)
Dreamweaver就可以做到所见即所得,不用编程的。它有几种模式,可以自己写代码,也可以只进行设计,代码自动生成。具体你可以看看帮助。
希望对你有帮助!!!
2. 可以自己设计网页吗可以自己做程序吗
可以的,需要正统学习过。
如果只做网页,并且类似于个人主页的范畴,要求不高的话,可以使用傻瓜式可见编辑软件来只做一些简单的网站和网页,可以网络搜索这类型软件,数量太多不一一例举。
关于编程,需要正统的学习,目前比较流行的javi和net编程,也是主流的应用程序和网页式应用的变成方式,你可以参考专业书籍。
3. 想要制作一个自己的网页,应该怎么弄啊
想要自己制作一个网页也很简单,在凡科建站的平台就能快速、轻松制作出一个网页,下面可以跟着这些步骤,就能了解自己怎么制作网页:
首先、注册一个凡科账号,
再找一个网站模板,把自己的信息替换上...
最后点击保存,一个网站就可以做出来了
4. 如何去设计一个自适应的网页设计或html5
如今移动互联网随着3G的普及,越来越火爆,更多需求跟随而来!APP应用市场和APP应用数量成倍成倍的增长!从而给移动互联网带来新的挑战!
移动设备正超过桌面设备,成为访问互联网的最常见终端。于是,网页设计师不得不面对一个难题:如何才能在不同大小的设备上呈现同样的网页?
手机的屏幕比较小,宽度通常在600像素以下;PC的屏幕宽度,一般都在1000像素以上(目前主流宽度是1366×768),有的还达到了2000像素。同样的内容,要在大小迥异的屏幕上,都呈现出满意的效果,并不是一件容易的事。
很多网站的解决方法,是为不同的设备提供不同的网页,比如专门提供一个mobile版本,或者iPhone / iPad版本。这样做固然保证了效果,但是比较麻烦,同时要维护好几个版本,而且如果一个网站有多个portal(入口),会大大增加架构设计的复杂度。
于是,很早就有人设想,能不能”一次设计,普遍适用”,让同一张网页自动适应不同大小的屏幕,根据屏幕宽度,自动调整布局(layout)?
一、了解什么是”自适应网页设计”
自从2010年,Ethan Marcotte提出了 “自适应网页设计”(Responsive Web Design)这个名词,指可以自动识别屏幕宽度、并做出相应调整的网页设计。
他制作了一个 范例,里面是《福尔摩斯历险记》六个主人公的头像。如果屏幕宽度大于1300像素,则6张图片并排在一行。
如果屏幕宽度在600像素到1300像素之间,则6张图片分成两行。
如果屏幕宽度在400像素到600像素之间,则导航栏移到网页头部。
如果屏幕宽度在400像素以下,则6张图片分成三行。
mediaqueri.es上面有更多这样的例子。
这里还有一个 测试小工具,可以在一张网页上,同时显示不同分辨率屏幕的测试效果,我推荐安装。
二、需要允许网页宽度自动调整
“自适应网页设计”到底是怎么做到的?其实并不难。
首先,在网页代码的头部,加入一行 viewport元标签。
viewport是网页默认的宽度和高度,上面这行代码的意思是,网页宽度默认等于屏幕宽度(width=device-width),原始缩放比例(initial-scale=1)为1.0,即网页初始大小占屏幕面积的100%。
所有主流浏览器都支持这个设置,包括IE9。对于那些老式浏览器(主要是IE6、7、8),需要使用 css3-mediaqueries.js。
三、在进行设计的时候不能使用绝对宽度
由于网页会根据屏幕宽度调整布局,所以不能使用绝对宽度的布局,也不能使用具有绝对宽度的元素。这一条非常重要。
具体说,CSS代码不能指定像素宽度:
width:xxx px;
只能指定百分比宽度:
width: xx%;
或者
width:auto;
四、相对大小的字体
字体也不能使用绝对大小(px),而只能使用相对大小(em)。
body {
font: normal 100% Helvetica, Arial, sans-serif;
}
上面的代码指定,字体大小是页面默认大小的100%,即16像素。
h1 {
font-size: 1.5em;
}
然后,h1的大小是默认大小的1.5倍,即24像素(24/16=1.5)。
small {
font-size: 0.875em;
}
small元素的大小是默认大小的0.875倍,即14像素(14/16=0.875)。
五、流动布局(fluid grid)或瀑布流
“流动布局”的含义是,各个区块的位置都是浮动的,不是固定不变的。
.main {
float: right;
width: 70%;
}
.leftBar {
float: left;
width: 25%;
}
float的好处是,如果宽度太小,放不下两个元素,后面的元素会自动滚动到前面元素的下方,不会在水平方向overflow(溢出),避免了水平滚动条的出现。
另外,绝对定位(position: absolute)的使用,也要非常小心。
六、选择性加载CSS
“自适应网页设计”的核心,就是CSS3引入的 Media Query模块。
它的意思就是,自动探测屏幕宽度,然后加载相应的CSS文件。
上面的代码意思是,如果屏幕宽度小于400像素(max-device-width: 400px),就加载tinyScreen.css文件。
如果屏幕宽度在400像素到600像素之间,则加载smallScreen.css文件。
除了用html标签加载CSS文件,还可以在现有CSS文件中加载。
@import url(“tinyScreen.css”) screen and (max-device-width: 400px);
七、CSS的@media规则
同一个CSS文件中,也可以根据不同的屏幕分辨率,选择应用不同的CSS规则。
@media screen and (max-device-width: 400px) {
.column {
float: none;
width:auto;
}
#sidebar {
display:none;
}
}
上面的代码意思是,如果屏幕宽度小于400像素,则column块取消浮动(float:none)、宽度自动调节(width:auto),sidebar块不显示(display:none)。
八、图片的自适应(fluid image)
除了布局和文本,”自适应网页设计”还必须实现图片的 自动缩放。
这只要一行CSS代码:
img { max-width: 100%;}
这行代码对于大多数嵌入网页的视频也有效,所以可以写成:
img, object { max-width: 100%;}
老版本的IE不支持max-width,所以只好写成:
img { width: 100%; }
此外,windows平台缩放图片时,可能出现图像失真现象。这时,可以尝试使用IE的 专有命令:
img { -ms-interpolation-mode: bicubic; }
或者,Ethan Marcotte的 imgSizer.js。
addLoadEvent(function() {
var imgs = document.getElementByIdx_x(“content”).getElementsByTagName_r(“img”);
imgSizer.collate(imgs);
});
不过,有条件的话,最好还是根据不同大小的屏幕,加载不同分辨率的图片。有 很多方法可以做到这一条,服务器端和客户端都可以实现。
只要遵循这8条设计准则,我相信你们可以很快的设计出自适应的网页出来
5. 怎么建立自己的个人网站和网页如何设计
你好。要建立个人网站的话你得按照以下方式里进行:
1:首先你要购买一个空间。空间的就是用于存储你网页、数据库等的。
网站空间有很多种,虚拟主机、VPS、独立服务器等,个人站长选择虚拟主机就行了,既满足需求也降低成本。另外虚拟主机只需通过图形化的操作界面简单管理即可,而VPS和独立服务器需要一定的技术,根本不适合新手站长。能提供网站空间的服务商非常多。
2:然后你需要注册一个域名。域名是网站在网络上的门牌号,方便访问者快速找
到你的网站;同时也是网络上的名片,一个个性、简单和易记的域名可以让你在互联网中拥有自己的网站品牌形象,像“网络”的域名.com就是一个很好的例子。域名需要在域名注册商那里注册,国内有非常多域名注册商
3:选择网站的建设程序。程序的选择同样是网站建设中重要部分,个人站长可以独立开发网站程序也可以选择现成的。如果没有建站经验的新手,建议直接使用现成的网站程序。网上的网站程序有很多,有Shopex商城程序、pageadmin管理系统等等,想要搭建什么类型的网站选择对应的程序即可。
也可以可学习一下javavscript,asp,PHP,ASP.NET,JSP等动态网站开发语言。自己建设自己的网页。网站设计的话,还想深入学习,div+css布局,ajax,web2.0等技术,网站运营理念,seo等等。
以上是网站建设之初必不可少的三大基础条件,是缺一不可的。
当然不是说准备好它们就可以直接建好网站了,还需要域名解析、网站程序的上传安装等。这些操作的具体步骤可能会因为空间商和网站程序的不同有所差别。
但是搭建个人网站的步骤大同小异。
望点赞。
6. 字体自动设计网站
是这个吗?输入文字,选择字体,可预览效果。
http://youmade.com/font/index.asp
7. 怎么制作自己的网页
首先你是非开发者,你需要弄清楚制作网页的步骤都有哪些?
简单来说,网页制作需要的内容如下:页面设计、前端开发、后端开发(如果只是简单的介绍页面或者不常改的页面可以不需要该内容)、自己的服务器与域名、服务器部署及域名DNS解析配置。
非开发者需要你知道如果你自学需要很多内容去完善,大概拼命学3个月左右你可以尝试弄个简单的网页,但是这也代表着你入坑了,后面会有大把的坑等着你去填,在最后会和你说下开发者制作网页的步骤。以下为非开发者制作的步骤:
1、了解网页制作的组成、原理和基础知识,咨询下身边的朋友有没有做开发的基友。
2、网络查看下网页制作的花销组成,以及哪些地方是可以自己完成的,哪些地方自己完成还不如花钱让他人去做来的性价比高的。
3、找一些可以免费制作网页的服务商尝试一下步骤(免费的只能体会到网页设计和实现后的结果,过程无法体验,后端无法体验,服务器域名还有额,所有都体验不到,但是你可以看到最后的成果),提高下积极性。
4、找朋友,找小的服务商,找基友制作,自己尝试做一个解决方案,需求文档。
5、你已经离成功就剩实践的距离了,去做就可以得到你想要的,加油吧骚年。
对于初学或者技术的开发者:
1、将基础的网页前端页面画出来,大体的框架和基础文案。
2、将该设计图稿使用前端语言(vue.js、node.js或者h5)进行实现,也就是用电脑的语言画出来你之前的设计内容。
3、后端可以选择不要,或者使用开源代码去进行搭建简单的服务,提供一些基础内容的动态实现和互动(这个如果你不会可以找朋友,自学会花你比较大比例的时间)语言很多,自选。
4、购买服务器与域名,进行实名认证及ICP备案。
5、将代码打包到服务器中部署运行,设置tomcat配置文件,解析域名DNS到服务器的公网IP上。
6、确定无误后进行测试访问,网页中输入你的域名进行访问。
8. 设计自己的网页
初级前端
主要学习三个部分:HTML,CSS,JavaScript
到招聘网站,参考任聘要求,准没错,举例如下:
1.精通html和css,能制作符合W3C标准的静态页面;2.精通JavaScript编程,对面向对象编程思想有深刻理解;3.精通主流Javascript库/框架jQuery;4.理解并掌握JavaScript语言核心技术DOM、BOM有Javascript性能优化经验;5.对浏览器兼容性有深入的研究,精通各种浏览器问题 ;6.了解Backbone.js、AngularJs等MVC框架并有实际项目开发经验;7.了解http://asp.net等服务器后台技术和拥有一定的C#编程能力者优先;8.对交互体验、可用性、用户体验有一定程度的理解;9.有良好的责任心和团队合作能力、能承受较大的压力;
自己动手搜索下吧,确定目标和方向,以上是个人路线,仅供参考。
9. 怎样设计自己的网页
一、确定网站主题
网站主题就是你建立的网站所要包含的主要内容,一个网站必须要有一个明确的主题。特别是对于个人网站,你不可能像综合网站那样做得内容大而全,包罗万象。你没有这个能力,也没这个精力,所以必须要找准一个自己最感兴趣内容,做深、做透,办出自己的特色,这样才能给用户留下深刻的印象。网站的主题无定则,只要是你感兴趣的,任何内容都可以,但主题要鲜明,在你的主题范围内内容做到大而全、精而深。
二、搜集材料
明确了网站的主题以后,你就要围绕主题开始搜集材料了。常言道:“巧妇难为无米之炊”。要想让自己的网站有血有肉,能够吸引住用户,你就要尽量搜集材料,搜集得材料越多,以后制作网站就越容易。材料既可以从图书、报纸、光盘、多媒体上得来,也可以从互联网上搜集,然后把搜集的材料去粗取精,去伪存真,作为自己制作网页的素材。
三、规划网站
一个网站设计得成功与否,很大程度上决定于设计者的规划水平,规划网站就像设计师设计大楼一样,图纸设计好了,才能建成一座漂亮的楼房。网站规划包含的内容很多,如网站的结构、栏目的设置、网站的风格、颜色搭配、版面布局、文字图片的运用等,你只有在制作网页之前把这些方面都考虑到了,才能在制作时驾轻就熟,胸有成竹。也只有如此制作出来的网页才能有个性、有特色,具有吸引力。如何规划网站的每一项具体内容,我们在下面会有详细介绍。 四、选择合适的制作工具
尽管选择什么样的工具并不会影响你设计网页的好坏,但是一款功能强大、使用简单的软件往往可以起到事半功倍的效果。网页制作涉及的工具比较多,首先就是网页制作工具了,目前大多数网民选用的都是所见即所得的编辑工具,这其中的优秀者当然是Dreamweaver和Frontpage了,如果是初学者,Frontpage2000是首选。除此之外,还有图片编辑工具,如Photoshop、Photoimpact等;动画制作工具,如Flash、Cool 3d、Gif Animator等;还有网页特效工具,如有声有色等,网上有许多这方面的软件,你可以根据需要灵活运用。
五、制作网页
材料有了,工具也选好了,下面就需要按照规划一步步地把自己的想法变成现实了,这是一个复杂而细致的过程,一定要按照先大后小、先简单后复杂来进行制作。所谓先大后小,就是说在制作网页时,先把大的结构设计好,然后再逐步完善小的结构设计。所谓先简单后复杂,就是先设计出简单的内容,然后再设计复杂的内容,以便出现问题时好修改。在制作网页时要多灵活运用模板,这样可以大大提高制作效率。
六、上传测试
网页制作完毕,最后要发布到Web服务器上,才能够让全世界的朋友观看,现在上传的工具有很多,有些网页制作工具本身就带有FTP功能,利用这些FTP工具,你可以很方便地把网站发布到自己申请的主页存放服务器上。网站上传以后,你要在浏览器中打开自己的网站,逐页逐个链接的进行测试,发现问题,及时修改,然后再上传测试。全部测试完毕就可以把你的网址告诉给朋友,让他们来浏览。
七、推广宣传
网页做好之后,还要不断地进行宣传,这样才能让更多的朋友认识它,提高网站的访问率和知名度。推广的方法有很多,例如到搜索引擎上注册、与别的网站交换链接、加入广告链等。
八、维护更新
网站要注意经常维护更新内容,保持内容的新鲜,不要一做好就放在那儿不变了,只有不断地给它补充新的内容,才能够吸引住浏览者。
网页制作教程:
FONTRPAGE的
http://www.cqzxzx.cn/it/hongen/pc/jc-down/homepage/fp2k.zip
dreamweaver的
http://www.cqzxzx.cn/it/hongen/pc/jc-down/homepage/dreamweaver.zip
用Flash吧 我们上课用这个做的 这个比较好