易坊好文馆

  1. 首页 > 生活百科 >

怎么设计自己的网页


设计个人网页
如果你已经上网，为何不尝试一下在网上做一个完全属于自己的主页？有了自己的主页，全世界的人都可以随时找到你 ， 你也可以向全世界宣传下自己，是非常有意义和有意思的 。现在简单介绍一下设计主页的过程和方法：
一、准备材料
你首先做一个小计划,准备在主页上告诉人家什么？比如介绍三个方面：自我介绍,我的爱好,我的工作,那你就先起一个总目录（文件夹,比如d:html）,来放你的所有文件 ， 然后再在这个目录建立三个子目录：myself,interest，job 。文件名你可以任意 ， 但最好全部小写，因为有的主机要认大小写 。然后将你的材料copy进相应的子目录 。比如你要在你的主页里展示你的靓照，那就将你的照片扫描成JPG格式的文件，放在myself的目录下.
要注意,网上只能使用JPG和GIF两种图象格式，其他诸如BMP和TIF等很通用的格式都不能用在网上,因为它们太大了,但你可以用图象软件进行转换，比如Office97的照片编辑器 。把你准备在你主页上出现的图象放进相应的目录里后,你就可以开始设计了 。
二、开始设计
你无须去记复杂的HTML语言，你可以用Netscape4.0或者WORD7.0,我用的是Frontpage.打开Netscape,在file菜单里选EditPage,便可以设计了.文字的处理基本跟Word没什么两样,关键是插入和产生链接.我们先做关于你自我介绍的一页，你先写上“大家好，我是superboy，下面是我的照片：”这时要放了，只须点击Insert菜单，选取Image,在Choosefile里选取你的图象文件即可，然后把这个文件保存为myself.html文件，放在myself的目录下 。好，现在必须做封面了，你在封面写：“欢迎来到superboy的主页”以下是“自我介绍，我的爱好 ， 我的工作” 。你的自我介绍要链接到下一页去，你只须用鼠标选“自我介绍”后按鼠标右键，再选createlink，然后再选你myself目录下的myself.html，就将“自我介绍”链接到下一页了，以后在浏览器中一按 ， 就可以跳到镶有你靓照的页面啦 。
在你的封面做好了所有链接和后，记住你必须将这一页保存为index.htm(有的主机要求必须为index.html),因为网页默认的主页名称是index.设计主页其实很简单，只要多实际设计，工多艺熟 。还可以拿来主义，在网上看到什么好的主页 ， 用另存为功能保存为.html格式的文件 ， 细细研究人家是如何做的 。还可以借用网页模版来搞，我的就是~~~~~~
三、将你设计好的安放在网上
要在网上安你自己的家，你必须先申请一个主页空间，即向某一个主机申请一快硬盘空间 。现在有较多的主机提供免费主页空间，具体见实用链接栏目 。这些主机不仅提供免费个人主页空间，并且还提供留言簿、计数器等很有用的功能 。只要到有关站点申请即可，具体方法，参考相关题目 。申请完成以后用FTP将你所有的主页文件上传至主机指定的目录就可以了！
需要注意的是，一定要保持网页的相对位置，否则会看不到网页的 ， 有很多朋友都问我:为什么我的网页传上去了可是看不到,老是出现网页错误呢？其实他们都是因为位置的问题，只要把位置改动一下就可以的了
如何制作自己的网站？需要有哪些步骤？网站设计简易流程介绍
1策划与草图
2设计与制做
3切割与导出
4编辑与模板
5动画与广告
6链接与上传
按软件及长度划分制做步骤:
1策划与草图
1.1所有网站和其它设计作品的过程都是从策划开始的 。这是最能体现你的才华和创造力的地方 。人最大的区别于其它动物的地方就是会思考，会创造 ， 而且唯有这点是难能可贵的!我们必须要在动手打开PS或FW制做界面前就要完成一个网站最最关键的策划部分 ， 它将直接影响
这个网站的成败与否 。一个优秀的网站 ， 不仅做得漂亮，而且要方便浏览，可读性强，简洁明快!
网站的风格，用色，版式，布局，栏目甚至每个细小的图标都要经过精雕细琢，深思熟虑 。而风格的制定要取决于你所做网站的浏览人群和读者职业背景、文化程度和修养爱好等，只有投其所好才能最大化地产生共鸣;另一方面取决于公司的类型和企业法人的喜好，如果不是要强加入你自己的意志的话，那上述几点已经制定了网站大致的努力方向了!
1.2本站是商业化的网站面向企业为主，所以我采用简约风格 ， 亮丽明快的颜色和风格，只要学学平面构成和色彩构成就知道如何按其风格去布置各个元素和内容，以及用何种颜色来营造你要表达的效果了，包括冷暖明暗都是很关键的 。大面积的中性色不刺眼，而重要的引导视线可以让亮色来担当，冬天喜欢暖色夏天喜欢冷色是人之常情，蓝色那种给人以信任和科技的底韵是我选择它的原因，而像橙、黄等促进食欲的颜色更容易受到食品网站的青睐!
1.3本着简洁科学的分类原则来划分栏目:首页客户中心窄告介绍合作媒体常见问题媒体报道关于我们
栏目如果划分不好的话 ， 影响框架的调整，后果就是:重头再来了，郁闷吧?
本网站主要面向潍坊企业，所以要做得本地化，让人看了感觉亲切，而且要做得漂亮，废话！
1.4好了 ， 完成上面这些后请拿起笔在纸上按你的创意和设想画一草图，尽是具体些，最好精细到每处阴影和描边!这步很关键的说!
1.5本节最后就是准备制做网站时所需要的素材了，包括图标，LOGO，广告语，内容介绍等这都是最基本的!
2设计与制做
2.1如果草图都已经绘制完美后就可以打开PS或FW开工制做和设计我们的界面了，在这里我使用PS ， 虽然没有FW的高效和专业但更加灵活和自由，这是我最喜欢的，也因为用惯了嘛!^^养兵千日用兵一时 ， 平时的练习和学习在这里派上用场了!呵呵!
2.2可以在新建的778*600页面中先打框架然后再采用逐步细化的方法，还可以采用你自己独特的手法，比如透明玻璃水晶按钮等效果来营造特别的风格，要力求简约和精致!不要放过每个细节的刻画，即使是1*1的5%透明度的阴影都会给你的页面增彩 ， 别以为别人看不见!
2.3最好养成分层的习惯，这样可以方便分类和编辑，不至于把上百个图层放在一下层级里搞得一团乱麻，分不清楚 。
作为一名优秀的设计师应该有条理，所以请养成分类并为每个图层命名的习惯 ， 这决不是浪费你的时间!
3切割与导出
无论是PS还是FW，哪怕是AI做的设计界面，在切割的原则都是一样的，请遵从以下几个方面:
3.1首先要按大致的框架切割，如国字型或T字型，注意其完整性
3.2对于要输入的文字区域、大面积色块或单独的以及flash动画要单独切割成非格式的切片以备插入
3.3对于添加内容需要很长的区域要注意其伸缩性切割，若有图案要保证可以重复排列
3.4在切割时要特别认真和小心，不要空留一行或列的一个象素的间隙，要放大让切片都对齐，不留空隙
3.5其它如按钮和空白处等自动生成的切片，以及创建需要改变外观的切片等
切割完毕后，选择文件另存为WEB页命令 ， 导出为HTML文件待DW编辑 。
4编辑与模板
4.1在DW中打开导出的HTML文件开始编辑，包括大表格居中 ， 设置背景，修改空白可输入区单元格背景为原来切割的等
4.2将编辑完毕的文件添加CSS样式 ， 包括最基本的TD和Alink等标签，然后存为模板DWT文件，并^altv新建可编辑区域
4.3通过模板新建各个页面并添加入相应的内容
5动画与广告
5.1按原来切片所容留的大小制做FL动画广告条，使用相应的文字内容和广告语，在FL中新建文件
5.2复制粘贴广告词到场景中，排版并转换为元件578*104
5.3添加相应的背景和动画，调试节奏后发布为SWF文件
5.4插入到DW中的模板页并调整大小后存盘，其它的页面会自动更新
6链接与上传
6.1重新设置模板页的导航链接，本步骤也可在第四节完成
6.2在本地打开首页检查链接与文字内容直到无错，确保链接可正常访问
6.3上传到申请的空间，在域名解析成功后在浏览器中浏览网上的效果并做相应后期维护!
对于现在的公司来说，如果想要做到在竞争激烈的环境下生存的话，就一定要特别的注意网络营销方面，而网站推广则代表着一个企业的实力和对用户的了解 。那么你知道如何制作自己的网站吗？都需要有哪些步骤？
1、企业域名
企业域名等于用户在网络上对于我们企业的首要印象 ， 通常来说，选择域名的时候使用公司名称的完整拼法或简单拼法是比较合适的，因为按照我们的习惯 ， 就是更加的喜欢在搜索框中输入拼音进行搜索 。如果企业或行业的名称有明显的英语单词，使用英语也是不错的选择 。
2、公司网站标题
网站标题是用户搜索相关行业关键字时，在排名结果中向用户显示的第一条信息 。一般来说，在进行标题设置的时候选择公司的名称 ， 或者是首字母等都是不错的方式，可以做到更好的来让消费者记住我们的公司品牌，也有利于品牌的营销 。
3、企业网站关键词
如何制作自己的网站中还有一个很重要的是对于关键词的选择 ， 关键词就像是网站的灵魂，只有经过精心规划和设置 ， 才能在用户搜索结果中显示 。一般来说，搜索引擎优化教程强调的是索引高、竞争力低的关键词 。
4、网站内容
高质量的内容一直是搜索引擎的最爱，此外，因为我们要做的一般都是企业网站，所以在内容的输出方面要注意的是更好的来凸显出公司的形象、产品以及技术等相关的信息，这个方面是非常重要的 。
5、企业****的植入
在网站主页的描述中，嵌入企业的****是一种容易被忽视的优化策略 。在网站的显着位置显示企业的****，以便与用户进行更多的联系 。注意在网站中嵌入联系人信息 ， 不要太直截了当，用高频弹出广告挑战用户的耐心是不明智的 。
【怎么设计自己的网页】如何制作自己的网站中还需要注意的是网站的颜色 ， 企业网站颜色的选择应与企业的行业属性相关或与企业的logo一致的颜色，不要太浮夸 。
如何制作网站

    推荐阅读


    上一篇：urlmon.dll urlmon.dll是什么

    下一篇：wubishuru 五笔输入法