简单的网页制作教程-设计一个个人网站
如何自己创建一个免费的网站及网站推广

三:网站的访问过程,假如我想访问SEO网站,首先我会在地址栏目中输入网址 然后回车,这时候发生了什么?你的网络运营商找到IP后才会打开你的网站。
四:网站的创建和开通过程
第一步:联系网络服务提供商,购买域名和空间(也可以自己买服务器托管到电信、网通)
第二步:买好空间和域名后,则要做域名解析。
四、确定网站界面
网站页面是网站给浏览者的第一印象,栏目的层次、网站的色彩风格决定着网站的视觉效果性,在设计网站的界面时要注意下:栏目与板块编排 、目录结构与链接结构 和形象的设计。我们做网站时候要删除与主题无关的栏目,要展示最有价值的内容,要有利于网民查询和浏览。
五、推广自己的网站
例如EditPlus、windows自带的写字本等,这些工具主要编辑asp等或PHP、 jsp等动态网页。
5、网站运行环境的配置。
因为动态的网站在运程服务器的运行是需要环境来支持的,所以,如果要测试建设好的网站的功能,必须在本地或者内网做好动态网站的运行状态,比如:ASP网站需要安装IIS,PHP网站也需要安装运行PHP的环境,这些都是建设一个好的动态网站必须的。
第三,这才是做网页,有html的静态网页,还有asp或者php的动态网页,看自己的能力和爱好了,动态网页难学麻烦一点点,但是功能就强大了许多!
首先要学网站建设的话,得学Macromedia Dreamweaver这个软件,因为这是专业制作网站的软件,也是比较好用的,还要学POTOSHOP,FLASH 等软件接着你还得学点html,asp,等语言,这样你都会的话,制作一个网站就没问题了。
七、推广自己的网站
网站制作完成之后,还有相对重要的工作要做,就是后期的推广。推广是保证网站正常更多的客户。
怎么使用dreamweaver制作网页教程 dw建站设计网页

怎么使用dreamweaver制作网页教程 dw建站设计网页Dreamweaver是一款专业的网页制作软件,被广泛应用于网页设计师的日常工作中。
它是一款视觉化网页开发工具,可以轻松制作出跨越平台和浏览器限制的充满动感的网页。
在本文中,我们将为您介绍如何使用Dreamweaver制作网页。
一、定义站点1.在任意一个根目录下创建一个文件夹(例如E盘),并为其命名(例如MyWeb)。
2.打开Dreamweaver,选择“站点-新建站点”,在对话框中输入网站名称和本地根文件夹路径(E:web),然后确定。
此时再次打开Dreamweaver,会自动找到刚才设立的站点。
二、创建页面1.在本地文件夹E:\MyWeb下,右键点击空白处,选择“新建文件”,建立一个页面。
默认的文件名为untitled.htm,将其改名为index.htm。
2.双击index.htm进入该页面的编辑状态。
在标题空格里输入网页名称,按右键选页面属性,打开“页面属性”窗口。
在这里可以设置网站的标题、背景颜色或背影图像,超级链接的颜色(一般默认即可),其他都保持默认即可。
3.在页面中添加文字,可用菜单“窗口/属性”打开属性面板,选取文字大小为6,再使文字居中,然后在文字前用几个回车使其位于页面中间。
4.如果需要选取字体,则选择字体中的最后一项“编辑字体列表”,在对话框中选+号,接着在“可用字体”栏中选择需要加入到字体列表中的一种字体,点击中间的按钮就可以加入了。
三、为页面添加图片在页面中添加图片,可用菜单“插入/图片”,选择本地图片路径,然后将其拖拽到页面中即可。
Dreamweaver是一款非常强大的网页制作软件,通过本文的教程,相信您可以轻松上手制作出精美的网页。
1、在本地文件夹E:\MyWeb下新建文件夹,用于存放图片,可更名为tu、pic或images。
2、打开对象面板,选择“插入图像”,在对话框中选择要插入的图片。
若出现对话框“是否将该文件复制到根文件夹中?”,需选择“是”,并保存到刚建立的文件夹中。
自己如何制作一个网站-制作网站流程步骤

