⑴ 静态网页制作步骤
静态网页制作步骤:
第一步:制作一个静态网页之前,我们需要先制作一个网页1:1的效果图,又称静态网页效果图。制作静态网页效果图可以使用Photoshop CS4破解中文版制作。
第二步:将制作好的静态网页效果图进行PS切片。通过PS切片可将一张大的效果图切成多张小图片,以后可直接用在网页上。
第三步:使用HTML5和CSS3进行网页布局,网页布局遵从“先大后小,先外后里”的原则,先将整个静态网页大结构写出来,然后再按照效果图写各个部分的小版块。(这个部分需要有代码基础,可先学习HTML入门教程)
第三:制作网页上的特效,例如轮播图,需要使用JS代码制作。再将PS切片出来的小图片通过代码插入网页中,并且使用测试数据填充各个小版块,达到与效果图一样的效果。
第四:最后优化网页代码,删除冗余的文件,整理出一个简洁的静态网页,这样静态网页就制作好了。
(1)个人静态网站怎么做扩展阅读:
静态网页是标准的HTML文件,它的文件扩展名是。htm、.html,可以包含文本、图像、声音、FLASH动画、客户端脚本和ActiveX控件及JAVA小程序等。我们就叫做静态页面。
静态页面一般都是html格式,鼠标双击这个静态页面,就可以打开这张网页,效果会跟图片设计的效果一样。那么这个静态页面就是一个网站了吗?这些静态页面其实只是做网站或者做模板的材料而已。
在网站设计中,静态网页是网站建设的基础,早期的网站一般都是由静态网页制作的。静态网页是相对于动态网页而言,是指没有后台数据库、不含建站程序和不可交互的网页。静态网页相对更新起来比较麻烦,适用于一般更新较少的展示型网站。
⑵ 制作全静态网站的详细步骤
1、、首先说一下程序制作,由于是全静态的网站,所以你用frontpage就可以了,只要会word的,基本上它也拿来就上手。网站制作出来以后,就是上传的问题了;
2、域名申请,你做网站的目的是,要把你的芦野御信息发布出去让大家看到,所以要申请一个简短并有一定实际意义的域名,比如.com、sina.com等;
3、购买空间,用来放置你的网站内容;
4、上传你的程序(网页)到空间,一般采取ftp工具来上传(断点续传),上传上去脊者以后你的网陪岩页就可以展示给别人了。
⑶ 怎么建立一个静态的免费网站
有点难度 但也可以解决
建站步骤:
1. 准备 所需软件 :Frontpage, 或者 Dreamweaver 这两个软件是写代码的软件
然后 一个 Photoshop 或者 Fireworks
以上软件是 基本静态网页所需软件 任选其二 即可制作
2. 有了这些软件后 你要学会软件 基本操作,另外学习HTML代码,这个比较简单的,入门级的,花不了多少时间 你就能学以致用。。。
3.经过一段时间的学习 想必你已经尝试了一些制作
那么你可以找一个参照 的站来模仿做 或者直接存别个的页面 改连接还有样式 也可以用
4.想必经过你的努力 你的网站做的差不多了,恭喜 那么你可以考虑域名空间了
5. 天下没有免费的午餐 你看网上大把到的免费空间 有几个真可以免费用 呵呵
我可以免费,但不是真的免费,我送你空间用,你帮我做等价的事情,那么空间费用就相抵了
————————————————————————网虎科技 小鲁
⑷ 静态网页制作的具体过程
最简单的。
新建一个文本文档(也就是记事本)
在里面打上几个字,保存。然后把后缀.txt改为.html 再用浏览器打开 这就是一个静态网页了。
Dreamweaver 是很专业的网页设计软件。你可以搜索一下教程。很简单的。
可以在里面插入图片 声音 视频 flash等。
再就是现在最流行的 div+css 这个就相对难点了。需要有手写代码的能力。
制作过程在这里和你也说不明白 你还是从网上搜索一下Dreamweaver 视频教程吧。
做网页记住:所有文件夹和文件名都要用英文或者拼音。首页命名为index.html
⑸ 静态网页制作步骤
以下流程适合于为静态网页初学者 1,软件介绍,建立管理站点 网页网站介绍,网站取名,设计风格,色彩运用,定位方向(理论) 素材收集,软件启用,功能性菜单工具介绍,页面属性设定,预览网页 2,创建新文件,设定文本图片动画格式 文本属性,涉及到HTML样式,图片属性,图文超连接,图文混排。 段落和行,有序无序列表,水平线,日期,特殊字符 图片轮显,导航菜单,插入Flash(.swf) 字体样式的学习 3,创建超级连接 a,文本连接:到网络,到站内;b,图片连接:整图,热点区域; c,邮件地址连接; d,下载打开对话框连接解释; e,书签锚点连接:到同页到不同页。 要求对绝对路径和相对路径的熟练掌握。 /Article/wysj/jzll/200510/404.htm 4,建立表格 表格的建立,格式化表格(颜色采用规则) 表格数据,排序表格 行和列的选取,行和列的填加删除 矩形多单元格块的相关操作 标准视图和布局视图,自动伸展表格 表格在网页中的应用~! 其他花样表格介绍。 5,帧-框架页面 框架的建立,保存,连接--个人站点的起步 以及iframe的运用。 6,层以及时间线的运用 鼠标移到图片时显示隐含图层 & 拖动图层的应用 http://www.pconline.com.cn/pce/sj/wz/Dreamweaver/10111/14968.html 点击按钮出现隐含图层 & 下拉菜单的实现 http://www.pconline.com.cn/pce/sj/wz/dreamweaver/10111/14982.html 如何赋予文字图层特效 & Timeline 的基本应用 http://www.pconline.com.cn/pce/sj/wz/dreamweaver/10111/14992.html 一个比较复杂的Timeline例子 http://www.pconline.com.cn/pce/sj/wz/dreamweaver/10111/15019.html 7,FORM表单相关 8,CSS样式表 9,Head头部属性 以下所有代码全是在...之间,具体内容有: a,标题元素,帮助用户更好识别文件,有且只有一个。 当作为首页或收藏时做文件名。 b, …显示本文档和其它文档之间的关系 c, 可以在文档中包含风格页。 文档本身的内部样式。 d, …为相对路径定义绝对路径url,读者下载你的文档后,也可知道从哪下的 e, 用于包含脚本(一系列脚本语言写的命令)可以是 JavaScript 或 VBScript。 f, 10,动态HTML应用,行为样式 11,模板和库 12,发布设置上传
求采纳
⑹ 如何建立静态网站站点
1.你可以在“文件资源”这个窗口中,在“管理站点”中自己设置一个“站点”,新建站点后,根据提示一步一步的做就行了,然后把你做网站所需的内容全部放进这个战点中。
2.之所以显示的网页地址是file:///D:/qdzksc/IT/index111111139.html,原因是你还没有上传网站,也没自己的空间域名,在Dw中调试网页的话,它显示的网页地址都是你所在电脑中存放文件的地址;
3.在一般情况下Dw默认的链接猜判老都是有下划线的,你的这个问题冲槐,我估计是你自己在设置a:linka:visiteda:hovera:active时test-decoration=“none”穗升.
⑺ 做一个简单的静态网页.
这个太简单了
你把下面的代码复制到记事本上
然后把记事本的名字改为
你想要的名字
加上
点
加上html举例名字:
静态页面.html 注意:一定要让记事本显示扩展名
txt
然后再改
实在不会
加我QQ:1441773001<html><head><title>很简单的一个静态页面</title></head><body>这就是一个简单的静态页面<body></html>