自己如何制作一个网站?制作网站流程步骤在当今数字化时代,拥有一个网站已经成为了企业、个人展现自己的重要方式。
但是,对于许多人来说,制作一个网站好像是一件特别困难的事情。
实际上,只要把握了一些基本的学问和技能,制作一个网站并不是那么难。
本文将为大家介绍自己如何制作一个网站的流程步骤。
第一步:确定网站类型和目的在制作网站之前,首先需要确定网站的类型和目的。
网站类型包括企业网站、个人博客、电子商务网站等等。
不同类型的网站需要考虑的因素也不同。
例如,企业网站需要考虑的因素包括公司介绍、产品展现、联系方式等等;而个人博客则需要考虑的因素包括博客主题、文章分类、评论系统等等。
同时,还需要确定网站的目的,是为了展现自己的作品、宣扬自己的品牌、销售产品等等。
其次步:选择合适的网站制作工具选择合适的网站制作工具是制作网站的关键。
目前市面上有许多网站制作工具,包括WordPress、Wix、Squarespace等等。
这些工具都有自己的特点和优势,需要依据自己的需求和技能水平来选择。
例如,WordPress是一个特别流行的网站制作工具,它有许多免费的主题和插件,可以满意不同类型的网站需求;而Wix则是一个特别易于使用的网站制作工具,可以关心没有编程阅历的人快速制作一个美丽的网站。
第三步:选择合适的域名和主机选择合适的域名和主机也是制作网站的重要步骤。
域名是网站的地址,需要选择一个易于记忆、与网站主题相关的域名。
主机则是网站存放的地方,需要选择一个稳定、平安、速度快的主机。
目前市面上有许多域名注册和主机服务商,需要依据自己的需求和预算来选择。
第四步:设计网站页面设计网站页面是制作网站的核心步骤。
在设计网站页面时,需要考虑网站的整体风格、颜色搭配、排版布局等等。
同时,还需要考虑网站的响应式设计,即网站可以在不同设备上自适应显示。
在设计网站页面时,可以使用一些免费的设计工具,例如Canva、Figma等等。
第五步:添加网站内容添加网站内容是制作网站的最终一步。
网站制作教程_教你快速制作自己的网站

网站制作教程_教你快速制作自己的网站第一篇:网站制作教程_教你快速制作自己的网站网站制作教程,教你怎么快速制作网站首先,可以告诉想制作网页或想从事网站维护,网站管理等相关行业的的朋友。
网页制作有很多种方式,不外乎自己开发,找第三方开发。
找网络公司开发这里就不说了,没有什么技术含量,准备好钱就可以了,自己内部开发主要有下面两种方式:方法一:下载cms(cms也称网站内容网站管理),互联网发展到今天,网站制作也变得非常简单,国内也出现了一批很专业的网站制作软件,比如pageadmin系统、shopex系统、discuz系统、wordpress系统等都是很优秀网站制作软件,有一句话说得好,站在巨人肩上会看的更高,一样道理,用专业的网站系统来做网站就是一个非常省力,省时的过程,并且强大的后台功能有利于后续功能扩展及改版,国内90%网站都是基于这些cms系统基础上搭建,其中不乏知名网站,当然,选中一个系统后你需要去熟悉这个系统的功能你才能运用得很好。
方法二:这也是一个专业企业网站开发人员必须掌握的方法,因为掌握下面基础,即时你用方法一来做网站,也能运用得更好,因为一把好剑也需要一个好的剑客,有基础后你会把各种cms系统运用自如,下面讨论一下成为一个网站制作人员必须掌握的知识:第一阶段:开始时最好是学些图像编辑软件和基础网页脚本语法,如:Firework或photoshop,HTML语法(百度一下:HTML入门),CSS语法(百度一下:CSS入门),javascript语法(百度一下:javascript入门)这样可以使您更了解网页制作的原理。
结合教程边学习边制作,这最多花你几周时间。
第二阶段:有了上面的基础,你可以制作一些简单的页面了。
当然为了让网站做得更漂亮,功能更强大,你就需要学一些动态编程语言,常用的有ASP,PHP和,推荐后两种,因为Asp已经被淘汰,后两种程序区别自己上网搜索吧,本人更倾向于学习.NET,面向对象,功能太强了,微软的东西就是强悍。
有关建立个人网站的简单流程

网站搭建简易流程网站搭建需要的东西:1.域名2.空间3.程序软件准备:PS,FTP,Notepad++,DW域名注册域名要容易记忆,易理解。
域名备案等同于网站备案域名注册网站:juming刚注册完不能使用,等待审核空间购买香港空间较慢、美国空间最慢、国内空间快但是得备案php空间/asp空间(依靠代码类型选择)、vps/服务器:需要搭建国内空间商:阿里云、西部数码、景安、腾讯云,可以选择淘宝通过代理购买域名在空间备案:通过空间商网站备案淘宝搜索=>百度空间=>选择套餐大小(php)=>登录给的网址和帐号密码=>复制数据库信息知道密码=>复制帐号信息里的FTP信息域名绑定空间域名解析:进入juming=>登录=>管理=>使用的域名=>管理=>更改DNS(主荐)=>提示域名审核成果=>查询域名绑定里的主机临时域名=>主机记录@->www 添加一条=>ping 域名cmd查询验证域名绑定:进入主机控制面板=>域名绑定=>添加域名网站程序讲解前端显示,后端调用可以直接用完成好的网站源码进行修改使用寻找源码:淘宝寻找(搜dedecms寻找-带手机版)、网站上寻找=>下载网站程序的安装[1]整理源码:新建文件夹=>源码放入=>全选打包压缩[2]打开FTP:打开空间数据=>快速连接=>输入FTP地址、端口、帐号、密码=>连接=>web/webroot(先删除内部文件除error与带有php、ini的文件)=>源码压缩文件拖入=>访问空间后台=>工具与服务=>文件解压=>输入文件路径/解压目录(当前目录)=>删除压缩文件[3]程序安装:输入/install/index.php访问=>访问完毕点击继续安装=>输入数据库相关信息设定=>安装成功[4]恢复数据:登录网站后台网址/dede(可修改名)=>系统设置/数据库备份还原=>数据还原=>开始还原数据=>系统基本参数=>替换网址为自己网址=>确定=>HTML更新=>一键更新网站=>更新所有=>更新=>更改登录密码(选中所有负责频道)网站的修改网站顶部ico和logo的修改连接FTP=>根目录=>修改xx.ico文件=>百度ico图片在线生成=>覆盖根目录ico文件(点三角)保存logo图=>在ps中操作修改=>更改logo名称=>复制logo地址打开=>根据地址栏寻找文件=>覆盖网站导航修改进入后台=>常用操作=>网站栏目管理[可以更改排序、名称、删除/增加二级分类]=>一键更新网站-全部更新网站幻灯片修改进入后台=>常用操作=>首页幻灯-内容=>修改=>找到文件图片保存=>ps修改保存=>点击浏览选择图片上传=>确定替换首页产品修改进入后台=>网站栏目管理=>更改栏目内容=>站内选择图片新上传=>保存更新更改英文显示=>高级选项更改简介与联系方式修改找到路径保存图片=>ps修改处理=>修改好的图片拖入路径文件夹联系方式在系统基本参数里更改就完成了案例展示相关修改从导航栏找到相关栏目=>打开二级栏目=>点击栏目内容修改底部版权修改系统基本参数=>网站版权信息-修改模板管理footer修改底部logo修改保存图片ps修改=>打开FTP保存在原图片路径下并保存替换手机版logo修改在网址后面加/m进入手机版复制=>ps=>通过ftp找到原logo替换手机版版权修改模板管理=>index.html.m=>找到logo标签进行修改手机版与pc端同步更新设置必须使用动态浏览网站三大标签修改title description keywords进入后台=>系统基本参数网站301重定向设置打开面板管理=>高级设置=>301/302=>目标域名带www网站404页面设置下载404页面模板=>修改url/背景url/返回链接url修改成自己的网址=>拖文件到根目录=>打开空间面板=>高级设置=>错误404=>找不到页面设置自定义为自己的404页面网站url绝对化绝对地址:全地址加.com相对地址:.com后面的相应界面系统基本参数=>多站点-是网站目录规范化进入后台=>常用操作=>主栏目-更改=>文件保存目录(短的自己想用的-一层)=>更新栏目添加百度站长平台进行数据管理网址:站长.百度站点管理=>添加网站百度自动推送代码添加百度站长平台=>链接提交=>自动推送=>复制代码=>打开后台默认模板管理=>footer.html-修改-粘贴=>更新所有友链添加修改网站后台=>辅助插件=>友情链接=>删除-添加网站安全基本设置打开FTP=>找到后台地址的目录=>重命名系统用户管理=>更改后台密码空间商选择大的安全的,正规的网站文件整理=>在FTP里删除member(如果不用)/special网站备份:每个礼拜备份一次网站备份与恢复进行数据备份=>进入后台=>系统设置=>数据库备份还原=>提交(备份在根目录的backupdat)进行打包=>登录空间面板=>工具与服务=>文件压缩=>程序根目录=>提交任务=>在FTP目录中找到并下载放在专门的目录中打包文件上传FTP空间,解压恢复=>删除install中的install.lock文件与修改index.php.bak后面去掉.bak=>重新再打包=>清空根目录文件=>包重新上传=>解压安装恢复(参考安装)数据库信息=>数据库管理=>可以删除所有数据库表恢复数据=>数据库备份还原=>选择bata/backupdata=>开始还原数据一键更新网站登录FTP删除install文件夹网站代码了解网站模板与后台的机制原理前端-页面后端-数据管理dede的模板文件-通过修改可以改变-文件在根目录的templets网站模板对应页面共同点:logo+导航、内容、网站底部dede分离机制:只写页面内容(除头部和底部),单独写头部、底部文件页面组成:头部独立文件-内容(导入头尾)-底部独立文件==>利于修改分为电脑端模板和手机端(m)模板index.html/index_m.html --首页模板head.html/header_m.html --头部模板(通用)footer.html/footer_m.html --底部模板(通用)search.html --搜索页面模板article_article.html/article_default_m.html --内页模板(通用)[不固定]list_article.html/list_article_m.html--栏目模板(独立) 针对需要列表的页面[不固定]list_image.html --栏目模板(独立) 针对图标显示列表的页面[不固定]list_case.html --栏目模板(独立) 针对详细分析页面index_article.html/index_default_m.html --封面模板(通用)index_liuyan.html/index_liuyan_m.html --留言模版找到css==>.css文件网站模板和网页网页:html+css模板:html+css+后台接口网站模板的修改与模块的增删文字修改:前端内容在模板中找到修改页面元素颜色:找到修改元素位置=>找到css模板位置=>更改页边距:w-h l-r-t-b元素模块:头、尾、幻灯片、网站介绍、资讯数据、友链后台与模板接口:规则{dede:xxx typeid="?1" row="?2" xxx="" xxx=""}?1唯一标识id。
小学五年级信息技术学习制作简单的网页

小学五年级信息技术学习制作简单的网页在小学五年级的信息技术学习中,学生们将学习如何制作简单的网页。
通过掌握基本的HTML标记语言和网页设计原则,他们可以创造出具有一定交互性和美观性的网页。
下面将介绍制作简单网页的步骤和技巧。
一、准备工作1. 打开文本编辑器:在开始制作网页之前,学生需要打开一个文本编辑器,例如Windows平台上的记事本或者Mac平台上的文本编辑器等。
2. 保存文件:学生应该将文件保存在一个容易访问的地方,例如桌面或一个新建的文件夹中。
文件的后缀应为.html。
二、编写基本结构1. <!DOCTYPE html><html><head><meta charset="UTF-8"><title>我的第一个网页</title></head><body></body></html>以上是一个基本的HTML结构。
其中,<!DOCTYPE html> 表示这是一个HTML5文件,<html>标签是HTML文档的根元素,<head>标签用于放置与网页相关的元数据,<meta charset="UTF-8">定义了网页的字符编码,<title>标签用于定义网页的标题,<body>标签包裹了网页的主要内容。
三、添加网页内容在<body>标签中,可以添加各种网页内容,例如文字、图片、链接等。
1. 文字<h1>欢迎来到我的网页</h1><p>这是我第一个制作的网页,非常兴奋!</p>使用<h1>标签可以定义一级标题,<p>标签可以定义段落。
学生可以根据需要添加更多的标题和段落内容。
2. 图片<img src="图片的URL或路径" alt="图片描述">使用<img>标签可以插入图片。
个人网页制作简明教程

个人网页制作简明教程(孙晓鹏 整理)资料来源:/目 录1. 认识网页2. 制作主页前的准备3. 如何选择网页制作工具4. 如何把握网页布局5. 安装Dreamweaver86. 规划站点7. 制作模板8. 制作首页9. 套用模板和修改模板10.网页的发布1. 认识网页1.1. 什么是网页网页的学名称作HTML文件,是一种可以在www网上传输,并被浏览器认识和翻译成页面显示出来的文件。
WWW是“World Wide Web"的缩写;HTML的意思则是“Hypertext Markup Language”,中文翻译为“超文本标记语言”。
“超文本”就是指页面内可以包含图片、链接、甚至音乐,程序等非文字的元素。
网页就是由HTML语言编写出来的。
HTML语言是一种排版语言,语法就类似于这样:“页高8宽5,(1,2)处插入高1宽1的图片A...” 如果您是使用WPS或则Word的高手,那么恭喜您,网页制作的学习您已经走了一半路了!1.2. HTML全称HyperText Markup Language,正式名称是超文本标记语言,HTML语言发展很快,已历经HTML1.0、HTML2.0和HTML3.0、HTML4.0多个版本,现在HTML5.0正在测试,同时DHTML (动态)、VHTML(虚拟)、SHTML等也飞速发展起来。
我们现在一般只要掌握HTML4.0就可以了。
html利用标记(tag)用来描述网页的字体、大小、颜色及页面布局的语言,使用任何的文本编辑器都可以对它进行编辑,与VB、C++等编程语言有着本质上的区别。
举一个简单的例子:HTML 原代码: <b></b> 从不懂上网到网络高手在浏览器的显示效果: 从不懂上网到网络高手其中 <b></b> 就是两个HTML标记。
它以起始标记<b>及结束标记</b>标记文字,令它显示成粗体。
如何利用Dreamweaver搭建个人网站

如何利用Dreamweaver搭建个人网站1. 简介搭建个人网站是展示个人信息和技能的好方式,利用Dreamweaver这一强大的网页开发工具,可以轻松实现个人网站的搭建。
本文将介绍如何利用Dreamweaver搭建个人网站,包括设置网站,设计网页布局,添加内容和样式,以及发布网站。
2. 设置网站在开始之前,我们需要设置一个新的网站。
在Dreamweaver中,点击“文件”菜单,选择“新建”>“网站”,填写网站名称、本地文件夹和默认的服务器设置(如果有的话)。
完成设置后,就可以开始设计网页了。
3. 设计网页布局在Dreamweaver中,网页布局可以通过网格系统或自由设计来实现。
网格系统是一种按照固定比例划分的布局,可以在网页中创建各种网格,并在其中放置内容。
自由设计允许您自由移动和调整元素的位置和大小。
选择适合您的需求的布局方式,然后开始设计您的个人网站。
4. 添加内容一个个人网站通常需要包含多个页面,如主页、个人资料、项目展示、联系方式等。
在Dreamweaver中,可以使用“插入”菜单将各种内容添加到您的网页中。
例如,您可以插入文字、图片、视频、音频和表格等。
在添加内容时要注意布局和可用性。
5. 设计样式为了使个人网站更具吸引力,您可以使用CSS(层叠样式表)来设计和设置样式。
在Dreamweaver中,您可以使用CSS面板来编辑和应用样式。
通过定义样式规则,您可以通过一次更改就应用到整个网站中,从而确保网站风格的一致性。
6. 调试和优化在设计完个人网站后,对其进行调试和优化是非常重要的。
Dreamweaver提供了内置的调试和优化工具,可以帮助您检查并修复可能出现的问题,如链接错误、代码错误和页面加载速度等。
优化网站,包括减小文件大小、优化图片和脚本、合理使用缓存等,将对网站的访问速度和用户体验有着重要影响。
7. 发布网站当您完成个人网站的设计和调试后,可以开始将其发布到互联网上。
- 1、下载文档前请自行甄别文档内容的完整性,平台不提供额外的编辑、内容补充、找答案等附加服务。
- 2、"仅部分预览"的文档,不可在线预览部分如存在完整性等问题,可反馈申请退款(可完整预览的文档不适用该条件!)。
- 3、如文档侵犯您的权益,请联系客服反馈,我们会尽快为您处理(人工客服工作时间:9:00-18:30)。
题目:设计一个个人网站一、要求:1.使用Dreamweave网页工具制作一个个人网站;2.包含至少四个网页: 包括首页、个人简介、个人相册等(可随意设计),网页之间用超链接相连。
3.网页中要有图片和文字内容,用表格进行页面布局;4.添加至少两种行为,并为首页添加背景音乐。
5. 在网站中设计一个表单页面。
6. 首页必须包含页面标题,动态按钮导航栏。
首先新建一个文件夹,文件夹的名字不能为汉字,做网站所有的路径都必须用字母或者数字,不能用汉字,我们就用名字吧,譬如说名字张三,那文件夹名字就是zs,如图打开Dreamweaver软件,得到图做网页要新建站点,关于站点配置服务器什么的,这里不讲了,只讲建立站点。
选择站点——新建站点。
我们建的文件夹就是站点根文件夹。
新建站点后得到这样一个界面点选高级,得到界面站点名称与我们建文件夹得名字相同,zs填进去就可以了本地根文件夹就是我们新建的那个文件夹zs,http地址为http://localhost/zs接下来选择左侧栏里远程信息点击无后面的那个三角,选择本地网络,远端文件夹同样选择我们新建的那个文件夹接下来点选左面菜单里的测试服务器,点选访问后面那个三角,选择本地网络,测试服务器文件夹也为我们建好的文件夹zs,在url前缀后面加上zs然后点击确定就可以了得到这样一个界面。
下面看老师的第一条要求,是要至少四个网页,那我们就做四个单击新建,然后单击接下来,选择然后单击创建,接下单击文件——保存,保存这个文件,保存在我们一开始建好的文件夹里面,保存名字不能是汉字,只能是字母或者数字,因为我们只坐四个网页,可以简单一点,把这四个网页命名为a、b、c、d,或者1、2、3、4,当然一个网站默认的索引首页名为index,这里也用index,单击保存,这样得到第一个页面,以同样的方式建剩下的三个页面,这里我的首页默认为index.html,其他三个网页的名字分别为a.html、b.html、c.html,我们这四个网页文件已经保存在我们建的文件夹里。
站点中已经有了四个文件。
接下来,我们开始编辑index.html。
单击index.html,显示为当前页面。
单击拆分,然后我们看这个,这个就是网页名字,我们以张三为例,这个网页就叫张三之家,这样老师的第六条我们就完成一半了,同样的方法给其他三个网页改名字。
A网页标题B网页标题C网页标题改好名字之后,一一保存,这个不多说了,接下来操作index.html。
显示首页为当前编辑页面。
首先为index.html页面添加背景音乐。
大家在代码视图里找到<body><body/>,这个是什么意思就不解释了,我也不知道,就是这个了,在<body>后面输入代码<bgsound>,然看见这张图片上,我光标指在哪里了吧,单击空格键,这个时候注意输入法要为美式键盘字母格式,只要不是汉字就行,得到一个菜单,单击src选中,然后单击enter建,这个时候紧跟着src会出现一个浏览,单击浏览,然后出现对话框,选择一首音乐,然后单击确定,会继续弹出一个对话框点击是,保存到自己建好的文件夹里面,注意这里不能用汉字做音乐名字,必须改成字母或者数字我是以beyond的歌为例,名字改为by,点击保存背景音乐就添加好了。
大家可以看一下,在站点目录下,已经有了这首歌曲。
接下来开始设计页面布局这里用表格布局,这个栏叫设计栏,由于大家都不会代码,所以我们主要在这个栏里操作,下面大家点击常用里面的表格,就是下面这张图片中的这个图标得到对话框如图所示数据:单击确定,得到如下界面这个插入的表格式可以自动调整大小的,大家可以自己试一下,接下来用这些表格布局,给大家看两个图标,这个图标就像是excel中那个合并和拆分单元格是一个意思,左边那个代表合并单元格,右面那个代表拆分单元格,excel大家都会把,就和那个布局差不错,我做一个简单的布局,为了方便,我把这个表格缩小,这个布局很简单,第二行全部合并,第三行第二三列合并,大家可以根据自己的需要进行拆分合并,还可以在表格里面再次插入表格。
宽度和高度的设置时在代码里找到<table width="900" border="0">,之后把它变成<table width="900" border="0" align=”center”height=””>,其中align表示表格位置,height表示表格高度,大家可以根据自己的需要来填数字,默认是以像素为单位的。
接下来制作导航,这是老师第六条中的第二个要求,注意我在这里给了两种方法,大家可以先看一下,再决定选择哪种我没看懂什么叫动态按钮导航条,不知道是让这个字动呢,还是让这个字动呢?如果大家嫌麻烦,就直接输入汉字,结果就是下面这样的如果要文字居中显示可以将这四个框同时选中,然后在水平栏里面选择居中以后所有的文字格式都可以在这里面选,但是首先要选中自己所要操作的文字。
创建链接,选中首页两个字,然后单击右键——创建链接,选择index.html,然后以同样的方法,给其他三个栏里的文字做链接,创建链接的文字会有下划线,同时改变颜色如果大家不嫌麻烦,教大家用flash做一个动态的按钮导航,把光标放在第一行第一个栏里,然后这个常用栏里的flash按钮,单击后面那个小三角,选择flash按钮。
得到对话框我们可以看到这个按钮的样式是可以自己选择的,大家随意选择一款自己喜欢的按钮,然后在按钮文本栏里,填入首页两个字,字体设置随意,然后链接这个栏里填入index.html,注意这里的链接就是超级链接,当你点击这个按钮的时候,它就会显示主页,我们设置后面三个按钮的时候,一定要记得,当你文本栏里填入个人简介字的时候,那你的链接就要指向简介那个页面,我们这里就是a.html。
其他像什么背景色之类的随意,然后单击确定。
这样第一个按钮就做好了,接下来我们自己做剩下的三个按钮,注意链接问题,大家做好后,可以看到自己站点内多了四个swf格式的文件,这四个就是按钮,保存的时候,有一个文件问是否要保存,一定要点击是,不然flash不运行了。
大家可以回到自己的文件夹里,打开首页,测试一下,是不是单击这四个按钮会指向自己所设置的网页,然后我们给第二行设置背景颜色,单击背景颜色后面那个方框,可以有弹出颜色选框,大家随意选择自己喜欢的颜色接下来,完成老师的第五个要求,制作表单,这个把光标指向第三行第一个栏选在表单选项中的。
也就是第一个按钮,这时得到界面我们把光标指向红线里面,输入“用户名:”然后点击表单选项中的第二个按钮弹出对话框,选择确定,得到界面同样方法换行输入密码再次换行,单击表单选项中的按钮项输入两个按钮,然后选中第一个按钮,得到以下属性将值后面栏里的文字改为登录,。
同样方法,把第二个按钮的值改为注册,接下来插入文字和图片,在现在的第二行第二列里操作把光标指向第三行第二列,选择常用栏选择这个栏里的图像按钮,弹出对话框,这时大家选择自己电脑里的一张图片,单击确定后弹出对话框,问是否保存在站点根目录下,单击确定,这时候需要注意的是,图片名字不能有汉字,图像标签和辅助属性那一栏不用管,单击确定即可。
接下来就是输入汉字了,我们在图片的后面先输入汉字,可以看到这样的显示,上面还空了很大一块地方,似乎不太好,不符合图文混排的规矩,大家单击图片选中,在属性栏里找到找到到对齐那一栏,在后面点选左对齐,得到最终图文效果是这样的。
第四行还有四个栏,大家可以在里面表明作者时间、以及自己的邮箱、QQ等内容,这里我就不写了。
实际上做到这里,我们几乎完成了老师的所有要求了就差添加两种行为了后面还有三个网页没做呢,怎么办啊,后面三个网页大家还没做,教大家一个简单的方法,大家把鼠标指向这个栏的左边,在表格和边框之间,我们可以发现,鼠标斜向右了。
首先单击鼠标左键,选中这个表格然后不要移动鼠标,同时单击右键,单击拷贝,然后这个表格就拷贝好了,打开其他三个页面,分别粘贴过去,图像属性描述不用管,取消,这样做的好处是它的好处非常多。
大家打开a.html,这个是个人简介,就是一个图文混排了,图文混排我们已经讲过了,更何况我们这个页面里已经有了图文混排了,大家可以换一张图片,换一些文字,做一些自我介绍什么的,都可以。
,但是我们最好把那个表单删掉,哪个是表单就不用我说了吧,就是这个了。
删掉之后,选中第三行三个栏,合并就好了,第二个页面就做好了,接下来我们看第三个页面,b.html,这个页面是个人相册这里我同样分两种方法给大家讲,第一种方法很简单。
就是插入几张图片,现在第三行剩下三个空栏,每个栏里插入一张图片,景色也好,其他也罢,然后加上图片说明,一切搞定,这个我就不写了,第二种方法还是用flash做相册,首先大家合并第三行三个栏。
并将光标指向第三行,然后单击这个图片中的插入记录——媒体——图像查看器,之后得到这样的界面注意这个是可以调节大小的,看你想要多大的相册了。
单击选中,我们会发现右面多出这样一个界面flash元素在其中找到然后单击后面的img1那里,会发现后面多出一支笔,单击那个笔,弹出对话框单击减号,将img1三个删掉,然后再单击加号,会多出一个文件夹标志,单击文件夹标志,然后弹出对话框在自己电脑里选择一张图片,将图片保存到站点根文件夹下,还是那个问题,名字中不能有汉字,添加好第一张图片之后界面如图大家可以多添加几张图片,这样一个相册就做好了,单击确定。
接下来就剩下第四页了,就是写几行文字的事情了,把表单和图文混排都删除,然后合并三个栏,然后添加一些文字,搞定了。
这四个页面都做好了,我们还有一项任务没有完成,那就是给页面添加两个行为下面我们讲添加行为,打开首页,单击图像选中,然后找到一下命令,看到行为面板下那个醒目的加号了吗单击加号——交换图像,弹出对话框单击浏览,在自己电脑中找出一张图片,单击确定,存放到站点根目录下,这样第一个行为就完成了,当我们鼠标滑过这张图片的时候,就会变为另一张图片。
下面添加第二个行为,我们将光标指向第二行蓝色背景哪一行,然后单击行为面板下的加号——弹出信息,得到对话框写上你好,单击确定。
这样在我们单击蓝色地带的时候,就会弹出你好信息框。